/* The opening film uses normal document flow; no scroll hold or video scrub. */
.commercial-hero{padding-top:104px;background:#070b0d;isolation:isolate;position:relative}
.commercial-player{position:relative;max-width:1920px;margin:auto;background:#030607}
.commercial-player video{display:block;width:100%;aspect-ratio:16/9;max-height:calc(100svh - 160px);object-fit:contain;background:#030607}
.commercial-controls{display:flex;align-items:center;gap:12px;padding:16px var(--pad);border-bottom:1px solid #ffffff1c;background:#0c1216;flex-wrap:wrap}
.commercial-controls button{background:transparent;border:1px solid #ffffff30;padding:10px 15px;border-radius:3px;font-size:11px;min-height:42px}
.commercial-controls .commercial-watch{border-color:#74ddeb;background:#74ddeb;color:#0b1417;font-weight:700}
.commercial-controls>span{font:10px monospace;letter-spacing:1.5px;color:#9aaeb7;margin-left:auto}
.commercial-player.is-watching .commercial-watch{display:none}
.commercial-status{font-size:12px;padding:0 var(--pad);color:#74ddeb}
.commercial-status:empty{display:none}
.commercial-heading{padding:42px var(--pad);display:flex;align-items:center;justify-content:space-between;gap:30px}
.commercial-heading .eyebrow{margin-bottom:12px}
.commercial-heading h1{font-size:clamp(36px,4vw,68px);line-height:1.04;letter-spacing:-.05em}
.commercial-heading h1 em{color:#74ddeb}
.commercial-heading>div:last-child{display:flex;gap:20px;align-items:center}
.commercial-heading .motion-toggle{position:static;width:44px;height:44px;background:none;border:1px solid #ffffff30;border-radius:50%}
.product-stage{background:radial-gradient(ellipse at 50% 40%,#233540 0%,#111c24 50%,#0a1016 100%)}
.model-fallback{mix-blend-mode:normal;object-fit:contain}
.package-product img[src*="commercial-"]{width:100%;height:100%;max-width:none;object-fit:cover;transform:none;filter:none}
.connected-poster img{aspect-ratio:160/81;object-fit:cover}
@media(max-width:800px){.commercial-hero{padding-top:90px}.commercial-player video{max-height:none}.commercial-heading{align-items:flex-start;flex-direction:column;padding-top:30px;padding-bottom:32px}.commercial-controls{gap:8px;padding:12px var(--pad)}.commercial-controls>span{width:100%;margin:4px 0 0;font-size:9px}.commercial-controls button{font-size:10px;padding:8px 12px}.commercial-heading h1{font-size:43px}.commercial-heading>div:last-child{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.commercial-hero *{scroll-behavior:auto}}

/* Restrained whole-heading reveals; brand colours and layout stay intact. */
.quiet-title{transition:opacity 650ms cubic-bezier(.22,1,.36,1),translate 650ms cubic-bezier(.22,1,.36,1);opacity:1;translate:0 0}
.quiet-title.title-pending{opacity:0;translate:0 16px}
.js-motion .reveal.title-reveal-container{opacity:1;transform:none;transition:none}
.titles-static .quiet-title{transition:none;opacity:1;translate:none}
@media(prefers-reduced-motion:reduce){.quiet-title,.quiet-title.title-pending{transition:none;opacity:1;translate:none}}

.backlight-demo{padding:16px 0}.backlight-demo>p:first-child{font:10px monospace;color:#a3b8c0}.backlight-demo strong{color:#74ddeb;margin-left:12px}.backlight-demo button{margin:15px 0 5px;font-size:11px;background:#15242b}.view-tools{flex-wrap:wrap}@media(max-width:800px){.view-tools{left:12px;right:12px}.view-tools button{padding:10px 12px}}

/* Retain the film thumbnail and simple Play controls. */
.commercial-visual{position:relative;width:100%;aspect-ratio:16/9;max-height:calc(100svh - 160px);overflow:hidden;background:#061318}
.commercial-player .commercial-visual video{width:100%;height:100%;max-height:none;aspect-ratio:auto}
.commercial-cover{position:absolute;inset:0;padding:0;width:100%;height:100%;background:#061318}
.commercial-cover img{width:100%;height:100%;display:block;object-fit:contain}
.commercial-cover-play{position:absolute;left:50%;top:51.5%;transform:translate(-50%,-50%);width:clamp(48px,5.2vw,76px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;border:1px solid #ecfcffe0;background:#06171fc7;box-shadow:0 0 35px #74ddeb44;transition:background .2s}
.commercial-cover-play svg{width:28px;height:28px;fill:#effeff}
.commercial-cover:hover .commercial-cover-play{background:#126679e6}
.commercial-cover:focus-visible{outline-offset:-6px}
.commercial-visual{max-height:none}
.commercial-cover-play{width:46px}
.commercial-cover-play svg{width:22px;height:22px}
.play-disc{width:56px;height:56px;border:1px solid #ffffffb0;background:#07191d9e;color:white;border-radius:50%;font-size:17px;padding-left:3px}
.explanation-play:hover .play-disc{background:#74ddeb;color:#071317}
.explanation-foot>span:empty{display:none}
.commercial-cover-play{box-shadow:none}
@media(max-width:800px){.commercial-visual{max-height:none}.commercial-cover-play{width:46px}.commercial-cover-play svg{width:22px;height:22px}}