/* Changemaker Immersive / 02 Oct 2026
   Progressive, low-motion-by-default atmospheric polish. No blocking overlays. */
.cm-cinema-hero,.cm-youth-hero{isolation:isolate}
.cm-cinema-hero>.cm-aurora-layer,.cm-youth-hero>.cm-aurora-layer{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:paint}
.cm-cinema-hero>.cm-aurora-layer{opacity:.82}
.cm-youth-hero>.cm-aurora-layer{opacity:.28}
.cm-aurora-layer:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 48% 65% at 73% 17%,rgba(68,237,155,.12),transparent 90%),radial-gradient(ellipse 47% 54% at 49% 82%,rgba(55,156,123,.08),transparent 85%)}
.cm-aurora-ribbon{position:absolute;display:block;left:28%;top:-33%;width:61%;height:150%;border-radius:50%;transform-origin:55% 60%;transform:translate3d(var(--aurora-x,0px),var(--aurora-y,0px),0) rotate(-23deg) skewX(-12deg);filter:blur(36px);mix-blend-mode:screen;opacity:.32;will-change:transform;animation:cm-aurora-drift 17s ease-in-out infinite alternate}
.cm-aurora-ribbon:nth-child(1){background:linear-gradient(90deg,transparent 6%,rgba(28,220,136,.03) 23%,rgba(66,245,169,.46) 42%,rgba(43,153,112,.12) 59%,transparent 83%)}
.cm-aurora-ribbon:nth-child(2){left:52%;top:-45%;width:44%;transform:rotate(18deg);background:linear-gradient(90deg,transparent,rgba(101,250,189,.30) 48%,rgba(64,157,137,.04) 78%,transparent);opacity:.29;animation-duration:22s;animation-direction:alternate-reverse}
.cm-aurora-ribbon:nth-child(3){left:13%;top:-61%;width:48%;background:linear-gradient(90deg,transparent,rgba(115,107,249,.12) 47%,rgba(46,213,154,.07) 64%,transparent);opacity:.18;animation-duration:24s}
@keyframes cm-aurora-drift{0%{transform:translate3d(-4%,2%,0) rotate(-19deg) skewX(-12deg) scale(1)}100%{transform:translate3d(6%,-3%,0) rotate(-30deg) skewX(-10deg) scale(1.13)}}
.cm-particle-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:1;opacity:.92}
.cm-cinema-hero>.cm-cinema-grid,.cm-cinema-hero>.cm-hero-bottom,.cm-youth-hero>.container{position:relative;z-index:2}
.cm-cinema-hero .cm-cinema-grain{z-index:1;opacity:.09}
.cm-cinema-hero .cm-orbit-art{filter:drop-shadow(0 34px 65px rgba(70,233,150,.08))}
.cm-cinema-hero .cm-sculpture:before{content:"";position:absolute;inset:12% 2% 13%;background:radial-gradient(ellipse at 55% 54%,rgba(76,237,146,.16),transparent 61%);pointer-events:none}
.cm-orbit-label{transition:transform .55s cubic-bezier(.2,.75,.2,1),border-color .3s;will-change:transform}
.cm-sculpture:hover .label-impact{transform:translate3d(-5px,-10px,24px) rotate(-7deg);border-color:rgba(151,250,196,.38)}
.cm-sculpture:hover .label-future{transform:translate3d(4px,9px,24px) rotate(7deg);border-color:rgba(151,250,196,.38)}
.cm-path-strip{position:relative;z-index:3}
.cm-path-strip a{position:relative;isolation:isolate;transition:background .3s}
.cm-path-strip a:after{content:"";position:absolute;inset:6px 7px 6px -7px;z-index:-1;border-radius:12px;background:linear-gradient(110deg,transparent,rgba(90,248,170,.065),transparent);opacity:0;transform:translateX(-10px);transition:opacity .35s,transform .35s}
.cm-path-strip a:hover:after,.cm-path-strip a:focus-visible:after{opacity:1;transform:none}
.cm-path-strip a b{transition:transform .35s}
.cm-path-strip a:hover b{transform:translate3d(5px,-4px,0)}
/* Screenshot is the hero of this section: spatial light lives behind the genuine product image. */
.cm-home .cm-showcase-shot{position:relative;isolation:isolate;perspective:1500px}
.cm-home .cm-showcase-shot:before{content:"";position:absolute;inset:4% 0 -9%;z-index:-1;border-radius:38%;background:radial-gradient(ellipse at 52% 56%,rgba(36,144,99,.27),rgba(68,220,144,.1) 41%,transparent 71%);filter:blur(24px);transform:translate3d(8px,18px,-40px)}
.cm-home .cm-showcase-shot:after{content:"";position:absolute;inset:7% 5%;z-index:-1;border:1px solid rgba(23,110,77,.15);border-radius:20px;transform:translate3d(20px,25px,-50px)}
.cm-home .cm-screen-frame{position:relative;transform-style:preserve-3d;transform:perspective(1350px) rotateX(var(--cm-tilt-x,2deg)) rotateY(var(--cm-tilt-y,-4deg)) translate3d(0,var(--cm-lift,0px),0);transition:transform .35s ease,box-shadow .35s ease;box-shadow:0 24px 65px rgba(12,60,39,.15),0 2px 0 rgba(255,255,255,.65) inset}
.cm-home .cm-showcase-shot:hover .cm-screen-frame{transform:perspective(1350px) rotateX(var(--cm-tilt-x,0deg)) rotateY(var(--cm-tilt-y,0deg)) translate3d(0,var(--cm-lift,-5px),0);box-shadow:0 35px 82px rgba(12,60,39,.22)}
.cm-home .cm-showcase-shot .cm-screen-frame img{backface-visibility:hidden}
/* A set of actual CSS 3D symbols — one for each step, not decorative screenshots. */
.cm-home .cm-journey,.cm-campus-benefits{position:relative;isolation:isolate}
.cm-home .cm-journey{background:radial-gradient(ellipse at 84% 0%,rgba(49,140,95,.14),transparent 50%),#091510}
.cm-home .cm-journey-grid,.cm-campus-benefits .cm-journey-grid{gap:14px;border-top:0;perspective:1100px}
.cm-home .cm-journey-grid article,.cm-campus-benefits .cm-journey-grid article{position:relative;min-width:0;min-height:360px;isolation:isolate;padding:34px 27px 31px;border:1px solid rgba(175,247,205,.13);border-radius:20px;background:linear-gradient(147deg,rgba(42,99,69,.22),rgba(8,26,17,.37) 65%);box-shadow:0 20px 40px rgba(0,0,0,.09),inset 0 1px rgba(255,255,255,.06);transform-style:preserve-3d;transform:perspective(1100px) rotateX(var(--cm-tilt-x,0deg)) rotateY(var(--cm-tilt-y,0deg)) translateY(var(--cm-lift,0px));transition:transform .34s ease,border-color .34s ease,box-shadow .34s ease}
.cm-home .cm-journey-grid article:hover,.cm-campus-benefits .cm-journey-grid article:hover{border-color:rgba(110,227,159,.33);box-shadow:0 28px 65px rgba(0,0,0,.13)}
.cm-home .cm-journey-grid .cm-step-number,.cm-campus-benefits .cm-journey-grid .cm-step-number{margin-bottom:82px;transform:translateZ(17px)}
.cm-home .cm-journey-grid article>h3,.cm-home .cm-journey-grid article>p,.cm-home .cm-journey-grid article>a,.cm-campus-benefits .cm-journey-grid article>h3,.cm-campus-benefits .cm-journey-grid article>p{position:relative;transform:translateZ(20px)}
.cm-step-glyph{position:absolute;top:21px;right:20px;width:108px;height:104px;pointer-events:none;perspective:420px;transform-style:preserve-3d;transform:rotateY(-14deg) rotateX(14deg);filter:drop-shadow(0 13px 18px rgba(68,232,149,.13))}
.cm-step-glyph>i{position:absolute;display:block;left:25%;top:23%;width:50%;height:50%;border:2px solid rgba(134,248,188,.65);border-radius:50%;transform-style:preserve-3d;box-shadow:0 0 18px rgba(70,239,152,.15),inset 0 0 14px rgba(70,239,152,.09)}
.cm-step-glyph>i:nth-child(1){transform:rotateX(72deg) rotateZ(20deg)}
.cm-step-glyph>i:nth-child(2){transform:rotateY(70deg) rotateZ(-14deg);border-color:rgba(128,188,240,.55)}
.cm-step-glyph>i:nth-child(3){transform:rotateY(-24deg) rotateX(33deg);border-color:rgba(174,250,203,.28)}
.cm-step-glyph>i:nth-child(4){left:45%;top:43%;width:13%;height:13%;border:0;background:radial-gradient(circle at 25% 25%,#effff3,#65eab0 48%,#0b6848);box-shadow:0 0 18px rgba(90,239,154,.48);transform:translateZ(25px)}
.cm-journey-grid article:nth-child(2) .cm-step-glyph{transform:rotateY(18deg) rotateX(-15deg)}
.cm-journey-grid article:nth-child(2) .cm-step-glyph>i{border-radius:15%;border-color:rgba(175,237,187,.52)}
.cm-journey-grid article:nth-child(3) .cm-step-glyph>i{border-radius:30% 70% 56% 44%;border-color:rgba(148,195,249,.65)}
.cm-campus-benefits .cm-journey-grid article{background:linear-gradient(145deg,#ffffffad,#dcecdf9c);border-color:rgba(23,75,45,.19);box-shadow:0 20px 38px rgba(11,51,30,.08)}
.cm-campus-benefits .cm-step-glyph{filter:drop-shadow(0 15px 12px rgba(19,106,75,.18))}
.cm-campus-benefits .cm-step-glyph>i{border-color:rgba(17,117,76,.53);box-shadow:0 0 12px rgba(37,160,94,.09)}
.cm-campus-benefits .cm-step-glyph>i:nth-child(4){background:radial-gradient(circle at 25% 25%,#fff,#80d9ae 40%,#0b6a4c)}
@media(min-width:701px) and (prefers-reduced-motion:no-preference){
 .cm-step-glyph>i:first-child{animation:cm-step-orbit 18s linear infinite}
 .cm-journey-grid article:nth-child(2) .cm-step-glyph>i:first-child{animation-duration:23s;animation-direction:reverse}
}
@keyframes cm-step-orbit{from{transform:rotateX(72deg) rotateZ(20deg)}to{transform:rotateX(72deg) rotateZ(380deg)}}
.cm-campus-proof .cm-screen-frame{transform:perspective(1400px) rotateY(-2deg) rotateX(1deg);transition:transform .45s ease;box-shadow:0 35px 100px rgba(0,0,0,.22)}
.cm-campus-proof .cm-screen-frame:hover{transform:perspective(1400px) rotateY(0deg) rotateX(0deg)}
/* Layered Campus interface: independent tiles are readable even without movement. */
.cm-campus-feature{overflow:hidden;isolation:isolate}
.cm-campus-feature:before{content:"";position:absolute;right:-9%;top:-26%;width:min(76vw,850px);aspect-ratio:1;border:1px solid rgba(130,241,186,.13);border-radius:50%;box-shadow:0 0 0 110px rgba(72,222,135,.022),0 0 0 220px rgba(72,222,135,.015);transform:rotateX(70deg) rotateZ(12deg);pointer-events:none}
.cm-campus-feature .cm-campus-stack{position:relative;perspective:1200px;transform-style:preserve-3d}
.cm-campus-feature .cm-campus-stack:before{content:"";position:absolute;inset:0 -16%;background:radial-gradient(ellipse at 62% 48%,rgba(81,239,151,.14),transparent 66%);filter:blur(20px);pointer-events:none}
.cm-campus-feature .cm-campus-stack article{position:relative;padding:23px 27px;margin:13px 0;border:1px solid rgba(152,240,187,.19);border-radius:18px;background:linear-gradient(135deg,rgba(29,76,57,.73),rgba(11,30,26,.87));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 14px 44px rgba(0,0,0,.16);transform:perspective(1000px) rotateY(var(--cm-tilt-y,-4deg)) rotateX(var(--cm-tilt-x,0deg)) translateY(var(--cm-lift,0px));transition:transform .34s ease,border-color .3s}
.cm-campus-feature .cm-campus-stack article:first-child{border-top-color:rgba(152,240,187,.19)}
.cm-campus-feature .cm-campus-stack article:nth-child(2){margin-left:38px}
.cm-campus-feature .cm-campus-stack article:nth-child(3){margin-left:16px}
.cm-campus-feature .cm-campus-stack article:hover{border-color:rgba(148,244,184,.46)}
.cm-campus-feature .cm-campus-stack h3{margin:11px 0 7px;font-size:25px}
.cm-campus-feature .cm-campus-stack p{font-size:12px}
/* Closing conversion moment: a hovering orbital portal, never covering CTA. */
.cm-final{position:relative;overflow:hidden;isolation:isolate}
.cm-final:before,.cm-final:after{content:"";position:absolute;pointer-events:none;right:-2%;top:7%;width:clamp(210px,33vw,500px);aspect-ratio:1;border:1px solid rgba(145,255,195,.22);border-radius:50%;z-index:0;transform:perspective(900px) rotateX(65deg) rotateZ(-22deg);box-shadow:0 0 25px rgba(48,222,137,.09),inset 0 0 23px rgba(48,222,137,.06)}
.cm-final:after{right:2%;top:13%;width:clamp(165px,27vw,410px);transform:perspective(900px) rotateY(62deg) rotateZ(19deg);border-color:rgba(172,199,252,.25)}
.cm-final>.container{position:relative;z-index:1}
.cm-human-section:before{content:"";position:absolute;z-index:0;left:-200px;bottom:-360px;width:620px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(154,255,193,.22);box-shadow:0 0 0 70px rgba(80,232,151,.025),0 0 0 140px rgba(80,232,151,.02);transform:perspective(800px) rotateX(60deg);pointer-events:none}
.cm-human-copy{position:relative;z-index:1}
.cm-motion-paused .cm-aurora-ribbon{animation-play-state:paused}
@media(max-width:980px){
 .cm-aurora-ribbon{filter:blur(28px);opacity:.25}
 .cm-campus-feature .cm-campus-stack article:nth-child(2){margin-left:18px}
 .cm-campus-feature .cm-campus-stack article:nth-child(3){margin-left:8px}
}
@media(max-width:700px){
 .cm-cinema-hero>.cm-aurora-layer{opacity:.55}
 .cm-aurora-ribbon{left:15%;width:90%;filter:blur(27px)}
 .cm-aurora-ribbon:nth-child(2){left:35%;width:70%}
 .cm-particle-canvas{opacity:.68}
 .cm-home .cm-journey-grid,.cm-campus-benefits .cm-journey-grid{gap:12px}
 .cm-home .cm-journey-grid article,.cm-campus-benefits .cm-journey-grid article{min-height:0;padding:25px 22px 26px;transform:none!important}
 .cm-home .cm-journey-grid .cm-step-number,.cm-campus-benefits .cm-journey-grid .cm-step-number{margin-bottom:68px}
 .cm-step-glyph{right:10px;top:8px;transform:scale(.8)!important}
 .cm-home .cm-screen-frame,.cm-home .cm-screen-frame:hover,.cm-campus-proof .cm-screen-frame{transform:none!important}
 .cm-home .cm-showcase-shot:after{inset:8% 3%}
 .cm-campus-feature .cm-campus-stack article,.cm-campus-feature .cm-campus-stack article:nth-child(2),.cm-campus-feature .cm-campus-stack article:nth-child(3){margin-left:0;transform:none!important}
 .cm-final:before{right:-38%;top:18%}.cm-final:after{right:-23%;top:24%}
 .cm-human-section:before{width:300px;left:-130px;bottom:-100px}
}
@media(prefers-reduced-motion:reduce){
 .cm-aurora-ribbon{animation:none!important;will-change:auto}
 .cm-orbit-label,.cm-home .cm-screen-frame,.cm-campus-proof .cm-screen-frame,.cm-journey-grid article,.cm-campus-stack article{transform:none!important;transition:none!important;will-change:auto}
 .cm-step-glyph{transform:none!important}
 .cm-particle-canvas{opacity:.45}
}