.brand-film{width:100%;min-width:0;color:var(--text,#f1f4f7);isolation:isolate;background:#040609;border:1px solid #20272d;border-radius:3px;overflow:hidden}.brand-film-stage{background:#040609;height:560px;position:relative;overflow:hidden}.brand-film-canvas,.brand-film-canvas canvas,.brand-film-poster{width:100%;height:100%;display:block;position:absolute;inset:0}.brand-film-topline{z-index:2;color:#b2babc;letter-spacing:.11em;justify-content:space-between;align-items:center;gap:12px;font:9px IBM Plex Mono,monospace;display:flex;position:absolute;top:26px;left:28px;right:28px}.brand-film-topline a{color:#b2babc;align-items:center;gap:9px;min-height:32px;text-decoration:none;display:flex}.brand-film-topline a span{font-size:8px}.brand-film-poster{background:#040609}.brand-film-poster img{object-fit:cover;opacity:.6;width:100%;height:100%}.brand-film-loading{letter-spacing:.14em;color:#bbc5cc;align-items:center;gap:14px;font:9px IBM Plex Mono,monospace;display:flex;position:absolute;bottom:32px;left:28px}.brand-film-loading i{border:1px solid #537778;border-top-color:#cbf6ee;border-radius:50%;width:10px;height:10px;animation:1s linear infinite brand-loading}@keyframes brand-loading{to{transform:rotate(360deg)}}.brand-film-caption{letter-spacing:.12em;color:#b2babc;pointer-events:none;justify-content:space-between;gap:12px;font:9px IBM Plex Mono,monospace;display:flex;position:absolute;bottom:28px;left:28px;right:28px}.brand-film-caption>span:last-child{color:#859499;font-size:8px}.brand-film-end{opacity:var(--reveal,0);transform:translateY(calc((1 - var(--reveal,0)) * 20px));pointer-events:none;position:absolute;bottom:32px;left:32px;right:32px}.brand-film-end:not([inert]){pointer-events:auto}.brand-film-eyebrow{letter-spacing:.15em;color:#adbdc0;font:9px IBM Plex Mono,monospace}.brand-film-end h2{letter-spacing:-.065em;color:#f0f3f3;margin:19px 0 16px;font-size:clamp(38px,4vw,66px);font-weight:450;line-height:.99}.brand-film-end h2 em{color:#9faeaf;font-style:normal}.brand-film-end p{color:#adb8bb;letter-spacing:-.01em;margin:0 0 21px;font-size:14px}.brand-film-end a{color:#13201e;background:#d6e8e3;border-radius:2px;align-items:center;gap:28px;min-height:46px;padding:0 17px;font-size:12px;text-decoration:none;display:inline-flex}.brand-film-end a:hover{background:#e9fff6}.brand-film[data-status=fallback] .brand-film-end{opacity:1;transform:none}.brand-film[data-status=fallback] .brand-film-poster img{opacity:.25}.brand-film-track{background:#20292e;height:1px}.brand-film-track>div{transform-origin:0 0;background:#94c4b9;height:100%;transform:scaleX(0)}.brand-film-controls{justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:0 14px;display:flex}.brand-film-transport,.brand-film-audio-controls{align-items:center;gap:8px;display:flex}.brand-film-transport>span,.brand-film-duration{color:#aebbbd;letter-spacing:.1em;font:8px IBM Plex Mono,monospace}.brand-film-duration{color:#85999d;margin-right:10px}.brand-film-controls button{color:#bccbcc;cursor:pointer;background:0 0;border:0;border-radius:3px;place-items:center;width:44px;height:44px;display:grid}.brand-film-controls button:hover:not(:disabled){color:#c4fff2;background:#ffffff0b}.brand-film-controls button:disabled{opacity:.35;cursor:default}.brand-film-controls input{accent-color:#94c4b9;width:65px;height:32px}.brand-film a:focus-visible,.brand-film button:focus-visible,.brand-film input:focus-visible{outline-offset:-3px;outline:2px solid #a0dece}.brand-film-expanded .brand-film-stage{height:calc(100svh - 180px);min-height:520px;max-height:1200px}.brand-film-expanded .brand-film-end{bottom:18%;left:5%}.brand-film-expanded .brand-film-end h2{font-size:clamp(52px,6.2vw,110px)}.brand-film-expanded .brand-film-end p{font-size:17px}.brand-film-expanded .brand-film-end a{min-height:48px;font-size:13px}.selfside-film-page{background:#040609;min-height:100svh;padding:0 clamp(16px,4vw,64px) 24px}.selfside-film-header{justify-content:space-between;align-items:center;gap:20px;height:76px;display:flex}.selfside-film-header>div{align-items:center;gap:24px;display:flex}.selfside-film-header a{color:#eaf2f3;font-size:13px;text-decoration:none}.selfside-film-header .brand{font-size:22px}.selfside-film-header .selfside-film-create{color:#b0d9ce;align-items:center;gap:8px;display:flex}.selfside-film-footer{color:#89999d;letter-spacing:.03em;justify-content:space-between;gap:20px;margin:16px 0 0;font-size:10px;display:flex}@media (max-width:600px){.brand-film-stage{height:520px}.brand-film-topline{font-size:8px;top:18px;left:18px;right:18px}.brand-film-topline a span{display:none}.brand-film-caption{font-size:8px;bottom:22px;left:18px;right:18px}.brand-film-caption>span:last-child{display:none}.brand-film-end{bottom:24px;left:24px;right:24px}.brand-film-end h2{font-size:45px}.brand-film-expanded .brand-film-stage{height:calc(100svh - 182px);min-height:550px}.brand-film-expanded .brand-film-end{bottom:32px;left:24px}.brand-film-expanded .brand-film-end h2{font-size:48px}.brand-film-expanded .brand-film-end p{font-size:14px}.selfside-film-header{height:68px}.selfside-film-header>div>a:first-child{display:none}.selfside-film-footer{font-size:9px}.brand-film-duration{display:none}}@media (prefers-reduced-motion:reduce){.brand-film-loading i{animation:none}}