@font-face{font-family:'League Spartan';src:url('assets/fonts/league-spartan-100.ttf') format('truetype');font-style:normal;font-weight:100;font-display:swap}
@font-face{font-family:'League Spartan';src:url('assets/fonts/league-spartan-200.ttf') format('truetype');font-style:normal;font-weight:200;font-display:swap}
@font-face{font-family:'League Spartan';src:url('assets/fonts/league-spartan-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'League Spartan';src:url('assets/fonts/league-spartan-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{--font-site:'League Spartan',Arial,sans-serif;--type-title:clamp(44px,6vw,88px);--type-section:clamp(32px,4vw,60px);--type-body:clamp(15px,1.15vw,17px);--type-caption:12px;--type-ui:13px}
html{font-synthesis:none;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-family:var(--font-site);font-size:16px;font-weight:400}
input,select,textarea,button{font-family:inherit}
.site-header nav,.text-link,.filters button,.scroll-work,.back-top{font-size:var(--type-ui)}
.wordmark{font-size:21px;letter-spacing:-.035em}
.eyebrow{font-size:12px;line-height:1.5;letter-spacing:.08em}
.page-intro h1{font-size:clamp(72px,11vw,160px);line-height:1;letter-spacing:-.055em}
.collection-intro h1{font-size:clamp(58px,9vw,138px)}
.project-caption h3,.other-grid .project-caption h3{font-size:26px;line-height:1.15;letter-spacing:-.025em}
.project-caption p,.intro-bottom>p{font-size:15px;line-height:1.55}
.project-discipline{font-size:11px;line-height:1.5}
.project-number,.project-open,.small-count{font-size:12px}
.section-heading h2,.home-about h2{font-size:var(--type-section);letter-spacing:-.035em;line-height:1.1}
.home-about p:not(.eyebrow){font-size:18px;line-height:1.6}
.ow-single-project .ow-study-header h1{font-size:var(--type-title);letter-spacing:-.035em}
.ow-study-subtitle{font-size:clamp(20px,1.8vw,26px)}
.ow-study-intro,.ow-chapter-heading>p,.ow-inline-story>p:not(.eyebrow){font-size:var(--type-body);line-height:1.7}
.ow-study-meta,.ow-photo figcaption,.ow-gallery-note{font-size:var(--type-caption);line-height:1.6}
.ow-chapter-heading :is(h2,h3){font-size:clamp(30px,3vw,44px)}
.ow-project-context{font-size:14px}
.ow-project-context .eyebrow,.ow-page-nav>.eyebrow{font-size:11px}
.ow-business-flow p:last-child{font-size:15px}
/* Match the narrative selectors directly so older case-study rules cannot shrink copy. */
.birth-case .birth-hero-copy>p:last-child,
.birth-case .birth-three p,
.birth-case .birth-decisions p,
.birth-case .birth-research-intro p,
.birth-case .birth-method p,
.birth-case .birth-mechanism-row p,
.birth-case .birth-build p,
.birth-case .birth-takeaway p,
.birth-case .birth-journey article>p,
.birth-case .birth-evidence p:not(.eyebrow):not(.birth-small),
.birth-case .birth-design-notes p,
.birth-case .birth-build-feature aside p:not(.eyebrow),
.birth-case .birth-studio-intro>p:last-child,
.birth-editorial .birth-test-layout p:not(.eyebrow):not(.birth-feedback-statement):not(.birth-small),
.birth-case .birth-reflection>div:last-child p,
.bw-case .bw-section-heading>p:not(.bw-kicker),
.bw-case .bw-themes p,
.bw-case .bw-experiment-copy>p:not(.bw-kicker),
.bw-case .bw-intentions p,
.bw-case .bw-vr-caption p,
.bw-case .bw-journey-copy p,
.bw-case .bw-reflection-grid p,
.gr-case .gr-hero-description,
.gr-case .gr-challenges article>p,
.gr-case .gr-findings p,
.gr-case .gr-journey article>p,
.gr-case .gr-intentions p,
.gr-case .gr-prototype-note>p:last-child,
.gr-case .gr-system>div>p:not(.eyebrow):not(.gr-small),
.gr-case .gr-workflow-copy p:not(.eyebrow):not(.gr-small),
.st-case .st-heading>p:not(.st-kicker),
.st-case .st-intro>p:not(.st-kicker),
.st-case .st-intro>div>p:not(.st-kicker),
.st-case .st-ritual-intro>p:not(.st-kicker),
.st-case .st-ritual-intro>div>p:not(.st-kicker),
.st-case .st-object-note p:not(:first-child),
.st-case .st-material-note>p,
.st-case .st-event p,
.st-case .st-context-note>p:not(.st-kicker),
.st-case .st-moodboard-copy>p:not(.st-kicker),
.st-case .st-concept-premise div>p,
.st-case .st-process-steps p,
.fd-case .fd-heading>p:not(.fd-kicker),
.fd-case .fd-research-line>p,
.fd-case .fd-brief-copy>p:not(.fd-kicker):not(.fd-note),
.fd-case .fd-findings p:not(.fd-kicker),
.fd-case .fd-iteration-copy p:not(.fd-kicker):not(.fd-change),
.fd-case .fd-kit-notes p:not(.fd-kicker),
.fd-case .fd-card-copy p:not(.fd-kicker),
.fd-case .fd-card-panel .fd-card-caption p,
.fd-case .fd-manual-copy p:not(.fd-kicker),
.fd-case .fd-step-copy>p:not(.fd-kicker),
.fd-case .fd-step-copy li,
.fd-case .fd-stage-output>p,
.fd-case .fd-feedback p:not(.fd-kicker),
.fd-case .fd-outlook p:not(.fd-kicker):not(.fd-outlook-end),
.fd-case .fd-card-description,
.fd-case .fd-production-drawing>p,
.fd-case .fd-skill-copy>p:not(.fd-kicker){font-size:var(--type-body);line-height:1.7}
.birth-editorial .birth-lead,.bw-case .bw-lede,.gr-case .gr-lead,.st-case .st-lede{font-size:17px;line-height:1.7}
.birth-editorial .birth-heading h2,.bw-case .bw-section-heading h2,.gr-case .gr-heading h2,.st-case .st-heading h2{font-size:var(--type-section);line-height:1.08}
.fd-case .fd-title{font-size:clamp(48px,7.1vw,128px)}
.bw-case .bw-title,.gr-case .gr-hero h1,.st-case .st-hero h1{font-size:var(--type-title)}
.bw-case .bw-photo figcaption,.gr-case .gr-photo figcaption,.birth-editorial .birth-photo figcaption,.birth-case .birth-studio-shot figcaption,.st-case .st-photo figcaption,.st-case .st-gallery-track figcaption,.fd-case .fd-photo figcaption{font-size:var(--type-caption);line-height:1.6}
.bw-case .bw-kicker,.gr-case .eyebrow,.st-case .st-kicker,.fd-case .fd-kicker{font-size:11px}
.birth-case .birth-small,.birth-editorial .birth-evidence .birth-small,
.bw-case .bw-small,.bw-case .bw-note,.bw-case .bw-film p:not(.bw-kicker),
.gr-case .gr-small,.gr-case .gr-lightbox>p,
.st-case .st-film-caption,.st-case .st-reference-caption,.st-case .st-exhibition-note,.st-case .st-credit-note,.st-case .st-lightbox-caption,
.fd-case .fd-note,.fd-case .fd-brief-copy .fd-note,.fd-case .fd-lightbox-caption,.fd-case .fd-lightbox>p,.fd-case .fd-credit,
.fd-case .fd-package-gallery-footer>p,.fd-case .fd-exhibition-gallery-footer>p{font-size:var(--type-caption);line-height:1.6}
.profile-section-heading h2{font-size:clamp(30px,3.2vw,44px)}
.profile-description,.profile-skill-groups p{font-size:16px}
.profile-organization,.profile-date,.profile-availability{font-size:12px}
.profile-quick-links .text-link,.profile-connect .text-link{font-size:13px}
.site-footer{font-family:var(--font-site)}
.footer-top p{font-size:24px;line-height:1.25}
.footer-bottom{font-size:12px}
.footer-name{letter-spacing:-.055em;padding-right:.04em}
@media(max-width:760px){
 :root{--type-title:clamp(42px,10vw,64px);--type-section:clamp(30px,7vw,42px);--type-body:15px;--type-caption:11px;--type-ui:12px}
 .page-intro h1{font-size:clamp(66px,15vw,112px)}
 .collection-intro h1{font-size:clamp(46px,10.7vw,76px)}
 .project-caption h3,.other-grid .project-caption h3{font-size:24px}
 .project-caption p{font-size:14px;max-width:none}
 .project-discipline{font-size:10px}
 .project-open{font-size:11px}
 .footer-top p{font-size:20px}
 .footer-bottom{font-size:10px}
 .fd-case .fd-title{font-size:clamp(36px,7.4vw,60px)}
 .profile-description,.profile-skill-groups p{font-size:15px}
}
/* These titles sit in the photographs' open areas and must follow that space. */
@media(max-width:700px){
 .st-case .st-hero h1{font-size:clamp(24px,7.5vw,49px);line-height:.98;letter-spacing:-.05em}
 .st-case .st-hero-copy>.st-kicker{font-size:clamp(8px,1.8vw,11px);line-height:1.35;letter-spacing:.07em}
 .st-case .st-lede{font-size:clamp(10px,2.6vw,16px);line-height:1.45}
 .fd-case .fd-title{font-size:clamp(24px,6.8vw,48px);line-height:.98}
}