:root{--swHeroDim: .32;--swHeroFade: 9rem;--swFrameLine: var(--line);--swFullLogoW: 880px;--swFullHeroH: min(100vh, 960px);--swFrameMax: 1760px;--swCapsuleW: 460px;--swFadeTime: .35s;--swThumbGap: .6rem;--swThumbDim: .55}.swLogo{display:block;width:100%;height:auto}.swHero{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;min-height:var(--swFullHeroH);padding:calc(var(--headH) + 2rem) var(--gutter) 6rem;background:#0b0710 url(assets/sod/hero.jpg) center / cover no-repeat}.swHero::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(5,3,9,var(--swHeroDim))}.swHero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--swHeroFade);z-index:-1;background:linear-gradient(to bottom,transparent,var(--night))}.swHero .swLogo{width:min(var(--swFullLogoW),86vw)}.swHeroCue{position:absolute;left:0;right:0;bottom:1.6rem;margin:0;text-align:center;color:var(--muted);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase}.swStrip{padding:0 var(--gutter)}.swStripInner{max-width:var(--swFrameMax);margin:0 auto;padding:1.6rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.swBlurb{max-width:760px;margin:0 0 1.4rem;color:var(--ink3);font-size:clamp(1rem,1.4vw,1.2rem)}.swFacts{display:grid;grid-template-columns:repeat(5,auto);justify-content:space-between;gap:1rem 2rem;margin:0}.swFacts dt{color:var(--dim);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}.swFacts dd{margin:.15rem 0 0}.swPicker{max-width:var(--swFrameMax);margin:0 auto;padding:clamp(1.5rem,3vw,2.5rem) var(--gutter) clamp(2rem,5vw,4rem);outline:none}.swStage{position:relative;aspect-ratio:16 / 9;background:var(--panel);border:1px solid var(--swFrameLine);cursor:pointer;overflow:hidden}.swSlide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--swFadeTime) ease}.swSlide.isActive{opacity:1}.swPicker:focus-visible .swStage{outline:2px solid var(--swFrameLine);outline-offset:3px}.swThumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--swThumbGap);margin-top:var(--swThumbGap)}.swThumb{min-width:0;padding:0;background:var(--panel);border:1px solid var(--swFrameLine);cursor:pointer;opacity:var(--swThumbDim);transition:opacity .2s ease,border-color .2s ease}.swThumb img{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.swThumb:hover{opacity:.85}.swThumb.isActive{opacity:1;border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.swThumb:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.swSteam{display:grid;grid-template-columns:minmax(0,var(--swCapsuleW)) minmax(0,1fr);gap:clamp(1.2rem,3vw,3rem);align-items:center;max-width:var(--swFrameMax);margin:0 auto;padding:1.2rem;background:var(--panel);border:1px solid var(--line)}.swSteam img{width:100%;height:auto;border:1px solid var(--swFrameLine)}.swSteam h2{margin:0 0 .4rem;font-size:1.3rem;font-weight:600;letter-spacing:-.02em}.swSteam p{margin:0;color:var(--muted)}@media (max-width: 860px){.swFacts{grid-template-columns:repeat(2,1fr)}.swSteam{grid-template-columns:1fr}.swHero{min-height:min(70vh,560px)}.swThumbs{gap:.35rem}}
