.brand-film{--film-paper:#efefef;--film-ink:#171717;--film-accent:#171717;--film-muted:#676767;background:var(--film-paper);color:var(--film-ink);padding:clamp(56px,7vw,100px) clamp(20px,6vw,96px);scroll-margin-top:88px;position:relative}.brand-film--productmaker{--film-paper:#fff;--film-accent:#fc0019}.brand-film--commercemaker{--film-paper:#f7f4ff;--film-accent:#5423e7;--film-muted:#6c6c89}.brand-film--catalogweb{--film-paper:#f3f3e9;--film-ink:#2b1a16;--film-accent:#e33529;--film-muted:#806960}.brand-film--deviceapp{--film-ink:#312f28;--film-accent:#377666;--film-muted:#6a6d69}.brand-film--web3dlab{--film-paper:#ead9dd;--film-ink:#171516;--film-accent:#292228;--film-muted:#71676b;padding-top:140px}.brand-film--blogroutine{--film-paper:#181825;--film-ink:#fff;--film-accent:#8f87fa;--film-muted:#c2bdd6}.brand-film-inner{max-width:min(1200px,177.778svh - 355.556px);margin:0 auto}.brand-film-heading{grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr);align-items:end;gap:28px 48px;margin-bottom:32px;display:grid}.brand-film-kicker{color:var(--film-accent);margin:0 0 18px;font-size:14px;font-weight:700}.brand-film-heading h2{letter-spacing:-.04em;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:clamp(30px,3.6vw,50px);font-weight:750;line-height:1.22}.brand-film-intro{color:var(--film-muted);word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:17px;line-height:1.65}.brand-film-frame{background:#1c1c22;border:1px solid #79727c35;border-radius:20px;scroll-margin-top:90px;overflow:hidden;box-shadow:0 24px 64px #1716200c}.brand-film-screen{aspect-ratio:16/9;background:var(--film-paper);position:relative}.brand-film-screen video{object-fit:contain;width:100%;height:100%;display:block}.brand-film-controls{color:#fff;background:#1c1c22;align-items:center;gap:10px;min-height:58px;padding:7px 12px;display:flex}.brand-film-controls button{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 0 44px;justify-content:center;align-items:center;padding:0;display:inline-flex}.brand-film-controls button:hover{background:#ffffff18}.brand-film-controls button:disabled{opacity:.45;cursor:default}.brand-film-controls input{accent-color:#c7b7ff;cursor:pointer;flex:1;width:100%;min-width:24px;height:32px}.brand-film-controls :focus-visible,.brand-film-transcript summary:focus-visible{outline-offset:3px;outline:2px solid #9b85ee}.brand-film-time{font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;font-size:12px}.brand-film-error{background:var(--film-paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px;display:flex;position:absolute;inset:0}.brand-film-error button{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:30px;padding:10px 20px}.brand-film-transcript{color:var(--film-muted);margin-top:20px;font-size:14px}.brand-film-transcript summary{cursor:pointer;width:fit-content;padding:6px 0}.brand-film-transcript p{white-space:pre-line;word-break:keep-all;max-width:850px;margin:16px 0 0;font-size:16px;line-height:1.85}.brand-film-frame:fullscreen{border:0;border-radius:0;flex-direction:column;justify-content:center;width:100%;height:100%;display:flex}.brand-film-frame:fullscreen .brand-film-screen{aspect-ratio:auto;background:#000;flex:1;min-height:0}.brand-film-jump{color:inherit;text-underline-offset:5px;white-space:nowrap;justify-content:center;align-items:center;gap:9px;padding:10px 0;font-size:16px;font-weight:600;line-height:1.4;text-decoration:underline;display:inline-flex}.brand-film-jump:focus-visible{outline-offset:5px;outline:2px solid}@media (max-width:760px){.brand-film{scroll-margin-top:76px}.brand-film--web3dlab{padding-top:110px}.brand-film-heading{grid-template-columns:minmax(0,1fr);gap:18px;margin-bottom:24px}.brand-film-intro{max-width:520px;font-size:16px}.brand-film-frame{border-radius:12px;scroll-margin-top:76px}.brand-film-controls{gap:3px;min-height:52px;padding:4px}.brand-film-time{font-size:11px}.brand-film-transcript p{font-size:15px}}