/* MU-Aetherion cinematic visual layer. Preserves MorpheusWeb views and PHP bindings.
   All scene effects are decorative, disabled for reduced-motion, and scoped to theme classes. */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--ae-cinema-gold:#e8c991;--ae-cinema-cyan:#79d7f3;--ae-cinema-shadow:#050a12}
body.aetherion-site{font-family:Inter,'Segoe UI',Arial,sans-serif;background:#070b13}
body.aetherion-site::after{content:'';z-index:3200;position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.aetherion-navbar.navbar-youplay{background:rgba(6,11,20,.86)!important;border-bottom:1px solid rgba(228,184,116,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 30px rgba(0,0,0,.18)}
.topline{background:rgba(5,9,16,.96)}
.aetherion-navbar .aetherion-brand strong{font-family:Cinzel,Georgia,serif;font-weight:800;letter-spacing:.045em}
.aetherion-navbar .nav-main>li>a{transition:color .25s,background .25s!important}
.aetherion-navbar .navbar-brand img{transition:filter .25s,transform .25s}.aetherion-navbar .navbar-brand:hover img{transform:scale(1.05);filter:drop-shadow(0 0 15px rgba(91,204,242,.5))}
.aetherion-hero.ae-cinematic-hero{margin-top:110px;min-height:740px;height:min(810px,calc(100svh - 110px));background:#070d17!important;isolation:isolate;overflow:hidden}
.ae-cinema-scene{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.ae-cinema-art{position:absolute;inset:-3%;background-image:var(--ae-hero-img);background-position:65% 47%;background-size:cover;filter:saturate(.75) contrast(1.07);transform-origin:58% 48%;animation:ae-camera 26s ease-in-out infinite alternate}
@keyframes ae-camera{0%{transform:scale(1.025) translate3d(0,0,0)}100%{transform:scale(1.13) translate3d(-1%,.8%,0)}}
.ae-cinema-vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,9,17,.94) 0%,rgba(6,12,20,.89) 25%,rgba(7,14,23,.53) 53%,rgba(6,10,16,.18) 76%,rgba(5,10,17,.36) 100%),linear-gradient(180deg,rgba(4,8,15,.36) 0%,transparent 24%,rgba(8,14,21,.05) 63%,#080d15 100%)}
.ae-cinema-clouds{position:absolute;inset:-40%;mix-blend-mode:screen;opacity:.6}
.ae-clouds-a{background:radial-gradient(ellipse at 65% 55%,rgba(72,186,220,.25),transparent 28%);animation:ae-mist-a 16s ease-in-out infinite alternate}
.ae-clouds-b{background:radial-gradient(ellipse at 42% 45%,rgba(96,71,151,.19),transparent 30%);animation:ae-mist-b 21s ease-in-out infinite alternate-reverse}
@keyframes ae-mist-a{to{transform:translate3d(7%,-2%,0) scale(1.13)}}@keyframes ae-mist-b{to{transform:translate3d(-4%,5%,0) scale(1.1)}}
.ae-cinema-aurora{position:absolute;right:6%;top:12%;width:52%;height:80%;background:radial-gradient(ellipse,rgba(54,174,229,.15),transparent 65%);filter:blur(34px);animation:ae-glow 7s ease-in-out infinite alternate}
@keyframes ae-glow{to{opacity:.45;transform:scale(1.1)}}
.ae-cinema-content{height:100%;width:100%;position:relative;display:flex;align-items:center;padding-top:30px;padding-bottom:30px}
.ae-cinematic-hero .hero-left{max-width:650px;padding-bottom:25px}
.ae-cinematic-hero .hero-eyebrow{font-size:11px;letter-spacing:.23em;font-weight:700;color:#ecd2a5;opacity:.92;margin-bottom:8px}
.ae-cinematic-hero .hero-emblem{width:166px;height:151px;object-fit:contain;margin:3px 0 -5px -12px;filter:drop-shadow(0 0 23px rgba(80,191,224,.18))}
.ae-cinematic-hero .hero-label{font-size:11px;color:#74d1ec;letter-spacing:.32em;font-weight:700;margin:9px 0 8px}
.ae-cinematic-hero .hero-title{font-family:Cinzel,Georgia,serif!important;font-size:clamp(45px,5.15vw,78px)!important;font-weight:800!important;line-height:1.1!important;color:#efd8a5!important;letter-spacing:-.035em;text-transform:uppercase;background:linear-gradient(180deg,#fff7e3 5%,#f0dcb2 39%,#bc9556 73%,#f1d5a1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none!important;filter:drop-shadow(0 7px 16px #0009);margin:5px 0 5px}
.ae-title-separator{color:#d6b078;-webkit-text-fill-color:#d4ae71}
.ae-cinematic-hero .hero-subtitle{font-family:Cinzel,Georgia,serif!important;font-size:clamp(17px,1.85vw,26px)!important;color:#d3e1e9!important;margin:5px 0 20px;letter-spacing:.08em}
.ae-cinematic-hero .hero-description{max-width:545px;color:#a7b5c3;line-height:1.85;font-size:13px;margin-bottom:31px}
.ae-cinematic-hero .hero-actions{gap:14px}
.ae-cinematic-hero .ae-btn{font-family:Inter,Arial,sans-serif;border-radius:1px;min-height:52px;padding:15px 23px;font-size:11px;letter-spacing:.13em;transition:transform .22s,box-shadow .22s,background-color .22s;position:relative}
.ae-cinematic-hero .ae-btn-gold{background:linear-gradient(135deg,#f4dfb2,#ac7b3c);box-shadow:0 10px 27px rgba(185,130,49,.2),inset 0 1px 0 #ffefce}
.ae-cinematic-hero .ae-btn-gold:hover{box-shadow:0 12px 36px rgba(218,164,82,.35)}
.ae-cinematic-hero .ae-btn-outline{background:rgba(10,21,33,.54);border-color:rgba(158,207,221,.47);color:#d1e4ec!important}.ae-cinematic-hero .ae-btn-outline:hover{border-color:#96dce9}
.ae-cinematic-hero .hero-note{margin-top:26px;color:#bdbaae;font-size:10px;letter-spacing:.16em;display:flex;gap:11px;align-items:center}
.ae-note-rule{width:20px;height:1px;background:#b59b6c;display:inline-block}
.ae-particles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;opacity:.78}
.ae-sigil{position:absolute;width:min(44vw,540px);aspect-ratio:1;right:5%;top:51%;transform:translateY(-50%);z-index:3;opacity:.75;filter:drop-shadow(0 0 32px rgba(58,165,204,.19));animation:ae-sigil-float 9s ease-in-out infinite}
.ae-sigil-outer,.ae-sigil-mid,.ae-sigil-inner,.ae-sigil-core{position:absolute;inset:0;border-radius:50%}
.ae-sigil-outer{border:1px solid rgba(172,224,240,.37);box-shadow:0 0 28px #2fadd941,inset 0 0 28px #167bb634}
.ae-sigil-outer:after{content:'✦ · ᛟ · ᚷ · ᛉ · ᚠ · ᛏ · ᚨ · ᚹ · ᛟ · ✦';position:absolute;top:2%;left:0;right:0;text-align:center;color:#b9d9e1;font-size:13px;letter-spacing:.28em;text-shadow:0 0 13px #46bada}
.ae-sigil-mid{inset:7%;border:1px dashed rgba(223,180,116,.64);animation:ae-sigil-rotate 68s linear infinite}
.ae-sigil-inner{inset:17%;border:1px solid rgba(125,207,228,.42);box-shadow:0 0 43px rgba(50,149,211,.26) inset,0 0 24px rgba(77,161,221,.12)}
.ae-sigil-core{inset:31%;background:radial-gradient(circle,rgba(103,205,239,.3),rgba(29,96,142,.15) 33%,transparent 74%);filter:blur(12px);animation:ae-sigil-pulse 5s ease-in-out infinite alternate}
.ae-sigil-point{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(185,232,240,.4);font-size:92px;text-shadow:0 0 44px #5acdf5}
@keyframes ae-sigil-float{50%{transform:translateY(calc(-50% - 14px))}}@keyframes ae-sigil-rotate{to{transform:rotate(360deg)}}@keyframes ae-sigil-pulse{to{opacity:.5;transform:scale(1.16)}}
.ae-scroll-to{position:absolute;bottom:29px;left:50%;z-index:7;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;font-size:9px;letter-spacing:.2em;color:#c7baa2!important;text-transform:uppercase}.ae-scroll-to i{width:1px;height:32px;background:linear-gradient(#e1b875,transparent);animation:ae-scroll-hint 2.5s infinite}
@keyframes ae-scroll-hint{50%{opacity:.25;transform:translateY(6px)}}
/* Restyle true CMS stats and feature links */
.ae-intro-strip{scroll-margin-top:110px;background:linear-gradient(90deg,#0c1520,#132332 48%,#0b131e);border-color:rgba(231,194,130,.2);box-shadow:0 12px 50px #0004}
.ae-stats-grid{min-height:116px}
.ae-stat{padding:22px 16px;gap:14px;position:relative}.ae-stat:before{content:'';height:1px;position:absolute;top:0;left:22px;right:22px;transform:scaleX(0);background:linear-gradient(90deg,transparent,#d9b678,transparent);transition:transform .3s}.ae-stat:hover:before{transform:scaleX(1)}
.ae-stat>i{color:#dcb87f;font-size:25px}.ae-stat span{font-size:9px;letter-spacing:.15em;color:#8fa6b5}.ae-stat strong{font-family:Cinzel,Georgia,serif;font-size:15px;font-weight:700;color:#f1dec0}
.ae-feature-section{padding:95px 0 105px;background:radial-gradient(ellipse at 50% 0%,rgba(36,72,88,.24),transparent 63%),#080e18}
.ae-section-heading{text-align:center;margin:0 auto 38px;max-width:750px}
.ae-section-heading span{font-family:Inter,Arial,sans-serif;font-size:10px;letter-spacing:.31em;color:#cda369;font-weight:750;text-transform:uppercase}
.ae-section-heading h2{font-family:Cinzel,Georgia,serif!important;color:#ead9bd!important;font-size:clamp(29px,3vw,42px)!important;letter-spacing:-.03em;margin:15px 0 9px}
.ae-section-heading p{font-size:13px;color:#99abba;line-height:1.8}
.ae-heading-ornament{font-size:15px;color:#c7a36b;display:flex;align-items:center;gap:15px;justify-content:center;margin:10px auto}
.ae-heading-ornament:before,.ae-heading-ornament:after{content:'';width:45px;height:1px;background:linear-gradient(90deg,transparent,#b59561)}.ae-heading-ornament:after{transform:rotate(180deg)}
.ae-feature-grid{gap:23px}
.ae-feature-card{min-height:360px;border:1px solid rgba(208,174,118,.23);border-radius:0;box-shadow:0 24px 44px #0005;transition:transform .36s,border-color .36s,box-shadow .36s}
.ae-feature-card:hover{transform:translateY(-8px);border-color:#bc965f;box-shadow:0 30px 58px #0009}
.ae-feature-card img{filter:saturate(.8) contrast(1.08);transition:transform .8s,filter .8s!important}.ae-feature-card:hover img{transform:scale(1.1)!important;filter:saturate(1.05) contrast(1.08)}
.ae-feature-card:after{background:linear-gradient(0deg,#050911 0%,rgba(6,12,20,.93) 15%,rgba(7,11,17,.38) 75%,rgba(10,17,26,.1))}
.ae-feature-card>div{left:26px;right:26px;bottom:27px}.ae-feature-card span{color:#84d2e6;letter-spacing:.2em;font-size:9px}.ae-feature-card h3{font:700 24px Cinzel,Georgia,serif!important;color:#f1e2c1!important}.ae-feature-card p{color:#adb9c6;font-size:12px;line-height:1.7;margin-bottom:19px}.ae-feature-card b{color:#e1bc7e}
/* New 3-step section with real CMS links */
.ae-steps{padding:72px 0 84px;background:radial-gradient(ellipse at 50% 0%,rgba(31,84,108,.14),transparent 65%),#0b121d;border-top:1px solid rgba(225,188,112,.13);border-bottom:1px solid rgba(225,188,112,.13)}
.ae-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.ae-step{position:relative;border:1px solid rgba(203,184,151,.17);background:linear-gradient(147deg,#162434,#0c1421);padding:33px 28px 27px;min-height:229px;display:block;overflow:hidden;transition:transform .3s,border-color .3s}
.ae-step:hover{transform:translateY(-5px);border-color:#c19c64}.ae-step>i{font-size:27px;color:#91cbe0;margin:26px 0 10px;display:block}.ae-step h3{font:700 19px Cinzel,Georgia,serif!important;color:#ebd7b2!important;margin:12px 0}.ae-step p{font-size:12px;line-height:1.8;color:#9fb2c1;margin:0}.ae-step-num{position:absolute;top:19px;right:20px;font:700 45px Cinzel,Georgia,serif;color:rgba(217,192,151,.12)}.ae-step-arrow{position:absolute;bottom:24px;right:23px;font-size:18px;color:#d8b77e}
/* Actual CMS news & sidebar remain in place */
body.ae-page-home .aetherion-main{padding-top:93px;padding-bottom:100px}
.ae-home-welcome h2{font:700 32px Cinzel,Georgia,serif!important;color:#f1dec3!important}.ae-eyebrow{font-size:10px;letter-spacing:.22em;color:#ccaa74;font-weight:800}
.ae-news-card{border-radius:0;box-shadow:0 14px 32px rgba(0,0,0,.2);transition:transform .3s,border-color .3s}.ae-news-card:hover{transform:translateY(-3px);border-color:rgba(224,185,122,.5)}
.ae-side-panel{border-radius:0;border-color:rgba(220,186,123,.2);background:linear-gradient(135deg,rgba(22,36,49,.91),rgba(10,17,26,.97))}.ae-side-panel h3{font-family:Cinzel,Georgia,serif!important;font-size:15px!important;font-weight:700!important}
.ae-journey-callout{background:linear-gradient(110deg,rgba(22,63,81,.64),rgba(18,25,37,.96));border-color:rgba(226,184,116,.3);padding:28px}.ae-journey-callout h3{font-family:Cinzel,Georgia,serif!important}
.ae-inner-cinematic{background:#080e17!important;position:relative;isolation:isolate;overflow:hidden}.ae-inner-backdrop{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(90deg,#050c16ee,#0c1723b8),var(--ae-hero-img);background-size:cover;background-position:center 47%;animation:ae-camera 30s ease-in-out infinite alternate}
.ae-inner-cinematic .inner-title{font-family:Cinzel,Georgia,serif!important;color:#ebd6a6!important}
.aetherion-footer{background:#070b13;border-color:rgba(200,166,110,.2)}
.ae-reveal{opacity:1;transform:none}
.ae-js-effects .ae-reveal:not(.ae-reveal-show){opacity:0;transform:translateY(26px)}
.ae-js-effects .ae-reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.15,.72,.23,1)}
.ae-js-effects .ae-reveal.ae-reveal-show{opacity:1;transform:none}
@media(max-width:1100px){.ae-sigil{right:-6%;width:50vw;opacity:.62}.ae-cinematic-hero .hero-left{max-width:610px}}
@media(max-width:991px){.aetherion-hero.ae-cinematic-hero{min-height:690px;height:auto}.ae-sigil{right:-18%;top:46%;width:61vw;opacity:.47}.ae-cinematic-hero .hero-left{max-width:585px}.ae-feature-card{min-height:290px}.ae-step{padding:26px 18px;min-height:230px}.ae-step h3{font-size:16px!important}}
@media(max-width:700px){.aetherion-hero.ae-cinematic-hero{margin-top:73px;min-height:730px}.ae-cinema-content{min-height:730px;padding-top:76px;padding-bottom:80px}.ae-cinema-vignette{background:linear-gradient(90deg,rgba(5,10,17,.94) 0%,rgba(6,13,21,.83) 53%,rgba(6,13,21,.45) 100%),linear-gradient(0deg,#080d15,transparent 65%)}.ae-cinema-art{background-position:66% center}.ae-sigil{width:82vw;right:-32%;top:34%;opacity:.43}.ae-cinematic-hero .hero-emblem{width:148px;height:135px}.ae-cinematic-hero .hero-title{font-size:clamp(32px,8vw,54px)!important;letter-spacing:-.04em}.ae-cinematic-hero .hero-subtitle{font-size:20px!important}.ae-cinematic-hero .hero-description{font-size:13px;max-width:100%}.ae-cinematic-hero .hero-actions{align-items:flex-start}.ae-feature-section{padding:65px 0}.ae-feature-card{min-height:260px}.ae-step-grid{grid-template-columns:1fr;gap:14px}.ae-step{min-height:160px}.ae-step>i{margin:13px 0}.ae-steps{padding:57px 0}.ae-stat strong{font-size:13px}.ae-scroll-to{bottom:12px}body.ae-page-home .aetherion-main{padding-top:55px}}
@media(max-width:440px){.ae-cinematic-hero .hero-title{font-size:clamp(30px,7.8vw,42px)!important}.ae-cinematic-hero .hero-emblem{width:132px;height:119px}.ae-cinema-content{padding-top:45px}.ae-cinematic-hero .hero-eyebrow{font-size:9px;letter-spacing:.13em}.ae-cinematic-hero .hero-description{max-width:94%}.ae-cinematic-hero .hero-actions{width:100%}.ae-cinematic-hero .ae-btn{width:100%;max-width:290px}.ae-cinematic-hero .hero-note{flex-wrap:wrap}.ae-sigil{right:-35%;width:110vw}.ae-step-num{font-size:35px}}
@media(prefers-reduced-motion:reduce){.ae-cinema-art,.ae-cinema-clouds,.ae-cinema-aurora,.ae-sigil,.ae-sigil-mid,.ae-sigil-core,.ae-scroll-to i,.ae-inner-backdrop{animation:none!important}.ae-js-effects .ae-reveal:not(.ae-reveal-show){opacity:1!important;transform:none!important}.ae-particles{display:none!important}}