@import url("/desktop-nav.css?v=floating-20260917");
@font-face{font-family:'Space Grotesk';src:url('/assets/space-grotesk.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}
/* Approved Look Serious type system: Space Grotesk with GT America Mono. */



@font-face{font-family:'GT America Mono';src:url('/assets/fonts/web/GT-America-Mono-Regular.woff2') format('woff2'),url('/design-system/assets/fonts/GT-America-Mono-Regular.otf') format('opentype');font-weight:400 500;font-style:normal;font-display:swap}
@font-face{font-family:'GT America Mono';src:url('/design-system/assets/fonts/GT-America-Mono-Bold.otf') format('opentype');font-weight:600 900;font-style:normal;font-display:swap}
:root{font-synthesis:none}
:root :is(.project-caption h2,.project-caption h3,.process-card h3,.service-heading h3){font-weight:500}
:root :is(.studio-title em,.closing-title em){font-style:normal}


/* Project descriptions stay readable at every breakpoint. */
html:root body :is(.hero-caption,.case-caption,.case-caption .text-link,.project-caption p){font-size:max(var(--mobile-type-min,0px),14px);line-height:1.6;font-family:'GT America Mono',monospace}
html:root body :is(.hero-caption,.case-caption) .mono{font-size:inherit;line-height:inherit}

/* Mobile reading size is a floor, so larger type and 14px captions keep their scale. */
@media(max-width:760px),(pointer:coarse){
  :root{--mobile-type-min:16px}
}

/* A single, legible color surface for both mobile menu implementations. */
html:root body .site-menu{
  background-image:none;
}
html:root body .m-menu{background:var(--menu-bg,#fbfae6);color:#050605}
html:root body :is(.site-menu,.m-menu) :is(.menu-arrow,nav .m-arrow,.menu-cta .pixel-arrow){display:none}
html:root body .site-menu .menu-row[aria-current] .menu-label{text-decoration:underline;text-underline-offset:.15em;text-decoration-thickness:1px}

@media(max-width:760px){
  html:root body .boss-close .close-inner{display:flex;flex-direction:column;align-items:stretch;gap:32px;min-height:0;padding:64px 16px}
  html:root body .boss-close .close-heading{max-width:none}
  html:root body .boss-close h2{font-size:clamp(40px,10.6vw,64px);line-height:1.08}
  html:root body .boss-close h2 .indent{margin-left:0}
  html:root body .boss-close .closing-underline{width:256px;max-width:100%;height:4px;margin:24px 0 0}
  html:root body .boss-close .closing-cta{width:100%;min-width:0;min-height:64px;margin:0;padding:16px;background:var(--paper);color:var(--ink);font-size:max(var(--mobile-type-min,0px),14px)}
  html:root body .boss-close .closing-cta .cta-ink{padding:0;border:0;gap:16px}
  html:root body .boss-close .closing-cta .pixel-arrow{width:24px;height:24px}
  html:root body .boss-close .closing-cta .link-color-line{display:none}
}

/* A reading scale for phones: 16px metadata, 18px body, 20px introductions. */
@media(max-width:760px),(pointer:coarse){
  :root{--mobile-type-min:16px;--mobile-meta:16px;--mobile-body:18px;--mobile-intro:20px}
  html:root body{font-size:var(--mobile-body)}
  html:root body :is(.hero-caption,.case-caption,.case-caption .text-link,.project-caption p,.m-project-caption p){font-size:var(--mobile-meta);line-height:1.5}
  html:root body :is(.eyebrow,.m-eyebrow,.hero-marker,.intro-meta,.bio-role,.case-meta,.case-label,.footer-location,.menu-meta,.menu-copyright,.m-menu-note){line-height:1.5;letter-spacing:0}
  html:root body :is(.case-copy p,.capability p,.project-note,.process-card>p,.form-feedback,.form-feedback p){font-size:var(--mobile-body);line-height:1.6}
  html:root body :is(.hero-note p,.hero-copy-panel>p,.hero-intro,.case-lede,.m-studio-intro,.studio-note-copy>p:not(.eyebrow)){font-size:var(--mobile-intro);line-height:1.5}
}

@media(max-width:760px){
  html:root body .masthead{gap:12px}
  html:root body .masthead .menu-button{gap:8px;padding-left:8px;letter-spacing:.035em}
  html:root body .m-hero-link{width:208px;max-width:100%;gap:16px;min-height:56px}
  html:root body .m-project-caption{gap:16px}
  html:root body .m-project-caption>div{min-width:0}
  html:root body .m-project-caption p{margin-top:8px}
  html:root body .m-footer-bottom{align-items:flex-start;gap:16px}
  html:root body .hero-title-panel h1{position:relative;padding-right:.18em}
  html:root body .hero-title-panel sup{top:0;right:0}
  html:root body .hero-copy-panel{padding:24px}
  html:root body .system-tabs{gap:8px 16px}
  html:root body .system-tab{gap:8px;min-height:48px}
  html:root body .system-tab .part-index{width:24px;height:24px}
  html:root body .field>label{flex-wrap:wrap;gap:8px 16px;line-height:1.5;letter-spacing:0}
  html:root body .choice span{min-height:48px;padding:12px 16px}
  html:root body .form-footnote{flex-wrap:wrap;gap:12px 16px;line-height:1.5}
  html:root body .hero-bottom{flex-wrap:wrap;align-items:flex-start;gap:16px;padding-top:16px;padding-bottom:16px}
  html:root body .hero-bottom .text-link{white-space:normal}
  html:root body .hero-caption{gap:8px 16px;padding:16px;line-height:1.5}
  html:root body .hero-caption>span{min-width:0}
  html:root body .case-topline{flex-wrap:wrap;gap:16px}
  html:root body .case-meta{gap:24px 16px}
  html:root body .case-meta dt{margin-bottom:8px}
  html:root body .service-footer{grid-template-columns:1fr;gap:16px}
  html:root body .service-footer .motion-control{justify-self:start;padding:8px 0}
  html:root body .closing-bottom{grid-template-columns:1fr;gap:16px}
}


@font-face{font-family:'BDO Grotesk';src:url('/assets/space-grotesk.woff2') format('woff2');font-weight:300 700;font-style:normal;font-display:swap}