/* Golden-ratio major steps, with comfortable UI text sizes between them. */
:root{--phi:1.618;--type-body:16px;--type-medium:25.89px;--type-large:41.89px;--type-display:67.78px;--space-small:10px;--space-base:16px;--space-medium:26px;--space-large:42px;--space-section:68px;--control-radius:6px;--media-radius:8px}
.work-heading h2,.orbit-intro h2,.contact-section h2{font-size:clamp(32px,3.2vw,var(--type-large));line-height:1.2;font-weight:500;letter-spacing:-1.5px}
.hero .intro h1{font-size:clamp(32px,4vw,var(--type-display));line-height:1.2;letter-spacing:-1.8px}
.hero .intro p{font-size:clamp(18px,1.8vw,var(--type-medium));line-height:1.65}
.hero .intro .eyebrow{font-size:22px;line-height:1.45;margin-bottom:26px}
.hero .intro h1{margin-bottom:26px}
.hero .intro-actions{margin-top:26px;gap:16px}
.intro-actions .primary,.intro-actions .secondary{font-size:14px;min-height:48px;padding:13px 26px;font-weight:500;transition:background-color .18s,color .18s}
.intro-actions .secondary:hover{transform:none;background:#e9e9e5}
.intro-actions .primary:hover{background:#343434}
#case-studies .case-trigger{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:42px}
#case-studies .case-title{font-size:clamp(30px,3vw,var(--type-large));line-height:1.15;margin-top:16px}
.case-summary>span{line-height:1.65}
.case-description{font-size:16px;line-height:1.75}
#more-work .editorial-grid{gap:42px}
#more-work .case-title{font-size:clamp(26px,2.2vw,34px);line-height:1.2;letter-spacing:-.8px}
#more-work .case-summary{padding-top:26px}
.case-action{font-size:14px;line-height:1.5;padding-bottom:8px;border-bottom-color:#626262;gap:16px}
.case-trigger:hover .case-action,.case-trigger:focus-visible .case-action{gap:16px}
.case-kicker,.case-tag,.section-label{line-height:1.5;letter-spacing:.7px}
.case-dialog .preview-layout{grid-template-columns:minmax(0,1.618fr) minmax(0,1fr);gap:26px;padding:26px}
.case-dialog .preview-copy h2{font-size:32px;line-height:1.2;margin:16px 0}
.case-dialog .preview-copy>p{font-size:16px;line-height:1.75}
.study-hero .study-title-main{font-size:clamp(48px,6vw,68px);line-height:1.12}
.study-main .study-chapter>h2{font-size:clamp(30px,3.2vw,42px);line-height:1.2;letter-spacing:-1.3px}
.study-main .study-chapter>h3{font-size:clamp(22px,2.2vw,26px);line-height:1.35}
.study-main .study-chapter>p,.study-main .study-chapter li{line-height:1.8}
.summary-and-scope{gap:42px}
.study-image .image-enlarge{font-size:12px;line-height:1.5;padding:8px 12px;border-radius:4px}
.study-main .study-figure{margin-top:26px;margin-bottom:42px}
.about-story-layout{gap:42px;margin-top:26px}
.faq-item summary{padding-top:20px;padding-bottom:20px}
.faq-question{font-size:19px;line-height:1.4}
.faq-teaser{margin-top:6px;font-size:14px;line-height:1.6}
.faq-answer{padding-bottom:26px}
.orbit-scene[role=button]{cursor:pointer;border-radius:8px}
.orbit-scene[role=button]:focus-visible{outline:3px solid #202020;outline-offset:4px}
@media(max-width:1000px){#case-studies .case-trigger{grid-template-columns:1fr;gap:26px}.about-story-layout{gap:26px}.hero .intro h1{font-size:clamp(32px,5vw,48px)}}
@media(max-width:700px){.case-dialog .preview-layout{grid-template-columns:1fr;gap:26px;padding:22px}.case-dialog .preview-copy h2{font-size:26px}}
@media(max-width:650px){.hero .intro h1{font-size:clamp(29px,7.5vw,40px);letter-spacing:-1px}.hero .intro p{font-size:18px;line-height:1.7}.hero .intro .eyebrow{font-size:20px;margin-bottom:16px}.hero .intro h1{margin-bottom:16px}.intro-actions .primary,.intro-actions .secondary{padding:12px 20px}.intro-actions{gap:10px}.work-heading h2,.orbit-intro h2,.contact-section h2{font-size:32px;letter-spacing:-1px}#more-work .editorial-grid{gap:42px}.about-story-layout{gap:18px}.faq-question{font-size:18px}.summary-and-scope{gap:26px}.study-main .study-figure{margin-top:26px;margin-bottom:26px}}
@media(prefers-reduced-motion:reduce){.intro-actions .primary,.intro-actions .secondary{transition:none}}

/* Both hero actions share a fixed measure across every responsive layout. */
.hero .intro-actions>a{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:184px;max-width:100%;height:48px;min-height:48px;line-height:1.4;white-space:nowrap;padding:12px 16px;flex:0 0 184px;text-align:center}
@media(max-width:400px){.hero .intro-actions>a{flex-basis:min(184px,100%);width:184px}}