.hero-film{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:16/9;border:6px solid #ffffff6b;outline:1px solid #1111110d;border-radius:10px;background:#f6f5f3;box-shadow:0 20px 40px #10054d1a,0 0 0 8px #d0b2ff20;animation:media-intro 1s cubic-bezier(.23,1,.32,1) both}
.hero-film[hidden],.film-mode-switch[hidden],.film-active>.app-window,.film-active>.demo-controls{display:none}
.hero-film video{display:block;width:100%;height:100%;object-fit:contain;background:#f6f5f3}
.film-playback{position:absolute;z-index:2;right:18px;bottom:16px;display:flex;align-items:center;gap:7px;border:1px solid #11111114;background:#ffffffed;backdrop-filter:blur(10px);border-radius:30px;padding:10px 13px;color:#111;font:inherit;font-size:11px;box-shadow:0 2px 8px #11111108;cursor:pointer}
.film-playback>span:first-child{width:12px;text-align:center;font-size:10px}
.film-mode-switch{display:flex;align-items:center;justify-content:center;gap:5px;margin:26px auto 0;padding:5px;background:#efedeb;border:1px solid #11111108;border-radius:10px;width:fit-content;max-width:100%}
.film-mode-switch button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 17px;border:0;border-radius:7px;background:transparent;color:#787673;font:inherit;font-size:12px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}
.film-mode-switch button[aria-pressed=true]{background:#fff;color:#111;box-shadow:0 2px 5px #1111110a}
.film-mode-switch svg{width:13px;height:13px}.film-mode-switch button>span{font-size:9px}
.film-playback:focus-visible,.film-mode-switch button:focus-visible{outline:2px solid #6f54b7;outline-offset:3px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){.hero-film{border-width:3px;border-radius:7px}.film-playback{right:9px;bottom:9px;padding:8px}.playback-label{display:none}.film-mode-switch{margin-top:21px}.film-mode-switch button{padding:10px 13px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.hero-film{animation:none}.film-mode-switch button{transition:none}}