/* The campaign is a living composition, while the headline stays readable. */
.campaign-stage{overflow:visible}
.campaign-motion{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;isolation:isolate;perspective:1100px}
.campaign-float{height:100%;aspect-ratio:.77;position:relative;z-index:3;transform-origin:50% 58%;will-change:transform}
.campaign-float .campaign-poster{height:100%;width:100%;aspect-ratio:auto}
.campaign-companion{position:absolute;overflow:hidden;border-radius:5px;border:1px solid #fff7;box-shadow:0 15px 38px #05171e44;will-change:transform,opacity;pointer-events:none}
.campaign-companion>img{height:100%;width:100%;object-position:65% 50%}
.campaign-companion:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#17404dc9,transparent 84%)}
.campaign-companion>div{position:absolute;inset:18px;z-index:1;display:flex;flex-direction:column;align-items:flex-start;color:#fff}
.campaign-companion small{font-size:6px;letter-spacing:.13em}
.campaign-companion strong{font:600 clamp(15px,1.4vw,24px)/1.16 'Manrope',sans-serif;letter-spacing:-.04em;margin-top:20px}
.campaign-companion span{margin-top:auto;font-size:7px;letter-spacing:.15em;border:1px solid #ffffff85;border-radius:16px;padding:5px 8px;background:#1d384238}
.companion-feed{left:-4%;top:32%;width:53%;aspect-ratio:1;transform:rotate(-8deg);z-index:1}
.companion-story{right:-5%;top:2%;height:78%;aspect-ratio:.56;transform:rotate(7deg);z-index:2}
.companion-story>div{align-items:center;text-align:center;inset:22px 13px}
.companion-story strong{font-size:clamp(18px,1.6vw,27px);margin-top:30px}
.campaign-sheen{position:absolute;inset:-20% -40%;z-index:4;background:linear-gradient(105deg,transparent 35%,#ffffff00 43%,#ffffff30 49%,#ffffff00 56%,transparent 65%);transform:translateX(-110%);opacity:0;pointer-events:none;will-change:transform,opacity}
.distribution{position:relative;z-index:4}
.distribution-path{overflow:visible}
.distribution-path .route-base{stroke:#ff794d;stroke-width:1.1;opacity:.45}
.distribution-path .route-signal{stroke:#ffb68d;stroke-width:3;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 4px #ff602e);stroke-dasharray:14 500}
.channel-row>span{padding:7px 4px;border-radius:9px;transform-origin:center;background:transparent}
.channel-row svg{transform-origin:center;overflow:visible}
.hero-bottomline>button{min-height:38px;padding:8px 13px;gap:8px;border:1px solid #ffffff40;border-radius:30px;background:#101d2385;color:#fff;opacity:1;backdrop-filter:blur(8px);font-size:11px;transition:background .2s,border-color .2s}
.hero-bottomline>button:hover{background:#15252de6;border-color:#ffffff80}
.hero-bottomline>button[aria-pressed=true]{background:#f4f1e9;color:#24363a;border-color:#f4f1e9}
.motion-paused .hero-film.is-ready{opacity:1}
.hero .hero-film{transition:opacity .6s}
@media(min-width:901px) and (max-width:1200px){.campaign-float{height:94%}.companion-feed{width:51%;left:-3%}.companion-story{height:73%;right:-2%;top:4%}.campaign-companion>div{inset:13px}}
@media(max-width:900px){.campaign-float{height:96%}.campaign-companion strong{font-size:17px}.companion-story strong{font-size:20px}.campaign-companion>div{inset:13px}.companion-feed{left:-2%;top:33%}.companion-story{right:-2%;height:76%}.hero-art{overflow:visible}.channel-row>span{padding:5px 2px}.hero-bottomline>button{font-size:10px;min-height:36px}}
@media(max-width:560px){.campaign-motion{max-width:312px}.campaign-float{height:92%}.campaign-companion small{font-size:5px}.campaign-companion strong{font-size:16px;margin-top:15px}.companion-story strong{font-size:19px}.campaign-companion span{font-size:6px;padding:4px 6px}.companion-feed{width:52%;top:37%;left:-2%}.companion-story{height:71%;top:4%;right:-1%}}
@media(prefers-reduced-motion:reduce){body:not(.motion-opt-in) .campaign-float,body:not(.motion-opt-in) .campaign-companion{transform:none!important}body:not(.motion-opt-in) .route-signal,body:not(.motion-opt-in) .campaign-sheen{opacity:0!important}}
@media(prefers-reduced-motion:reduce){body.motion-opt-in .hero-film{display:block!important}}