.film-demo{position:relative}.film-demo .film-frame{position:absolute;inset:0;border-radius:22px;overflow:hidden;z-index:3;pointer-events:none}.film-demo .film-frame>.film{position:absolute;inset:0}.film-title-host{position:fixed;inset:0;pointer-events:none;z-index:35}html:not([data-film-intro="1"]) .film-title-host{display:none}html[data-film-intro="1"] .motion-demo.film-demo{z-index:30}html[data-film-intro="1"] .film-demo .film-frame{position:fixed;inset:0;border-radius:0}html[data-film-intro="1"] .motion-copy>*{opacity:0}html[data-film-intro="1"] .companion-toggle{visibility:hidden}html[data-film-intro="1"] .mobile-cta{transform:translateY(120%)}.film-ctrl{position:fixed;right:24px;bottom:24px;z-index:36;display:flex;gap:6px}html:not([data-film-intro="1"]) .film-ctrl{display:none}.film-ctrl button{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:9px;border:1px solid rgba(206,197,211,.75);background:rgba(250,247,252,.72);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#28202e;font:500 12px/1 "Geist Mono","SFMono-Regular",Menlo,monospace;letter-spacing:.03em;cursor:pointer}.film-ctrl button:hover{background:#fff}.film-ctrl button:focus-visible{outline:2px solid #e95252;outline-offset:3px}.film-ctrl svg{width:10px;height:10px;fill:currentColor}.film-ctrl .film-skip{background:#0b0b0f;color:#fff;border-color:#0b0b0f}.film-ctrl .film-skip:hover{background:#2a2230}@media(max-width:700px){.film-ctrl button{height:32px;padding:0 11px}.film-ctrl .film-pause span{display:none}.film-title-host{z-index:41}}@media(prefers-reduced-motion:reduce){.film-ctrl,.film-demo .film-frame{display:none!important}}