.motion-scene{inset:-3%;overflow:visible;perspective:900px;animation:aeSceneIn .75s cubic-bezier(.16,1,.3,1) both}.motion-scene[hidden]{display:none}.motion-scene>*{position:absolute;box-sizing:border-box}.ae-photo{position:absolute;inset:0;background-image:var(--photo-url,var(--scene-atlas));background-size:cover;background-position:center;background-repeat:no-repeat}.ae-shape,.ae-panel{display:block}.ae-symbol{z-index:8;color:#ffe052;font-style:normal}.symbol-heart{font:74px/1 Caveat,cursive;color:#ff82dd}.symbol-rays{font-size:53px;animation:aeSpin 10s linear infinite}
.motion-studio .shape-a{inset:12% 12% 5% 25%;border-radius:48% 48% 8% 8%;background:linear-gradient(135deg,#8d78ee,#ffc6a8)}.motion-studio .shape-b{right:-4%;top:-7%;width:34%;height:118%;background:linear-gradient(165deg,#a88af0,#ffb887);clip-path:polygon(25% 0,100% 0,100% 100%,0 100%)}.motion-studio .symbol-heart{right:25%;top:9%}.motion-studio .symbol-rays{left:31%;top:24%}.studio-person{z-index:3;left:29%;top:18%;right:16%;bottom:2%;border-radius:46% 46% 4% 4%;filter:saturate(1.08);animation:aePortraitIn 1s .12s both,aeFloat 5.4s 1.1s ease-in-out infinite}.studio-light{z-index:5;left:2%;top:-2%;width:29%;height:43%;border:15px solid #111522;border-radius:5px;background:linear-gradient(145deg,#fff9dd,#ffd68d);transform:rotate(-12deg);box-shadow:0 0 34px #ffd58b88;animation:aeSwingIn .9s .05s both}.studio-camera{z-index:6;left:1%;bottom:-6%;width:34%;height:57%;border-radius:14px;background:#101522;transform:rotate(-4deg);box-shadow:0 15px 35px #02061288;animation:aeCameraIn .9s .22s both}.studio-camera:before{content:"";position:absolute;left:-8%;top:28%;width:122%;height:24%;border-radius:50%;background:#080a11}.studio-camera:after{content:"";position:absolute;left:47%;top:94%;width:11px;height:49%;background:#121624;box-shadow:-38px 47px 0 -3px #121624,38px 47px 0 -3px #121624}.studio-camera i{position:absolute;left:18%;top:12%;width:64%;height:33%;border:6px solid #34394c;background:#493767}.ae-phone{z-index:7;right:1%;top:4%;width:31%;height:59%;overflow:hidden;border:3px solid #ffffffaa;border-radius:27px;background:#332654;box-shadow:0 18px 30px #03092277;animation:aeCardIn .85s .35s both,aeFloat 5s 1.2s ease-in-out infinite reverse}.ae-phone>span{position:absolute;right:12px;top:10px;font-size:22px}.ae-phone>b{position:relative;display:flex;align-items:center;gap:5px;margin:75% 9px 0 auto;width:max-content;color:#fff;font-size:20px}.ae-phone>b+b{margin-top:8px}.ae-phone small{font-size:9px}.ae-wave{z-index:9;right:7%;bottom:23%;display:flex;align-items:center;width:48%;height:67px;padding:10px 15px;border:2px solid #ffffffaa;border-radius:18px;background:#241c4cdd;box-shadow:0 12px 25px #070b2788;animation:aeCardIn .8s .55s both}.ae-wave i{position:static;display:grid;place-items:center;flex:0 0 37px;height:37px;border-radius:50%;background:#5654ff;color:#fff;font-style:normal}.ae-wave svg{width:100%;height:42px}.ae-wave path{fill:none;stroke:#62e6ee;stroke-width:3;stroke-linecap:round;stroke-dasharray:8 5;animation:aeWave 1.3s linear infinite}.ae-note{z-index:9;right:-1%;bottom:4%;padding:13px 20px;background:#ffe26a;color:#17213c;font:700 28px/.88 Caveat,cursive;transform:rotate(-7deg);box-shadow:0 10px 20px #02061755;animation:aeNoteIn .75s .7s both,aeNoteFloat 4s 1.4s ease-in-out infinite}.ae-arrow{z-index:10;right:13%;bottom:23%;color:#51e7ec;font:54px/1 Caveat,cursive;animation:aeArrow 2s 1.3s ease-in-out infinite}
.motion-story .shape-a{inset:5% 13% 40% 12%;border-radius:50%;background:#9e82f4;transform:rotate(-9deg)}.motion-story .shape-b{left:23%;bottom:-9%;width:48%;height:45%;border-radius:50%;background:#ff716e}.motion-story .shape-c{right:-3%;top:-5%;width:34%;height:112%;background:#fff8e9;transform:rotate(15deg)}.filmstrip{z-index:3;left:3%;top:27%;display:flex;width:104%;height:53%;gap:6px;padding:30px 8px 25px;background:#08163d;transform:rotate(-8deg);box-shadow:0 20px 35px #03091d66;animation:aeStripIn 1s .1s both}.filmstrip:before,.filmstrip:after{content:"";position:absolute;left:0;width:100%;height:11px;background:repeating-linear-gradient(90deg,#7c8caf 0 11px,transparent 11px 24px)}.filmstrip:before{top:7px}.filmstrip:after{bottom:7px}.film-frame{position:relative;flex:1;overflow:hidden;background:#182753}.film-frame b{position:absolute;right:6px;bottom:7px;padding:4px 10px;background:#ffe274;color:#17203b;font:700 19px Caveat,cursive;transform:rotate(-4deg)}.impact-line{z-index:7;left:4%;top:15%;width:96%;height:48%;overflow:visible}.impact-line path{fill:none;stroke:#ffd94e;stroke-width:6;stroke-linecap:round;stroke-dasharray:850;stroke-dashoffset:850;filter:drop-shadow(0 0 7px #ffd348);animation:aeDraw 1.8s .45s ease forwards}.impact-line circle{fill:#fff;stroke:#ffd94e;stroke-width:5;opacity:0;animation:aePop .45s 1.35s forwards}.impact-chip{z-index:8;padding:10px 14px;color:#111d43;font:700 15px Caveat,cursive;box-shadow:0 8px 18px #07113144;animation:aeChipIn .65s both}.chip-one{left:13%;top:18%;background:#ff7671;animation-delay:.55s}.chip-two{left:52%;top:8%;background:#bc8cf1;animation-delay:.8s}.chip-three{right:1%;top:0;background:#63e1d8;animation-delay:1.05s}.story-note{z-index:8;right:-1%;bottom:-6%;margin:0;padding:12px 18px;background:#fff8e8;color:#17213c;font:700 25px/.95 Caveat,cursive;transform:rotate(-8deg);animation:aeNoteIn .7s 1.15s both}
.motion-editorial .ae-panel{z-index:1;bottom:9%;width:29%;height:66%;transform:rotate(-5deg);animation:aePanelIn .7s both}.panel-purple{left:10%;background:#6c3ce9}.panel-gold{left:39%;height:78%!important;background:#ffd554;animation-delay:.14s!important}.panel-pink{right:6%;background:#bd2bd1;transform:rotate(8deg)!important;animation-delay:.22s!important}.editorial-photo{position:absolute;z-index:4;overflow:hidden;border:7px solid #fff;background:#fff;box-shadow:0 20px 35px #03091a66;animation:aePhotoDrop .85s both,aeFloat 5.5s 1.2s ease-in-out infinite}.editorial-photo-0{left:5%;top:23%;width:34%;height:59%;transform:rotate(-8deg)}.editorial-photo-1{left:35%;top:0;width:41%;height:80%;transform:rotate(1deg);animation-delay:.25s,1.5s}.editorial-photo-2{right:-1%;top:24%;width:32%;height:60%;transform:rotate(8deg);animation-delay:.4s,1.8s}.editorial-tag{z-index:7;padding:11px 16px;border-radius:999px;background:#fff;color:#17213b;font-size:11px;box-shadow:0 10px 20px #07132a44;animation:aeTagIn .55s both}.editorial-tag b{margin:0 12px 0 7px}.tag-video{left:0;top:55%;animation-delay:.45s}.tag-brand{right:12%;top:9%;animation-delay:.6s}.tag-product{right:-2%;top:61%;animation-delay:.75s}.editorial-stats{z-index:8;left:27%;bottom:0;display:flex;width:58%;justify-content:space-around;padding:14px;border-radius:13px;background:#fff;color:#17213b;box-shadow:0 13px 25px #06112b55;transform:rotate(2deg);animation:aeCardIn .7s .75s both}.editorial-stats span{display:grid;grid-template-columns:auto auto;gap:0 6px}.editorial-stats small{grid-column:2;color:#6e7890;font-size:8px}.editorial-note{z-index:8;right:-5%;bottom:-3%;margin:0;color:#ffe05c;font:700 26px/.9 Caveat,cursive;transform:rotate(-7deg);animation:aeWriteIn .8s .9s both}.editorial-loop{z-index:2;right:0;top:12%;width:33%;height:25%;border:3px solid #ffe052;border-left-color:transparent;border-radius:50%;transform:rotate(-17deg);animation:aeDrawLoop 1.2s .5s both}
.network-lines{z-index:1;inset:0;width:100%;height:100%;overflow:visible}.network-lines ellipse,.network-lines path,.network-lines circle{fill:none;stroke:#5679c8;stroke-width:1.5;stroke-dasharray:6 8;transform-origin:center;animation:aeOrbit 22s linear infinite}.network-lines path{stroke:#7a70ff;stroke-dasharray:650;stroke-dashoffset:650;animation:aeDraw 1.5s .25s ease forwards}.network-lines circle{stroke:#ffdc68;stroke-dasharray:none;animation:aePulseRing 3s ease-in-out infinite}.network-core{z-index:5;left:43%;top:39%;display:grid;width:14%;aspect-ratio:1;place-items:center;border-radius:50%;background:#ffd75f;color:#fff;font-size:40px;box-shadow:0 0 0 14px #8a67ff44,0 0 35px #ffd75faa;animation:aeCoreIn .7s .45s both,aeCorePulse 2.4s 1.2s ease-in-out infinite}.network-node{z-index:4;width:27%;height:33%;animation:aeNodeIn .7s both,aeFloat 5.5s 1.1s ease-in-out infinite}.network-node>.ae-photo{overflow:hidden;border:5px solid currentColor;border-radius:50%;box-shadow:0 0 0 8px #fff1,0 0 24px currentColor}.network-node>span{position:absolute;padding:8px 14px;border:3px solid currentColor;border-radius:999px;background:#14204bea;color:#fff;font-size:17px;white-space:nowrap}.node-0{left:12%;top:3%;color:#ffd45c}.node-0 span{left:-44%;top:28%}.node-1{right:4%;top:9%;color:#8f5dff;animation-delay:.3s,1.4s}.node-1 span{right:-35%;top:32%}.node-2{left:5%;bottom:4%;color:#ffd45c;animation-delay:.45s,1.7s}.node-2 span{left:-28%;bottom:8%}.node-3{right:10%;bottom:1%;color:#36baff;animation-delay:.6s,2s}.node-3 span{right:-32%;bottom:10%}.network-spark{z-index:2;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 13px 4px #6fa7ff;animation:aeSpark 2s infinite}.spark-1{left:42%;top:9%}.spark-2{right:3%;top:46%;animation-delay:-.8s}.spark-3{left:39%;bottom:3%;animation-delay:-1.3s}
.reveal-hero[data-motion-paused="true"] .motion-scene *{animation-play-state:paused!important}@keyframes aeSceneIn{from{opacity:0;transform:translateX(45px) scale(.96);filter:blur(8px)}to{opacity:1;transform:none;filter:none}}@keyframes aePortraitIn{from{opacity:0;transform:translateY(45px) scale(.82)}to{opacity:1;transform:none}}@keyframes aeSwingIn{from{opacity:0;transform:translate(-45px,-30px) rotate(-24deg)}to{opacity:1;transform:rotate(-12deg)}}@keyframes aeCameraIn{from{opacity:0;transform:translateX(-70px) rotate(-10deg)}to{opacity:1;transform:rotate(-4deg)}}@keyframes aeCardIn{from{opacity:0;transform:translateY(35px) scale(.88)}to{opacity:1;transform:none}}@keyframes aeNoteIn{from{opacity:0;transform:translateY(25px) rotate(-13deg) scale(.7)}to{opacity:1;transform:rotate(-7deg) scale(1)}}@keyframes aeStripIn{from{opacity:0;transform:translateX(90px) rotate(-15deg)}to{opacity:1;transform:rotate(-8deg)}}@keyframes aeChipIn{from{opacity:0;transform:scale(.5) rotate(-12deg)}to{opacity:1;transform:none}}@keyframes aePanelIn{from{opacity:0;transform:scaleY(.25) rotate(-12deg)}to{opacity:1}}@keyframes aePhotoDrop{from{opacity:0;translate:0 -65px;scale:.82}to{opacity:1;translate:0 0;scale:1}}@keyframes aeTagIn{from{opacity:0;transform:translateX(35px) scale(.7)}to{opacity:1;transform:none}}@keyframes aeNodeIn{from{opacity:0;transform:scale(.25)}70%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes aeCoreIn{from{opacity:0;transform:scale(0) rotate(-90deg)}to{opacity:1;transform:none}}@keyframes aeFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes aeNoteFloat{0%,100%{translate:0 0}50%{translate:4px -7px}}@keyframes aeArrow{0%,100%{translate:0 0}50%{translate:7px -8px}}@keyframes aeWave{to{stroke-dashoffset:-39}}@keyframes aeDraw{to{stroke-dashoffset:0}}@keyframes aePop{to{opacity:1}}@keyframes aeSpin{to{transform:rotate(360deg)}}@keyframes aeWriteIn{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes aeDrawLoop{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}@keyframes aeOrbit{to{transform:rotate(360deg)}}@keyframes aePulseRing{50%{opacity:.35;transform:scale(1.08)}}@keyframes aeCorePulse{50%{box-shadow:0 0 0 22px #8a67ff22,0 0 48px #ffd75acc}}@keyframes aeSpark{50%{opacity:.25;transform:scale(.5)}}
@media(max-width:1000px){.motion-scene{inset:0}.editorial-note,.story-note{font-size:20px}.network-node>span{font-size:12px}.ae-note{font-size:22px}}@media(max-width:700px){.motion-scene{inset:0}.studio-light,.studio-camera{opacity:.65}.editorial-tag{padding:7px;font-size:8px}.editorial-stats{left:20%;width:70%;padding:9px}.impact-chip{font-size:11px}.network-node{width:25%;height:29%}.network-node>span{padding:5px 7px;font-size:9px}.network-core{font-size:27px}}@media(prefers-reduced-motion:reduce){.motion-scene,.motion-scene *{animation:none!important}}

/* Hand-drawn annotation language shared by every motion scene. */
.motion-scene :is(.ae-note,.story-note,.editorial-note,.film-frame b,.impact-chip,.editorial-tag,.network-node>span){
 font-family:"Caveat","Segoe Print","Comic Sans MS",cursive!important;
 font-weight:700!important;
 letter-spacing:.015em;
 text-rendering:optimizeLegibility;
}
.ae-note{font-size:31px;line-height:.8;letter-spacing:-.015em;transform:rotate(-6deg)}
.film-frame b{font-size:21px;line-height:.9;letter-spacing:.025em}
.impact-chip{font-size:18px;line-height:1}
.story-note{font-size:29px;line-height:.82;letter-spacing:.02em}
.editorial-note{right:1%;bottom:1%;z-index:10;font-size:27px;line-height:.78;letter-spacing:-.01em;text-shadow:0 2px 0 #142452}
.editorial-tag{font-size:15px;line-height:1;padding-block:9px}
.editorial-tag b,.network-node>span b{font:inherit}
.network-node>span{font-size:20px;line-height:1}
.ae-symbol,.ae-arrow{
 font-family:"Caveat","Segoe Print",cursive!important;
 font-weight:700;
 filter:drop-shadow(0 2px 0 rgba(7,24,52,.22));
}
.symbol-heart{transform:rotate(-8deg);text-shadow:1px 0 currentColor,-1px 0 currentColor}
.symbol-rays{transform:rotate(4deg);text-shadow:1px 1px 0 currentColor}
.ae-arrow{transform:rotate(-7deg);text-shadow:1px 0 currentColor}
@media(max-width:1000px){.story-note,.editorial-note{font-size:24px}.impact-chip{font-size:15px}.editorial-tag{font-size:12px}.network-node>span{font-size:15px}}
@media(max-width:700px){.story-note,.editorial-note{font-size:20px}.impact-chip{font-size:12px}.editorial-tag{font-size:10px}.network-node>span{font-size:11px}}

/* Keep every animated composition inside a consistent horizontal safe area. */
.motion-scene{inset:2% 4%;overflow:visible}
.motion-story{inset:4% 6% 6%}
.motion-story .shape-a{inset:6% 12% 42% 12%}
.motion-story .shape-b{left:25%;bottom:1%;width:45%;height:40%}
.motion-story .shape-c{right:1%;top:0;width:31%;height:100%}
.motion-story .filmstrip{left:4%;top:28%;width:92%;height:50%;padding-top:28px;padding-bottom:24px}
.motion-story .impact-line{left:6%;top:16%;width:87%;height:44%}
.motion-story .chip-one{left:14%}
.motion-story .chip-two{left:50%}
.motion-story .chip-three{right:3%;top:1%}
.motion-story .story-note{right:2%;bottom:0}

/* Slider 3 callouts share one baseline and an even horizontal rhythm. */
.motion-story .impact-chip{height:36px!important;display:flex;align-items:center;padding:0 11px!important;font-size:clamp(12px,1.1vw,15px)!important;line-height:1!important;white-space:nowrap}
.motion-story .chip-one{left:4%!important;right:auto!important;top:13%!important}
.motion-story .chip-two{left:36%!important;right:auto!important;top:7%!important}
.motion-story .chip-three{left:70%!important;right:auto!important;top:1%!important}
@media(max-width:1000px){.motion-scene{inset:2% 3%}.motion-story{inset:3% 4% 5%}}
@media(max-width:700px){.reveal-scene{inset:0 2%}.motion-scene{inset:1% 2%}.motion-story{inset:2% 3% 4%}.motion-story .filmstrip{left:3%;width:94%}}

/* Keep callouts on frame edges so portrait faces remain unobstructed. */
.editorial-tag,.network-node>span{pointer-events:none}
.studio-light{background-size:cover;background-position:center 24%}
.studio-camera i{background-size:cover;background-position:center 30%;background-repeat:no-repeat}
.tag-video{left:3%;top:77%}
.tag-brand{right:4%;top:-2%}
.tag-product{right:0;top:78%}
.motion-editorial .editorial-note{left:8%;right:auto;top:5%;bottom:auto;transform:rotate(-7deg)}
.node-0 span{left:-8%;top:auto;bottom:-7%}
.node-1 span{right:-9%;top:auto;bottom:-7%}
.node-2 span{left:-7%;bottom:-7%}
.node-3 span{right:-8%;bottom:-7%}
@media(max-width:700px){.tag-video{left:4%;top:75%}.tag-brand{right:4%;top:-1%}.tag-product{right:1%;top:76%}.network-node>span{bottom:-5%}.motion-editorial .editorial-note{left:7%;top:4%}}