/* SocialStack motion layer (v2/parts/motion). Namespace .mx-* / #mx-*; uses the page tokens.
   Pre-reveal states apply only under html.js (page boot class, before first paint), never under
   html.rm; CSS failsafes show everything if motion.js never initialises. Transform/opacity only
   (plus one-shot filter blur on reveals). */
:root{--mx-e:cubic-bezier(.16,1,.3,1);--mx-io:cubic-bezier(.76,0,.24,1);--mx-in:cubic-bezier(.7,0,.84,0);--mx-hh:var(--hud-h,60px);--mx-g:var(--gutter,20px);
--mx-beam:linear-gradient(90deg,transparent,rgba(0,212,255,.95) 22%,#fff 50%,rgba(182,109,255,.95) 78%,transparent);
--mx-halo:radial-gradient(50% 50% at 50% 50%,rgba(0,212,255,.26),transparent);--mx-spill:radial-gradient(50% 100% at 50% 0,rgba(0,212,255,.2),transparent);}
.mx-lab{font:400 10.5px/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;}
.mx-sprite{position:absolute;width:0;height:0;overflow:hidden;}
.mx-mark{display:block;overflow:visible;flex:none;}

/* == PRELOADER (under 1.2 s; skipped by .seen / .rm; pointer-events none) == */
.mx-pre{display:none;}
html.js:not(.seen):not(.rm) .mx-pre{display:block;position:fixed;inset:0;z-index:9800;pointer-events:none;animation:mxFail .4s 2.4s forwards;}
html.js:not(.seen):not(.rm).mx-pre-live .mx-pre{animation:none;}
@keyframes mxFail{to{opacity:0;visibility:hidden;}}
.mx-pre__h{position:absolute;left:0;right:0;top:0;height:calc(50% + 1px);background:linear-gradient(var(--bg) 55%,#070b15);transition:transform 1.05s var(--mx-io);}
.mx-pre__h+.mx-pre__h{top:auto;bottom:0;height:50%;transform:scaleY(-1);}
.mx-pre--split .mx-pre__h{transform:translate3d(0,-101%,0);}
.mx-pre--split .mx-pre__h+.mx-pre__h{transform:translate3d(0,101%,0) scaleY(-1);}
.mx-pre__h i{position:absolute;left:0;right:0;bottom:0;height:1px;opacity:0;background:var(--mx-beam);}
.mx-pre__h i::after{content:'';position:absolute;left:10%;right:10%;top:1px;height:70px;background:var(--mx-spill);}
.mx-pre--split .mx-pre__h i{animation:mxEdge 1.05s forwards;}
@keyframes mxEdge{from{opacity:1;}to{opacity:0;}}
.mx-pre__line{position:absolute;left:0;right:0;top:50%;height:1px;margin-top:-.5px;opacity:0;transform:scaleX(0);background:var(--mx-beam);}
.mx-pre__line::after{content:'';position:absolute;left:0;right:0;top:-40px;height:80px;background:var(--mx-halo);}
.mx-pre--out .mx-pre__line{opacity:1;transform:none;transition:transform .6s var(--mx-e),opacity .15s;}
.mx-pre--split .mx-pre__line{opacity:0;transition:opacity .35s;}
.mx-pre__core{position:absolute;left:50%;top:50%;width:210px;margin-left:-105px;}
.mx-pre__mark{position:absolute;left:75px;bottom:30px;width:60px;height:60px;filter:drop-shadow(0 0 16px rgba(0,212,255,.6));}
.mx-pre__mark path{stroke-dasharray:1 2;stroke-dashoffset:1.06;animation:mxDraw .95s var(--mx-e) .05s forwards;}
.mx-pre__mark path+path{animation-delay:.15s;}.mx-pre__mark path+path+path{animation-delay:.25s;}
@keyframes mxDraw{to{stroke-dashoffset:0;}}
.mx-pre__bar{position:absolute;left:0;right:0;top:-.5px;height:1px;background:rgba(255,255,255,.13);}
.mx-pre__bar::before,.mx-pre__bar::after{content:'';position:absolute;top:-3px;left:0;width:1px;height:7px;background:rgba(232,242,255,.5);}
.mx-pre__bar::after{left:auto;right:0;}
.mx-pre__bar b{position:absolute;inset:0;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--c),var(--p2));box-shadow:0 0 10px rgba(0,212,255,.6);}
.mx-pre__row{position:absolute;left:0;right:0;top:15px;display:flex;justify-content:space-between;letter-spacing:.24em;color:var(--tx2);}
.mx-pre__row b{font-weight:400;color:var(--tx);letter-spacing:.14em;font-variant-numeric:tabular-nums;}
.mx-pre--out :is(.mx-pre__bar,.mx-pre__row){opacity:0;transition:opacity .22s;}
.mx-pre--land .mx-pre__mark{opacity:0;transition:opacity .2s .08s;}
.mx-fly-hide{opacity:0!important;}.mx-fly-now{transition:none!important;}
html.mx-pre:not(.mx-hud-in) .mx-hud-top>*{opacity:0;translate:0 -12px;}
html.mx-pre:not(.mx-hud-in) :is(.mx-hud-bot>*,.mx-ruler){opacity:0;translate:0 12px;}
html.mx-pre :is(.mx-hud-top>*,.mx-hud-bot>*,.mx-ruler){transition:opacity .9s var(--mx-e) var(--mx-hd,.1s),translate 1.1s var(--mx-e) var(--mx-hd,.1s);}
:is(.mx-hud-top,.mx-hud-bot)>:nth-child(2){--mx-hd:.2s;}:is(.mx-hud-top,.mx-hud-bot)>:nth-child(3){--mx-hd:.3s;}.mx-hud-bot>:nth-child(4){--mx-hd:.4s;}

/* == HUD: top bar (logo, tabs >=1280, Log in >=1024, 3 Free Reels, labelled Menu) == */
.mx-hud-top{position:fixed;top:0;left:0;right:0;z-index:70;height:var(--mx-hh);display:flex;align-items:center;gap:10px;padding:0 var(--mx-g);}
.mx-hud-top::before{content:'';position:absolute;inset:0 0 -46px;z-index:-1;pointer-events:none;opacity:0;transition:opacity .5s;background:linear-gradient(rgba(4,5,10,.96),rgba(4,5,10,.9) 70%,transparent);}
.mx-hud-top__rule{position:absolute;left:var(--mx-g);right:var(--mx-g);bottom:0;height:1px;opacity:0;transition:opacity .5s;background:linear-gradient(90deg,transparent,var(--line) 12%,var(--line) 88%,transparent);}
.mx-scrolled .mx-hud-top::before,.mx-scrolled .mx-hud-top__rule{opacity:1;}
#mx-progress{position:absolute;left:0;top:0;width:100%;height:1px;transform:scaleX(0);transform-origin:0 50%;background:linear-gradient(90deg,var(--c),var(--p2));box-shadow:0 0 8px rgba(0,212,255,.6);}
.mx-brand{display:inline-flex;align-items:center;gap:9px;min-height:44px;flex:none;color:var(--tx);font:800 17px/1 var(--f-display);letter-spacing:-.02em;white-space:nowrap;}
.mx-brand .mx-mark{width:23px;height:23px;filter:drop-shadow(0 0 7px rgba(0,212,255,.55));}
.mx-brand__word{display:inline-block;}
.mx-hud-top .mx-brand,.mx-brand__word{transition:opacity .4s;}
html.js:not(.rm):not(.mx-docked):has([data-mx-dock]) .mx-hud-top .mx-brand__word,html.js:not(.rm):not(.mx-docked):has([data-mx-dock] svg) .mx-hud-top .mx-brand{opacity:0;}
.mx-tabs,.mx-login{display:none;}
.mx-hud-top__end{display:flex;align-items:center;gap:6px;margin-left:auto;flex:none;}
.mx-cta,.mx-menu-btn{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border-radius:999px;font-weight:500;white-space:nowrap;}
.mx-cta{background:var(--grad);color:#04050a;letter-spacing:.1em;box-shadow:0 8px 24px -10px rgba(0,212,255,.8);}
.mx-menu-btn{border:1px solid var(--line-2);background:rgba(4,5,10,.35);color:var(--tx);transition:border-color .3s,background-color .3s;}
.mx-menu-btn:hover{border-color:var(--line-c);background:rgba(0,212,255,.08);}
.mx-cta::before,.mx-menu-btn::before{content:'';position:absolute;inset:-5px -3px;}
.mx-burger,.mx-x{position:relative;width:16px;height:8px;flex:none;}
.mx-burger i,.mx-x i{position:absolute;left:0;right:0;top:0;height:1.5px;border-radius:2px;background:currentColor;transition:transform .5s var(--mx-e);}
.mx-burger i+i{top:auto;bottom:0;transform:scaleX(.6);transform-origin:100% 50%;}
.mx-menu-btn:hover .mx-burger i+i{transform:none;}
.mx-x{width:12px;height:12px;}.mx-x i{left:-2px;right:-2px;top:50%;margin-top:-.75px;transform:rotate(45deg);}.mx-x i+i{transform:rotate(-45deg);}
.mx-hud-sub{position:absolute;left:var(--mx-g);right:var(--mx-g);top:100%;height:22px;display:flex;align-items:center;pointer-events:none;opacity:0;transition:opacity .45s;}
.mx-scrolled .mx-hud-sub{opacity:1;}
@media(max-width:413px){.mx-hud-top{gap:6px;padding:0 14px;}.mx-brand{font-size:13px;gap:7px;}.mx-brand .mx-mark{width:19px;height:19px;}.mx-cta,.mx-menu-btn{gap:5px;padding:0 9px;font-size:9.5px;letter-spacing:.05em;}.mx-hud-top__end{gap:5px;}.mx-burger{width:14px;}}
@media(max-width:359px){.mx-hud-top{padding:0 12px;}.mx-brand{font-size:12px;gap:6px;}.mx-brand .mx-mark{width:18px;height:18px;}.mx-cta{padding:0 8px;font-size:9px;letter-spacing:.04em;}.mx-menu-btn{padding:0 2px;border-color:transparent;background:none;font-size:9px;}}
@media(min-width:414px) and (max-width:767px){.mx-brand{font-size:15px;}.mx-cta,.mx-menu-btn{padding:0 11px;font-size:10px;letter-spacing:.08em;}}
@media(min-width:768px){.mx-cta,.mx-menu-btn{padding:0 16px;font-size:11px;}.mx-hud-top__end{gap:8px;}}
@media(min-width:1024px){.mx-hud-top{gap:20px;}.mx-hud-sub{display:none;}.mx-cta,.mx-menu-btn{min-height:40px;}
  .mx-login{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;color:var(--tx2);transition:color .3s;}.mx-login:hover{color:var(--tx);}}
@media(min-width:1280px){.mx-tabs{display:flex;gap:clamp(12px,1.35vw,26px);margin:0 auto;letter-spacing:.13em;}
  .mx-tabs a{position:relative;display:inline-flex;gap:5px;padding:14px 0;color:var(--tx2);white-space:nowrap;transition:color .3s;}
  .mx-tabs i{font-style:normal;font-size:8px;color:var(--c);translate:0 -3px;}
  .mx-tabs a::after{content:'';position:absolute;left:0;right:0;bottom:8px;height:1px;background:var(--grad);transform:scaleX(0);transform-origin:0 50%;transition:transform .5s var(--mx-e);}
  .mx-tabs a:hover,.mx-tabs a.is-active{color:var(--tx);}.mx-tabs a:hover::after,.mx-tabs a.is-active::after{transform:none;}.mx-hud-top__end{margin-left:0;}}

/* == HUD: frame marks, ruler, bottom bar (chapter, status, sound, scroll cue) == */
.mx-frame{position:fixed;inset:0;z-index:9850;pointer-events:none;--mx-ri:8px;}
.mx-reg{position:absolute;top:var(--mx-ri);left:var(--mx-ri);width:10px;height:10px;border:solid rgba(232,242,255,.42);border-width:1px 0 0 1px;}
.mx-reg+.mx-reg{left:auto;right:var(--mx-ri);border-width:1px 1px 0 0;}
.mx-reg+.mx-reg+.mx-reg{top:auto;bottom:var(--mx-ri);left:var(--mx-ri);right:auto;border-width:0 0 1px 1px;}
.mx-reg+.mx-reg+.mx-reg+.mx-reg{left:auto;right:var(--mx-ri);border-width:0 1px 1px 0;}
.mx-ruler,.mx-hud-bot{display:none;}
.mx-chap{display:flex;align-items:center;gap:10px;min-width:0;white-space:nowrap;color:var(--tx2);}
.mx-chap__n{display:inline-block;color:var(--c);font-variant-numeric:tabular-nums;}
.mx-chap__n.mx-ra{animation:mxRA .6s var(--mx-e);}.mx-chap__n.mx-rb{animation:mxRB .6s var(--mx-e);}
@keyframes mxRA{from{opacity:0;translate:0 70%;}}@keyframes mxRB{from{opacity:0;translate:0 70%;}}
.mx-chap__name{color:var(--tx);overflow:hidden;text-overflow:ellipsis;}
.mx-vert{display:inline-flex;align-items:center;gap:3px;flex:none;}
.mx-vert i{width:3px;height:9px;border-radius:1px;background:rgba(232,242,255,.2);transition:.5s var(--mx-e);}
.mx-vert .was{background:rgba(0,212,255,.42);}.mx-vert .is-on{background:var(--c);transform:scaleY(1.5);box-shadow:0 0 8px var(--c);}
@media(min-width:1024px){
  .mx-frame{--mx-ri:12px;}.mx-reg{width:14px;height:14px;}
  .mx-ruler{display:block;position:absolute;right:20px;top:33vh;width:7px;height:34vh;transition:opacity .4s;
    background:linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,.18)) 100% 0/1px 100% no-repeat,repeating-linear-gradient(rgba(255,255,255,.32) 0 1px,transparent 1px calc(100%/8));}
  .mx-ruler i{position:absolute;right:-2px;top:-1px;width:11px;height:2px;background:var(--c);box-shadow:0 0 10px var(--c);}
  .mx-menu-open .mx-ruler{opacity:0;}
  .mx-hud-bot{display:flex;position:fixed;left:var(--mx-g);right:calc(var(--mx-g) + 74px);bottom:19px;z-index:65;align-items:center;gap:30px;pointer-events:none;color:var(--tx2);}
  .mx-hud-bot::before{content:'';position:fixed;left:0;right:0;bottom:0;height:112px;z-index:-1;background:linear-gradient(0deg,rgba(4,5,10,.95),rgba(4,5,10,.82) 42%,transparent);}
}
.mx-status{display:flex;gap:18px;color:var(--tx3);}
.mx-status i{display:inline-block;width:5px;height:5px;margin-right:8px;border-radius:50%;background:var(--g);box-shadow:0 0 8px var(--g);animation:mxBlink 2.6s infinite;}
@keyframes mxBlink{50%{opacity:.3;}}
.mx-clock,.mx-cue__n{font-variant-numeric:tabular-nums;}
.mx-sound{display:inline-flex;align-items:center;gap:8px;min-height:32px;pointer-events:auto;color:var(--tx3);font:inherit;letter-spacing:inherit;text-transform:inherit;transition:color .3s;}
.mx-sound[hidden]{display:none;}.mx-sound:hover{color:var(--tx);}.mx-sound[aria-pressed=true]{color:var(--c);}
.mx-eq{display:inline-flex;align-items:flex-end;gap:2px;height:10px;}
.mx-eq i{width:2px;height:100%;background:currentColor;transform:scaleY(.22);transform-origin:50% 100%;}
[aria-pressed=true] .mx-eq i{animation:mxEq .8s ease-in-out infinite alternate;}
[aria-pressed=true] .mx-eq i+i{animation-duration:.55s;}[aria-pressed=true] .mx-eq i+i+i{animation-duration:1s;}[aria-pressed=true] .mx-eq i+i+i+i{animation-duration:.7s;}
@keyframes mxEq{to{transform:none;}}
.mx-cue{display:flex;align-items:center;gap:12px;margin-left:auto;}
.mx-cue__t{transition:opacity .6s;}.mx-scrolled .mx-cue__t{opacity:.4;}
.mx-cue__l{position:relative;width:1px;height:30px;overflow:hidden;background:var(--line-2);}
.mx-cue__l::after{content:'';position:absolute;left:0;top:0;width:1px;height:12px;background:var(--c);animation:mxCue 1.8s var(--mx-io) infinite;}
@keyframes mxCue{from{transform:translateY(-14px);}to{transform:translateY(34px);}}
.mx-cue__n{min-width:3ch;color:var(--tx);}

/* == CURSOR (fine pointer, motion allowed): dot + lerped ring, disc + label on targets == */
.mx-cursor{display:none;}
html.mx-cur .mx-cursor{display:block;}
html.mx-cur,html.mx-cur *{cursor:none!important;}
html.mx-cur :is(input,textarea,select,[contenteditable]){cursor:auto!important;}
.mx-cursor>*{position:fixed;left:0;top:0;z-index:9990;pointer-events:none;will-change:transform;}
.mx-cursor__dot{width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c);transition:opacity .3s,scale .35s var(--mx-e);}
.mx-cursor__ring,.mx-cursor__rip{width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;transition:opacity .3s;}
.mx-cursor__ring::before{content:'';position:absolute;inset:23px;border-radius:50%;border:1px solid rgba(232,242,255,.55);transition:scale .5s var(--mx-e),opacity .3s;}
.mx-cursor__ring b{position:absolute;inset:0;border-radius:50%;background:rgba(0,212,255,.12);border:1px solid rgba(232,242,255,.85);box-shadow:0 0 24px -6px rgba(0,212,255,.6);opacity:0;scale:.45;transition:scale .55s var(--mx-e),opacity .3s;}
.mx-cursor__ring span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9.5px;text-indent:.16em;color:var(--tx);opacity:0;scale:.6;transition:opacity .25s,scale .45s var(--mx-e);}
.mx-cursor:is(.is-link,.is-label) .mx-cursor__ring::before{opacity:0;scale:1.5;}
.mx-cursor.is-link .mx-cursor__ring b{opacity:1;scale:.72;}
.mx-cursor.is-label .mx-cursor__ring :is(b,span){opacity:1;scale:1;}.mx-cursor.is-label .mx-cursor__ring b{background:rgba(4,5,10,.72);}
.mx-cursor:is(.is-link,.is-label) .mx-cursor__dot{scale:.4;}
.mx-cursor.is-down .mx-cursor__ring::before{scale:.78;}.mx-cursor.is-down .mx-cursor__ring b{scale:.6;}
.mx-cursor:is(.is-out,.is-text) :is(.mx-cursor__ring,.mx-cursor__dot){opacity:0;}
.mx-cursor__rip{border:1px solid rgba(0,212,255,.7);opacity:0;}
.mx-cursor__rip.mx-ra{animation:mxRip .65s var(--mx-e);}.mx-cursor__rip.mx-rb{animation:mxRipB .65s var(--mx-e);}
@keyframes mxRip{from{opacity:.9;scale:.25;}to{opacity:0;scale:1.25;}}@keyframes mxRipB{from{opacity:.9;scale:.25;}to{opacity:0;scale:1.25;}}

/* == MENU (#mobile-menu, opened/closed by the page's openMobMenu/closeMobMenu via .open) == */
.mx-menu{position:fixed;inset:0;z-index:9600;display:flex;flex-direction:column;padding:0 var(--mx-g) calc(16px + env(safe-area-inset-bottom,0px));
  overflow:hidden auto;overscroll-behavior:contain;visibility:hidden;pointer-events:none;transition:visibility 0s 1s;}
.mx-menu.open{visibility:visible;pointer-events:auto;transition:none;}
.mx-menu__bg,.mx-menu__glow{position:fixed;pointer-events:none;}
.mx-menu__bg{inset:0;background:var(--bg) linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px) 0 0/calc(100%/6) 100%;transform:translate3d(0,-101%,0);transition:transform .75s var(--mx-io) .22s;}
.mx-menu.open .mx-menu__bg{transform:none;transition:transform .8s var(--mx-io);}
.mx-menu__bg i{position:absolute;left:0;right:0;bottom:0;height:1px;opacity:0;background:var(--mx-beam);}
.mx-menu__bg i::after{content:'';position:absolute;left:8%;right:8%;top:1px;height:80px;background:var(--mx-spill);}
.mx-menu.open .mx-menu__bg i{animation:mxEdgeIn .95s forwards;}.mx-menu:not(.open) .mx-menu__bg i{animation:mxEdgeOut .95s forwards;}
@keyframes mxEdgeIn{0%,15%{opacity:0;}30%{opacity:1;}100%{opacity:0;}}@keyframes mxEdgeOut{0%,25%{opacity:0;}45%{opacity:1;}100%{opacity:0;}}
.mx-menu__glow{left:0;top:0;width:64vmax;height:64vmax;margin:-32vmax 0 0 -32vmax;border-radius:50%;opacity:0;
  background:radial-gradient(closest-side,rgba(0,212,255,.15),rgba(123,47,247,.08) 50%,transparent);transition:opacity .4s;}
.mx-menu.open .mx-menu__glow{opacity:1;will-change:transform;transition:opacity 1.2s .45s;}
@media(hover:none),(pointer:coarse){.mx-menu__glow{transform:translate3d(78vw,16vh,0);}}
.mx-menu__head{position:relative;flex:none;display:flex;align-items:center;justify-content:space-between;height:var(--mx-hh);opacity:0;transition:opacity .25s;}
.mx-menu.open .mx-menu__head{opacity:1;transition:opacity .6s .35s;}
.mx-menu__body{position:relative;flex:1 0 auto;display:flex;align-items:center;gap:6vw;padding:18px 0;}
.mx-menu__links{list-style:none;flex:1;min-width:0;}
.mx-menu__links li{position:relative;}
.mx-menu__links a{position:relative;display:flex;align-items:baseline;gap:12px;padding:5px 0 9px;color:var(--tx);transition:opacity .45s var(--mx-e);}
.mx-menu__i{flex:none;min-width:22px;color:var(--tx3);translate:0 -.8em;transition:color .3s;}
.mx-menu__m{display:block;min-width:0;overflow:hidden;padding:.2em .08em .1em;margin:-.2em -.08em -.1em;transition:translate .7s var(--mx-e);}
.mx-menu__t{display:block;font:800 clamp(24px,7.4vw,56px)/1.04 var(--f-display);letter-spacing:-.035em;transform:translate3d(0,108%,0);transition:transform .42s var(--mx-in) calc((5 - var(--i,0))*.03s);}
.mx-menu.open .mx-menu__t{transform:none;transition:transform 1s var(--mx-e) calc(.3s + var(--i,0)*.065s);}
.mx-wd,.mx-ch{display:inline-block;white-space:nowrap;}
.mx-menu__links li::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line);transform:scaleX(0);transform-origin:0 50%;transition:transform .35s var(--mx-in);}
.mx-menu.open .mx-menu__links li::after{transform:none;transition:transform 1.1s var(--mx-e) calc(.36s + var(--i,0)*.065s);}
.mx-menu__links a::after{content:'';position:absolute;left:0;bottom:-1px;width:26%;height:3px;opacity:0;pointer-events:none;background:radial-gradient(closest-side,#fff,rgba(0,212,255,.7) 40%,transparent);}
.mx-menu.open .mx-menu__links a::after{animation:mxGlint 1.25s var(--mx-io) calc(.4s + var(--i,0)*.065s) backwards;}
@keyframes mxGlint{0%{opacity:0;transform:translate3d(-100%,0,0);}20%{opacity:1;}100%{opacity:0;transform:translate3d(385%,0,0);}}
.mx-menu__foot{position:relative;flex:none;display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding-top:6px;opacity:0;translate:0 14px;transition:opacity .2s,translate .3s;}
.mx-menu.open .mx-menu__foot{opacity:1;translate:0 0;transition:opacity .7s .55s,translate 1s var(--mx-e) .55s;}
.mx-menu__login{display:inline-flex;align-items:center;min-height:52px;padding:0 22px;border-radius:999px;border:1px solid var(--line-2);font-weight:600;font-size:15px;transition:border-color .3s;}
.mx-menu__login:hover{border-color:var(--line-c);}
.mx-menu__cta{flex:1 1 170px;max-width:320px;}
.mx-menu__mail{flex-basis:100%;padding:4px 0;font:400 11px/1.5 var(--f-mono);letter-spacing:.06em;color:var(--tx3);transition:color .3s;}.mx-menu__mail:hover{color:var(--tx);}
@media(max-height:560px){.mx-menu__t{font-size:clamp(26px,6.4vh,40px);}.mx-menu__links a{padding:3px 0 6px;}}
@media(min-width:1024px){.mx-menu__body{padding:3vh 0 3vh 7vw;}.mx-menu__links a{gap:18px;padding:6px 0 11px;}.mx-menu__i{min-width:28px;}
  .mx-menu__t{font-size:clamp(44px,min(5.4vw,8.4vh),96px);}.mx-menu__foot{padding-left:7vw;}.mx-menu__mail{flex-basis:auto;margin-left:auto;}}
@media(hover:hover) and (pointer:fine){.mx-menu__links:hover a{opacity:.3;}.mx-menu__links a:is(:hover,:focus-visible){opacity:1;}
  .mx-menu__links a:is(:hover,:focus-visible) .mx-menu__i{color:var(--c);}.mx-menu__links a:hover .mx-menu__m{translate:12px 0;}}

/* == REVEALS: [data-mx-reveal] = ""|up|fade|lines|chars|focus|rule, [data-mx-decode] == */
[data-mx-reveal]{transition:opacity .9s var(--mx-e) var(--mx-d,0ms),translate 1.1s var(--mx-e) var(--mx-d,0ms),scale 1.3s var(--mx-e) var(--mx-d,0ms),filter 1.1s var(--mx-e) var(--mx-d,0ms);}
html.js:not(.rm) :is([data-mx-reveal]:not(.mx-split):not([data-mx-reveal=rule]),[data-mx-decode]):not(.mx-in){opacity:0;}
html.js:not(.rm) :is([data-mx-reveal=""],[data-mx-reveal=up]):not(.mx-in){translate:0 28px;}
html.js:not(.rm) [data-mx-reveal=focus]:not(.mx-in){scale:1.05;filter:blur(10px);}
html.js:not(.rm) [data-mx-reveal=rule]:not(.mx-in){scale:0 1;}
[data-mx-reveal=rule]{transform-origin:0 50%;}
[data-mx-decode].mx-in{transition:opacity .2s;}[data-mx-reveal].mx-done{transition:none;}
.mx-w{display:inline-block;vertical-align:top;overflow:hidden;padding:0 .05em .16em;margin:0 -.05em -.16em;}
.mx-wi{display:inline-block;transition:translate 1.05s var(--mx-e),opacity .9s var(--mx-e),filter 1s var(--mx-e);transition-delay:calc(var(--mx-d,0ms) + var(--mx-li,0)*90ms);}
.mx-chars .mx-wi{transition-delay:calc(var(--mx-d,0ms) + var(--mx-li,0)*32ms);}
.mx-split:not(.mx-in) .mx-wi{translate:0 106%;opacity:0;}
@media(max-width:1023px){html.js:not(.rm) [data-mx-reveal=focus]:not(.mx-in){filter:blur(5px);}html.js:not(.rm) :is([data-mx-reveal=""],[data-mx-reveal=up]):not(.mx-in){translate:0 18px;}}
@media(min-width:1024px){.mx-split:not(.mx-in) .mx-wi{filter:blur(7px);}}
html.js:not(.rm):not(.mx-on) :is([data-mx-reveal],[data-mx-decode],[data-mx-tab],.mx-hud-top .mx-brand,.mx-brand__word){animation:mxSafe .01s 2.6s forwards;}
@keyframes mxSafe{to{opacity:1;translate:none;scale:none;filter:none;}}

/* == SECTION SWEEP: [data-mx-sweep] - a light line crosses the chapter as it enters == */
.mx-sweep{position:absolute;left:0;right:0;top:0;height:1px;z-index:3;pointer-events:none;animation:mxSwO 1.9s linear forwards;}
.mx-sweep::before{content:'';position:absolute;inset:0;transform-origin:0 50%;background:var(--mx-beam);animation:mxSwL 1.25s var(--mx-e) forwards;}
.mx-sweep::after{content:'';position:absolute;left:0;right:0;top:0;height:140px;opacity:0;background:linear-gradient(rgba(0,212,255,.075),transparent);animation:mxSwS 1.7s var(--mx-e) forwards;}
.mx-sweep i{position:absolute;left:0;top:-2px;width:24%;height:5px;background:radial-gradient(closest-side,#fff,rgba(0,212,255,.65) 45%,transparent);animation:mxSwG 1.15s var(--mx-io) forwards;}
@keyframes mxSwO{0%{opacity:0;}6%,62%{opacity:1;}100%{opacity:0;}}
@keyframes mxSwL{from{transform:scaleX(0);}}
@keyframes mxSwS{30%{opacity:1;}100%{opacity:0;transform:translate3d(0,50px,0);}}
@keyframes mxSwG{from{transform:translate3d(-100%,0,0);}to{transform:translate3d(420%,0,0);}}

/* == SPINE TABS: [data-mx-tab=left|right|center] slide out from the spine side; socket pulse == */
[data-mx-tab]{--mx-tx:0px;--mx-ty:0px;--mx-dir:1;transition:opacity .85s var(--mx-e) var(--mx-d,0ms),translate 1.15s var(--mx-e) var(--mx-d,0ms);}
[data-mx-tab=left]{--mx-tx:46px;--mx-dir:-1;}[data-mx-tab=right]{--mx-tx:-46px;}[data-mx-tab=center]{--mx-ty:28px;}
@media(max-width:1023px){[data-mx-tab]{--mx-tx:0px;--mx-ty:22px;}}
html.js:not(.rm) [data-mx-tab]:not(.mx-in){opacity:0;translate:var(--mx-tx) var(--mx-ty);}
.mx-sock{position:absolute;top:var(--mx-sy,50%);left:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;z-index:4;pointer-events:none;border-radius:50%;
  background:var(--c);box-shadow:0 0 12px var(--c),0 0 2px #fff;opacity:0;scale:.2;transition:opacity .3s,scale .7s var(--mx-e);}
[data-mx-tab=left]>.mx-sock{left:100%;}[data-mx-tab=right]>.mx-sock{left:0;}[data-mx-tab=center]>.mx-sock{top:0;}
@media(max-width:1023px){[data-mx-tab]>.mx-sock{left:50%;top:0;}}
.mx-in>.mx-sock{opacity:1;scale:1;}
.mx-ring{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:1px solid rgba(0,212,255,.85);opacity:0;pointer-events:none;}
.mx-ring.mx-ra{animation:mxPulse 1.25s var(--mx-e) 2;}.mx-ring.mx-rb{animation:mxPulseB 1.25s var(--mx-e) 2;}
@keyframes mxPulse{from{opacity:1;scale:.3;}to{opacity:0;scale:2.1;}}@keyframes mxPulseB{from{opacity:1;scale:.3;}to{opacity:0;scale:2.1;}}
.mx-tsw{position:absolute;inset:0;z-index:3;overflow:hidden;border-radius:inherit;pointer-events:none;}
.mx-tsw::before{content:'';position:absolute;top:0;bottom:0;left:0;width:46%;opacity:0;background:linear-gradient(90deg,transparent,rgba(0,212,255,.1) 38%,rgba(232,242,255,.17) 50%,rgba(123,47,247,.09) 62%,transparent);}
[data-mx-tab=left]>.mx-tsw::before{left:auto;right:0;}
.mx-in>.mx-tsw::before{animation:mxTsw 1.2s var(--mx-io) calc(var(--mx-d,0ms) + .18s) forwards;}
@keyframes mxTsw{15%{opacity:1;}100%{opacity:0;transform:translate3d(calc(var(--mx-dir)*240%),0,0);}}

/* == TILT specular, DOCK (desktop scrubbed inline by JS; mobile = fade + scale) == */
.mx-spec{position:absolute;inset:0;z-index:3;overflow:hidden;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .5s;}
.mx-spec i{position:absolute;left:0;top:0;width:150%;aspect-ratio:1;margin:-75% 0 0 -75%;background:radial-gradient(closest-side,rgba(255,255,255,.14),rgba(0,212,255,.06) 45%,transparent 72%);}
.mx-tilting>.mx-spec{opacity:1;}.mx-tilting,.mx-tilting>.mx-spec i{will-change:transform;}
:where([data-mx-dock]){display:inline-block;}
@media(max-width:1023px){html.mx-dock [data-mx-dock]{transition:opacity .5s var(--mx-e),scale .8s var(--mx-e);transform-origin:50% 0;}html.mx-docked [data-mx-dock]{opacity:0;scale:.9;}}

@media(prefers-reduced-motion:reduce){.mx-pre,.mx-cursor,.mx-sweep,.mx-tsw{display:none!important;}
  .mx-status i,.mx-cue__l::after,.mx-eq i{animation:none!important;}.mx-menu,.mx-menu *{transition-duration:.01s!important;transition-delay:0s!important;animation:none!important;}}
@media print{.mx-pre,.mx-cursor,.mx-frame,.mx-hud-bot,.mx-menu{display:none!important;}}