.demoFilm{position:absolute;inset:0;overflow:hidden}.demoFilm,.demoFilm__video{display:block;background:#050506}.demoFilm__video{width:100%;height:100%;object-fit:cover}.demoFilm[data-playing=true] .demoFilm__video{object-fit:contain}.demoFilm__play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;width:100%;border:0;cursor:pointer;color:#fff;background:linear-gradient(180deg,rgb(5 5 6/15%),rgb(5 5 6/62%));transition:background .2s ease}.demoFilm__play:focus-visible,.demoFilm__play:hover{background:linear-gradient(180deg,rgb(5 5 6/5%),rgb(5 5 6/45%))}.demoFilm__play:focus-visible{outline:2px solid #fff;outline-offset:-4px}.demoFilm__playIcon{position:relative;width:clamp(2.75rem,18%,4.5rem);aspect-ratio:1;border-radius:50%;background:rgb(255 255 255/92%);box-shadow:0 10px 30px rgb(0 0 0/45%);transition:transform .2s ease}.demoFilm__play:focus-visible .demoFilm__playIcon,.demoFilm__play:hover .demoFilm__playIcon{transform:scale(1.06)}.demoFilm__playIcon:after{content:"";position:absolute;top:50%;left:54%;translate:-50% -50%;border-color:transparent transparent transparent #050506;border-style:solid;border-width:.5em 0 .5em .85em;font-size:clamp(.7rem,2.2vw,1rem)}.demoFilm__playText{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono,ui-monospace,monospace);font-size:.5625rem;letter-spacing:.18em;text-transform:uppercase;color:rgb(255 255 255/88%)}.demoFilm__runtime{color:rgb(255 255 255/55%)}@media (prefers-reduced-motion:reduce){.demoFilm__play,.demoFilm__playIcon{transition:none}.demoFilm__play:focus-visible .demoFilm__playIcon,.demoFilm__play:hover .demoFilm__playIcon{transform:none}}