/* Photo-led covers for the local launch stories. */
.case-detail .cspage .csh { padding-top:32px; }
.case-detail .case-cover { width:calc(100% - 80px); max-width:1600px; }
.case-cover-top { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.case-cover-top > span { font-size:10px; letter-spacing:.06em; color:#99ad9e; }
.case-cover-name { position:relative; padding:22px 0 28px; display:flex; align-items:baseline; justify-content:space-between; gap:20px; }
.case-detail .case-cover .csh-title { margin:0; font:550 clamp(100px,18.5vw,285px)/.85 var(--font-body); letter-spacing:-.075em; color:#eceee3; }
.case-cover-edition { padding-bottom:5px; color:#a3b8a7; font-size:12px; white-space:nowrap; }
.case-cover-grid { display:grid; grid-template-columns:minmax(200px,.8fr) minmax(0,2.7fr); gap:36px; align-items:start; }
.case-cover-sidebar { min-width:0; display:flex; flex-direction:column; align-items:stretch; }
.case-cover-logline { margin:0 0 28px; max-width:15ch; font:400 clamp(25px,2.3vw,37px)/1.12 Georgia,'Times New Roman',serif; letter-spacing:-.035em; color:#e3e9da; text-wrap:balance; }
.case-cover-chapters { display:block; padding:0; height:auto; min-height:0; margin:0; border:0; background:none; }
.case-cover-chapters > p { margin:0 0 10px; color:#97ad9d; font-size:9px; letter-spacing:.11em; text-transform:uppercase; }
.case-cover-chapters a { display:flex; align-items:center; gap:12px; padding:11px 0; border-top:1px solid #b4c9b42b; font-size:12px; color:#c8d6c7; transition:color .2s; }
.case-cover-chapters a:first-of-type { border-color:#b4c9b482; }
.case-cover-chapters a > span:first-child { color:#8ba18f; font-size:9px; }
.case-cover-chapters a > span:last-child { margin-left:auto; color:#c1d5b1; }
.case-cover-chapters a:hover,.case-cover-source:hover { color:#fff; }
.case-cover-source { margin-top:26px; width:fit-content; font-size:11px; color:#a8beac; border-bottom:1px solid #b5c7b04d; padding-bottom:5px; }
.case-cover-images { display:grid; grid-template-columns:1fr 1fr 1.08fr; grid-template-rows:2fr 1fr; gap:10px; height:clamp(350px,35vw,550px); }
.case-cover-shot { position:relative; display:block; margin:0; min-height:0; min-width:0; overflow:hidden; border:1px solid #bcd0b524; border-radius:4px; background:#18271c; }
.case-cover-shot img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .65s cubic-bezier(.65,0,.35,1); }
a.case-cover-shot:hover img { transform:scale(1.025); }
.case-cover-shot.shot-0 { grid-column:1 / 3; grid-row:1; }
.case-cover-shot.shot-1 { grid-column:3; grid-row:1 / 3; }
.case-cover-shot.shot-2 { grid-column:1; grid-row:2; }
.case-cover-shot.shot-3 { grid-column:2; grid-row:2; }
.case-cover-tag { position:absolute; bottom:10px; left:10px; border-radius:20px; background:#edf0e4ed; color:#17241b; padding:6px 10px; font-size:9px; line-height:1; }
.case-detail .case-cover .slate { margin-top:28px; padding-block:18px; }
.case-detail #case-film { scroll-margin-top:90px; }
.case-cover a:focus-visible { outline:2px solid #d1e6be; outline-offset:4px; }
@media(min-width:1700px) { .case-detail .case-cover .csh-title { font-size:285px; } }
@media(max-width:1000px) {
 .case-detail .case-cover { width:calc(100% - 44px); }
 .case-cover-grid { grid-template-columns:minmax(180px,.9fr) minmax(0,2fr); gap:22px; }
 .case-cover-images { height:400px; grid-template-columns:1fr 1fr; grid-template-rows:1.4fr 1fr; }
 .case-cover-shot.shot-0 { grid-column:1 / 3; }
 .case-cover-shot.shot-1 { grid-column:2; grid-row:2; }
 .case-cover-shot.shot-2 { grid-column:1; grid-row:2; }
 .case-cover-shot.shot-3 { display:none; }
}
@media(max-width:650px) {
 .case-detail .cspage .csh { padding-top:24px; }
 .case-detail .case-cover { width:calc(100% - 32px); }
 .case-cover-top > span { font-size:9px; max-width:17ch; text-align:right; line-height:1.5; }
 .case-cover-name { padding:26px 0 22px; display:block; }
 .case-detail .case-cover .csh-title { font-size:20vw; line-height:1; }
 .case-cover-edition { display:block; margin-top:8px; font-size:10px; }
 .case-cover-grid { display:flex; flex-direction:column; gap:24px; }
 .case-cover-sidebar { display:contents; }
 .case-cover-logline { order:0; max-width:24ch; font-size:25px; margin:0; }
 .case-cover-images { order:1; width:100%; height:360px; }
 .case-cover-chapters { order:2; width:100%; }
 .case-cover-source { order:3; margin:0; }
 .case-cover-chapters a { min-height:44px; }
 .case-detail .case-cover .slate { gap:20px; }
}
@media(prefers-reduced-motion:reduce) { .case-cover-shot img { transition:none; } }