@font-face{font-family:'Dela Gothic One';font-style:normal;font-weight:400;font-display:swap;src:url('./dela-gothic-one-latin.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('./dm-sans-latin.woff2') format('woff2')}
:root{--mx-purple:#9c4ff3;--mx-orange:#ffae00;--mx-lime:#ccff00;--mx-display:'Dela Gothic One',Impact,sans-serif;--mx-body:'DM Sans',Arial,sans-serif;--mx-line:rgba(235,229,248,.18);--mx-white:#f4f1f8}
*{box-sizing:border-box}html,body{margin:0;background:#030309;color:var(--mx-white);font-family:var(--mx-body)}
html:has(.mx-flight-mode),body.mx-flight-mode{width:100%;height:100%;overflow:hidden;overscroll-behavior:none}
button,a{-webkit-tap-highlight-color:transparent}
.mx-universe{position:fixed;inset:0;isolation:isolate;width:100%;height:100dvh;overflow:hidden;background:#030309;--accent:var(--mx-purple)}
.mx-universe{height:100vh;height:100dvh}
.mx-universe a{color:inherit;text-decoration:none}.mx-universe button{font:inherit;color:inherit;cursor:pointer}.mx-universe img{display:block;max-width:100%}
.mx-universe button:focus-visible,.mx-universe a:focus-visible{outline:2px solid var(--mx-lime);outline-offset:6px}
.mx-universe [hidden]{display:none!important}
.mx-visually-hidden,.mx-skip:not(:focus){position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.mx-skip:focus{position:fixed;z-index:2000;padding:16px;background:#151020;color:white}
.mx-cosmos{position:absolute;inset:0;z-index:0;width:100%;height:100%;display:block;touch-action:none}
.mx-nebula,.mx-cursor,.mx-flight,.mx-hud__status,.mx-nav,.mx-menu,.mx-space-tooltip{display:none}
.mx-grain{position:absolute;z-index:3;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E")}
.mx-universe:after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(2,2,7,.24),transparent 22%,transparent 73%,rgba(2,2,7,.66));box-shadow:inset 0 0 150px rgba(0,0,0,.14)}
.mx-hud{position:absolute;z-index:30;left:0;right:0;top:0;height:112px;padding:24px 4.5vw;display:flex;align-items:center;pointer-events:none}
.mx-logo{display:block;width:126px;pointer-events:auto;transition:opacity .3s}.mx-logo img{width:100%;height:auto}.mx-logo:hover{opacity:.8}
.mx-journey{position:absolute;inset:0;z-index:4;pointer-events:none}.mx-journey>.mx-scene:not(.mx-scene--origin){display:none}
.mx-scene--origin{position:absolute;inset:0;display:flex;align-items:center;padding:100px 7vw 110px}
.mx-flight-intro{width:56%;max-width:850px;transform-origin:45% 50%;will-change:transform,opacity}
.mx-flight-intro h1{margin:0;font-family:var(--mx-display);font-size:clamp(42px,6.2vw,104px);font-weight:400;letter-spacing:-.058em;line-height:1.02;white-space:nowrap}
.mx-flight-intro h1 em,.mx-flight-intro h1 strong{font-style:normal;font-weight:400}.mx-flight-intro h1 em{color:#b877ff}.mx-flight-intro h1 strong{color:var(--mx-lime)}
.mx-flight-intro h1 .mx-title-line{display:block;opacity:0;transform:translateY(28px);filter:blur(6px);transition:opacity 1.3s,transform 1.3s cubic-bezier(.2,.8,.2,1),filter 1.3s}
.is-ready .mx-title-line{opacity:1!important;transform:none!important;filter:none!important}.is-ready .mx-title-line:nth-child(2){transition-delay:.10s}.is-ready .mx-title-line:nth-child(3){transition-delay:.20s}.is-ready .mx-title-line:nth-child(4){transition-delay:.30s}.mx-flight-intro>i{display:none}
.mx-entry-cue{position:absolute;left:7vw;bottom:max(7vh,34px);z-index:12;display:flex;align-items:center;gap:16px;color:#cac3d6;font-size:10px;letter-spacing:.13em;text-transform:uppercase;pointer-events:none;transition:opacity .4s}
.mx-entry-cue b{font-weight:500}.mx-entry-cue i{position:relative;width:24px;height:36px;border:1px solid #aaa0b760;border-radius:20px}
.mx-entry-cue i:after{content:'';position:absolute;width:2px;height:7px;left:10px;top:7px;background:var(--mx-lime);border-radius:2px;animation:mx-wheel 2s ease infinite}
.mx-universe[data-view='hub'] .mx-entry-cue,.mx-universe[data-view='sector'] .mx-entry-cue{opacity:0;pointer-events:none}
.mx-explorer{position:absolute;z-index:20;inset:0;pointer-events:none;transition:opacity .5s}
.mx-back{position:absolute;top:39px;left:calc(4.5vw + 164px);display:flex;align-items:center;gap:12px;border:0;background:none;padding:8px 0;font-size:11px!important;letter-spacing:.06em;pointer-events:auto}
.mx-back b{font-size:20px;font-weight:400}.mx-back span{color:#d5cedf}.mx-back:hover span{color:var(--mx-lime)}
.mx-breadcrumb{position:absolute;left:4.5vw;top:106px;display:flex;gap:12px;align-items:center;max-width:min(72vw,720px);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#b5a8c4}
.mx-breadcrumb i{width:18px;height:1px;background:#746882}.mx-breadcrumb strong{color:#eee8f4;font-weight:500}
.mx-category-targets{position:absolute;inset:0;pointer-events:none}
.mx-planet-target{position:absolute;left:0;top:0;width:140px;height:140px;border:0;border-radius:50%;background:transparent;pointer-events:auto;transform:translate(-50%,-50%);touch-action:none}
.mx-planet-target:after{content:'';position:absolute;inset:-10px;border:1px solid transparent;border-radius:50%;transition:border-color .4s,transform .4s;transform:scale(.9)}
.mx-planet-target.is-selected:after,.mx-planet-target:focus-visible:after{border-color:color-mix(in srgb,var(--accent) 42%,transparent);transform:scale(1.05)}
.mx-planet-target>span{position:absolute;left:50%;top:100%;margin-top:16px;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#a69cb6;font-size:9px;letter-spacing:.12em;white-space:nowrap}
.mx-planet-target>span:before{content:'';width:16px;height:1px;background:var(--accent);opacity:.6}
.mx-selection{position:absolute;left:50%;bottom:124px;transform:translate(-50%,12px);width:min(90vw,610px);text-align:center;opacity:0;transition:opacity .25s,transform .35s;pointer-events:none}
.mx-selection.is-visible{opacity:1;transform:translate(-50%,0)}
.mx-selection small{display:block;margin-bottom:10px;font-size:9px;letter-spacing:.2em;color:#b0a3bf;text-transform:uppercase}
.mx-selection h2{margin:0;font-family:var(--mx-display);font-size:clamp(25px,3vw,43px);font-weight:400;line-height:1.1;letter-spacing:-.04em;color:#f7f3ff}
.mx-selection p{margin:12px 0 0;color:#ada3b9;font-size:12px;letter-spacing:.025em}
.mx-controls{position:absolute;bottom:max(29px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:22px;pointer-events:auto;transition:opacity .4s}
.mx-control{width:44px;height:44px;display:grid;place-items:center;background:rgba(9,8,16,.3);border:1px solid #aaa0b730;border-radius:50%;font-size:21px!important;transition:background .2s,border-color .2s}
.mx-control:hover{background:#9c4ff320;border-color:#b8a4d3}.mx-control:disabled{opacity:.24;cursor:default}
.mx-stops{display:flex;gap:8px;align-items:center}.mx-stop{position:relative;width:28px;height:38px;display:grid;place-items:center;border:0;background:transparent;padding:0}
.mx-stop:after{content:'';width:5px;height:5px;border-radius:50%;background:#62576f;transition:background .2s,box-shadow .2s,transform .2s}
.mx-stop[aria-current='true']:after{background:var(--accent);box-shadow:0 0 13px color-mix(in srgb,var(--accent) 45%,transparent);transform:scale(1.5)}
.mx-control-hint{position:absolute;bottom:43px;left:4.5vw;color:#81778f;font-size:9px;letter-spacing:.1em;max-width:210px;line-height:1.7}
.mx-hub-hint{position:absolute;left:50%;top:99px;transform:translateX(-50%);color:#a89ab8;font-size:10px;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}
.mx-universe[data-view='intro'] .mx-explorer{visibility:hidden;opacity:0}
.mx-contact-link{position:absolute;z-index:31;right:4.5vw;bottom:35px;display:flex;align-items:center;gap:12px;font-size:11px;pointer-events:auto}
.mx-contact-link svg{width:19px;height:19px;fill:currentColor}.mx-contact-link span{color:#cfc5dd}.mx-contact-link:hover{color:var(--mx-lime)}.mx-whatsapp{display:none}
.mx-flight-veil{position:absolute;inset:0;z-index:8;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,rgba(166,108,255,.15),rgba(3,3,9,.96) 72%);opacity:0}
.mx-gallery{position:absolute;inset:110px 0 130px;perspective:1300px;transform-style:preserve-3d;pointer-events:none}
.mx-project-frame{position:absolute;left:50%;top:50%;width:min(55vw,720px);padding:0;border:0;background:none;text-align:left;transform-style:preserve-3d;will-change:transform,opacity;pointer-events:auto}
.mx-project-art{position:relative;display:grid;place-items:center;width:100%;height:min(40vh,430px);border:1px solid rgba(235,222,255,.21);border-radius:4px;overflow:hidden;background:#111019;box-shadow:0 32px 100px rgba(0,0,0,.6);transition:border-color .25s}
.mx-project-frame.is-current:hover .mx-project-art{border-color:var(--accent)}.mx-project-art img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.mx-project-frame.is-current:hover img{transform:scale(1.025)}.mx-project-art>span{font-family:var(--mx-display);font-size:clamp(40px,8vw,100px);color:#b9a4d0}
.mx-project-art.has-no-image{background:radial-gradient(ellipse at 35% 15%,#9c4ff338,transparent 70%),#12101a}
.mx-project-art.has-no-image:after{content:'CASO DE ESTUDIO';position:absolute;bottom:24px;font-size:9px;color:#a89ab9;letter-spacing:.18em}
.mx-project-caption{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:20px 0 0}
.mx-project-caption small{display:block;color:#b6a9c6;font-size:9px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.mx-project-caption strong{display:block;font-family:var(--mx-display);font-size:clamp(20px,2.2vw,32px);font-weight:400;letter-spacing:-.03em;line-height:1.2}
.mx-project-caption>b{display:grid;place-items:center;width:42px;height:42px;border:1px solid #8a789d66;border-radius:50%;font-weight:400;font-size:21px}
.mx-project-count{position:absolute;left:50%;bottom:97px;transform:translateX(-50%);font-size:9px;color:#a79ab8;letter-spacing:.2em}
.mx-empty-sector{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.mx-empty-sector>span{font-size:9px;letter-spacing:.2em;color:#c2a481}.mx-empty-sector h2{font:400 clamp(32px,5vw,70px)/1.1 var(--mx-display);letter-spacing:-.04em;margin:25px 0;color:#e6c7a4}.mx-empty-sector p{font-size:13px;line-height:1.6;color:#b7a9c1}
.mx-loader{position:fixed;z-index:1000;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#030309;transition:opacity .65s,visibility .65s}
.mx-loader.is-complete{opacity:0;visibility:hidden;pointer-events:none}
.mx-loader img{position:relative;width:min(240px,52vw);margin:0;filter:drop-shadow(0 14px 38px #000)}.mx-loader p{position:relative;font-size:8px;letter-spacing:.35em;color:#a89cb9;margin:52px 0 16px}
.mx-loader__track{position:relative;width:145px;height:1px;background:#443451}.mx-loader__track i{display:block;height:100%;background:var(--mx-lime);transition:width .15s}
.mx-loader>span{position:relative;font-size:10px;letter-spacing:.14em;margin-top:12px;color:#d9c5f0}
.mx-case{position:fixed;inset:0;z-index:80;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:95px 6vw 50px;border:0;background:rgba(6,5,12,.97);color:#f4f0f8;overflow:auto;overscroll-behavior:contain}
.mx-case::backdrop{background:#0009;backdrop-filter:blur(12px)}.mx-case[open]{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:6vw;align-items:center}
.mx-case__close{position:fixed;z-index:2;right:4.5vw;top:29px;width:44px;height:44px;border:1px solid var(--mx-line);border-radius:50%;background:#100d16;font-size:27px!important}
.mx-case__visual{min-width:0}.mx-device{border:1px solid #5e506d;border-radius:5px;padding:0;background:#15101b;overflow:hidden}.mx-device__bar{display:none}
.mx-device img{width:100%;height:auto;max-height:70vh;object-fit:contain;object-position:top}.mx-device[data-empty='true']{display:none}
.mx-case:has(.mx-device[data-empty='true']){grid-template-columns:minmax(0,680px);justify-content:center}.mx-case:has(.mx-device[data-empty='true']) .mx-case__visual{display:none}
.mx-case__body{min-width:0}.mx-case__eyebrow{display:flex;justify-content:space-between;gap:18px;padding-bottom:16px;border-bottom:1px solid var(--mx-line);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#b996de}
.mx-case__body h2{font:400 clamp(32px,3.8vw,64px)/1.1 var(--mx-display);letter-spacing:-.05em;margin:24px 0 12px;overflow-wrap:anywhere}
.mx-case__subtitle{font-size:10px!important;letter-spacing:.08em;text-transform:uppercase;color:var(--mx-lime)!important}.mx-case__body>p{font-size:15px;line-height:1.7;color:#b1a6bf}
.mx-case__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.mx-button{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border:1px solid #79698c;border-radius:2px;font-size:9px;font-weight:700;letter-spacing:.09em}
.mx-button--primary{color:#1b1026!important;background:#d0b1f1;border-color:#d0b1f1}.mx-button--ghost:hover{border-color:var(--mx-lime)}
.mx-no-webgl .mx-cosmos{display:none}.mx-no-webgl .mx-planet-target{background:radial-gradient(circle at 30% 30%,var(--accent),#0a0710 74%);box-shadow:0 0 25px color-mix(in srgb,var(--accent) 15%,transparent)}
.mx-no-webgl .mx-planet-target>span{color:white}
@keyframes mx-wheel{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(9px);opacity:1}}
@media(min-width:1600px){.mx-flight-intro h1{font-size:min(6.2vw,128px)}}
@media(max-width:760px){
.mx-hud{height:86px;padding:17px 22px}.mx-logo{width:101px}
.mx-scene--origin{padding:0 24px;align-items:flex-end;padding-bottom:24vh}.mx-flight-intro{width:100%;max-width:none}.mx-flight-intro h1{font-size:clamp(29px,8.8vw,60px);line-height:1.08;letter-spacing:-.052em}
.mx-entry-cue{left:24px;bottom:100px;font-size:8px;gap:12px}.mx-entry-cue i{width:20px;height:30px}.mx-entry-cue i:after{left:8px}
.mx-back{left:148px;top:28px;font-size:10px!important;gap:7px}.mx-back b{font-size:18px}.mx-breadcrumb{left:24px;right:auto;top:94px;font-size:8px;letter-spacing:.09em}
.mx-hub-hint{top:106px;font-size:8px;letter-spacing:.11em}.mx-selection{bottom:136px;width:90vw}.mx-selection h2{font-size:25px}.mx-selection small{font-size:8px;margin-bottom:8px}.mx-selection p{font-size:10px;margin-top:10px}
.mx-controls{bottom:66px;gap:15px}.mx-control{width:42px;height:42px}.mx-stop{width:24px}.mx-control-hint{display:none}
.mx-contact-link{right:22px;bottom:max(20px,env(safe-area-inset-bottom));font-size:10px}.mx-contact-link svg{width:17px;height:17px}
.mx-gallery{inset:143px 0 151px}.mx-project-frame{width:80vw}.mx-project-art{height:clamp(180px,32vh,340px)}.mx-project-caption{padding-top:17px}.mx-project-caption strong{font-size:21px}.mx-project-caption small{font-size:8px;line-height:1.5}.mx-project-caption>b{width:34px;height:34px;font-size:18px}
.mx-project-count{bottom:123px}.mx-planet-target>span{font-size:7px;margin-top:13px;gap:6px}.mx-planet-target>span:before{width:10px}
.mx-case{padding:86px 23px 32px}.mx-case[open]{grid-template-columns:1fr;gap:28px;align-content:start}.mx-device img{max-height:42vh}.mx-case__close{top:20px;right:22px}.mx-case__body h2{font-size:34px}.mx-case__body>p{font-size:14px}.mx-case__actions{margin-bottom:28px}.mx-button{padding:14px 16px}
}
@media(max-height:590px) and (min-width:761px){.mx-hud{height:84px;padding-top:14px;padding-bottom:14px}.mx-logo{width:102px}.mx-flight-intro h1{font-size:8vh}.mx-selection{bottom:85px}.mx-selection h2{font-size:24px}.mx-selection small{font-size:7px}.mx-selection p{margin-top:7px;font-size:10px}.mx-controls{bottom:18px}.mx-project-art{height:34vh}.mx-gallery{inset:80px 0 100px}.mx-project-count{bottom:72px}.mx-hub-hint{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.mx-title-line{transition:none!important;filter:none!important}}

/* 2.2 — kinetic type, accretion loader and in-place client presentations. */
.mx-glyph{display:inline-block;position:relative;will-change:transform;transform-origin:50% 70%}.mx-glyph.is-space{width:.28em}.mx-title-line,.mx-title-line em,.mx-title-line strong{position:relative}
.mx-cursor-lens{position:absolute;top:-105px;left:-105px;width:210px;height:210px;z-index:5;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#a96bf518,transparent 68%);mix-blend-mode:screen;opacity:0;transition:opacity .5s}
.mx-project-art img{object-fit:contain;object-position:center}
.mx-stops{gap:4px}.mx-stop{width:23px}
.mx-loader{background:radial-gradient(ellipse at 50% 44%,#201132 0%,#090610 33%,#030309 65%);overflow:hidden}
.mx-loader__track{width:min(230px,55vw);height:2px;background:#9b78bd24}.mx-loader__track i{box-shadow:0 0 12px #ccff0060}.mx-loader>span{font-family:var(--mx-display);font-size:25px;letter-spacing:-.03em;margin-top:20px}
.mx-case.has-presentation{padding:92px max(30px,4vw) 45px;background:radial-gradient(ellipse at 30% 40%,#24143365,transparent 65%),#07060c}
.mx-case.has-presentation[open]{grid-template-columns:minmax(0,1fr) minmax(240px,300px);gap:4.5vw}
.mx-case.has-presentation .mx-case__body h2{font-size:clamp(28px,2.8vw,48px)}
.mx-case.has-presentation .mx-case__body>p{font-size:13px}.mx-case.has-presentation .mx-case__actions{gap:10px;margin-top:22px}.mx-case.has-presentation .mx-button{font-size:8px;padding:14px 16px}
.mx-case__visual{position:relative;text-align:center}.mx-device.is-laptop{position:relative;overflow:visible;border-radius:15px 15px 4px 4px;padding:22px 10px 12px;border:1px solid #827a8d;background:linear-gradient(115deg,#3a3543,#17141d 18%,#06050a 80%,#61596b);box-shadow:0 30px 80px #0009,0 0 0 2px #0a080d,0 0 0 3px #39313f}
.mx-device.is-laptop:before{content:'';position:absolute;top:8px;left:50%;width:4px;height:4px;border-radius:50%;background:#282733;box-shadow:0 0 0 2px #08070c,1px 0 2px #5d577b}
.mx-device.is-laptop:after{content:'';position:absolute;top:calc(100% + 2px);left:-6%;width:112%;height:16px;border-radius:2px 2px 50% 50% / 2px 2px 100% 100%;background:linear-gradient(90deg,#302c36,#aaa3b1 4%,#5d5666 14%,#bbb4c1 47%,#655c71 50%,#b0a6b8 53%,#554d5e 86%,#968d9e 97%,#2e2934);box-shadow:0 10px 20px #0008}
.mx-presentation-screen{position:relative;aspect-ratio:16/10;background:#090909;overflow:hidden;border-radius:3px;isolation:isolate}
.mx-presentation-screen iframe{position:absolute;inset:0;border:0;width:100%;height:100%;display:block;background:#111;z-index:1;color-scheme:dark}
.mx-embed-loading{position:absolute;inset:0;display:grid;place-items:center;background:#100b18;font-size:11px;letter-spacing:.08em;z-index:2;pointer-events:none}
.mx-embed-fallback{position:absolute;inset:0;z-index:3;background:#100b18;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;gap:12px}.mx-embed-fallback img{width:75%;max-height:55%;object-fit:contain}.mx-embed-fallback p{font-size:11px;line-height:1.5;color:#c0b0ce;max-width:340px;margin:0}.mx-embed-fallback a{font-size:11px;color:var(--mx-lime);padding:12px;border:1px solid #8a7395}
.mx-case.has-presentation:not(.is-expanded) .mx-case__visual{max-width:min(100%,calc((100dvh - 300px)*1.6));justify-self:center;width:100%}
.mx-view-expand{margin:38px auto 0;border:0;border-bottom:1px solid #79688960;background:transparent;padding:9px 4px;font-size:10px!important;color:#ded0ec!important}.mx-view-expand:hover{color:var(--mx-lime)!important}
.mx-presentation-hint{margin:14px auto 0;max-width:440px;font-size:10px;line-height:1.7;color:#a095ad}
.mx-case.has-presentation.is-expanded[open]{grid-template-columns:1fr;align-content:start;gap:30px}.mx-case.is-expanded .mx-case__visual{width:min(1320px,100%);margin:auto}.mx-case.is-expanded .mx-device.is-laptop{padding:0;border-radius:4px;border-color:#574a61;box-shadow:none}.mx-case.is-expanded .mx-device:before,.mx-case.is-expanded .mx-device:after{display:none}.mx-case.is-expanded .mx-presentation-screen{height:calc(100dvh - 215px);min-height:250px;aspect-ratio:auto}.mx-case.is-expanded .mx-view-expand{margin-top:12px}.mx-case.is-expanded .mx-case__body{max-width:1000px;margin:auto;width:100%}
@media(max-width:760px){
.mx-flight-intro h1{font-size:8.5vw;line-height:1.15}.mx-cursor-lens{display:none}.mx-controls{gap:10px}.mx-stops{gap:2px}.mx-stop{width:20px}
.mx-case.has-presentation{padding:85px 22px 30px}.mx-case.has-presentation[open]{grid-template-columns:1fr;gap:28px;align-content:start}.mx-device.is-laptop{padding:14px 5px 6px;border-radius:10px 10px 3px 3px}.mx-device.is-laptop:before{top:5px;width:3px;height:3px}.mx-device.is-laptop:after{height:10px;left:-4%;width:108%}.mx-presentation-screen{aspect-ratio:4/3}.mx-view-expand{margin-top:26px}.mx-presentation-hint{font-size:9px;margin-top:10px}.mx-case.has-presentation .mx-case__body h2{font-size:32px}.mx-case.is-expanded .mx-presentation-screen{height:calc(100dvh - 235px);min-height:300px}.mx-case.is-expanded .mx-presentation-hint{margin-bottom:10px}
.mx-case.has-presentation:not(.is-expanded) .mx-case__visual{max-width:100%}
}
@media(max-height:590px) and (min-width:761px){.mx-flight-intro h1{font-size:8vh}.mx-case.has-presentation{padding-top:78px}.mx-case.has-presentation[open]{grid-template-columns:minmax(0,1fr) minmax(210px,.6fr);align-items:start}.mx-case__close{top:18px}.mx-case.has-presentation .mx-case__body h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.mx-glyph{transform:none!important;text-shadow:none!important;will-change:auto}.mx-cursor-lens{display:none}}

/* 2.3 — a living background, open typography and breathing selection halos. */
.mx-flight-intro{width:63%;max-width:1160px;transform-origin:50% 50%}
.mx-flight-intro h1{font-size:clamp(42px,5.9vw,120px);line-height:1.04}
.mx-title-line:nth-child(1){font-size:1em;line-height:1.04;letter-spacing:-.058em;margin-bottom:.065em}
.mx-title-prefix{display:inline-block;font-size:.65em;letter-spacing:-.05em;position:relative}
.mx-title-line:nth-child(2){font-size:.53em;line-height:1.12;letter-spacing:-.045em}
.mx-title-line:nth-child(2) strong{font-size:1.06em}
.mx-universe.is-arriving .mx-explorer{opacity:0;pointer-events:none}
.mx-universe.is-arriving .mx-planet-target{pointer-events:none}
.mx-planet-target:after{inset:-7px;opacity:0;border-color:color-mix(in srgb,var(--accent) 60%,transparent);transform:scale(1.02,.99);transition:opacity .35s;box-shadow:0 0 18px color-mix(in srgb,var(--accent) 9%,transparent)}
.mx-planet-target.is-selected:after,.mx-planet-target:focus-visible:after{opacity:1;animation:mx-orbit-breathe 3.2s ease-in-out infinite}
@keyframes mx-orbit-breathe{0%,100%{transform:scale(1.035,1.005);opacity:.40;box-shadow:0 0 12px color-mix(in srgb,var(--accent) 8%,transparent)}50%{transform:scale(1.12,1.075);opacity:.90;box-shadow:0 0 24px color-mix(in srgb,var(--accent) 16%,transparent)}}
@media(max-width:760px){
  .mx-flight-intro{width:100%;max-width:none}.mx-flight-intro h1{font-size:9.05vw;line-height:1.05}
  .mx-title-line:nth-child(1){font-size:1em;margin-bottom:.08em}.mx-title-line:nth-child(2){font-size:.53em;line-height:1.12}
  .mx-planet-target:after{inset:-5px}
}
@media(max-height:590px) and (min-width:761px){.mx-flight-intro h1{font-size:8.8vh}}
@media(prefers-reduced-motion:reduce){.mx-planet-target.is-selected:after,.mx-planet-target:focus-visible:after{animation:none;opacity:.8;transform:scale(1.055,1.03)}}

/* 2.8 — one impact reveals the promise, then gives control to the visitor. */
.mx-universe{--mx-opening-lead:0;--mx-opening-impact:0}
.mx-flight-intro h1 .mx-title-line{transition:none;filter:none}
.mx-universe.is-ready .mx-lead-words{opacity:var(--mx-opening-lead)!important;transform:translateY(calc((1 - var(--mx-opening-lead))*18px))!important}
.mx-universe.is-ready .mx-impact-words{opacity:var(--mx-opening-impact)!important;transform:translate3d(var(--mx-impact-x,0px),calc((1 - var(--mx-opening-impact))*12px + var(--mx-impact-y,0px)),0) rotate(var(--mx-impact-r,0deg)) scale(calc((.94 + var(--mx-opening-impact)*.06)*var(--mx-impact-scale,1)))!important;transform-origin:45% 50%}
.mx-title-line:nth-child(2){font-size:.51em;margin:0 0 .15em;line-height:1.06}
.mx-title-line:nth-child(3){font-size:.84em;line-height:1.05;letter-spacing:-.055em}
.mx-impact-words small{font-size:.40em;letter-spacing:-.045em;vertical-align:baseline}
.mx-opening-control{position:absolute;left:7vw;bottom:max(15vh,92px);z-index:32;border:1px solid #b5a3ca3b;background:#0d0916ad;padding:12px 18px;min-height:44px;border-radius:24px;font-size:11px!important;color:#d2c4e3!important;backdrop-filter:blur(8px)}
.mx-opening-control:hover{border-color:#bb82ff;color:#fff!important}
.mx-universe:not([data-opening='ready']) .mx-opening-control{bottom:max(7vh,34px)}
.mx-opening-inspector{position:absolute;z-index:1005;top:116px;left:18px;width:220px;padding:10px;background:#111b;color:white;font-size:11px;border:1px solid #9974ae}
.mx-opening-inspector input{display:block;width:100%}
@media(max-width:760px){.mx-title-line:nth-child(3){font-size:.98em}.mx-opening-control{left:24px;bottom:35px}.mx-universe:not([data-opening='ready']) .mx-opening-control{bottom:35px}}
html[lang=en] .mx-title-line:nth-child(3){font-size:.66em}
html[lang=en] .mx-impact-words small{font-size:.55em}

/* 2.5 — differentiated sector phenomena and the orbital contact station. */
body.mx-contact-open{overflow:hidden}
.mx-contact-station{position:fixed;z-index:90;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:clamp(88px,10vh,132px) 6vw 54px;border:0;color:#f5f1f8;background:
  radial-gradient(ellipse at 17% 48%,rgba(112,61,163,.30),transparent 38%),
  radial-gradient(ellipse at 82% 15%,rgba(204,255,0,.055),transparent 30%),#05040a;overflow:auto;overscroll-behavior:contain}
.mx-contact-station::backdrop{background:#020207e8;backdrop-filter:blur(14px)}
.mx-contact-station[open]{display:grid;grid-template-columns:minmax(290px,.78fr) minmax(460px,1.22fr);gap:clamp(55px,8vw,135px);align-items:center}
.mx-contact-station:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.23;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.3px);background-size:83px 83px;mask-image:linear-gradient(90deg,#000,transparent 64%)}
.mx-contact-station__close{position:fixed;z-index:2;right:4.5vw;top:29px;width:44px;height:44px;padding:0;border:1px solid #79698c66;border-radius:50%;background:#100d16;color:#f4eef9;font:300 27px/1 var(--mx-body);cursor:pointer}
.mx-contact-station__close:hover,.mx-contact-station__close:focus-visible{border-color:var(--mx-lime);color:var(--mx-lime)}
.mx-contact-station__signal{position:absolute;z-index:0;left:3vw;top:50%;width:min(42vw,610px);aspect-ratio:1;transform:translate(-42%,-50%);border-radius:50%;opacity:.58;pointer-events:none}
.mx-contact-station__signal i{position:absolute;inset:0;border:1px solid #b985ff38;border-radius:50%}
.mx-contact-station__signal i:nth-child(2){inset:17%;border-color:#ccff002d}.mx-contact-station__signal i:nth-child(3){inset:34%;border-style:dashed}
.mx-contact-station__signal span{position:absolute;inset:45%;border-radius:50%;background:#d9b9ff;box-shadow:0 0 18px #d9b9ff,0 0 75px #a75cff80}
.mx-contact-station__intro,.mx-contact-form{position:relative;z-index:1;min-width:0;width:100%}
.mx-contact-station__intro .mx-kicker{margin:0 0 26px;color:var(--mx-lime);font-size:9px;letter-spacing:.22em}
.mx-contact-station__intro h2{margin:0;font:400 clamp(39px,4.7vw,78px)/.99 var(--mx-display);letter-spacing:-.055em}.mx-contact-station__intro h2 em{font-style:normal;color:#bd82ff}
.mx-contact-station__intro>p:not(.mx-kicker){max-width:620px;margin:28px 0 0;color:#b8acc6;font-size:clamp(14px,1.2vw,18px);line-height:1.65}
.mx-contact-station__direct{display:grid;grid-template-columns:1fr;gap:10px;max-width:460px;margin-top:38px}
.mx-contact-station__direct a{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:center;padding:17px 18px;border:1px solid #77688a66;background:#100d17a6;transition:border-color .25s,background .25s}
.mx-contact-station__direct a:hover{border-color:#bb84fb;background:#171020}.mx-contact-station__direct span{grid-column:1;font-size:8px;letter-spacing:.17em;color:#a799b7}.mx-contact-station__direct strong{grid-column:1;font-size:11px;font-weight:500;overflow-wrap:anywhere}.mx-contact-station__direct i{grid-column:2;grid-row:1/3;font-style:normal;color:var(--mx-lime)}
.mx-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px 15px;padding:clamp(25px,3.5vw,48px);border:1px solid #76658a5c;background:linear-gradient(145deg,rgba(34,22,48,.88),rgba(8,7,14,.92));box-shadow:0 36px 100px #0008,inset 0 1px #ffffff0a}
.mx-contact-form label{display:block;min-width:0}.mx-contact-form label>span{display:flex;justify-content:space-between;margin-bottom:9px;color:#b9abc7;font-size:8px;font-weight:600;letter-spacing:.15em}.mx-contact-form label small{font-size:7px;color:#776b82}
.mx-contact-form input,.mx-contact-form select,.mx-contact-form textarea{display:block;width:100%;min-height:50px;margin:0;padding:14px 15px;border:1px solid #65567480;border-radius:0;background:#09070f;color:#f6f1f8;font:400 13px/1.45 var(--mx-body);outline:0;box-shadow:none;appearance:none}
.mx-contact-form__phone,.mx-contact-form__service{grid-column:1/-1}.mx-phone-field{display:grid;grid-template-columns:minmax(142px,.42fr) minmax(0,1fr);gap:10px;min-width:0}.mx-phone-field select{padding-right:26px;overflow:hidden;text-overflow:ellipsis;background-image:linear-gradient(45deg,transparent 50%,#b9abc7 50%),linear-gradient(135deg,#b9abc7 50%,transparent 50%);background-position:calc(100% - 15px) 22px,calc(100% - 10px) 22px;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer}.mx-phone-field input{min-width:0}
.mx-contact-form textarea{resize:vertical;min-height:125px}.mx-contact-form input::placeholder,.mx-contact-form textarea::placeholder{color:#6e6379}.mx-contact-form input:focus,.mx-contact-form select:focus,.mx-contact-form textarea:focus{border-color:#bb83fb;box-shadow:0 0 0 1px #bb83fb33}
.mx-contact-form__message{grid-column:1/-1}.mx-contact-form__send{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;min-height:55px;padding:0 20px;border:1px solid var(--mx-lime);background:var(--mx-lime);color:#111508;font:700 9px/1 var(--mx-body);letter-spacing:.14em;cursor:pointer;transition:background .25s,color .25s}
.mx-contact-form__send i{font-style:normal;font-size:18px}.mx-contact-form__send:hover,.mx-contact-form__send:focus-visible{background:transparent;color:var(--mx-lime)}
.mx-contact-form__note{grid-column:1/-1;margin:0;color:#746a7e;font-size:8px;line-height:1.5;letter-spacing:.07em}
.mx-contact-form__status{grid-column:1/-1;margin:0;padding:16px;border:1px solid #ccff0070;color:var(--mx-white);font:400 14px/1.6 var(--mx-body)}
.mx-universe .mx-contact-form__send{color:#111508}.mx-universe .mx-contact-form__send:hover,.mx-universe .mx-contact-form__send:focus-visible{color:var(--mx-lime)}
@media(max-width:900px){.mx-contact-station[open]{grid-template-columns:1fr;gap:38px;align-content:start}.mx-contact-station__intro{max-width:720px}.mx-contact-station__signal{left:-16vw;top:34%;width:90vw}}
@media(max-width:600px){.mx-contact-station{padding:88px 22px 32px}.mx-contact-station__close{top:20px;right:22px}.mx-contact-station__intro .mx-kicker{margin-bottom:20px}.mx-contact-station__intro h2{font-size:clamp(34px,10vw,48px)}.mx-contact-station__intro>p:not(.mx-kicker){font-size:13px;margin-top:21px}.mx-contact-station__direct{grid-template-columns:1fr;margin-top:28px}.mx-contact-form{grid-template-columns:1fr;padding:23px 18px;gap:16px}.mx-contact-form__message,.mx-contact-form__send,.mx-contact-form__note{grid-column:1}.mx-contact-station__signal{opacity:.34}}
@media(prefers-reduced-motion:reduce){.mx-contact-station__signal{opacity:.35}}
.mx-station-socials{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:16px;font-size:12px;color:#ccff00}
.mx-language{position:relative;z-index:3;margin-left:auto;display:flex;align-items:center;gap:1px;padding:0 2px;border:1px solid #8f7da73d;border-radius:999px;background:#05030bd9;box-shadow:0 8px 28px #0005;pointer-events:auto;color:#d9d0e3;font-size:11px;letter-spacing:.08em}
.mx-language button{min-width:44px;min-height:44px;padding:8px;border:0;background:none}.mx-language button[aria-current=true]{color:#ccff00}.mx-language button:hover{color:white}
html[lang=en] .mx-flight-intro h1{font-size:clamp(42px,5.9vw,120px)}
html[lang=en] .mx-title-line:nth-child(2){font-size:.40em}
html[lang=en] .mx-contact-station__intro h2{font-size:clamp(34px,3.6vw,66px)}
@media(max-width:760px){html[lang=en] .mx-flight-intro h1{font-size:9.05vw;letter-spacing:-.045em}html[lang=en] .mx-title-line:nth-child(2){font-size:.39em}html[lang=en] .mx-contact-station__intro h2{font-size:clamp(28px,8.2vw,42px)}}
.mx-language a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.mx-language a[aria-current=true]{color:#ccff00}

/* 3.0 — measured entrance, asymmetrical orbits and a lightweight contact route. */
.mx-loader__orbit{position:absolute;left:50%;top:44%;width:clamp(260px,42vw,490px);aspect-ratio:1;transform:translate(-50%,-50%);pointer-events:none}
.mx-loader__orbit i{position:absolute;inset:0;border:1px solid #ba8df41c;border-radius:50%}
.mx-loader__orbit i:nth-child(2){inset:7%;border-style:dashed;opacity:.45;animation:mx-loader-orbit 32s linear infinite}
.mx-loader__orbit i:nth-child(3){inset:17%;border-color:#ccff0015}
.mx-loader__orbit:after{content:'';position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(ellipse,#9d50f319,transparent 64%)}
.mx-loader img{height:auto;z-index:1}.mx-loader p{z-index:1;min-height:14px;font-size:9px;letter-spacing:.22em}
.mx-loader__track{height:3px}.mx-loader__track i{transition:width .32s ease-out}
@keyframes mx-loader-orbit{to{transform:rotate(360deg)}}
.mx-contact-world:after{border-color:#ffe0b080!important}
.mx-contact-world span{color:#ffe0b0}
.mx-planet-target>.mx-world-name{display:block;width:max-content;max-width:170px;margin-top:12px;color:#f4f1f8;font-size:13px;font-weight:600;line-height:1.3;letter-spacing:.015em;text-align:center;text-shadow:0 2px 8px #030309,0 0 20px #030309;white-space:nowrap;pointer-events:auto}
.mx-planet-target>.mx-world-name:before{display:none}
.mx-planet-target.is-selected>.mx-world-name{color:var(--accent)}
.mx-selection small,.mx-selection h2{display:none}
.mx-selection{bottom:96px}
.mx-selection p{margin:0;font-size:12px;color:#d6c9e5}
@media(max-width:760px){.mx-planet-target>.mx-world-name{font-size:11px;max-width:138px;margin-top:9px}.mx-selection{bottom:123px}.mx-selection p{font-size:10px}.mx-grain{opacity:.012}.mx-hub-hint{top:91px}}
@media(max-width:760px) and (max-height:650px){.mx-selection{display:none}.mx-planet-target>.mx-world-name{font-size:10.5px;margin-top:8px}}
.mx-contact-page{position:relative;isolation:isolate;min-height:100dvh;padding:24px max(24px,5.5vw) 70px;background:radial-gradient(ellipse at 10% 46%,#49256855,transparent 48%),radial-gradient(ellipse at 90% 20%,#ad732410,transparent 42%),#05040b}
.mx-contact-page:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 13% 35%,#e3d9ff90 0 1px,transparent 2px),radial-gradient(circle at 80% 16%,#e3d9ff60 0 1px,transparent 2px),radial-gradient(circle at 38% 75%,#e3d9ff50 0 1px,transparent 2px)}
.mx-contact-page a{color:inherit;text-decoration:none}.mx-contact-page button{font-family:var(--mx-body);color:inherit;cursor:pointer}
.mx-contact-page a:focus-visible,.mx-contact-page button:focus-visible{outline:2px solid var(--mx-lime);outline-offset:5px}
.mx-contact-page__header{display:flex;align-items:center;justify-content:space-between;max-width:1500px;margin:auto}
.mx-contact-page__header img{display:block;width:126px;height:auto}
.mx-contact-page__back{display:flex;align-items:center;gap:12px;min-height:44px;width:fit-content;margin:40px 0 20px;color:#c1b2d1!important;font-size:12px}
.mx-contact-page__grid{max-width:1400px;margin:40px auto 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:clamp(36px,7vw,112px);align-items:center}
.mx-contact-page h1{margin:0;font:400 clamp(36px,4.5vw,72px)/1.03 var(--mx-display);letter-spacing:-.055em}
.mx-contact-page h1 em{font-style:normal;color:#bd82ff}
.mx-contact-page h1 .mx-contact-word{display:inline-block;white-space:nowrap}
.mx-contact-page h1 .mx-contact-glyph{display:inline-block;position:relative;transform-origin:50% 70%;will-change:transform}
.mx-contact-title-lens{position:fixed;z-index:0;left:-105px;top:-105px;width:210px;aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#a96bf51c,transparent 68%);mix-blend-mode:screen;opacity:0;transition:opacity .35s;will-change:transform}
.mx-contact-page .mx-contact-form__send{color:#111508}.mx-contact-page .mx-contact-form__send:hover{color:var(--mx-lime)}
.mx-contact-page .mx-contact-form__note{color:#b5a5c3;font-size:10px;line-height:1.65}
.mx-contact-page .mx-contact-form label>span{font-size:10px;color:#c6b8d4}.mx-contact-page .mx-contact-form label small{color:#a391b3}
.mx-contact-page .mx-contact-station__direct strong{font-size:13px}
html[lang=en] .mx-contact-page h1{font-size:clamp(32px,3.6vw,62px)}
@media(max-width:900px){.mx-contact-page__grid{grid-template-columns:1fr;max-width:680px;gap:36px;margin-top:24px}.mx-contact-page__back{margin-top:24px}.mx-contact-page h1{font-size:clamp(36px,7vw,56px)}html[lang=en] .mx-contact-page h1{font-size:clamp(32px,6vw,52px)}}
@media(max-width:760px){.mx-contact-page{padding:22px 22px 42px}.mx-contact-page__header img{width:108px}.mx-contact-page__grid{margin-top:18px}.mx-contact-page .mx-contact-form input,.mx-contact-page .mx-contact-form select,.mx-contact-page .mx-contact-form textarea{font-size:16px}.mx-contact-page .mx-contact-station__intro>p:not(.mx-kicker){font-size:14px}.mx-contact-page h1{font-size:clamp(32px,9.4vw,48px)}html[lang=en] .mx-contact-page h1{font-size:clamp(28px,8.4vw,44px)}.mx-selection h2{font-size:23px}.mx-selection p{max-width:300px;margin-left:auto;margin-right:auto}}
@media(hover:none),(pointer:coarse){.mx-contact-title-lens{display:none}.mx-contact-page h1 .mx-contact-glyph{will-change:auto}}
@media(prefers-reduced-motion:reduce){.mx-contact-page h1 .mx-contact-glyph{transform:none!important;text-shadow:none!important;will-change:auto}.mx-contact-title-lens{display:none}}
@media(prefers-reduced-motion:reduce){.mx-loader__orbit i{animation:none}.mx-loader,.mx-loader__track i{transition:none}}
.mx-qa-meter{position:fixed;z-index:999;bottom:4px;left:8px;max-width:calc(100vw - 16px);padding:6px;background:#090713eb;color:#d1ffa1;font:10px/1.4 monospace;overflow-wrap:anywhere;pointer-events:none}
@media(max-width:760px) and (max-height:680px){.mx-hub-hint{display:none}}
.mx-station-socials a{display:inline-flex;align-items:center;min-height:44px}
.mx-about{max-width:620px;margin-top:12px;font-size:13px;color:#c4b9d1}
.mx-about>summary,.mx-directory summary{cursor:pointer;min-height:44px;padding:13px 0;color:#eee5f8}
.mx-directory p{line-height:1.7}.mx-directory ul{margin:10px 0;padding:0;list-style:none}
.mx-directory li{border-top:1px solid #88709c44;padding:8px 0}.mx-directory li a{display:block;padding:10px 0;color:#ccff00}.mx-directory li span{display:block;font-size:11px;color:#b6a4c4}
.mx-contact-station{overflow:auto;padding-bottom:max(32px,env(safe-area-inset-bottom));padding-left:max(6vw,env(safe-area-inset-left));padding-right:max(6vw,env(safe-area-inset-right))}
.mx-contact-link{margin-bottom:env(safe-area-inset-bottom)}
.mx-contact-link,.mx-back{min-height:44px}.mx-stop{min-height:44px}
@media(max-width:760px){.mx-control{width:44px;height:44px}.mx-back{top:21px}}
@media(max-width:760px){.mx-contact-form input,.mx-contact-form textarea,.mx-contact-form select{font-size:16px}.mx-controls{margin-bottom:env(safe-area-inset-bottom)}.mx-contact-station{padding-top:max(88px,calc(env(safe-area-inset-top) + 60px));padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}}
@media(max-width:420px){.mx-phone-field{grid-template-columns:minmax(114px,.42fr) minmax(0,1fr);gap:7px}.mx-phone-field select{padding-left:11px;padding-right:24px}}

/* 3.5 — Xavier is a living destination, not a conventional about page. */
body.mx-about-open{overflow:hidden}
.mx-about-world:after{border-color:#ff5ea888!important;box-shadow:0 0 30px #9c4ff326!important}
.mx-about-world .mx-world-name{color:#ffacd2}
.mx-about-station{--about-x:0;--about-y:0;--about-reveal:54%;position:fixed;z-index:95;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;color:#f7f3fb;background:radial-gradient(ellipse at 17% 48%,#5b238f55,transparent 43%),radial-gradient(ellipse at 82% 13%,#ffae0015,transparent 34%),#05030a;overflow:hidden;overscroll-behavior:contain}
.mx-about-station::backdrop{background:#020106ee;backdrop-filter:blur(16px)}
.mx-about-station[open]{display:grid;grid-template-columns:minmax(410px,.92fr) minmax(520px,1.08fr)}
.mx-about-station:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.24;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.35px),radial-gradient(circle,#ccff00 0 1px,transparent 1.5px);background-position:0 0,42px 51px;background-size:97px 97px,163px 163px;mask-image:linear-gradient(90deg,#000,transparent 76%)}
.mx-about-station__close{position:fixed;z-index:7;right:max(26px,4.5vw);top:max(22px,env(safe-area-inset-top));width:46px;height:46px;padding:0;border:1px solid #9a82b569;border-radius:50%;background:#0d0914cc;color:#f8f3fc;font:300 28px/1 var(--mx-body);cursor:pointer;backdrop-filter:blur(12px)}
.mx-about-station__close:hover,.mx-about-station__close:focus-visible{border-color:var(--mx-lime);color:var(--mx-lime)}
.mx-about-portrait{position:relative;isolation:isolate;min-width:0;min-height:100dvh;overflow:hidden;outline:0;cursor:crosshair;background:radial-gradient(circle at 50% 31%,#9c4ff337 0 24%,transparent 52%)}
.mx-about-portrait:before{content:'';position:absolute;z-index:-1;left:50%;top:31%;width:min(27vw,390px);aspect-ratio:1;transform:translate(-50%,-50%) translate(calc(var(--about-x)*-9px),calc(var(--about-y)*-7px));border-radius:50%;background:#ffae00;box-shadow:0 0 0 1px #ffcf7770,0 0 74px #ff8a0030;transition:transform .18s ease-out}
.mx-about-portrait__base,.mx-about-portrait__cosmic{position:absolute;z-index:2;left:50%;bottom:-5%;width:min(46vw,690px);height:95%;max-width:none;object-fit:contain;object-position:50% 100%;transform:translate3d(calc(-50% + var(--about-x)*10px),calc(var(--about-y)*8px),0);transform-origin:50% 80%;transition:transform .16s ease-out,filter .35s;mask-image:linear-gradient(180deg,#000 0%,#000 61%,rgba(0,0,0,.9) 72%,rgba(0,0,0,.36) 86%,transparent 99%);-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 61%,rgba(0,0,0,.9) 72%,rgba(0,0,0,.36) 86%,transparent 99%)}
.mx-about-portrait__base{filter:grayscale(1) saturate(0) contrast(1.08);opacity:.96;animation:mx-about-human-drift 7.4s ease-in-out infinite}
.mx-about-portrait__cosmic{--about-phase:0%;z-index:3;filter:saturate(1.12) contrast(1.05) drop-shadow(0 0 18px #9c4ff328);transform:translate3d(calc(-50% + var(--about-x)*16px),calc(var(--about-y)*11px),0);mask-image:linear-gradient(101deg,transparent calc(var(--about-reveal) + var(--about-phase) - 14%),rgba(0,0,0,.28) calc(var(--about-reveal) + var(--about-phase) - 5%),#000 calc(var(--about-reveal) + var(--about-phase) + 12%)),linear-gradient(180deg,#000 0%,#000 61%,rgba(0,0,0,.9) 72%,rgba(0,0,0,.36) 86%,transparent 99%);mask-composite:intersect;-webkit-mask-image:linear-gradient(101deg,transparent calc(var(--about-reveal) + var(--about-phase) - 14%),rgba(0,0,0,.28) calc(var(--about-reveal) + var(--about-phase) - 5%),#000 calc(var(--about-reveal) + var(--about-phase) + 12%)),linear-gradient(180deg,#000 0%,#000 61%,rgba(0,0,0,.9) 72%,rgba(0,0,0,.36) 86%,transparent 99%);-webkit-mask-composite:source-in;animation:mx-about-energy-drift 4.2s ease-in-out infinite}
.mx-about-portrait__orbit{position:absolute;z-index:1;left:50%;top:47%;width:min(43vw,650px);aspect-ratio:1;transform:translate(-50%,-50%) rotate(calc(var(--about-x)*5deg));pointer-events:none;transition:transform .2s ease-out}
.mx-about-portrait__orbit b{position:absolute;right:5%;top:18%;width:9px;aspect-ratio:1;border-radius:50%;background:var(--mx-lime);box-shadow:0 0 9px var(--mx-lime),0 0 34px #ccff008c}
.mx-about-story{position:relative;z-index:2;min-width:0;height:100dvh;padding:clamp(82px,9vh,118px) max(36px,6vw) 70px max(42px,5vw);overflow:auto;overscroll-behavior:contain}
.mx-about-kicker{margin:0 0 24px;color:var(--mx-lime);font-size:9px;font-weight:600;letter-spacing:.2em}
.mx-about-story h2{margin:0;max-width:780px;font:400 clamp(48px,4.6vw,82px)/.94 var(--mx-display);letter-spacing:-.06em;text-transform:uppercase}
.mx-about-story h2>span,.mx-about-story h2>strong{display:block;font:inherit;white-space:nowrap}.mx-about-story h2>strong{color:#b778ff}
.mx-about-glyph{display:inline-block;position:relative;font-style:normal;transform-origin:50% 70%;transition:transform .18s ease-out,text-shadow .18s}.mx-about-glyph.is-space{width:.28em}
.mx-about-lead{max-width:790px;margin:32px 0 0;color:#eee7f4;font-size:clamp(16px,1.25vw,20px);line-height:1.65}
.mx-about-voice{max-width:760px;margin:18px 0 0;padding-left:19px;border-left:2px solid #ffae00;color:#ad9ebc;font-size:14px;line-height:1.7}
.mx-about-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:38px 0 0;background:#8c719f45;border:1px solid #8c719f45}
.mx-about-metrics article{min-height:145px;padding:22px;background:#0b0711d9}
.mx-about-metrics strong{display:block;color:var(--mx-lime);font:400 clamp(32px,3vw,52px)/1 var(--mx-display);letter-spacing:-.05em}
.mx-about-metrics span{display:block;max-width:270px;margin-top:13px;color:#b9acc5;font-size:11px;line-height:1.5}
.mx-about-proof{margin:13px 0 0;color:#786d83;font-size:9px;line-height:1.55}
.mx-about-path{position:relative;margin-top:42px}.mx-about-path h3{margin:0 0 18px;color:#ffae00;font-size:9px;letter-spacing:.2em}
.mx-about-path ol{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:26px 0 0;list-style:none;border-top:1px solid #806b9366}
.mx-about-path ol:before{content:'';position:absolute;left:0;top:-4px;width:8px;height:8px;border-radius:50%;background:var(--mx-lime);box-shadow:0 0 12px #ccff0080;animation:mx-about-travel 5.2s ease-in-out infinite}
.mx-about-path li{position:relative}.mx-about-path li:before{content:'';position:absolute;left:0;top:-30px;width:7px;height:7px;border:1px solid #bd86ff;border-radius:50%;background:#09060f}
.mx-about-path time{display:block;color:#fff;font:400 20px/1 var(--mx-display)}.mx-about-path li span{display:block;margin-top:10px;color:#9e8eac;font-size:10px;line-height:1.5}
.mx-about-story blockquote{margin:42px 0 0;padding:0;color:#fff;font:400 clamp(24px,2.25vw,38px)/1.25 var(--mx-display);letter-spacing:-.04em}
.mx-about-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;padding-bottom:max(20px,env(safe-area-inset-bottom))}
.mx-about-links a{display:inline-flex;align-items:center;min-height:46px;padding:0 17px;border:1px solid #816c9066;color:#d8cde1;font-size:10px;letter-spacing:.04em;transition:border-color .2s,color .2s,background .2s}
.mx-about-links a:first-child{border-color:var(--mx-lime);color:#111508;background:var(--mx-lime)}.mx-about-links a:hover{border-color:#b678ff;color:#fff;background:#9c4ff31a}
@keyframes mx-about-travel{0%,100%{left:0}50%{left:calc(100% - 8px)}}
@property --about-phase{syntax:'<percentage>';inherits:false;initial-value:0%}
@keyframes mx-about-human-drift{0%,100%{transform:translate3d(calc(-50% + var(--about-x)*10px),calc(var(--about-y)*8px),0)}50%{transform:translate3d(calc(-50% + var(--about-x)*10px - 3px),calc(var(--about-y)*8px - 5px),0) scale(1.004)}}
@keyframes mx-about-energy-drift{0%,100%{--about-phase:-3%;transform:translate3d(calc(-50% + var(--about-x)*16px),calc(var(--about-y)*11px),0)}50%{--about-phase:4%;transform:translate3d(calc(-50% + var(--about-x)*16px + 5px),calc(var(--about-y)*11px - 7px),0) scale(1.008);filter:saturate(1.22) contrast(1.06) drop-shadow(0 0 26px #ffae0033)}}
@media(max-width:1200px) and (min-width:961px){.mx-about-story{padding-left:38px;padding-right:38px}.mx-about-story h2{font-size:clamp(38px,4.15vw,54px)}}
@media(max-width:960px){
  .mx-about-station{overflow:auto}.mx-about-station[open]{display:block}.mx-about-portrait{min-height:62dvh;height:62dvh}.mx-about-story{height:auto;min-height:100dvh;padding:56px 25px 55px}
  .mx-about-portrait:before{top:31%;width:min(62vw,250px)}.mx-about-portrait__orbit{width:min(90vw,570px)}.mx-about-portrait__base,.mx-about-portrait__cosmic{width:min(86vw,590px);height:92%;bottom:-4%}
  .mx-about-story h2{font-size:clamp(45px,12vw,76px)}.mx-about-lead{font-size:16px}.mx-about-metrics article{min-height:130px;padding:19px 16px}
}
@media(max-width:520px){
  .mx-about-portrait{min-height:56dvh;height:56dvh}.mx-about-station__close{right:18px;top:max(16px,env(safe-area-inset-top));width:44px;height:44px}
  .mx-about-story{padding-top:48px}.mx-about-kicker{font-size:8px;line-height:1.5}
  .mx-about-story h2{font-size:clamp(39px,11.5vw,58px)}.mx-about-story h2>strong{font-size:.76em;letter-spacing:-.065em}.mx-about-voice{font-size:13px}.mx-about-metrics{grid-template-columns:1fr 1fr;margin-top:34px}.mx-about-metrics article{min-height:122px}
  .mx-about-metrics strong{font-size:clamp(27px,8.4vw,39px)}.mx-about-path ol{grid-template-columns:1fr;gap:22px;padding-left:24px;border-top:0;border-left:1px solid #806b9366}
  .mx-about-path ol:before{left:-4px;top:0;animation:mx-about-travel-mobile 5.2s ease-in-out infinite}.mx-about-path li:before{left:-28px;top:3px}.mx-about-story blockquote{font-size:25px}
  .mx-about-links{display:grid}.mx-about-links a{justify-content:space-between}
}
@keyframes mx-about-travel-mobile{0%,100%{top:0}50%{top:calc(100% - 8px)}}
@media(prefers-reduced-motion:reduce){.mx-about-path ol:before,.mx-about-portrait__base,.mx-about-portrait__cosmic{animation:none}.mx-about-portrait__base,.mx-about-portrait__cosmic,.mx-about-portrait:before,.mx-about-glyph{transition:none!important;transform:none!important}.mx-about-portrait__cosmic{--about-phase:0%}}