/* Production typography and media radius; responsive content stays on the
   established 1220px rail. */
.feature-pills__item-label{font:400 15px/1.4 var(--mono);letter-spacing:0}
.pill-audience{font-family:var(--mono);font-weight:400}
.deliverable-art,.deliverable-sheet .deliverable-art,.deliverable-doctor{border-radius:14px}
.service-layout>*,.deliverable-row>*,.deliverable-finished-stage>*,.expertise-personas>*{min-width:0}

/* Tablets and phones get one complete film frame followed by the copy. */
@media(max-width:1023px){
 .site-header{position:relative;inset:auto;align-items:center;height:auto;min-height:76px;padding:16px var(--gutter);background:var(--paper)}
 .site-header nav{gap:16px}
 .hero-stage{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none}
 .hero-face.hero-film{position:relative;inset:auto;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:16 / 9;z-index:0}
 .hero-film::after{display:none}
 .hero-copy{position:relative;inset:auto;left:auto;top:auto;transform:none;width:100%;max-width:none;padding:28px var(--gutter) 48px;background:var(--paper)}
 .hero h1{font-size:clamp(38px,7vw,60px);line-height:1.06;max-width:720px}
 .hero h1 br{display:none}
 .hero-copy>.lead{font-size:16px;line-height:1.55;max-width:52ch;margin:20px 0}
 .hero-copy>.button{font-size:14px;min-height:50px}
 .hero-image-note{position:absolute;top:calc(56.25vw - 27px);bottom:auto;left:var(--gutter);right:auto;max-width:calc(100% - 92px);padding:3px 6px;font-size:12px;line-height:1.4;background:#f2f2f0df}
 .hero-motion-toggle{top:calc(56.25vw - 56px);bottom:auto;right:var(--gutter)}
}
@media(max-width:900px){
 .service-layout{grid-template-columns:1fr;gap:32px}
 .service-image{position:relative;top:auto;width:100%;height:auto;min-height:0;max-height:none;max-width:470px;aspect-ratio:4 / 5;margin-inline:auto}
 .service-image figcaption{font-size:clamp(28px,5vw,40px);padding:70px 24px 28px}
 .impact .b2bs-stage{border-radius:40px}
 .impact .b2bs-ring-stair{border-radius:34px}
 .impact .b2bs-ring-img{border-radius:28px}
 .impact .b2bs-ring-wash{border-radius:20px}
 .impact .b2bs-panel{border-radius:14px;min-height:0}
 .impact .b2bs-slide:not([data-on]){display:none}
 .impact .b2bs-slide{padding:28px 24px;gap:18px}
 .impact .b2bs-line{font-size:clamp(26px,4.2vw,34px);line-height:1.15}
 .impact .b2bs-detail,.impact .b2bs-takeaway{font-size:15px;line-height:1.55}
}
@media(max-width:760px){
 .feature-pills__item-label{font-size:14px;line-height:1.4}
 .impact .b2bs-slide{padding:26px 16px;gap:18px}
}
@media(max-width:600px){
 .site-header nav>a:not(:first-child){display:none}
 .site-header nav{gap:12px}
 .nav-brief{font-size:12px;padding:10px 12px}
 .hero-copy{padding-top:24px;padding-bottom:40px}
 .impact .b2bs-stage{padding:7px;border-radius:30px}
 .impact .b2bs-ring-stair{padding:6px;border-radius:25px}
 .impact .b2bs-ring-img{padding:30px 6px 8px;border-radius:20px}
 .impact .b2bs-ring-wash{padding:5px;border-radius:17px}
 .impact .b2bs-panel{border-radius:14px}
}