:root{color-scheme:dark;--night:#151116;--ink:#fbf4ec;--lilac:#ddc0f4;--muted:#c7bec8;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}*{box-sizing:border-box}body{margin:0;background:var(--night);color:var(--ink);font:16px/1.45 -apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--lilac);outline-offset:3px}
.landing{width:min(100%,450px);padding:0 18px max(16px,env(safe-area-inset-bottom));margin:auto}header,.brand,.edition,.film-top,.controls,.primary{display:flex;align-items:center}header{height:55px;justify-content:space-between}.brand{gap:8px;font:600 25px/1 Georgia,serif;letter-spacing:-1.6px}.brand img{border-radius:8px}.edition,.scene-id,figcaption>span,.eyebrow{font:550 10px/1.3 var(--mono);letter-spacing:.1em}.edition{gap:9px;color:#d6cbd8}.edition b{border:1px solid #746b76;border-radius:4px;padding:2px 4px;font-size:9px}
.film{margin:0;position:relative;isolation:isolate;overflow:hidden;border-radius:10px;background:#30252c;height:min(119vw,calc(100vh - 288px),530px);height:clamp(170px,min(119vw,calc(100svh - 288px)),530px)}.film video,.shade{width:100%;height:100%;position:absolute;inset:0}.film video{object-fit:contain;object-position:center;background:#151116}.shade{pointer-events:none;background:linear-gradient(180deg,#140f1910,transparent 20%,transparent 62%,#1c101888)}.film-top{position:absolute;left:16px;right:9px;top:8px;justify-content:space-between}.scene-id{color:white;text-shadow:0 1px 7px #000}.controls{gap:2px}.controls button{width:44px;height:44px;color:white;background:transparent;border:none;display:grid;place-items:center;padding:0}.controls svg{width:30px;height:30px;padding:6px;background:#211a21aa;border:1px solid #ffffff4f;border-radius:50%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}figcaption{position:absolute;bottom:20px;left:19px;right:16px;text-shadow:0 1px 9px #20121e}figcaption>span{color:#f6deff;font-size:9px}figcaption p{margin:3px 0 0;font:italic 29px/1.12 Georgia,serif;letter-spacing:-.045em}
.offer{padding:17px 1px 0}h1,h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.055em;font-weight:400}h1{font-size:clamp(35px,9.5vw,48px);line-height:.97;margin:0}h1 em{color:var(--lilac);font-weight:400}.offer>p{color:var(--muted);font-size:15px;line-height:1.4;margin:10px 0 14px;max-width:370px}.primary{width:100%;min-height:50px;justify-content:center;gap:10px;border:0;border-radius:30px;background:var(--lilac);color:#231927;text-decoration:none;font-size:15px;font-weight:650}.primary:hover{background:#ebd5ff}.primary span[aria-hidden]{font-size:18px}
dialog{padding:26px;width:min(92vw,400px);border:1px solid #5d5061;border-radius:15px;background:#251e28;color:var(--ink);max-height:88dvh;overflow:auto}dialog::backdrop{background:#0e0910bf}dialog .close{position:absolute;right:8px;top:7px;width:44px;height:44px;background:transparent;color:white;border:0;font-size:26px}.eyebrow{color:var(--lilac);margin:3px 0 15px}h2{font-size:39px;line-height:1.05;margin:0 0 10px}#dialog-copy{color:var(--muted);font-size:15px}label{font-size:14px}.agree{display:flex;gap:9px;margin:14px 0;align-items:flex-start}.agree input{width:18px;height:18px;flex:none;margin:2px 0;accent-color:var(--lilac)}#email{width:100%;margin-top:5px;background:#171217;color:white;border:1px solid #807484;border-radius:6px;font-size:16px;padding:12px}#status{color:#f6d4b6;font-size:14px}details{font-size:12px;color:#c0b6c2}summary{cursor:pointer;padding:6px 0}.primary:disabled{opacity:.7;cursor:wait}[hidden]{display:none!important}body:has(dialog[open]){overflow:hidden}
@media(min-width:700px){body{background:radial-gradient(ellipse at 50% 20%,#2b222c,var(--night) 65%)}.landing{width:436px}header{height:60px}}
@media(max-height:650px) and (orientation:portrait){header{height:49px}.offer{padding-top:12px}h1{font-size:35px}.offer>p{font-size:14px;margin:6px 0 10px}.primary{min-height:46px}.film{height:clamp(155px,calc(100svh - 254px),365px)}}

.brand{text-decoration:none;color:inherit}.header-actions{display:flex;align-items:center;gap:14px}.home-link{color:#efe3f2;font:500 10px/1 var(--mono);letter-spacing:.04em;text-decoration:none;white-space:nowrap;padding:16px 0}.home-link:hover{text-decoration:underline}@media(max-width:350px){.header-actions{gap:8px}.edition{font-size:9px}}