/* Case studies have their own display title; editorial type stays on the shared scale. */
body.internal main.case-page .case-opening.site-grid h1{font-size:clamp(54px,9vw,144px);line-height:1.02;max-width:1200px;margin:28px 0 32px;overflow-wrap:normal}
.corporate-case .case-opening .case-back{margin-bottom:24px}
.corporate-case .case-opening{padding-bottom:32px}
.corporate-case .case-meta{font-size:12px}
.case-film{position:relative;width:100%;height:100vh;height:100dvh;margin:0;background:#111;overflow:hidden}
.case-film>video{display:block;width:100%;height:100%;object-fit:cover}
/* The first tap can land anywhere. Afterward only the audio strip overlays the native player. */
.case-film-audio{--audio-strip-height:36px;position:absolute;inset:0;display:flex;align-items:flex-start;border:0;padding:0;background:transparent;color:#fff;cursor:pointer}
.case-film-audio>span{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;width:100%;height:var(--audio-strip-height);padding:0 var(--site-gutter);background:#090909;font:700 10px/1.4 var(--type-reading);letter-spacing:.04em}
.case-film>video[controls]+.case-film-audio{bottom:auto;height:var(--audio-strip-height)}
.case-film-audio:hover span,.case-film-audio:focus-visible span{color:#b5aaff}
.social-case .case-film-audio:hover span,.social-case .case-film-audio:focus-visible span{color:var(--case-accent)}
.case-film-audio:focus-visible{outline:3px solid #fff;outline-offset:-3px}
.corporate-case .case-main-media{margin:0}
.corporate-case .case-main-media>img{width:100%;height:auto;max-height:none;object-fit:contain;background:#fff}
.case-story-parts{display:grid;gap:28px}
.case-story-parts h3{font:700 var(--type-label)/1.5 var(--type-reading)!important;letter-spacing:.08em!important;margin:0 0 10px}
.case-story-parts p{margin:0}
.case-gallery{width:100%;padding-bottom:var(--site-section-gap);background:#fff;color:#111}
.case-gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;padding-top:18px;padding-bottom:30px}
.case-gallery-heading h2{margin:16px 0 0}
.case-gallery-heading>span{font:12px/1.5 var(--type-reading);color:#666;white-space:nowrap}
.case-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.case-gallery-item{margin:0;min-width:0;overflow:hidden}
.case-gallery-item.is-wide{grid-column:1/-1}
.case-gallery-item button{display:block;position:relative;width:100%;padding:0;border:0;background:#111;cursor:zoom-in;overflow:hidden}
.case-gallery-item img{display:block;width:100%;height:auto;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.case-gallery-item button:after{content:'+';position:absolute;right:22px;bottom:20px;width:42px;height:42px;border-radius:50%;background:#111b;color:#fff;display:grid;place-items:center;font:26px/1 Arial;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s}
.case-gallery-item button:hover:after,.case-gallery-item button:focus-visible:after{opacity:1;transform:none}
.case-gallery-item button:hover img{transform:scale(1.025)}
.case-gallery-item button:focus-visible{outline:3px solid #6551f5;outline-offset:-5px}
.case-gallery-grid.gallery-motion .case-gallery-item{opacity:0;transform:translateY(32px);transition:opacity .7s,transform .8s cubic-bezier(.2,.7,.2,1)}
.case-gallery-grid.gallery-motion .case-gallery-item.is-visible{opacity:1;transform:none}
.case-media-dialog{position:fixed;inset:0;padding:0;border:0;width:96vw;max-width:1800px;height:auto;max-height:95svh;background:#090909;color:#fff;border-radius:12px;overflow:auto}
.case-media-dialog::backdrop{background:#000e}
body:has(.case-media-dialog[open]){overflow:hidden}
.case-dialog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 18px;font:12px/1.5 var(--type-reading)}
.case-dialog-toolbar button,.case-photo-nav button{border:1px solid #fff6;border-radius:40px;padding:10px 16px;background:#111;color:#fff;cursor:pointer;font:12px/1.5 var(--type-reading)}
.case-dialog-toolbar button:hover,.case-photo-nav button:hover{background:#6551f5}
.case-media-dialog img{display:block;width:100%;height:calc(95svh - 130px);object-fit:contain}
.case-photo-nav{display:flex;justify-content:center;gap:18px;padding:12px}
.corporate-case .case-next{background:var(--case-accent,#6551f5);color:#fff}
.social-case .case-next{color:#111}
@media(max-width:760px){
 body.internal main.case-page .case-opening.site-grid h1{font-size:clamp(43px,12vw,78px);line-height:1.04;margin:24px 0}
 .corporate-case .case-opening .case-back{margin-bottom:20px}
 .case-film-audio{--audio-strip-height:44px}
 .case-gallery-grid{gap:8px}
 .case-gallery-heading{display:block;padding-top:0;padding-bottom:24px}
 .case-gallery-heading>span{display:block;margin-top:16px}
 .case-gallery-item button:after{right:10px;bottom:10px;width:28px;height:28px;font-size:20px}
 .case-dialog-toolbar{padding:10px 12px;font-size:11px}
 .case-dialog-toolbar button{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
 .case-gallery-grid.gallery-motion .case-gallery-item{opacity:1;transform:none;transition:none}
 .case-gallery-item img,.case-gallery-item button:after{transition:none}
 .case-gallery-item button:hover img{transform:none}
}

.social-case .case-dialog-toolbar button:hover,.social-case .case-photo-nav button:hover{background:var(--case-accent);color:#111}

.social-case .header-actions .direct-contact,.social-case .header-actions .direct-contact:hover{background:#ff5454;color:#111}