.entryReplay{display:inline-flex;align-items:center;gap:9px;min-height:44px;margin-top:16px;color:#e6c48a;font:500 12px 'Work Sans',sans-serif;text-decoration:underline;text-underline-offset:4px}
.entryReplay span{font-size:22px}
.entryFilm{position:fixed;inset:0;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;border:0;padding:0;margin:0;background:#080b18;color:#f7edda;overflow:hidden;font-family:'Work Sans',sans-serif;font-weight:400;--film-play:running;--film-progress:0}
.entryFilm::backdrop{background:#080b18}
.filmScenes,.filmScene,.filmBackdrop,.filmVignette,.filmEmbers{position:absolute;inset:0;width:100%;height:100%}
.filmScene{opacity:0;transition:opacity 1.1s ease;pointer-events:none;overflow:hidden}
.filmScene.isActive{opacity:1}
.filmBackdrop{object-fit:cover;object-position:center;transform:scale(1.02)}
.filmScene.isActive .filmBackdrop{animation:filmDrift 12s ease-out both;animation-play-state:var(--film-play)}
.filmScene:nth-child(even) .filmBackdrop{object-position:60% center}
.filmVignette{background:linear-gradient(0deg,#080b18 0%,#080b18ed 9%,#080b18aa 35%,#080b1800 72%,#080b18a3 100%),linear-gradient(90deg,#080b1855,transparent 65%)}
.filmCopy{position:absolute;left:8%;right:8%;bottom:18%;max-width:850px;text-shadow:0 3px 30px #0009}
.filmCopy h2{margin:0 0 22px;font:500 clamp(34px,5.2vw,76px)/1.08 'Cinzel',Georgia,serif;letter-spacing:-.035em;color:#fff1d8}
.filmCopy h2 em{font-style:normal;color:#efc88c}
.filmCopy>p:not(.filmChapter){margin:0;color:#e1d9e7;font-size:clamp(13px,1.5vw,18px);line-height:1.9;font-weight:400}
.filmCopy strong{color:#efd09e;font-weight:500}
.filmChapter{margin:0 0 20px;font-size:11px;text-transform:uppercase;letter-spacing:.24em;color:#e8c18c}
.filmScene.isActive .filmCopy{animation:filmReveal 1.25s .3s both}
.filmFinal .filmCopy{max-width:none;left:7%;right:7%;text-align:center;bottom:18%}
.filmLogo{display:block;margin:0 auto 17px;filter:drop-shadow(0 0 22px #f1c88666)}
.filmFinal .filmChapter{font-family:'Cinzel',Georgia,serif;font-size:19px;letter-spacing:.1em}
.filmHeader{position:absolute;z-index:2;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:max(25px,env(safe-area-inset-top)) max(5%,env(safe-area-inset-right)) 0 max(5%,env(safe-area-inset-left))}
.filmBrand{display:flex;align-items:center;gap:10px;font:500 18px 'Cinzel',Georgia,serif;color:#f1d5a4}
.filmHeader button,.filmControls button{min-height:44px;padding:10px 16px;color:#eee3d7;font:500 12px 'Work Sans',sans-serif;border:1px solid #eed7b440;border-radius:8px;background:#0b10288c}
.filmHeader button:hover,.filmControls button:hover{background:#34304b}
.filmControls{position:absolute;z-index:2;left:5%;right:5%;bottom:max(25px,env(safe-area-inset-bottom))}
.filmProgress{height:2px;background:#e8d2ac33;margin-bottom:18px;overflow:hidden}.filmProgress i{display:block;width:100%;height:100%;background:#e9c88d;transform:scaleX(var(--film-progress));transform-origin:left}
.filmControlRow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.filmControlRow>button:first-child{justify-self:start}.filmControlRow>button:last-child{justify-self:end}
.filmChapters{display:flex;gap:6px;grid-column:2;grid-row:1}.filmChapters button{width:44px;border-color:transparent;background:transparent;color:#afa6ba;font-size:11px}
.filmChapters button[aria-current="step"]{border-color:#e8c99180;color:#ffe8bf;background:#b8893c24}
.filmControlRow #filmNext{grid-column:3;grid-row:1;border-color:#e7c48e80;color:#ffe3b4}
.entryFilm button:focus-visible{outline:2px solid #f8d798;outline-offset:4px}
.filmEmbers{pointer-events:none;overflow:hidden;opacity:.7}
.filmEmbers i{position:absolute;width:3px;height:3px;border-radius:50%;left:var(--x);bottom:-15px;background:#ffd492;box-shadow:0 0 12px #fdbd58;animation:filmEmber 6s var(--delay) linear infinite;animation-play-state:var(--film-play)}
.filmEmbers i:nth-child(1){--x:9%;--delay:-1s}.filmEmbers i:nth-child(2){--x:23%;--delay:-4s}.filmEmbers i:nth-child(3){--x:37%;--delay:-2s}.filmEmbers i:nth-child(4){--x:49%;--delay:-5s}.filmEmbers i:nth-child(5){--x:68%;--delay:-3s}.filmEmbers i:nth-child(6){--x:84%;--delay:0s}.filmEmbers i:nth-child(7){--x:15%;--delay:-3.5s}.filmEmbers i:nth-child(8){--x:30%;--delay:-.5s}.filmEmbers i:nth-child(9){--x:55%;--delay:-4.5s}.filmEmbers i:nth-child(10){--x:76%;--delay:-1.5s}.filmEmbers i:nth-child(11){--x:91%;--delay:-2.5s}.filmEmbers i:nth-child(12){--x:62%;--delay:-5.5s}
@keyframes filmDrift{from{transform:scale(1.02) translateY(0)}to{transform:scale(1.13) translateY(-1.5%)}}
@keyframes filmReveal{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes filmEmber{0%{transform:translate(0,0);opacity:0}15%{opacity:.8}80%{opacity:.5}100%{transform:translate(35px,-80vh);opacity:0}}
@media(max-width:600px){.filmCopy{left:7%;right:7%;bottom:23%}.filmCopy h2{font-size:clamp(31px,8.6vw,48px);line-height:1.15;margin-bottom:18px}.filmCopy>p:not(.filmChapter){font-size:13px;line-height:1.75}.filmChapter{font-size:9px;letter-spacing:.18em}.filmBrand{font-size:14px;gap:6px}.filmHeader button{font-size:11px;padding:8px 10px}.filmControls{left:6%;right:6%}.filmControlRow{grid-template-columns:1fr 1fr;gap:12px}.filmChapters{grid-column:1/3;grid-row:1;justify-self:center}.filmControlRow>button:first-child{grid-column:1;grid-row:2}.filmControlRow #filmNext{grid-column:2;grid-row:2}.filmFinal .filmCopy{bottom:24%}.filmLogo{width:66px;height:66px}.filmFinal .filmChapter{font-size:16px}.filmProgress{margin-bottom:8px}}
@media(max-width:600px){.filmCopy,.filmFinal .filmCopy{bottom:max(25%,155px)}}
@media(max-height:520px) and (min-width:601px){.filmCopy,.filmFinal .filmCopy{bottom:26%}.filmCopy h2{font-size:34px;margin-bottom:10px}.filmCopy>p:not(.filmChapter){font-size:12px}.filmChapter{margin-bottom:10px}.filmLogo{display:none}.filmHeader{padding-top:10px}.filmControls{bottom:10px}}
@media(prefers-reduced-motion:reduce){.filmScene{transition:none}.filmScene.isActive .filmCopy,.filmScene.isActive .filmBackdrop,.filmEmbers i{animation:none}.filmEmbers{display:none}}
