/* Selective visual refresh: the stories, product screens and state rules stay intact. */
@font-face{font-family:'Timeless Sans';src:url('/_next/static/media/TimelessSansVF.ttf') format('truetype');font-style:normal;font-weight:300 800;font-display:swap}
@font-face{font-family:'Timeless Serif';src:url('/_next/static/media/TimelessSerifVF.ttf') format('truetype');font-style:normal;font-weight:200 700;font-display:swap}
:root{--paper:#fff;--paper-2:#f1f5fb;--white:#fff;--sans:'Timeless Sans','Geist',Arial,sans-serif}
.hero h1,.hero-thesis,h2,.chapter-heading h2,.closing-statement{font-family:var(--sans);letter-spacing:-.045em}
.hero-sub{font-family:'Timeless Serif',Georgia,serif;font-weight:400}
.hero h1{line-height:.9;letter-spacing:-.06em;font-weight:600}
.hero{padding-bottom:96px}.hero-stage{margin-top:60px}
.browser-frame{border-radius:24px;border-color:var(--line);box-shadow:0 24px 70px rgb(25 45 80 / .12)}
.browser-chrome{background:#f1f5fb;height:40px}
.site-header{border-bottom:1px solid var(--line);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%)}
.portfolio-shell{background:#f1f5fb!important}.portfolio-shell__brand strong{font-family:var(--sans);font-size:21px}
.portfolio-shell__actions a{border-radius:12px}.cs-next-study,.cs-browse-work{border-radius:24px}
.reading-path a,.cta-band>a{border-radius:16px}
/* Keep introductory copy in the existing single-column mobile reading flow. */
@media(max-width:1000px){.section-head>.lead{grid-column:1}}
@media(max-width:760px){.hero h1{font-size:23vw;line-height:.92}.hero-thesis{font-size:32px}.hero-sub{font-size:17px}.browser-frame{border-radius:16px}}
@media(max-width:760px){.hero h1:has(>.nowrap){font-size:19vw}}
/* Page typography matches the portfolio: labels, captions and indexes use Timeless Sans instead of Geist Mono.
   Product mockups and prototypes keep their original typography. */
body{--mono:'Timeless Sans','Geist',Arial,sans-serif}
.browser-frame,.hero-stage,.plan-canvas,.film-stages,.film-frame{--mono:'Geist Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
/* Introductory and section lead paragraphs use Timeless Serif. */
.lead{font-family:'Timeless Serif',Georgia,serif;font-weight:400}