/* Hero 02 — the same campaign is planned, connected and revised. */
.media-pilot .media-hero:before{background:radial-gradient(ellipse 620px 460px at 82% 350px,#D6B16C24,transparent 74%),radial-gradient(ellipse 510px 450px at 90% 510px,#6772FF17,transparent 76%),radial-gradient(ellipse 480px 330px at 63% 430px,#54D9C718,transparent 75%)}
.media-hero .ambient-a{width:560px;height:480px;left:42px;top:100px;background:radial-gradient(ellipse,#D6B16C66,transparent 71%);filter:blur(24px)}
.media-hero .ambient-b{width:500px;height:480px;left:170px;top:22px;background:radial-gradient(ellipse at 65% 30%,#6772FF38,transparent 69%),radial-gradient(ellipse at 38% 70%,#54D9C74D,transparent 72%);filter:blur(24px)}
.media-pilot .media-hero .media-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.18fr);gap:14px 24px}
.media-pilot .media-hero .media-copy{max-width:540px}
.media-pilot .media-hero .media-copy>.eyebrow{font-size:8px}
.media-pilot .media-hero .media-copy h1{font-size:clamp(40px,3.55vw,55px);margin:20px 0;line-height:1.07}
.media-pilot .media-hero .hero-title-lead{display:block;text-wrap:balance}
.media-pilot .media-hero .media-copy .media-description{font-size:14px;line-height:1.85;max-width:470px}
.media-pilot .media-hero .media-actions{gap:12px 20px;margin-top:24px}
.media-pilot .media-hero .media-actions .button{font-size:11px;min-height:52px;padding:15px 22px}
.media-pilot .media-hero .media-actions .text-link{font-size:11px}
.media-pilot .media-hero .media-copy .media-note{font-size:11px;line-height:1.85;max-width:445px;margin-top:17px}
.media-pilot .media-hero .media-art-viewport{height:540px;margin-inline:-16px}
.media-pilot .media-hero .media-scene>figcaption{font-size:11px;line-height:1.6;min-height:29px;gap:9px}
.media-pilot .media-hero .media-scene>figcaption>small{font-size:6px}
.media-pilot .media-hero .media-chapters>button{font-size:11px;padding:10px 15px}
.media-pilot .media-hero .media-chapters>button>span{font-size:7px}
.media-pilot .media-hero .media-motion-toggle{font-size:10px;padding-inline:14px}
.media-pilot .media-hero .media-scroll-cue{font-size:6px;letter-spacing:.045em}
.media-hero-live .media-hero .media-stage{height:min(790px,calc(100svh - 161px));grid-template-rows:minmax(0,1fr) 62px}
.media-hero-live .media-hero .media-art-viewport{height:min(540px,calc(100svh - 268px))}
.media-hero-live .media-hero .media-runway{height:calc(100svh + min(145svh,1350px))}
.media-hero .campaign-plane{opacity:.85}
.media-hero .brief-sheet{left:174px;top:94px;opacity:.6;transform:rotate(-7deg)}
.media-hero .brief-sheet>b{color:#6B6B7099;font-size:27px}
.media-hero .media-document{left:210px;top:60px;width:310px;height:410px;transform:rotate(-3deg);border:1px solid #FFF;box-shadow:0 2px 0 #E5E5E1,0 30px 65px #0D0D0F16}
.media-hero .document-top{height:43px;font-size:7px;padding-inline:19px}
.media-hero .document-top>span:last-child{font-size:12px}
.media-hero .document-creative{height:238px;padding:23px 21px;background:radial-gradient(ellipse at 100% 90%,#54D9C71C,transparent 65%),linear-gradient(135deg,#F5F5F2,#EEEDF3)}
.media-hero .creative-kicker{font-size:7px;letter-spacing:.04em}
.media-hero .document-creative>strong{font-size:31px;line-height:1.04;margin-top:24px}
.media-hero .document-creative .creative-refined{position:absolute;top:54px;left:21px;margin:0;opacity:0;visibility:hidden}
.media-hero .document-creative .creative-sculpture{right:-35px;top:93px;transform:rotate(-10deg) scale(.78)}
.media-hero .creative-edition{font-size:5.5px;bottom:17px}
.media-hero .creative-adjustment{position:absolute;bottom:16px;left:21px;font:7px var(--mono);letter-spacing:.02em;color:var(--bronze);display:flex;align-items:center;gap:6px;opacity:0;visibility:hidden}
.media-hero .creative-adjustment>i,.media-hero .document-revision>i{width:5px;height:5px;border-radius:50%;background:var(--aqua,#54D9C7);box-shadow:0 0 0 3px #54D9C71A}
.media-hero .creative-focus{position:absolute;left:13px;right:14px;top:48px;height:140px;border:1px solid #D6B16C95;border-radius:5px;opacity:0;visibility:hidden;z-index:3;pointer-events:none}
.media-hero .creative-focus:before,.media-hero .creative-focus:after{content:'';position:absolute;width:5px;height:5px;border:1px solid var(--bronze);background:var(--pearl);top:-3px;left:-3px}
.media-hero .creative-focus:after{left:auto;top:auto;right:-3px;bottom:-3px}
.media-hero .planning-panel{position:absolute;inset:43px 0 0;z-index:4;background:linear-gradient(155deg,#FFFFFF,var(--pearl));padding:23px 22px 19px;opacity:0;visibility:hidden;transform-origin:50% 0;clip-path:inset(0 0 0 0)}
.media-active .media-hero .planning-panel{opacity:1;visibility:visible}
.media-hero .planning-kicker{font:7px var(--mono);letter-spacing:.05em;color:var(--bronze)}
.media-hero .planning-panel>strong{display:block;font:500 27px/1.08 var(--display);letter-spacing:-.055em;color:var(--ink);margin-top:22px}
.media-hero .planning-panel>strong>em{font:italic 1.18em/1.1 Georgia,serif;color:var(--bronze)}
.media-hero .planning-fields{display:grid;margin-top:22px;gap:14px}
.media-hero .planning-item{position:relative;padding:0 0 12px;border-bottom:1px solid #8A5A2224}
.media-hero .planning-item>span{display:block;font:7px var(--mono);letter-spacing:.06em;color:var(--bronze);margin-bottom:6px}
.media-hero .planning-item>b{display:block;font:400 16px/1.2 var(--display);letter-spacing:-.035em;color:var(--graphite)}
.media-hero .planning-item>i{position:absolute;width:4px;height:4px;border:1px solid var(--gold);border-radius:50%;right:0;top:17px}
.media-hero .planning-foot{position:absolute;bottom:20px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;font:6px var(--mono);letter-spacing:.04em;color:var(--gray)}
.media-hero .planning-foot>b{font:20px var(--body);color:var(--bronze)}
.media-hero .document-bottom{padding:16px 20px}
.media-hero .document-lines>i{height:3px}
.media-hero .document-tags{margin-top:11px}
.media-hero .document-tags>span{font-size:7px;padding:4px 8px}
.media-hero .document-action{font-size:10px;padding:12px 13px;margin-top:11px;border-radius:22px}
.media-hero .document-action>b{font-size:16px}
.media-hero .document-revision{position:absolute;bottom:18px;left:21px;display:flex;align-items:center;gap:8px;font:9px var(--body);color:var(--graphite);visibility:hidden;opacity:0}
.media-hero .document-revision>span{font:7px var(--mono);color:var(--bronze)}
.media-hero .hero-search,.media-hero .hero-social,.media-hero .hero-destination,.media-hero .hero-contact,.media-hero .hero-feedback{background:#FFFFFFF5;border:1px solid #FFFFFF;box-shadow:0 8px 32px #0D0D0F0A,0 1px 0 #8A5A220C;border-radius:12px;z-index:5;transform:rotate(0)}
.media-hero .hero-search{left:20px;top:170px;width:192px;min-height:80px;padding:16px 12px;gap:12px}
.media-hero .hero-social{left:490px;top:100px;width:210px;min-height:83px;padding:15px 13px;gap:12px}
.media-hero .hero-search small,.media-hero .hero-social small,.media-hero .hero-contact small,.media-hero .hero-feedback small{font-size:7px;line-height:1.5;letter-spacing:.015em;margin-bottom:7px}
.media-hero .hero-search b,.media-hero .hero-social b{font:500 13px/1.35 var(--body);letter-spacing:-.025em}
.media-hero .hero-search>span:last-child{display:none}
.media-hero .mini-search-icon{width:15px;height:15px}
.media-hero .mini-social-icon{width:28px;height:28px}
.media-hero .hero-destination{left:494px;top:320px;width:208px;padding-bottom:18px}
.media-hero .destination-chrome{height:24px;padding-inline:13px}
.media-hero .destination-chrome>i{width:3px;height:3px}
.media-hero .destination-chrome>span{font-size:6px}
.media-hero .hero-destination>b{font-size:21px;line-height:1.1;padding:14px 15px 0}
.media-hero .destination-line{width:58%;margin-left:15px;height:3px}
.media-hero .hero-contact{left:465px;top:465px;width:230px;padding:14px;gap:12px;min-height:62px}
.media-hero .hero-contact b{font-size:13px;line-height:1.3;letter-spacing:-.025em}
.media-hero .hero-contact small{font-size:6px;margin-bottom:4px}
.media-hero .contact-bubble{width:32px;height:32px}
.media-hero .hero-feedback{left:22px;top:395px;width:213px;min-height:87px;padding:15px 13px;gap:12px}
.media-hero .hero-feedback b{font-size:12px;line-height:1.4;letter-spacing:-.025em}
.media-hero .hero-feedback small{font-size:6px;letter-spacing:.025em}
.media-hero .feedback-mark{font-size:31px}
.media-hero .media-connections{stroke-width:1.65;z-index:0;pointer-events:none}
.media-hero .route-feedback,.media-hero .route-return{stroke:var(--aqua,#54D9C7);stroke-width:2}
.media-hero .route-signal{fill:var(--bronze);stroke:var(--pearl);stroke-width:1;opacity:0;visibility:hidden}
.media-hero .signal-feedback,.media-hero .signal-return{fill:var(--aqua,#54D9C7)}
.media-hero .routes-mobile,.media-hero .channel-label-mobile{display:none}
.media-hero .media-annotation{font-size:6px;bottom:10px;left:245px;letter-spacing:.05em}
/* Ambient transforms live on separate parents from the scroll and pointer layers. */
.media-hero .scene-drift{position:absolute;inset:0;pointer-events:none;transform-origin:365px 265px}
.media-hero .brief-drift{z-index:1}
.media-hero .document-drift{z-index:3}
.media-hero .satellite-drift{z-index:5}
.media-hero .sculpture-drift{position:absolute;right:-35px;top:93px;width:140px;height:165px;perspective:650px;transform-origin:center;z-index:1}
.media-hero .document-creative .sculpture-drift .creative-sculpture{left:0;right:auto;top:0}
.media-hero .media-idle-orbit{position:absolute;inset:22px;border-radius:50%;border:1px solid #D6B16C45;transform-origin:center}
.media-hero .media-idle-orbit>i{position:absolute;left:50%;top:-4px;width:8px;height:8px;border-radius:50%;border:2px solid var(--pearl);background:var(--gold);box-shadow:0 0 0 5px #D6B16C16}
.media-hero .media-idle-orbit-inner{inset:90px;border-color:#54D9C733}
.media-hero .media-idle-orbit-inner>i{background:var(--aqua,#54D9C7);width:6px;height:6px;top:-3px;box-shadow:0 0 0 4px #54D9C712}
.media-hero .route-traffic,.media-hero .flow-signal{opacity:0;visibility:hidden}
.media-hero .flow-signal{fill:var(--gold);stroke:var(--pearl);stroke-width:1.5}
.media-hero .traffic-feedback .flow-signal,.media-hero .traffic-return .flow-signal{fill:var(--aqua,#54D9C7)}
@media(min-width:901px){
 .media-ready:not(.media-active) .media-hero .media-stage{min-height:0;padding-block:10px 15px}
 .media-ready:not(.media-active) .media-hero .media-art-viewport{height:min(470px,calc(100svh - 260px))}
}
@media(min-width:1051px) and (max-height:800px){
 .media-pilot .media-hero .media-copy h1{font-size:clamp(36px,3vw,42px);margin-block:17px}
 .media-pilot .media-hero .media-copy .media-description{font-size:13.5px;line-height:1.85}
 .media-pilot .media-hero .media-copy .media-note{font-size:10.5px;margin-top:14px}
 .media-pilot .media-hero .media-actions{margin-top:20px;gap:11px 17px}
 .media-pilot .media-hero .media-actions .button{font-size:10.5px;padding-inline:20px}
 .media-pilot .media-hero .media-actions .text-link{font-size:10.5px}
 .media-pilot .media-hero .media-copy>.eyebrow{font-size:7.5px}
}
@media(max-width:1200px) and (min-width:901px){
 .media-pilot .media-hero .media-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:12px}
 .media-pilot .media-hero .media-actions{gap:12px}
 .media-pilot .media-hero .media-actions .button{font-size:10px;padding-inline:17px}
 .media-pilot .media-hero .media-actions .text-link{font-size:10px}
 .media-pilot .media-hero .media-scroll-cue{font-size:5px}
}
@media(max-width:1050px),(max-height:699px){
 .media-pilot .media-hero .media-runway{height:auto}
 .media-pilot .media-hero .media-stage{height:auto;position:relative;top:auto;grid-template-rows:1fr auto}
}
@media(max-width:1050px){
 .media-pilot .media-hero .media-stage{min-height:650px}
 .media-pilot .media-hero .media-copy h1{font-size:43px}
 .media-pilot .media-hero .media-art-viewport{height:465px}
}
@media(max-width:900px){
 .media-pilot .media-hero .media-runway{height:auto}
 .media-pilot .media-hero .media-stage{display:grid;position:static;height:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:none;min-height:0;gap:0;padding:0 0 32px}
 .media-pilot .media-hero .media-copy>.eyebrow{grid-row:1;font-size:8px}
 .media-pilot .media-hero .media-copy h1{grid-row:2;font-size:clamp(43px,6.5vw,60px);margin:20px 0 25px}
 .media-pilot .media-hero .media-actions{grid-row:3;gap:13px 20px;margin:0}
 .media-pilot .media-hero .media-stage-bottom{grid-row:4;min-height:61px;margin-top:22px;padding-top:7px;gap:8px}
 .media-pilot .media-hero .media-chapters{gap:0;flex:1}
 .media-pilot .media-hero .media-chapters>button{font-size:11px;padding:10px 13px;flex:1}
 .media-pilot .media-hero .media-motion-toggle{font-size:9px;padding-inline:11px;gap:6px}
 .media-pilot .media-hero .media-scene{grid-row:5;margin:7px 0 0}
 .media-pilot .media-hero .media-art-viewport{height:430px;margin-inline:-12px}
 .media-pilot .media-hero .media-scene>figcaption{font-size:11px;min-height:35px}
 .media-pilot .media-hero .media-copy .media-description{grid-row:6;max-width:650px;font-size:14px;margin-top:22px}
 .media-pilot .media-hero .media-copy .media-note{grid-row:7;font-size:11px;margin-top:16px}
 .media-pilot .media-hero .media-actions .button{font-size:11px;padding-inline:22px}
 .media-pilot .media-hero .media-actions .text-link{font-size:11px}
}
@media(max-width:580px){
 .media-pilot .media-hero .media-copy>.eyebrow{font-size:7px}
 .media-pilot .media-hero .media-copy h1{font-size:clamp(33px,8.8vw,43px);line-height:1.07;margin:18px 0 24px}
 .media-pilot .media-hero .media-actions{gap:12px 18px}
 .media-pilot .media-hero .media-actions .button{font-size:10px;min-height:50px;padding:14px 19px}
 .media-pilot .media-hero .media-actions .text-link{font-size:10px;min-height:44px}
 .media-pilot .media-hero .media-stage-bottom{margin-top:18px;min-height:59px;gap:5px}
 .media-pilot .media-hero .media-chapters>button{font-size:10px;padding-inline:6px}
 .media-pilot .media-hero .media-chapters>button>span{font-size:6px;margin-right:4px}
 .media-pilot .media-hero .media-motion-toggle{font-size:8px;padding-inline:9px}
 .media-pilot .media-hero .media-scene{margin:2px -6px 0}
 .media-pilot .media-hero .media-art-viewport{height:390px;margin-inline:-10px;--media-art-scale:.6}
 .media-pilot .media-hero .media-scene>figcaption{font-size:11px;padding-inline:15px;min-height:40px}
 .media-pilot .media-hero .media-copy .media-description{font-size:13.5px;margin-top:20px;line-height:1.9}
 .media-hero .media-canvas{width:600px;height:600px}
 .media-hero .scene-drift{transform-origin:295px 295px}
 .media-hero .media-document{left:140px;top:92px}
 .media-hero .brief-sheet{left:105px;top:122px}
 .media-hero .campaign-plane{left:40px;top:170px;width:500px}
 .media-hero .hero-search{left:27px;top:9px;width:265px;min-height:68px;padding:13px 15px}
 .media-hero .hero-search b{font-size:15px}
 .media-hero .hero-search small{font-size:8px}
 .media-hero .hero-social,.media-hero .channel-label-desktop,.media-hero .routes-desktop,.media-hero .media-annotation{display:none}
 .media-hero .channel-label-mobile{display:block}
 .media-hero .hero-destination{left:382px;top:365px;width:195px}
 .media-hero .hero-contact{left:338px;top:517px;width:235px}
 .media-hero .hero-feedback{left:18px;top:501px;width:210px;min-height:80px}
 .media-hero .hero-feedback b{font-size:13px}
 .media-hero .routes-mobile{display:block;width:600px;height:600px}
 .media-hero .signal-social{display:none}
}
@media(max-width:360px){
 .media-pilot .media-hero .media-copy h1{font-size:31px}
 .media-pilot .media-hero .media-art-viewport{height:340px;--media-art-scale:.49}
 .media-pilot .media-hero .media-chapters>button{font-size:9px;padding-inline:4px}
 .media-pilot .media-hero .media-chapters>button>span{font-size:5px;margin-right:3px}
 .media-pilot .media-hero .media-motion-toggle{font-size:7px;padding-inline:8px}
}
@media(prefers-reduced-motion:reduce){.media-hero .planning-panel{opacity:0;visibility:hidden}}