@font-face{font-family:Inter;src:url(assets/inter.woff2) format("woff2");font-weight:100 600;font-display:swap}@font-face{font-family:Inter;src:url(assets/inter-bold.ttf) format("truetype");font-weight:700 900;font-display:swap}
:root{--paper:#fbfaf7;--ink:#111113;--blue:#2549f6;--line:#d8d8d1;--mute:#555650;color:var(--ink);background:var(--paper);font:100%/1.5 Inter,Arial,sans-serif;font-optical-sizing:auto}*{box-sizing:border-box}body{margin:0;border-left:clamp(5px,.52vw,9px) solid var(--blue);min-height:100vh}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button:active,a:active{opacity:.72}.wrap{max-width:92rem;padding-inline:clamp(1.2rem,5.5vw,6rem);margin:auto}header{position:sticky;top:0;z-index:5;background:rgba(251,250,247,.93);backdrop-filter:blur(18px)}.bar,.foot,.caption,.caption>div,.release,.sectionhead,.intro,nav{display:flex;align-items:center}.bar{min-height:4.8rem;gap:3.5rem;border-bottom:1px solid var(--line)}.wordmark{font-weight:700;font-size:2.55rem;line-height:1;letter-spacing:-.095em}.wordmark span{color:var(--blue)}nav{gap:1.7rem;font-size:.9rem}nav a,.foot a,.summary a{display:inline-flex;min-height:44px;align-items:center}a:hover{color:var(--blue)}.address{margin-left:auto;color:var(--mute);font-size:.83rem}.skip{position:fixed;left:1rem;top:-10rem;z-index:9;background:white;padding:.8rem}.skip:focus{top:.4rem}
.eyebrow,.film-label,.film-index,.no,.cardno{font-size:.73rem;line-height:1.35;font-weight:700;letter-spacing:.095em;text-transform:uppercase;font-variant-numeric:tabular-nums}.release{justify-content:space-between;color:var(--blue);margin:clamp(2rem,4.2vw,4.2rem) 0 1.4rem}.release span:first-child{display:flex;align-items:center;gap:.65rem}.square{width:.55rem;height:.55rem;background:currentColor}.intro{justify-content:space-between;align-items:flex-start;gap:2rem;margin-bottom:2.1rem}h1,h2,h3,p{margin:0}h1{font-size:clamp(4.1rem,8.8vw,9.3rem);letter-spacing:-.079em;line-height:.98}h2{font-size:clamp(2.6rem,5.2vw,5rem);letter-spacing:-.07em;line-height:1.04}h3{font-size:clamp(2rem,3.6vw,3.4rem);letter-spacing:-.06em;line-height:1.05}.summary{max-width:22rem;align-self:center}.summary p{font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.42}.summary a{gap:.7rem;color:var(--blue);font-size:.88rem;font-weight:700}
section{scroll-margin-top:6rem}.screen{background:black;color:white;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:2.95}.screen video{width:100%;height:100%;object-fit:cover;display:block}.film-label,.film-index{position:absolute;z-index:1;top:1.15rem;padding:.25rem;pointer-events:none;color:#ddd}.film-label{left:1.3rem;display:flex;align-items:center;gap:.5rem}.film-label i{width:.43rem;height:.43rem;border-radius:50%;background:#91a0fe}.film-index{right:1.3rem}.launch{position:absolute;bottom:1rem;left:1.3rem;min-height:44px;display:flex;align-items:center;gap:.6rem;color:white;font-size:.85rem}.circle{border:1px solid #777;border-radius:50%;width:2.15rem;height:2.15rem;display:grid;place-items:center;padding-left:.15rem;font-size:.7rem}[hidden]{display:none!important}.caption{justify-content:space-between;border-bottom:1px solid var(--line);min-height:3.8rem}.caption>div{gap:1rem}.no,.cardno{color:var(--blue)}.switch button{font-size:1.25rem;min-width:44px;min-height:44px}.switch button:hover{background:#ececea}.switch{gap:0!important}#viewer:focus{outline:none}
.sectionhead{justify-content:space-between;align-items:flex-end;gap:2rem;margin:clamp(3.5rem,6vw,6rem) 0 1.7rem}.sectionhead .eyebrow{color:var(--blue);margin-bottom:.8rem}.sectionhead>p{font-size:.95rem;color:var(--mute)}#cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.4rem 1rem}.card{text-align:left;padding:0;display:block;min-width:0}.thumb{display:block;position:relative;background:black;aspect-ratio:16/9}.thumb img{width:100%;height:100%;display:block}.card:hover .thumb,.card[aria-current=true] .thumb{outline:2px solid var(--blue);outline-offset:2px}.cardtext{display:flex;gap:.65rem;align-items:baseline;padding:.75rem 0}.cardname{font-weight:700;font-size:.95rem;letter-spacing:-.035em}.card[aria-current=true] .cardname{color:var(--blue)}.details{display:grid;grid-template-columns:1fr 1.3fr;gap:8%;border-top:1px solid var(--line);padding:2rem 0 4.5rem}.details p{color:var(--mute);margin-top:1rem;max-width:38rem}details{border-bottom:1px solid var(--line)}summary{padding:1.05rem 0;cursor:pointer;display:flex;align-items:center;gap:.6rem;font-weight:700}summary span{font-size:.82rem;font-weight:400;color:var(--mute);margin-left:auto}summary:after{content:'+';color:var(--blue);width:1.2rem;text-align:right}details[open] summary:after{content:'−'}details p{padding:0 1rem 1rem 0;margin-top:0!important}footer{border-top:1px solid var(--line)}.foot{justify-content:space-between;gap:1rem;padding-block:1.4rem;font-size:.8rem}.foot .wordmark{font-size:1.8rem}
@media(max-width:900px){#cards{grid-template-columns:repeat(3,minmax(0,1fr))}.summary{max-width:17rem}.intro{gap:1rem}h1{font-size:clamp(3rem,7.8vw,5rem)}}
@media(max-width:650px){.bar{min-height:3.9rem;gap:1rem}.wordmark{font-size:2.1rem}.address{display:none}nav{margin-left:auto;gap:1rem}.intro,.sectionhead{display:block}.intro{margin-bottom:1.4rem}h1{font-size:clamp(3rem,12.6vw,5rem)}.summary{max-width:30rem;margin-top:1rem}.release{margin-bottom:1rem}.screen{aspect-ratio:1.68}.screen video{object-fit:contain}.film-label,.film-index{top:.55rem;font-size:.62rem}.film-label,.launch{left:.6rem}.film-index{right:.6rem}.launch{bottom:.3rem}.sectionhead>p{margin-top:.8rem}#cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.details{grid-template-columns:1fr;gap:1.25rem}.cardtext{gap:.4rem}.foot{flex-wrap:wrap}.foot>span:nth-child(2){display:none}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){header{background:var(--paper);backdrop-filter:none}}@media(prefers-reduced-motion:no-preference){.card:active .thumb,.launch:active .circle{transform:scale(.98)}}

.actions { display: flex; flex-wrap: wrap; align-items: center; gap: .15rem 1rem; margin-top: .8rem; }
a.buy { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: .65rem 1.1rem; color: white; background: var(--blue); border-radius: .35rem; font-size: .9rem; font-weight: 700; }
a.buy:hover { background: #1838d5; color: white; }
.details .buy { margin-top: 1.25rem; }