/* Shared finishing for all five local case studies. */
.detail-page .site-header,.detail-page .sc-header{background:rgba(10,10,10,.97);backdrop-filter:none;-webkit-backdrop-filter:none}
.detail-page .site-header>.wordmark{line-height:1;flex-shrink:0}
.detail-page .site-header>.wordmark img{display:block;width:112px;height:auto}
.detail-page .detail-long-title{max-width:14ch;font-size:clamp(60px,8.6vw,132px);line-height:.94;letter-spacing:-.065em}
.detail-page .detail-long-title em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.detail-page .detail-outcome{max-width:630px;line-height:1.8}
.detail-page .detail-film-card{display:block!important;width:100%;border:0;padding:0;background:#111;cursor:pointer}
.detail-page .detail-film-card>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.detail-page .detail-film-card .mobile-video-card__action{display:flex}
.detail-page .detail-enlarge{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.detail-page .detail-enlarge:focus-visible{outline:1px solid #f3f1ec;outline-offset:5px}
.detail-page .sc-back,.detail-page .back-link{white-space:nowrap}
.detail-page .sc-play{cursor:pointer}
.detail-page .sc-film video{background:#080808}
.detail-page .sc-film.is-loading .sc-play{opacity:.6;pointer-events:none}
.detail-page .sc-film.is-loading .sc-play::after{content:'Loading…';margin-left:10px}
.detail-next{padding:58px 4% 72px;border-top:1px solid rgba(243,241,236,.17);background:#0a0a0a;color:#f3f1ec}
.detail-next-meta{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}
.detail-next-meta p,.detail-next-meta a{font:400 10px/1.5 'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#f3f1ec99;margin:0;text-decoration:none}
.detail-next-meta a:hover{color:#f3f1ec}
.detail-next-card{display:grid;grid-template-columns:minmax(150px,25%) 1fr auto;align-items:center;gap:40px;color:inherit;text-decoration:none}
.detail-next-card>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
.detail-next-card h2{font:400 clamp(30px,3.6vw,64px)/1.05 'Helvetica Neue',Helvetica,Arial,sans-serif;letter-spacing:-.055em;max-width:18ch;margin:0 0 14px;color:inherit}
.detail-next-card p{font:400 10px/1.6 'Helvetica Neue',Helvetica,Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;max-width:560px;color:#f3f1ec99;margin:0}
.detail-next-arrow{display:block;width:40px;height:40px;flex-shrink:0}
.detail-inline-arrow{display:inline-block;vertical-align:-.15em}
.detail-next-card:hover h2{color:#ff4b2b}
.detail-page .sc-lightbox{overflow:hidden}
.detail-page .sc-lightbox img{height:calc(100% - 70px)}
.detail-lightbox-controls{position:absolute;bottom:18px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;gap:20px}
.detail-lightbox-controls button{background:none;color:#f3f1ec;border:1px solid #f3f1ec55;border-radius:50%;width:38px;height:38px;font-size:18px;cursor:pointer}
.detail-lightbox-count{font-size:11px;color:#f3f1ec99;font-variant-numeric:tabular-nums}
.detail-media-error{margin:12px 0!important;padding:12px 16px!important;background:#151515;color:#f3f1ec;font:400 12px/1.5 'Helvetica Neue',Helvetica,Arial,sans-serif!important}
.detail-media-error a{text-decoration:underline}
@media(max-width:700px){
 .detail-page .site-header>.wordmark img{width:96px}
 .detail-page .detail-long-title{font-size:clamp(48px,13vw,76px);max-width:14ch;line-height:1}
 .detail-page .detail-outcome{font-size:9px;line-height:1.8;max-width:310px;letter-spacing:.08em}
 .detail-next{padding:40px 6% 50px}
 .detail-next-meta{margin-bottom:24px}
 .detail-next-card{grid-template-columns:1fr 28px;gap:24px}
 .detail-next-card>img{grid-column:1/-1}
 .detail-next-card h2{font-size:34px;margin-bottom:12px}
 .detail-next-card p{font-size:9px}
 .detail-next-arrow{width:28px;height:28px}
 .detail-page .sc-detail-pair{grid-template-columns:1fr;gap:26px}
 .detail-page .sc-header{padding-inline:6%}
}
@media(prefers-reduced-motion:reduce){.detail-page .grain,.detail-page .arena-grid{animation:none!important}.detail-next-card *{transition:none!important}}
