@import url('https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&display=swap');

:root {
  --rbj-ink: #121619;
  --rbj-paper: #f4f6f3;
  --rbj-lime: #b7f34a;
  --rbj-cyan: #5ee7f1;
  --rbj-muted: #63706d;
  --rbj-line: rgba(18, 22, 25, 0.16);
}

[data-md-color-scheme="slate"] {
  --rbj-ink: #f2f5f0;
  --rbj-paper: #101514;
  --rbj-muted: #9ba8a4;
  --rbj-line: rgba(242, 245, 240, 0.17);
  --md-default-bg-color: var(--rbj-paper);
  --md-default-fg-color: var(--rbj-ink);
}

body, .md-typeset { color: var(--rbj-ink); }
body { background: var(--rbj-paper); }
body:has(.home-nav) .md-header, body:has(.home-nav) .md-tabs { display: none; }
body:has(.home-nav) .md-content__inner { padding-top: 0; }
.md-header { background: color-mix(in srgb, var(--rbj-paper) 92%, transparent); color: var(--rbj-ink); backdrop-filter: blur(14px); border-bottom: 1px solid var(--rbj-line); box-shadow: none; }
.md-header__title, .md-tabs__link, .md-header__button { color: var(--rbj-ink); }
.md-tabs { background: var(--rbj-paper); border-bottom: 1px solid var(--rbj-line); }
.md-tabs__link { color: var(--rbj-ink); font-weight: 650; }
.md-main__inner { margin-top: 0; }
.md-content__inner { padding-top: 2rem; }
.md-content__inner:before { display: none; }
.md-typeset { font-size: .84rem; line-height: 1.7; }
.md-typeset h1, .md-typeset h2, .md-typeset h3 { color: var(--rbj-ink); font-weight: 700; letter-spacing: -.035em; }
.md-typeset h1 { max-width: 940px; margin: 1.1rem 0 2rem; font-size: clamp(3.1rem, 8vw, 6.7rem); line-height: .92; }
.md-typeset h1 em, .md-typeset h2 em { color: var(--rbj-ink); font-family: Georgia, serif; font-weight: 400; background: linear-gradient(transparent 61%, var(--rbj-lime) 61% 91%, transparent 91%); box-decoration-break: clone; -webkit-box-decoration-break: clone; }
.md-typeset h2 { font-size: clamp(2rem, 4vw, 3.6rem); line-height: 1.02; }
.md-typeset h3 { font-size: 1.15rem; }
.md-typeset a { color: inherit; }
.home-nav { display: flex; min-height: 5rem; align-items: center; justify-content: space-between; gap: 2rem; border-bottom: 1px solid var(--rbj-line); }
.home-nav a { color: var(--rbj-ink); text-decoration: none; }
.home-nav__brand { display: flex; align-items: center; gap: .75rem; font-size: .78rem; font-weight: 750; letter-spacing: -.01em; }
.home-nav__brand span { display: grid; width: 2.2rem; height: 2.2rem; place-items: center; background: var(--rbj-ink); color: var(--rbj-paper); font: 700 .6rem ui-monospace, monospace; letter-spacing: .08em; }
.home-nav__links { display: flex; align-items: center; gap: clamp(1.2rem, 3vw, 2.5rem); font-size: .72rem; font-weight: 700; }
.home-nav__links a { position: relative; padding: .35rem 0; }
.home-nav__links a:after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: .3rem; z-index: -1; background: var(--rbj-lime); transform: scaleX(0); transform-origin: left; transition: transform .18s ease; }
.home-nav__links a:hover:after, .home-nav__links a:focus-visible:after { transform: scaleX(1); }

.hero { display: grid; grid-template-columns: 1.35fr .85fr; min-height: 60vh; padding: clamp(2rem, 5vw, 4rem) 0 4rem; gap: 4rem; align-items: start; border-bottom: 1px solid var(--rbj-line); }
.hero h1 { font-size: clamp(3.3rem, 8vw, 7rem); margin: .8rem 0 1.5rem; max-width: none; }
.eyebrow, .section-index, .page-kicker { font: 700 .68rem/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .13em; text-transform: uppercase; }
.section-index { display: flex; align-items: center; gap: .7rem; }
.section-index:before { content: ""; width: 1.8rem; height: .55rem; flex: 0 0 auto; background: var(--rbj-lime); transform: rotate(-2deg); }
.status-dot { display: inline-block; width: .58rem; height: .58rem; border-radius: 50%; background: var(--rbj-lime); margin-right: .45rem; box-shadow: 0 0 0 4px color-mix(in srgb, var(--rbj-lime) 25%, transparent); }
.hero__lede { max-width: 39rem; font-size: clamp(1.28rem, 2.15vw, 1.65rem); line-height: 1.48; letter-spacing: -.012em; color: var(--rbj-ink); }
.hero__lede mark { padding: 0 .08em; color: inherit; background: linear-gradient(transparent 57%, var(--rbj-lime) 57% 91%, transparent 91%); }
.hero__actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2rem; }
.button { display: inline-flex; align-items: center; justify-content: center; min-height: 3rem; padding: .72rem 1.15rem; border: 1px solid var(--rbj-ink); border-radius: 0; font-weight: 700; text-decoration: none; transition: transform .18s ease, background .18s ease; }
.button:hover { transform: translateY(-2px); }
.button--primary { background: var(--rbj-ink); color: var(--rbj-paper) !important; }
.button--quiet { background: transparent; }
.hero__visual { position: relative; }
.signal-card { position: relative; min-height: 360px; padding: 1rem; color: #101514; background: var(--rbj-lime); transform: rotate(1.5deg); box-shadow: 14px 14px 0 var(--rbj-ink); }
.signal-card__head, .signal-card__foot { display: flex; justify-content: space-between; gap: 1rem; font: 700 .65rem/1.2 ui-monospace, monospace; letter-spacing: .08em; }
.signal-card__foot { align-items: end; }
.signal-card__foot strong { font-size: 1.15rem; }
.signal-chart { position: relative; height: 260px; margin: 1rem 0; background: repeating-linear-gradient(0deg, transparent 0 51px, rgba(16,21,20,.13) 52px), repeating-linear-gradient(90deg, transparent 0 51px, rgba(16,21,20,.13) 52px); }
.signal-chart:before { content: ""; position: absolute; inset: 10% 0 12%; background: linear-gradient(165deg, transparent 0 44%, #101514 45% 46%, transparent 47%); }
.signal-chart span { position: absolute; left: var(--x); top: var(--y); width: 11px; height: 11px; border-radius: 50%; background: #101514; transform: translate(-50%,-50%); }
.margin-note { margin: 2.5rem 0 0 2rem; color: var(--rbj-muted); font-family: Georgia, serif; font-size: 1rem; font-style: italic; }

.home-section { padding: clamp(3rem, 6vw, 5rem) 0; border-bottom: 1px solid var(--rbj-line); }
.home-about { padding-bottom: 0; }
.section-index, .page-kicker { color: var(--rbj-muted); margin-bottom: 2rem; }
.intro-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(3rem, 8vw, 8rem); }
.intro-grid h2 { max-width: 560px; margin-top: 0; }
.capability { display: grid; grid-template-columns: 2rem 8rem 1fr; align-items: baseline; gap: 1rem; padding: 1.4rem 0; border-top: 1px solid var(--rbj-line); }
.capability > span, .value-card > span { color: var(--rbj-muted); font: .7rem ui-monospace, monospace; }
.capability > span { width: max-content; padding: .22rem .38rem; background: var(--rbj-lime); color: #101514; font-weight: 700; }
.capability h3, .capability p { margin: 0; }
.capability p { color: var(--rbj-muted); }
.principle-line { display: grid; grid-template-columns: minmax(240px, .7fr) 1.3fr; gap: 3rem; align-items: baseline; padding: 1.65rem 0; border-top: 1px solid var(--rbj-line); }
.principle-line > span { font-size: clamp(1.5rem, 3vw, 2.5rem); font-weight: 700; letter-spacing: -.04em; }
.principle-line p { max-width: 600px; color: var(--rbj-muted); }
.text-link { display: inline-flex; gap: .5rem; align-items: center; margin-top: 1.5rem; padding-bottom: .2rem; border-bottom: 2px solid var(--rbj-lime); font-weight: 700; text-decoration: none; }
.split-story { display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(3rem, 8vw, 8rem); align-items: center; }
.photo-frame img { width: 100%; aspect-ratio: 3/2; object-fit: cover; filter: saturate(.88) contrast(1.04); }
.photo-frame p { display: flex; justify-content: space-between; gap: 1rem; margin-top: .55rem; color: var(--rbj-muted); font: .68rem ui-monospace, monospace; }
.split-story__copy p:not(.section-index) { max-width: 600px; color: var(--rbj-ink); font-size: 1.18rem; line-height: 1.55; letter-spacing: -.008em; }
.current-grid { display: grid; grid-template-columns: repeat(3, 1fr); border: 1px solid var(--rbj-line); }
.current-card { display: flex; min-height: 280px; flex-direction: column; padding: 1.5rem; text-decoration: none; border-right: 1px solid var(--rbj-line); transition: background .18s ease; }
.current-card:last-child { border: 0; }
a.current-card:hover { background: color-mix(in srgb, var(--rbj-cyan) 10%, transparent); }
.current-card > span { font: 700 .64rem ui-monospace, monospace; letter-spacing: .12em; color: var(--rbj-muted); }
.current-card h3 { margin: 2.2rem 0 .5rem; font-size: 1.65rem; }
.current-card p { color: var(--rbj-muted); }
.current-card b { margin-top: auto; font-size: .75rem; }
.current-card--product { box-shadow: inset 0 4px 0 var(--rbj-lime); }
.current-card:first-child { box-shadow: inset 0 4px 0 var(--rbj-lime); }

.page-kicker { margin-top: 3rem; }
.about-lede, .photo-lede { max-width: 760px; margin: 0 0 4rem; color: var(--rbj-ink); font-size: 1.28rem; line-height: 1.58; letter-spacing: -.008em; }
.about-portrait { display: grid; grid-template-columns: 1.3fr .7fr; gap: 2rem; align-items: end; margin: 3rem 0 4rem; }
.about-portrait img { width: 100%; max-height: 680px; object-fit: cover; object-position: center 58%; filter: saturate(.75); }
.about-portrait p { max-width: 300px; color: var(--rbj-muted); font-family: Georgia, serif; font-style: italic; }
.values-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin: 2rem 0 7rem; border-top: 1px solid var(--rbj-line); border-left: 1px solid var(--rbj-line); }
.values-preview { padding-bottom: clamp(2rem, 4vw, 3.5rem); }
.values-preview .values-grid { margin-bottom: 1rem; }
.value-card { min-height: 260px; padding: 1.4rem; border-right: 1px solid var(--rbj-line); border-bottom: 1px solid var(--rbj-line); }
.value-card:nth-child(2), .value-card:nth-child(5) { box-shadow: inset 0 5px 0 var(--rbj-lime); }
.value-card:nth-child(2) > span, .value-card:nth-child(5) > span { display: inline-block; width: max-content; padding: .2rem .35rem; background: var(--rbj-lime); color: #101514; }
.value-card h3 { margin-top: 3rem; font-size: 1.3rem; }
.value-card p { color: var(--rbj-muted); }
.career-timeline { margin: 2rem 0 7rem; border-top: 1px solid var(--rbj-line); }
.career-timeline > div { display: grid; grid-template-columns: 8rem 1fr 1fr; gap: 2rem; padding: 1.4rem 0; border-bottom: 1px solid var(--rbj-line); }
.career-timeline time { color: var(--rbj-muted); font: .7rem ui-monospace, monospace; }
.career-timeline span { color: var(--rbj-muted); }
.impact-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin: 3rem 0 5rem; border-top: 1px solid var(--rbj-line); border-left: 1px solid var(--rbj-line); }
.impact-grid > div { display: flex; min-height: 220px; flex-direction: column; padding: 1.3rem; border-right: 1px solid var(--rbj-line); border-bottom: 1px solid var(--rbj-line); }
.impact-grid > div:first-child { background: var(--rbj-lime); color: #101514; }
.impact-grid > div:first-child strong, .impact-grid > div:first-child span { color: #101514; }
.impact-grid strong { color: var(--rbj-ink); font-size: clamp(2.4rem, 5vw, 4.6rem); line-height: 1; letter-spacing: -.07em; }
.impact-grid span { margin-top: auto; color: var(--rbj-muted); font-size: .78rem; line-height: 1.45; }
.career-stream { margin: 0 0 4rem; border-top: 1px solid var(--rbj-line); }
.career-section { padding-top: clamp(2rem, 4vw, 3.5rem); }
.career-entry { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(2rem, 6vw, 6rem); padding: clamp(2.5rem, 5vw, 4.5rem) 0; border-bottom: 1px solid var(--rbj-line); }
.career-entry header { display: grid; grid-template-columns: 7rem 1fr; gap: 1rem; align-content: start; }
.career-entry time, .career-entry header span { color: var(--rbj-muted); font: 700 .66rem/1.3 ui-monospace, monospace; letter-spacing: .1em; }
.career-entry header h3 { margin: .55rem 0 0; font-size: clamp(1.55rem, 3vw, 2.4rem); line-height: 1.05; }
.career-entry--current header h3:after { content: "CURRENT"; display: inline-block; margin-left: .65rem; padding: .22rem .4rem; vertical-align: middle; background: var(--rbj-lime); color: #101514; font: 700 .52rem ui-monospace, monospace; letter-spacing: .08em; }
.career-entry--current { background: linear-gradient(90deg, color-mix(in srgb, var(--rbj-lime) 13%, transparent) 0 42%, transparent 42%); }
.achievement-list { counter-reset: outcome; }
.achievement-list p { position: relative; margin: 0; padding: 1.1rem 0 1.1rem 2.5rem; color: var(--rbj-muted); border-top: 1px solid var(--rbj-line); font-size: .88rem; line-height: 1.65; counter-increment: outcome; }
.achievement-list p:first-child { padding-top: 0; border-top: 0; }
.achievement-list p:before { content: "0" counter(outcome); position: absolute; left: 0; top: 1.3rem; color: var(--rbj-muted); font: .62rem ui-monospace, monospace; }
.achievement-list p:first-child:before { top: .2rem; }
.achievement-list strong { color: var(--rbj-ink); font-weight: 700; }
.about-details { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(3rem, 8vw, 8rem); margin: -3rem 0 1rem; }
.about-details > div { padding-top: 1.3rem; border-top: 1px solid var(--rbj-line); }
.about-details > div > span { color: var(--rbj-muted); font: 700 .65rem ui-monospace, monospace; letter-spacing: .12em; }
.about-details h3 { margin: 2rem 0 .25rem; }
.about-details p { margin-top: 0; color: var(--rbj-muted); }
.recognition-heading { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(3rem, 8vw, 8rem); align-items: end; margin-bottom: 4rem; }
.recognition-heading h2, .recognition-heading p { margin: 0; }
.recognition-heading p { max-width: 520px; color: var(--rbj-ink); font-size: 1.18rem; line-height: 1.55; letter-spacing: -.008em; }
.recognition-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem, 5vw, 5rem); }
.recognition-column { border-top: 3px solid var(--rbj-ink); }
.recognition-column--awards { border-top-color: var(--rbj-lime); }
.recognition-column__title { display: flex; justify-content: space-between; gap: 1rem; padding: .9rem 0 1.6rem; color: var(--rbj-muted); font: 700 .62rem/1.3 ui-monospace, monospace; letter-spacing: .1em; }
.recognition-entry { display: grid; grid-template-columns: 6.2rem 1fr; gap: 1rem; min-height: 145px; padding: 1.35rem 0; border-top: 1px solid var(--rbj-line); }
.recognition-entry time, .recognition-entry div > span { color: var(--rbj-muted); font: 700 .61rem/1.4 ui-monospace, monospace; letter-spacing: .08em; }
.recognition-entry h3 { margin: .55rem 0 .25rem; font-size: 1.14rem; line-height: 1.2; letter-spacing: -.02em; }
.recognition-entry p { margin: 0; color: var(--rbj-muted); font-size: .78rem; }
.recognition-entry--active time:before { content: ""; display: inline-block; width: .5rem; height: .5rem; margin-right: .45rem; border-radius: 50%; background: var(--rbj-lime); box-shadow: 0 0 0 3px color-mix(in srgb, var(--rbj-lime) 22%, transparent); }
.recognition-entry--featured { position: relative; }
.recognition-entry--featured:after { content: "LATEST"; position: absolute; top: 1.35rem; right: 0; padding: .22rem .4rem; color: #101514; background: var(--rbj-lime); font: 700 .5rem ui-monospace, monospace; letter-spacing: .08em; }
.contact-strip { margin: 6rem 0 2rem; padding: 3rem; background: var(--rbj-lime); color: #101514; }
.contact-strip h3 { margin: .6rem 0 1.5rem; color: #101514; font-size: 2rem; }
.contact-strip > span { font: 700 .65rem ui-monospace, monospace; letter-spacing: .1em; }

.photo-essay { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem 2rem; margin: 4rem 0 8rem; }
.photo-essay figure { margin: 0; }
.photo-essay__hero { grid-column: 1 / -1; }
.photo-essay img { width: 100%; height: 480px; object-fit: cover; }
.photo-essay__hero img { height: min(70vh, 720px); }
.photo-essay__tall img { object-position: center 70%; }
.photo-essay figcaption { display: grid; grid-template-columns: 2rem 1fr; gap: 1rem; padding-top: .8rem; border-top: 1px solid var(--rbj-line); }
.photo-essay figcaption span { color: var(--rbj-muted); font: .7rem ui-monospace, monospace; }
.photo-essay figcaption p { margin: 0; color: var(--rbj-muted); }
.photo-philosophy { max-width: 760px; margin: 0 0 6rem auto; }

/* Blog index and post reading experience */
.blog-hero { padding: clamp(3rem, 7vw, 6rem) 0 clamp(2.5rem, 5vw, 4rem); }
.blog-hero h1 { margin: .8rem 0 1.25rem; max-width: 720px; font-size: clamp(2.6rem, 5vw, 4.6rem); line-height: .98; }
.blog-hero > p:last-child { max-width: 540px; margin: 0; color: var(--rbj-muted); font-size: 1rem; line-height: 1.65; }
.blog-hero h1, body:has(.md-content--post) .md-content__inner > h1, .md-post__content h2 { font-family: Newsreader, Georgia, serif; font-weight: 500; letter-spacing: -.045em; }
body:has(.md-post--excerpt) .md-content__inner { max-width: 1080px; }
body:has(.md-post--excerpt) .md-sidebar--primary { display: none; }
body:has(.md-post--excerpt) .md-main__inner { margin: 0 auto; }
body:has(.md-post--excerpt) .md-content__inner > header { display: none; }
body:has(.md-post--excerpt) .md-post__content,
body:has(.md-post--excerpt) .blog-hero > p:last-child { font-family: Newsreader, Georgia, serif; }
.md-post--excerpt { display: grid; grid-template-columns: 12rem 1fr; gap: clamp(2rem, 6vw, 6rem); margin: 0; padding: clamp(2rem, 4vw, 3.5rem) 0; border-bottom: 1px solid var(--rbj-line); }
.md-post--excerpt:first-of-type { margin-top: 0; padding: clamp(2rem, 4vw, 3.5rem) 0; border-top: 4px solid var(--rbj-lime); background: transparent; }
.md-post__header { display: block; }
.md-post__authors { margin: 0 0 1rem; }
.md-post__authors .md-author { display: block; width: 2.8rem; height: 2.8rem; overflow: hidden; }
.md-post__authors .md-author img { display: block; width: 100%; height: 100%; aspect-ratio: 1; object-fit: cover; object-position: center 35%; border: 0; border-radius: 0; filter: grayscale(1); }
.md-post__meta { margin: 0; }
.md-meta__list { display: flex; flex-wrap: wrap; gap: .35rem .8rem; margin: 0; padding: 0; list-style: none; }
.md-meta__item { color: var(--rbj-muted); font: .64rem/1.4 ui-monospace, monospace; letter-spacing: .04em; }
.md-meta__link { color: var(--rbj-ink); text-decoration: underline; text-decoration-color: var(--rbj-lime); text-underline-offset: .2em; }
.md-post__content h2 { margin: 0 0 1rem; font-size: clamp(1.35rem, 2.2vw, 2rem); line-height: 1.1; }
.md-post__content h2 a { text-decoration: none; }
.md-post__content > p { max-width: 680px; margin: 0; color: var(--rbj-muted); font-size: 1rem; line-height: 1.7; }
.md-post__action { margin-top: 1.5rem; }
.md-post__action a { display: inline-flex; align-items: center; gap: .6rem; padding-bottom: .25rem; border-bottom: 2px solid var(--rbj-lime); font-size: .75rem; font-weight: 750; text-decoration: none; }
.md-post__action a:after { content: "↗"; font-size: 1rem; }
body:has(.md-content--post) .md-sidebar--post { display: none; }
body:has(.md-content--post) .md-content { display: block; }
body:has(.md-content--post) .md-content__inner { max-width: 760px; margin: 0 auto; padding-top: clamp(2.5rem, 5vw, 4rem); }
body:has(.md-content--post) .md-content__inner.md-typeset { font-family: Newsreader, Georgia, serif; }
body:has(.md-content--post) .md-content__inner.md-typeset code,
body:has(.md-content--post) .md-content__inner.md-typeset pre,
body:has(.md-content--post) .md-content__inner.md-typeset .md-tags,
body:has(.md-content--post) .md-content__inner.md-typeset .md-social { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }
body:has(.md-content--post) .md-post__back { margin-bottom: 2rem; }
body:has(.md-content--post) .md-post__back .md-nav__link { color: var(--rbj-muted); font: .68rem ui-monospace, monospace; text-transform: uppercase; letter-spacing: .08em; }
body:has(.md-content--post) .md-tags { margin-bottom: 1.2rem; }
body:has(.md-content--post) .md-tag { border-color: var(--rbj-lime); background: color-mix(in srgb, var(--rbj-lime) 22%, transparent); color: var(--rbj-ink); font: .65rem ui-monospace, monospace; }
body:has(.md-content--post) .md-content__inner > h1 { max-width: 760px; margin: 0 0 1.6rem; font-size: clamp(2.3rem, 5vw, 4.2rem); line-height: .98; }
body:has(.md-content--post) .md-typeset { font-size: .92rem; }
body:has(.md-content--post) .md-content__inner > p { max-width: 700px; font-size: .98rem; line-height: 1.8; }
body:has(.md-content--post) .md-content__inner > p:first-of-type { margin-bottom: 2.4rem; padding: 1.1rem 0 1.1rem 1.25rem; border-left: 4px solid var(--rbj-lime); color: var(--rbj-ink); font-family: Newsreader, Georgia, serif; font-size: 1.08rem; line-height: 1.62; }
body:has(.md-content--post) .md-post__profile .md-author { display: block; width: 3rem; height: 3rem; overflow: hidden; }
body:has(.md-content--post) .md-post__profile .md-author img { display: block; width: 100%; height: 100%; aspect-ratio: 1; object-fit: cover; object-position: center 35%; border-radius: 0; }
body:has(.md-content--post) .md-content__inner p:has(> a.md-button) { display: flex; flex-wrap: wrap; gap: .65rem; margin-top: 3.5rem; padding: 1.5rem 0 3.5rem; border-top: 1px solid var(--rbj-line); }
body:has(.md-content--post) .md-content__inner p:has(> a.md-button) .md-button { display: inline-flex; align-items: center; gap: .5rem; min-height: 2.5rem; margin: 0; padding: .55rem .85rem; border: 1px solid var(--rbj-ink); border-radius: 0; background: transparent; color: var(--rbj-ink); font: 700 .65rem ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .04em; text-transform: uppercase; }
body:has(.md-content--post) .md-content__inner p:has(> a.md-button) .md-button:hover { background: var(--rbj-lime); }
body:has(.md-content--post) .md-content__inner p:has(> a.md-button) .twemoji { width: .85rem; height: .85rem; }
body:has(.md-content--post) .md-footer__link { font-family: Newsreader, Georgia, serif; }
body:has(.md-content--post) .md-sidebar--secondary { border-left: 1px solid var(--rbj-line); }
body:has(.md-content--post) .md-sidebar--secondary .md-sidebar__scrollwrap { padding: 2.5rem 0 2.5rem 1.5rem; }
body:has(.md-content--post) .md-sidebar--secondary .md-nav__title { padding: 0 0 .8rem; color: var(--rbj-muted); font: 700 .62rem ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .12em; text-transform: uppercase; }
body:has(.md-content--post) .md-sidebar--secondary .md-nav__title:before { content: ""; display: inline-block; width: 1.5rem; height: .25rem; margin: 0 .55rem .1rem 0; background: var(--rbj-lime); }
body:has(.md-content--post) .md-sidebar--secondary .md-nav__link { margin: 0; padding: .35rem 0; color: var(--rbj-muted); font: .7rem/1.35 ui-monospace, SFMono-Regular, Menlo, monospace; }
body:has(.md-content--post) .md-sidebar--secondary .md-nav__link:hover,
body:has(.md-content--post) .md-sidebar--secondary .md-nav__link--active { color: var(--rbj-ink); background: transparent; }

/* Keep the documentation chrome, but make it feel like the same editorial site. */
body:not(:has(.home-nav)) .md-header { min-height: 4rem; background: var(--rbj-paper); border-bottom: 1px solid var(--rbj-line); box-shadow: none; }
body:not(:has(.home-nav)) .md-header__inner { max-width: 1080px; }
body:not(:has(.home-nav)) .md-header__title { font-size: .8rem; font-weight: 750; letter-spacing: -.02em; }
body:not(:has(.home-nav)) .md-tabs { background: var(--rbj-paper); border-bottom: 1px solid var(--rbj-line); box-shadow: none; }
body:not(:has(.home-nav)) .md-tabs__link { font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; }
body:has(.md-post--excerpt) .md-tabs, body:has(.md-content--post) .md-tabs { display: none; }
.rbj-site-header { background: var(--rbj-paper); border-bottom: 1px solid var(--rbj-line); box-shadow: none; }
.rbj-site-header .md-header__inner { display: flex; min-height: 5rem; box-sizing: border-box; align-items: center; justify-content: space-between; gap: 2rem; max-width: 1080px; padding-top: 1.25rem; padding-bottom: 1.25rem; }
.rbj-site-header__brand { display: inline-flex; align-items: center; gap: .7rem; color: var(--rbj-ink); text-decoration: none; }
.rbj-site-header__brand span { display: grid; width: 2.2rem; height: 2.2rem; place-items: center; background: var(--rbj-ink); color: var(--rbj-paper); font: 700 .6rem ui-monospace, monospace; letter-spacing: .08em; }
.rbj-site-header__brand strong { font-size: .78rem; letter-spacing: -.01em; }
.rbj-site-header__links { display: flex; align-items: center; gap: clamp(1.2rem, 3vw, 2.5rem); margin-left: auto; }
.rbj-site-header__links a { position: relative; padding: .35rem 0; color: var(--rbj-ink); font: 700 .72rem ui-monospace, monospace; text-decoration: none; }
.rbj-site-header__links a:after { content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: .3rem; z-index: -1; background: var(--rbj-lime); transform: scaleX(0); transform-origin: left; transition: transform .18s ease; }
.rbj-site-header__links a:hover:after, .rbj-site-header__links a:focus-visible:after { transform: scaleX(1); }
.rbj-site-header__tools { display: flex; align-items: center; gap: .3rem; }
.rbj-site-header__tools .md-header__button { color: var(--rbj-ink); }

@media screen and (min-width: 76.25em) { .md-grid { max-width: 1360px; } }
@media screen and (max-width: 60em) {
  .hero { grid-template-columns: 1fr; min-height: auto; }
  .hero__visual { max-width: 540px; }
  .intro-grid, .split-story, .recognition-heading { grid-template-columns: 1fr; }
  .current-grid, .values-grid { grid-template-columns: 1fr 1fr; }
  .impact-grid { grid-template-columns: 1fr 1fr; }
}
@media screen and (max-width: 44em) {
  .md-typeset { font-size: .78rem; }
  .hero { padding-top: 3.5rem; gap: 2.5rem; }
  .hero h1 { font-size: clamp(3rem, 15vw, 4.5rem); }
  .home-nav { min-height: 4.4rem; }
  .home-nav__brand { font-size: 0; gap: 0; }
  .home-nav__brand span { font-size: .6rem; }
  .home-nav__links { gap: 1rem; font-size: .66rem; }
  .signal-card { min-height: 300px; box-shadow: 8px 8px 0 var(--rbj-ink); }
  .signal-chart { height: 200px; }
  .capability { grid-template-columns: 2rem 1fr; }
  .capability p { grid-column: 2; }
  .principle-line, .career-timeline > div { grid-template-columns: 1fr; gap: .4rem; }
  .career-entry { grid-template-columns: 1fr; gap: 1.8rem; }
  .career-entry header { grid-template-columns: 1fr; gap: .45rem; }
  .impact-grid { grid-template-columns: 1fr 1fr; }
  .impact-grid > div { min-height: 185px; }
  .current-grid, .values-grid, .photo-essay { grid-template-columns: 1fr; }
  .current-card { border-right: 0; border-bottom: 1px solid var(--rbj-line); }
  .photo-essay__hero { grid-column: auto; }
  .photo-essay img, .photo-essay__hero img { height: auto; max-height: 72vh; }
  .about-portrait { grid-template-columns: 1fr; margin-bottom: 3rem; }
  .about-details { grid-template-columns: 1fr; margin-top: -2rem; }
  .recognition-grid { grid-template-columns: 1fr; }
  .recognition-entry { grid-template-columns: 5rem 1fr; min-height: 0; }
  .blog-hero { padding-top: 2.5rem; }
  .blog-hero h1 { font-size: clamp(2.5rem, 12vw, 3.8rem); }
  .md-post--excerpt { grid-template-columns: 1fr; gap: 1.2rem; }
  .md-post--excerpt:first-of-type { margin-left: 0; margin-right: 0; }
  .md-post__authors { margin-bottom: .5rem; }
  body:has(.md-content--post) .md-content__inner { padding-top: 2.5rem; }
  body:has(.md-content--post) .md-content__inner > h1 { font-size: clamp(2.35rem, 11vw, 3.8rem); }
  .rbj-site-header__links { gap: .7rem; }
  .rbj-site-header__links a:nth-child(2) { display: none; }
  .rbj-site-header__brand strong { display: none; }
  .contact-strip { padding: 2rem 1.3rem; }
}

@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition-duration: 0s !important; } }