.film [hidden]{display:none!important}.film{aspect-ratio:16/10;color:#fff;isolation:isolate;background:#011a24;border-radius:24px;max-width:100%;position:relative;overflow:hidden}.film video{z-index:1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film .glow{z-index:-1;background:radial-gradient(40% 50% at 25% 35%,#3f8088bf,#0000 70%),radial-gradient(45% 55% at 80% 70%,#0d717b99,#0000 70%),radial-gradient(30% 40% at 65% 20%,#96c8cd40,#0000 70%);animation:14s ease-in-out infinite alternate launch-film-drift;position:absolute;inset:-20%}.film .mark{opacity:.1;z-index:-1;width:190px;position:absolute;top:-20px;right:-30px}.film .cap{z-index:2;justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:18px;left:20px;right:20px}.film .cap .k{letter-spacing:.16em;text-transform:uppercase;opacity:.75;font-size:11px}.film .cap .h{letter-spacing:-.03em;margin-top:4px;font-size:22px;line-height:1.1}.film.is-playing .glow,.film.is-playing .mark,.film.is-playing .play,.film.is-playing .cap{opacity:0;pointer-events:none}.film:has(video:playing) .glow{opacity:0;pointer-events:none}.film:has(video:playing) .mark{opacity:0;pointer-events:none}.film:has(video:playing) .play{opacity:0;pointer-events:none}.film:has(video:playing) .cap{opacity:0;pointer-events:none}:is(.film:has(video:playing) .play,.film:has(video:playing) .cap){display:none!important}.film:has(video:playing) .sound{display:inline-block!important}.film .play{all:unset;cursor:pointer;z-index:2;-webkit-backdrop-filter:blur(10px);background:#ffffff29;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:68px;height:68px;transition:transform .16s;display:grid;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.film .play:hover{transform:translate(-50%,-50%)scale(1.06)}.film .play:focus-visible{outline-offset:3px;outline:2px solid #fff}.film .sound{all:unset;cursor:pointer;z-index:2;-webkit-backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #ffffff4d;border-radius:999px;padding:7px 12px;font-size:12px;position:absolute;bottom:14px;right:14px}@keyframes launch-film-drift{0%{transform:translate(-4%,-2%)scale(1)}to{transform:translate(4%,3%)scale(1.08)}}@media (prefers-reduced-motion:reduce){.film .glow{animation:none}}
