.brand-film{height:min(88svh,56.25vw);min-height:390px;display:grid;place-items:center;background:#090a09;color:var(--paper)}.film-background{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.film-screen{position:relative;width:min(76.8%,calc((88svh - 110px)*16/9));aspect-ratio:16/9;background:#090a09;box-shadow:0 0 75px 25px #0009,0 24px 90px 25px #0008;z-index:1;overflow:hidden}.brand-film .film-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;scale:1}.film-progress{position:absolute;bottom:0;left:0;width:100%;height:1px;transform:scaleX(var(--film-progress,0));transform-origin:left;background:var(--yellow);opacity:.6;pointer-events:none}.film-heading{position:absolute;top:28px;left:4%;right:4%;display:flex;justify-content:space-between;gap:20px;font-size:8px;font-weight:500;letter-spacing:.08em;z-index:1;color:#eeede7b5}.film-caption{inset:auto 4% 20px;mix-blend-mode:normal;color:var(--paper);gap:20px;letter-spacing:.055em}.film-controls{display:flex;align-items:center;gap:6px}.film-caption button{min-height:36px;min-width:36px;border-color:#eeede74d;font-size:8px;padding:9px 15px;gap:13px;transition:background .25s,border-color .25s}.film-caption button:hover{background:#eeede717;border-color:#eeede7b3}.film-caption button[hidden]{display:none}.film-caption #reel-fullscreen{font-size:17px;padding:4px 10px}.film-caption [data-film-time]{font-variant-numeric:tabular-nums;min-width:44px;text-align:right;font-size:8px}.brand-film:fullscreen{width:100vw;height:100vh;max-height:none;min-height:0}.brand-film:fullscreen .film-screen{width:min(84vw,calc((100vh - 140px)*16/9));max-height:none}@media(max-width:900px){.film-credit{font-size:7px}.film-caption{gap:10px}.film-caption button{padding:8px 11px;gap:9px}}@media(max-width:600px){.brand-film{height:94vw;min-height:340px;max-height:560px}.film-screen{width:86%;max-height:none;box-shadow:0 0 45px 15px #0009,0 12px 50px 20px #0008}.film-heading{inset:24px 5% auto;font-size:6px;letter-spacing:.04em}.film-caption{inset:auto 5% 18px;gap:8px;flex-wrap:wrap}.film-caption .film-credit{display:none}.film-controls{gap:4px}.film-caption button{min-height:40px;font-size:8.5px;padding:8px 12px}.film-caption [data-film-time]{display:block;font-size:7px}.film-caption #reel-fullscreen{font-size:16px;min-width:38px;padding:4px 8px}}