/* V3: project evidence first and quiet reading columns. */
:root{--text:#d9ddea;--muted:#bac2d7;--dim:#a2aec8}
.case{padding-block:64px;scroll-margin-top:100px}
.case h2,.case-minor h2,.contact h2{font-family:"Space Grotesk",sans-serif;font-size:40px;font-weight:600;line-height:1.12;text-transform:none;letter-spacing:0}
.case h2::before,.contact h2::before{display:none}
.case-head{padding-bottom:24px}
.case .dek{font-size:18px;max-width:56ch;line-height:1.6;color:var(--muted)}
.prose{line-height:1.7;font-size:16px}
.prose p{max-width:65ch}
.case::before{inset:-22px -16vw;background:linear-gradient(90deg,transparent,rgba(5,7,17,.82) 16%,rgba(5,7,17,.82) 84%,transparent)}
.case h2,.contact h2{padding-bottom:18px;border-bottom:1px solid rgba(160,176,215,.28);position:relative}
.case h2::after,.contact h2::after{content:"";position:absolute;left:0;bottom:-1px;width:72px;height:2px;background:var(--accent,var(--cyan));box-shadow:0 0 12px rgba(100,230,255,.35)}
.casbe-gallery{margin-top:34px;position:relative}
.casbe-gallery-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:14px;padding-right:170px}
.casbe-gallery-head h3{font:600 22px/1.2 "Space Grotesk",sans-serif}
.casbe-gallery-head p{max-width:54ch;margin-top:6px;color:var(--muted);font-size:14px}
.casbe-gallery .shot{aspect-ratio:16/8;max-height:360px}
.casbe-gallery .shot img{width:100%;height:100%;object-fit:cover}
.casbe-gallery .cycle-hint{position:absolute;right:0;top:0;margin:0!important}
.project-links{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:22px}
.case-head .logo{border-radius:4px}
.notebook{background:none;margin-top:8px}
.notebook::before{display:none}
.notebook div{grid-template-columns:180px minmax(0,1fr);padding:20px 0}
.notebook dt{color:var(--star)}
.project-details{margin-top:20px;border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong)}
.project-details summary{padding:16px 0;cursor:pointer;color:var(--star);font-size:14px;font-weight:500}
.project-details summary::marker{color:var(--accent,var(--cyan))}
.project-details[open]{padding-bottom:18px}
.project-details p{margin-top:12px!important;color:var(--muted)}
.case-body{margin-top:0}
.collection{margin-top:32px}
.collection-head{padding-bottom:12px}
.minor{align-items:start;gap:40px}
.minor>.minor-shot,.minor>div:last-child{min-width:0}
.minor-shot .shot,.shot,.clip{border-radius:6px}
.minor-shot .shot{aspect-ratio:4/3}
.shot-cap{font-family:"Space Grotesk",sans-serif;font-size:13px;letter-spacing:0;text-transform:none;color:var(--muted)}
.cycle-hint{display:flex;gap:6px;margin:0 0 12px!important;min-height:44px}
.cycle-hint>span:not(.pips){order:-1;margin-right:auto;color:var(--muted);font-size:13px}
.cycle-hint .pips{display:none}
.cycle-button{width:44px;height:44px;flex-basis:44px;border-radius:6px;background:#171d2d;border-color:#46506a;color:#fff}
.cycle-button svg{width:18px;height:18px;color:inherit;transition:none}
.cycle-hint svg{transform:none!important}
.cycle-button:hover{background:#303a50;border-color:#9ba8c3}
.tabs{gap:20px}
.tabs button{padding:0 4px}
.tabs button::after{left:0;right:0}
.explorer .cycle-hint{margin-top:12px!important}
.panel{gap:20px}
.panel p{font-size:15px;color:var(--muted);line-height:1.65}
.panel figcaption{max-width:64ch}
.facts{line-height:1.9;margin-top:20px}
.index b{font-family:"Space Grotesk",sans-serif;font-weight:600}
.index a{padding-block:16px}
.index-hint{display:none}
.hero .tag{font-weight:500}
@media(min-width:1000px){
 #casbe{display:grid;grid-template-columns:1fr 1.6fr;gap:0 56px}
 #casbe .case-head{display:block;grid-row:1 / 3}
 #casbe .logo{margin-top:28px}
 #casbe .case-link{grid-column:2;justify-self:start}
 #waypoint{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:0 48px;align-items:start}
 #waypoint .case-head{grid-column:1;grid-row:1}
 #waypoint .case-body{grid-column:1;grid-row:2}
 #waypoint>.facts{grid-column:1;grid-row:3}
 #waypoint .explorer{grid-column:2;grid-row:1 / 6;margin-top:0}
 #waypoint .aside{grid-column:1;grid-row:4}
 #waypoint .case-link{grid-column:1;grid-row:5;justify-self:start}
 #waypoint .panel{grid-template-columns:1fr}
 #waypoint .panel .shot{--ar:1.85}
 #go-mining{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:0 48px;align-items:start}
 #go-mining .case-head{grid-column:1;grid-row:1}
 #go-mining .case-body{grid-column:1;grid-row:2;grid-template-columns:1fr;gap:24px}
 #go-mining .collection{grid-column:2;grid-row:1 / 3;margin-top:0;position:sticky;top:100px}
 #go-mining .collection-head{display:block}
 #go-mining .collection-head p{margin-top:8px}
 #go-mining .feature .shot{--ar:1.35}
 #go-mining .strip{grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}
 .minor{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
 #tshirt-launcher .minor>div:last-child{position:static}
}
@media(max-width:999px){.case{padding-block:44px}.case h2,.case-minor h2{font-size:32px}.case-head{padding-bottom:20px}.notebook div{grid-template-columns:140px minmax(0,1fr)}}
@media(max-width:599px){
 .case h2,.case-minor h2{font-size:29px}.case .dek{font-size:17px}.notebook div{grid-template-columns:1fr;gap:8px}
 .minor{gap:28px}.case-head .logo-dark{width:48px;height:48px}
 .hero .tag{font-size:25px;line-height:1.35}
 .hero-copy .index{margin-top:32px}
}
@media(max-width:699px){
 .casbe-gallery .casbe-gallery-head{display:block;margin-bottom:8px;padding-right:0}
 .casbe-gallery .cycle-hint{position:static;justify-content:flex-end;margin:8px 0 10px!important}
}
@media print{.project-details{display:block}.project-details>*{display:block!important}.case{display:block!important}}