@font-face{font-family:Archivo;src:url('assets/archivo-semiexpanded.woff2') format('woff2');font-display:swap}
:root{--paper:#f1efe9;--muted:#b4b1a8;--black:#080808;--red:#d84a3d;--pad:clamp(22px,4vw,80px);font-family:Archivo,Arial,sans-serif;color:var(--paper);background:var(--black)}
*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--paper);outline-offset:6px}button:disabled{cursor:wait}button[hidden],[hidden]{display:none!important}.skip-link{position:fixed;top:-80px;left:var(--pad);z-index:50;padding:14px;background:#080808}.skip-link:focus{top:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.cinema-header{position:fixed;z-index:10;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px var(--pad);background:linear-gradient(#0006,transparent)}.cinema-brand{display:block;flex:none}.cinema-brand img{display:block;width:clamp(145px,13vw,220px);height:auto}.cinema-header nav{display:flex;align-items:center;gap:clamp(24px,3.4vw,70px)}.cinema-header nav>a,.cinema-header nav>button{font-size:9px;letter-spacing:.15em;min-height:44px;display:flex;gap:13px;align-items:center}.cinema-header nav>a>span{font-size:16px}.cinema-header button{padding:0}.cinema-header #total-films{color:var(--muted);font-size:9px}.cinema-header i{display:block;width:20px;height:8px;border-block:1px solid currentColor}
#cinema{height:100svh;min-height:0;position:relative;overflow:hidden;isolation:isolate;touch-action:pan-y}.cinema-screen{position:absolute;inset:0;overflow:hidden;background:var(--black)}.film-visual{position:absolute;inset:0;visibility:hidden;opacity:0}.film-visual.is-active{visibility:visible;opacity:1}.film-visual img,.film-visual video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.film-visual img{opacity:1}.film-visual video{opacity:0}.film-visual.has-motion video{opacity:1}.film-visual.has-motion img{opacity:0}#film-transition{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}#cinema.is-transitioning #film-transition{opacity:1}.cinema-shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#00000008,transparent 25%,transparent 45%,#00000028 63%,#00000080 100%)}.collection-line{position:absolute;z-index:3;left:var(--pad);right:var(--pad);top:clamp(106px,15svh,155px);display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.17em}.collection-line>span:last-child{font-variant-numeric:tabular-nums}.film-copy{position:absolute;left:var(--pad);bottom:25svh;max-width:72vw;z-index:3;pointer-events:none;transform-origin:left center}.film-copy>p{font-size:10px;letter-spacing:.2em;line-height:1.6;margin:0 0 20px}.film-copy h1{font:400 italic clamp(40px,6vw,112px)/.98 Archivo,Arial,sans-serif;letter-spacing:-.05em;margin:0;text-wrap:balance;text-shadow:0 2px 22px #0003}.film-copy .film-kind{margin:21px 0 0;font-size:8px;letter-spacing:.18em;color:var(--paper)}.cinema-play{position:absolute;z-index:4;right:var(--pad);bottom:27svh;display:flex;align-items:center;flex-direction:column;gap:15px;padding:10px;letter-spacing:.18em;font-size:9px}.play-disc{display:grid;place-items:center;width:clamp(76px,9vw,140px);height:clamp(76px,9vw,140px);border:1px solid #fff9;border-radius:50%;background:#0001;transition:background .25s,border-color .25s,transform .3s}.play-disc svg{width:27px;fill:none;stroke:currentColor;stroke-width:1.1;transform:translateX(2px)}.cinema-play:hover .play-disc{background:var(--red);border-color:var(--red);transform:scale(1.05)}
.cinema-controls{position:absolute;z-index:4;left:var(--pad);right:var(--pad);bottom:6svh;display:grid;grid-template-columns:1fr .55fr 1fr;gap:4vw;align-items:end}.film-step{display:flex;flex-direction:column;gap:15px;padding:14px 0;border-bottom:1px solid #ffffff66;text-align:left;min-height:80px;min-width:0}.film-step.next{text-align:right;align-items:flex-end}.step-label{display:flex;align-items:center;gap:14px;font-size:8px;letter-spacing:.18em;color:#e8e6df}.step-label b{font-weight:400;font-size:20px}.step-title{display:block;max-width:100%;font-size:clamp(12px,1.2vw,21px);font-style:italic;letter-spacing:-.025em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.film-step:hover{border-color:var(--red)}.collection-progress{align-self:center;height:1px;background:#fff4;position:relative}.collection-progress>span{display:block;height:1px;background:var(--red);transform-origin:left center;transition:width .65s}.collection-progress p{position:absolute;left:50%;top:12px;transform:translateX(-50%);font-size:7px;letter-spacing:.13em;white-space:nowrap;opacity:.75}.motion-toggle{position:absolute;right:var(--pad);bottom:1.2svh;font-size:7px;letter-spacing:.13em;min-height:30px;z-index:5;padding:5px 0}
dialog{color:var(--paper);background:var(--black);border:0;padding:0}dialog::backdrop{background:#000e}.close-button{display:flex;align-items:center;gap:16px;font-size:9px;letter-spacing:.14em;min-width:84px;min-height:44px;justify-content:flex-end}.close-button span{font-size:26px;font-weight:300}.film-index{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;padding:30px var(--pad) 80px;overflow:auto}.film-index>header{display:flex;align-items:start;justify-content:space-between;gap:30px;padding:0 0 40px}.film-index header p{font-size:8px;letter-spacing:.16em;margin:12px 0 30px}.film-index h2{font-size:clamp(30px,4vw,65px);font-weight:400;letter-spacing:-.045em;line-height:1.05;margin:0}.film-index h2 em{color:var(--muted);font-weight:400}.film-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}.film-index-grid button{text-align:left;display:block;padding:0;width:100%;position:relative}.index-frame{display:block;aspect-ratio:16/9;overflow:hidden;background:#171717}.index-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.film-index-grid button:hover img{transform:scale(1.035)}.film-index-grid button[aria-current=true] .index-frame{outline:2px solid var(--red);outline-offset:4px}.index-meta{display:flex;justify-content:space-between;gap:10px;line-height:1.4;font-size:8px;letter-spacing:.1em;color:var(--muted);margin-top:16px}.index-name{display:block;font-size:clamp(14px,1.3vw,22px);letter-spacing:-.03em;margin-top:8px;line-height:1.25}.film-player{width:min(96vw,1700px);max-height:96svh;overflow:auto;padding:20px clamp(12px,2vw,32px) 20px}.film-player header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.film-player h2{font-size:clamp(14px,1.5vw,26px);font-weight:400;font-style:italic;line-height:1.2;margin:0}.player-screen{aspect-ratio:16/9;max-height:75svh;background:#000;position:relative;margin:auto;width:100%}.player-screen iframe,.player-screen video{width:100%;height:100%;border:0;display:block;object-fit:contain}.player-footer{display:flex;justify-content:space-between;gap:18px;margin-top:18px;font-size:8px;line-height:1.5;letter-spacing:.12em;color:var(--muted)}.player-footer a{color:var(--paper);text-decoration:underline;text-underline-offset:5px}.player-error{font-size:12px;line-height:1.6}.noscript-message{position:fixed;inset:40% 10%;background:var(--black);z-index:50;padding:25px}
@media(max-width:800px){.cinema-header{padding-top:15px}.cinema-header nav{gap:20px}.cinema-header nav>a{font-size:8px}.cinema-header nav>button{font-size:8px;gap:8px}.cinema-header i{width:17px}.film-copy{max-width:70vw}.film-copy h1{font-size:6.7vw}.cinema-play{right:calc(var(--pad) - 10px)}.film-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cinema-controls{gap:24px;grid-template-columns:1fr 1fr}.collection-progress{position:absolute;left:0;right:0;bottom:-18px}.collection-progress p{display:none}}
@media(max-width:600px){.cinema-header{padding:13px 20px;gap:14px}.cinema-brand img{width:138px}.cinema-header nav>a{font-size:7px;gap:6px}.cinema-header nav{gap:17px}.cinema-header nav>button{font-size:7px;gap:6px}.cinema-header #total-films{display:none}.cinema-header i{display:none}.cinema-screen{top:20svh;bottom:auto;width:100%;height:56.25vw}.film-visual img,.film-visual video{object-fit:contain}.cinema-shade{display:none}.collection-line{top:14svh;left:20px;right:20px;font-size:7px;letter-spacing:.12em}.film-copy{left:20px;bottom:auto;top:calc(20svh + 56.25vw + 24px);max-width:calc(100vw - 112px)}.film-copy>p{font-size:7px;margin:0 0 12px;letter-spacing:.12em}.film-copy h1{font-size:clamp(27px,6.4vw,39px);line-height:1.02}.film-copy .film-kind{font-size:6px;margin-top:13px}.cinema-play{top:calc(20svh + 56.25vw + 29px);bottom:auto;right:12px;gap:10px;font-size:6px;letter-spacing:.12em}.play-disc{width:56px;height:56px}.play-disc svg{width:20px}.cinema-controls{left:20px;right:20px;bottom:8svh;gap:30px}.film-step{min-height:70px;gap:7px}.step-label{font-size:6px;letter-spacing:.1em;gap:7px}.step-label b{font-size:17px}.step-title{font-size:12px}.motion-toggle{right:20px;bottom:2svh;font-size:6px}.film-index{padding:20px 20px 60px}.film-index>header{gap:15px}.film-index h2{font-size:27px}.film-index header p{font-size:6px}.film-index-grid{gap:28px 15px}.index-meta{font-size:6px;margin-top:12px}.index-name{font-size:12px}.close-button{font-size:8px;gap:10px}.player-footer{font-size:6px}.film-player h2{font-size:13px}.film-player header{margin-bottom:12px}}
@media(max-height:650px) and (min-width:601px){.film-copy{bottom:29svh}.film-copy h1{font-size:5vw}.cinema-play{bottom:29svh}.play-disc{width:72px;height:72px}.collection-line{top:100px}.cinema-controls{bottom:5svh}.film-step{gap:5px;min-height:60px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}.film-visual video{display:none}.motion-toggle{display:none}}

/* Rev 152: one 2.35:1 plane, with editorial metadata outside the image. */
.cinema-screen{inset:auto;left:var(--pad);top:20svh;width:calc(100% - 2 * var(--pad));height:auto;aspect-ratio:2.35;max-height:49svh;right:var(--pad);margin:auto}
.film-visual img,.film-visual video{object-fit:cover}
.cinema-shade{display:none}
.collection-line{top:14svh}
.film-copy{top:71svh;bottom:auto;max-width:75vw}
.film-copy h1{font-size:clamp(20px,2.3vw,38px);font-style:normal;letter-spacing:-.025em;line-height:1.12;text-shadow:none;text-wrap:balance}
.film-copy>p{font-size:8px;margin-bottom:9px}.film-copy .film-kind{font-size:7px;margin-top:8px}
.cinema-play{top:71svh;bottom:auto;gap:7px;font-size:7px;padding:0}.play-disc{width:44px;height:44px}.play-disc svg{width:17px}
.cinema-controls{bottom:4svh}.film-step{min-height:48px;gap:6px}.step-title{font-size:clamp(10px,1vw,16px)}
.index-frame{aspect-ratio:2.35;background:#080808}.index-name{font-size:clamp(12px,1.1vw,18px)}
.motion-toggle{display:none}
@media(max-width:600px){.cinema-screen{left:0;right:0;top:24svh;width:100%;height:auto;aspect-ratio:2.35;max-height:none}.film-copy{top:calc(24svh + 100vw / 2.35 + 24px);left:20px;max-width:calc(100vw - 102px)}.film-copy h1{font-size:clamp(20px,5vw,27px)}.cinema-play{top:calc(24svh + 100vw / 2.35 + 24px);right:20px}.cinema-controls{bottom:9svh}.collection-line{top:17svh}.film-copy>p{font-size:7px}.film-copy .film-kind{font-size:6px}}
@media(min-width:601px){.cinema-screen{width:min(calc(100% - 2 * var(--pad)),115.15svh);left:50%;right:auto;transform:translateX(-50%);max-height:none}}

/* Immersive covers, quiet typography and a clear edge-to-edge stage. */
.cinema-screen{inset:0;width:100%;height:100%;max-height:none;aspect-ratio:auto;transform:none;margin:0}
.film-visual::before{content:"";position:absolute;inset:0;background:var(--poster) center/cover no-repeat;filter:blur(42px) brightness(.28);transform:scale(1.1)}
.film-visual img,.film-visual video{object-fit:contain;object-position:center;transform:none}
.index-frame img{object-fit:contain}.film-index-grid button:hover img{transform:none}
.cinema-shade{display:block;background:linear-gradient(180deg,rgba(0,0,0,.54),transparent 25%,transparent 55%,rgba(0,0,0,.42) 76%,rgba(0,0,0,.86));z-index:1}
.cinema-header{background:linear-gradient(#0003,transparent)}
.collection-line{top:115px;font-size:8px;color:#f1efe9b8;letter-spacing:.18em}
.film-copy{top:auto;bottom:clamp(115px,15svh,180px);left:var(--pad);max-width:min(72vw,950px)}
.film-copy h1{font-size:clamp(23px,2.8vw,46px);line-height:1.12;letter-spacing:.015em;font-weight:400;text-shadow:0 2px 20px #0004}
.film-copy>p{font-size:8px;letter-spacing:.2em;margin-bottom:12px;color:#f1efe9c9}
.film-copy .film-kind{font-size:7px;letter-spacing:.16em;margin-top:12px;color:#f1efe9a6}
.cinema-play{top:auto;bottom:clamp(115px,15svh,180px);right:var(--pad);gap:10px;font-size:7px}
.play-disc{width:58px;height:58px;border-color:#ffffff80;backdrop-filter:blur(5px)}
.cinema-controls{bottom:27px;gap:5vw;grid-template-columns:1fr .6fr 1fr;align-items:center}
.film-step{min-height:48px;justify-content:center;border-bottom:0;padding:12px 0}
.step-label{font-size:8px;letter-spacing:.16em;color:#f1efe9}
.step-title{display:none}
.collection-progress{background:#ffffff35}
.collection-progress>span{transition:width .35s}
.collection-progress p{top:9px;font-size:6px;color:#f1efe9a6;letter-spacing:.14em}
@media(max-width:600px){
 .cinema-header{padding:17px 20px}.cinema-brand img{width:138px}
 .collection-line{top:93px;left:20px;right:20px;font-size:6px}
 .film-copy{left:22px;bottom:130px;max-width:calc(100% - 108px);top:auto}
 .film-copy h1{font-size:clamp(22px,6vw,31px);line-height:1.18;letter-spacing:0}
 .film-copy>p{font-size:7px;margin-bottom:10px}.film-copy .film-kind{font-size:6px;margin-top:10px}
 .cinema-play{right:22px;bottom:130px;top:auto;font-size:6px;gap:9px}.play-disc{width:46px;height:46px}
 .cinema-controls{left:22px;right:22px;bottom:calc(24px + env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;gap:20px}
 .step-label{font-size:7px}.collection-progress{position:absolute;bottom:-9px;left:0;right:0}
 .collection-progress p{display:none}
}
@media(max-height:500px) and (min-width:601px){
 .collection-line{top:92px}.film-copy,.cinema-play{bottom:85px}.film-copy h1{font-size:25px}
 .cinema-controls{bottom:10px}.film-copy .film-kind{display:none}.play-disc{width:44px;height:44px}
}