:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;color:#fff6e9;background:#0d0c11;--amber:#ffc878}*{box-sizing:border-box}body{margin:0}.cinema{height:100svh;min-height:380px;position:relative;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;background:#0b111c;overflow:hidden}video,.scrim{position:absolute;inset:0;width:100%;height:100%;z-index:-2}video{object-fit:cover;object-position:58% 50%}.scrim{z-index:-1;background:linear-gradient(to bottom,rgba(8,8,18,.56),transparent 22%,transparent 52%,rgba(6,6,13,.30) 70%,rgba(5,5,11,.88))}header,footer{padding:clamp(20px,3vw,52px) clamp(22px,4.4vw,86px)}header{display:flex;align-items:center;justify-content:space-between;padding-top:max(env(safe-area-inset-top),clamp(20px,3.2vw,54px))}.mark{display:flex;align-items:center;gap:11px;font-weight:950;font-size:clamp(22px,2.4vw,40px);letter-spacing:-.075em;color:#fff;text-decoration:none;line-height:1}.mark img{width:clamp(34px,3.1vw,50px);height:auto;border-radius:50%;border:1px solid #ffd79e99}.mark span{filter:drop-shadow(0 1px 9px #291106)}button{font:inherit;color:inherit;cursor:pointer}.bars{display:inline-flex;height:14px;align-items:center;gap:2px}.bars i{width:2px;background:var(--amber);height:4px}.bars i:nth-child(2){height:11px}.bars i:nth-child(3){height:8px}.bars i:nth-child(4){height:5px}#sound{border:1px solid #ffffff59;border-radius:999px;background:#131014a8;backdrop-filter:blur(8px);padding:11px 17px;display:flex;align-items:center;gap:9px;font-size:13px;letter-spacing:.02em}#sound[aria-pressed=true] .bars i{animation:pulse .65s ease-in-out alternate infinite}#sound[aria-pressed=true] i:nth-child(2){animation-delay:-.31s}#sound[aria-pressed=true] i:nth-child(4){animation-delay:-.17s}@keyframes pulse{to{transform:scaleY(.4)}}footer{padding-bottom:max(env(safe-area-inset-bottom),clamp(20px,3vw,45px))}.film-title{margin:0 0 26px}.film-title h1{font:italic 500 clamp(58px,8.9vw,150px)/.97 Georgia,'Times New Roman',serif;letter-spacing:-.07em;margin:0;text-shadow:0 3px 28px #16101a55}.film-title h1 span{color:var(--amber)}.film-title p{font-weight:500;font-size:clamp(13px,1.15vw,18px);margin:9px 0 0;letter-spacing:.035em;color:#f7dfc1}.transport{display:flex;align-items:center;gap:16px;width:100%;padding-top:9px}.transport button{width:40px;height:40px;padding:8px;border:none;background:transparent;display:grid;place-items:center;border-radius:50%}.transport button:hover,#sound:hover{background:#ffffff28}.transport svg{width:22px;height:22px;fill:currentColor}.transport input{appearance:none;height:22px;flex:1;min-width:24px;cursor:pointer;background:transparent;margin:0}.transport input::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,var(--amber) var(--position,0%),#ffffff66 var(--position,0%));border-radius:2px}.transport input::-webkit-slider-thumb{appearance:none;background:var(--amber);height:9px;width:9px;border-radius:50%;margin-top:-3px}.transport input::-moz-range-track{height:3px;background:#ffffff66}.transport input::-moz-range-progress{background:var(--amber)}.transport input::-moz-range-thumb{width:9px;height:9px;border:0;background:var(--amber)}.clock{font:12px/1 monospace;color:#f7e8db;white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}:focus-visible{outline:2px solid var(--amber);outline-offset:4px}#status{font-size:13px;color:#ffedd6}#status a{color:inherit}@media(max-aspect-ratio:3/4){video{object-fit:contain;object-position:center;background:#101018}.cinema{background:#101018}.scrim{background:linear-gradient(160deg,#34251f70,transparent 34%,transparent 64%,#1d162055)}.film-title{margin-bottom:14px}.film-title h1{font-size:clamp(52px,15vw,88px)}.transport{gap:7px}.clock{font-size:10px}}@media(prefers-reduced-motion:reduce){#sound .bars i{animation:none!important}}