/* Campaign film: complete framing, readable copy and a single silent play. */
.campaign-hero{background:radial-gradient(ellipse at 80% 35%,#17334b 0,transparent 55%),#030e24}
.campaign-hero::before,.campaign-hero::after{display:none}
.campaign-hero .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);grid-template-areas:'copy film' 'conversion film' 'bridge bridge';gap:0 44px;min-height:0;padding:66px 0 32px;align-items:center}
.campaign-copy{grid-area:copy;width:auto;min-width:0}.campaign-conversion{grid-area:conversion;min-width:0}
.campaign-hero h1{font-size:clamp(42px,4.5vw,63px)}
.hero-film{grid-area:film;margin:0;min-width:0;width:100%;max-width:720px;justify-self:center}
.hero-film-stage{position:relative;aspect-ratio:910/512;overflow:hidden;border-radius:12px;background:#071322;box-shadow:0 20px 65px #0003;outline:1px solid #d8b77c30}
.hero-film-stage video,.hero-film-still{display:block;width:100%;height:100%;object-fit:contain;position:absolute;inset:0}
.hero-film-still{z-index:1;pointer-events:none}.hero-film.is-playing .hero-film-still{visibility:hidden}
.hero-film figcaption{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:14px;color:#cfb47f;font-size:9px;letter-spacing:.14em}
#hero-film-toggle{color:#e1ebf5;background:transparent;border:1px solid #a0b6c64d;border-radius:7px;padding:10px 13px;min-height:44px;font-size:12px;letter-spacing:0}
#hero-film-toggle:hover{background:#ffffff0d}#hero-film-toggle:focus-visible{outline:3px solid #a5e7f7;outline-offset:4px}
.hero-film-bridge{grid-area:bridge;text-align:center;border-top:1px solid #ffffff1c;margin:42px 0 0;padding-top:25px;color:#d4e2ee;font:400 clamp(19px,2vw,25px)/1.4 var(--editorial)}
@media(max-width:900px){.campaign-hero .hero-grid{grid-template-columns:1fr;grid-template-areas:'copy' 'film' 'conversion' 'bridge';gap:0;padding-top:38px;padding-bottom:28px}.campaign-copy{width:100%}.campaign-hero h1{font-size:clamp(39px,7vw,60px)}.hero-film{margin-top:28px;max-width:650px}.campaign-hero .lead{max-width:60ch}.campaign-hero .hero-actions{margin-top:24px}.hero-film-bridge{margin-top:30px}.campaign-hero .campaign-tutor{max-width:none}}
@media(max-width:450px){.hero-film figcaption{font-size:8px;gap:8px}#hero-film-toggle{font-size:11px;padding:9px 10px}.campaign-hero .hero-grid{padding-top:30px}.campaign-hero .hero-actions .btn{width:100%}.hero-film-stage{border-radius:8px}}