/* Welcome page promo video: 16:9 film on wide screens, 9:16 phone-shaped film on phones (and for languages that only have a vertical cut). */
.film-section .section-heading{margin-bottom:38px}
.film{position:relative;margin:0 auto;width:100%;max-width:1080px;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#0d0915;border:1px solid #c396ff30;box-shadow:0 30px 90px #0008,0 0 80px #8945e522;isolation:isolate}
.film.is-tall{width:min(380px,100%);aspect-ratio:9/16;border-radius:38px;border:6px solid #332b47;box-shadow:0 30px 80px #0009,0 0 70px #8945e52a,inset 0 0 0 1px #ffffff20}
.film:before{content:"";position:absolute;inset:-30% -10%;z-index:-1;background:radial-gradient(ellipse at 50% 50%,#995cff30,transparent 60%);filter:blur(40px)}
.film-video{display:block;width:100%;height:100%;object-fit:cover;background:#0d0915}
.film-play{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:14px;padding:0 20px 7%;border:0;background:linear-gradient(180deg,transparent 55%,#0d0915b0);color:#fff;font:inherit;cursor:pointer;transition:opacity .25s}
.film.is-tall .film-play{justify-content:center;padding:0 16px 22%;background:#0d091555}
.film-play-icon{display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:linear-gradient(135deg,#8B5CF6,#EC4899);box-shadow:0 14px 40px #ec489955,0 0 0 10px #ffffff12;transition:transform .2s}
.film-play-icon svg{margin-left:4px}
.film-play-text{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 18px;border-radius:16px;background:#0d0915cc;border:1px solid #ffffff1a;backdrop-filter:blur(8px)}
.film-play-text strong{font-size:17px;font-weight:800;letter-spacing:-.01em}
.film-play-text small{font-size:12px;font-weight:600;color:#ddd6fe}
.film-play:hover .film-play-icon,.film-play:focus-visible .film-play-icon{transform:scale(1.08)}
.film-play:focus-visible{outline:3px solid #c4b5fd;outline-offset:-6px;border-radius:inherit}
.film.is-playing .film-play{opacity:0;pointer-events:none}
@media(max-width:700px){.film-play-icon{width:72px;height:72px}.film-play-text strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.film-play,.film-play-icon{transition:none}.film-play:hover .film-play-icon{transform:none}}