/* svnth dimension - case page scaffold (all six case pages share this) */

main{max-width:1200px;margin:0 auto;padding:120px 5vw 60px}
main .pill{margin-bottom:22px}
h1{font-size:clamp(46px,7.5vw,96px);line-height:.98;letter-spacing:-.045em;font-weight:700}
.client{margin-top:16px;font-size:19px;color:var(--g55);letter-spacing:-.02em;max-width:900px}
.lede{margin-top:26px;font-size:21px;line-height:1.5;color:var(--g55);max-width:760px;letter-spacing:-.015em}
.attr{margin-top:22px;font-family:'Space Mono',monospace;font-size:12px;color:var(--g45);line-height:1.7}

/* stat band */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(0,0,0,.12);
  border:1px solid rgba(0,0,0,.12);margin:56px 0 0}
.stat{background:var(--field);padding:26px 22px 22px}
.stat .n{font-size:clamp(30px,3.6vw,46px);font-weight:700;letter-spacing:-.04em;line-height:1.05}
.stat .n span{font-size:.55em;color:var(--g55);font-weight:500}
.stat .c{margin-top:10px;font-family:'Space Mono',monospace;font-size:11px;line-height:1.55;color:var(--g45)}
@media(max-width:860px){.stats{grid-template-columns:repeat(2,1fr)}}

/* body blocks */
section.block{margin-top:84px}
section.block h2{font-size:clamp(28px,3.6vw,44px);letter-spacing:-.035em;line-height:1.05}
section.block>p{font-size:17px;line-height:1.6;color:var(--g55);margin-top:18px;max-width:640px}
section.block>p b{color:var(--ink);font-weight:600}
.cols{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
@media(max-width:860px){.cols{grid-template-columns:1fr;gap:34px}}
.cols p{font-size:17px;line-height:1.6;color:var(--g55);margin-top:18px;max-width:560px}
.cols p b{color:var(--ink);font-weight:600}
.cols .win{width:100%}
ul.pts{list-style:none;margin-top:22px}
ul.pts li{display:block;position:relative;padding:13px 2px 13px 24px;border-top:1px solid rgba(0,0,0,.12);font-size:16px;line-height:1.5;color:var(--g55)}
ul.pts li b{color:var(--ink);font-weight:600}
ul.pts li::before{content:"->";position:absolute;left:0;top:16px;font-family:'Space Mono',monospace;font-size:12px;color:var(--blue)}

/* mini stat rows inside blocks */
.minis{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:34px}
.minis.four{grid-template-columns:repeat(2,1fr);margin-top:0}
.mini .n{font-size:26px;font-weight:700;letter-spacing:-.03em}
.mini .c{margin-top:6px;font-family:'Space Mono',monospace;font-size:11px;color:var(--g45);line-height:1.5}
@media(max-width:860px){.minis{grid-template-columns:1fr 1fr;gap:22px}}

/* two-up images */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:34px}
@media(max-width:860px){.duo{grid-template-columns:1fr}}

/* quote */
.quote{margin-top:64px;border-left:3px solid var(--blue);padding:6px 0 6px 26px;max-width:640px}
.quote .q{font-size:22px;line-height:1.45;letter-spacing:-.02em}
.quote .s{margin-top:10px;font-family:'Space Mono',monospace;font-size:11px;color:var(--g45)}

/* watch links */
.watch{margin-top:26px;font-family:'Space Mono',monospace;font-size:12px;line-height:2;color:var(--g45)}
.watch a{color:var(--blue);text-decoration:none}

/* story timeline */
.story-tl{margin-top:30px}
.story-tl .ev{display:grid;grid-template-columns:150px 1fr;gap:20px;padding:15px 2px;border-top:1px solid rgba(0,0,0,.12);align-items:baseline}
.story-tl .d{font-family:'Space Mono',monospace;font-size:12px;color:var(--blue)}
.story-tl .t{font-size:16px;line-height:1.55;color:var(--g55)}
.story-tl .t b{color:var(--ink);font-weight:600}
@media(max-width:860px){.story-tl .ev{grid-template-columns:1fr;gap:4px}}

/* footer nav */
.foot{margin-top:110px;border-top:1px solid rgba(0,0,0,.12);padding:30px 4px 10px;display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:14px}
.foot a{color:var(--blue);text-decoration:none;font-size:15px;font-weight:500}
.foot .back{font-family:'Space Mono',monospace;font-size:11px;color:var(--g45)}

/* the films (more than miles) */
.films{margin-top:56px}
.films .pill{margin-bottom:22px}
.films-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.case-video{margin:0;display:block;color:inherit;text-decoration:none;transition:transform .2s}
.case-video:hover{transform:translateY(-3px)}
.case-video:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.case-video img.shot{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}
.case-video .cap{display:flex;justify-content:space-between;gap:12px;padding:9px 12px;font-family:'Space Mono',monospace;font-size:11px;color:var(--g45);border-top:1px solid rgba(0,0,0,.08)}
.case-video .cap b{font-weight:400;color:var(--blue)}
@media(prefers-reduced-motion:reduce){.case-video{transition:none}}
@media(max-width:860px){.films-grid{grid-template-columns:1fr}}