/* MGZ / restrained depth, editorial motion, original artwork. */
.site-wheel-app>img{width:38px;height:38px;object-fit:contain;transition:transform .3s}.site-wheel-app:hover>img{transform:scale(1.12)}
.motion-reduced :is(.mark-stage,.ecosystem-grid>article,.service-grid>article){transform:none!important}
.drawer-apps nav a{position:relative;overflow:hidden}
.drawer-apps nav a img{width:34px;height:34px;object-fit:contain;margin-bottom:4px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.drawer-apps nav a strong{font-size:16px;letter-spacing:.02em}
.drawer-apps nav a:focus-visible{outline-offset:-3px}
.drawer-visible .drawer-apps nav a{animation:drawer-item .48s cubic-bezier(.22,1,.36,1) var(--item-delay,0ms) both}
@keyframes drawer-item{from{opacity:0;translate:-14px 0}to{opacity:1;translate:0 0}}
.drawer-apps nav a:hover img,.drawer-apps nav a:focus-visible img{transform:translateY(-2px) scale(1.08)}
.drawer-apps nav a:active{scale:.975}.drawer-pages a{position:relative;border-radius:9px;transition:background .2s,color .2s,translate .25s}.drawer-pages a:hover,.drawer-pages a:focus-visible{background:#281f32;color:#e2c9ff;translate:3px 0}
.drawer-preference{cursor:pointer}.drawer-preference input{flex-shrink:0}
.button:active,.map-controls button:active,.record-controls button:active,.record-selectors button:active{scale:.97}
.apps-details>summary{transition:background .3s,border-color .3s;padding:18px!important;border-radius:14px!important;background:linear-gradient(110deg,#19131e,#0d0b10)}
.apps-details>summary:hover,.apps-details>summary:focus-visible{border-color:#9873bb;background:#24182f}
.apps-details[open]>.ecosystem-grid{animation:mgz-unfold .55s cubic-bezier(.22,1,.36,1)}
@keyframes mgz-unfold{from{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}
.service-grid>article,.ecosystem-grid>article,.mark-stage{position:relative;isolation:isolate}
.service-grid>article:after,.ecosystem-grid>article:after,.mark-stage:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(240px circle at var(--light-x,50%) var(--light-y,50%),#b089e016,transparent 75%);opacity:0;transition:opacity .3s}
.service-grid>article:hover:after,.ecosystem-grid>article:hover:after,.mark-stage:hover:after{opacity:1}
.partner-list>a,.z-home-options>a{transition:background .25s,translate .25s,border-color .25s}
.partner-list>a:hover,.z-home-options>a:hover{translate:4px 0;border-color:#977cae}
.hero .hero-lockup.reveal-ready.reveal-pending{clip-path:inset(0 0 100% 0)}
@media(hover:hover) and (pointer:fine){.mark-stage,.ecosystem-grid>article:not(.reveal-pending),.service-grid>article:not(.reveal-pending){transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .25s,border-color .25s,background .25s}.site-wheel-app:hover{border-color:#c1a3ea}}
@media(prefers-reduced-motion:reduce){.drawer-visible .drawer-apps nav a,.apps-details[open]>.ecosystem-grid{animation:none}.partner-list>a:hover,.z-home-options>a:hover,.drawer-pages a:hover{translate:none}.hero .hero-lockup.reveal-ready.reveal-pending{clip-path:none}}
.motion-reduced .hero .hero-lockup.reveal-ready.reveal-pending{clip-path:none}
.nav .drawer-trigger{border:0;background:transparent;color:inherit;cursor:pointer;padding:4px;flex-shrink:0}
.nav .drawer-trigger img{width:48px!important;height:48px!important;max-width:none;border-radius:10px!important}
.drawer-trigger:after{content:'+';font-size:20px;color:#b393ff;font-weight:400;transition:transform .4s}.drawer-trigger:hover:after{transform:rotate(90deg)}
.drawer-open{overflow:hidden}.mgz-drawer{position:fixed;inset:0 auto 0 0;margin:0;padding:0;width:min(440px,92vw);height:100dvh;max-height:100dvh;max-width:100vw;border:0;border-right:1px solid #554661;background:#0f0d12;color:#eee;overflow:auto;transform:translateX(-100%);transition:transform .36s cubic-bezier(.22,1,.36,1);box-shadow:24px 0 100px #0006}
.mgz-drawer.drawer-visible{transform:none}.mgz-drawer::backdrop{background:#030207ad;backdrop-filter:blur(8px)}
.drawer-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:22px;background:#100d14f5;border-bottom:1px solid #332b3b}.drawer-head h2{font-size:19px;margin:0;font-weight:500}
.drawer-head button,.record-controls button,.map-controls button{font:inherit;color:inherit;border:1px solid #44384d;background:#19151e;border-radius:999px;padding:12px 18px;min-height:44px;cursor:pointer;font-size:14px}
.drawer-body{padding:24px;padding-bottom:max(24px,env(safe-area-inset-bottom))}.drawer-apps>p{font-size:12px;letter-spacing:.16em;color:#a49aaa}.drawer-apps>a{display:block;padding:18px;border-radius:12px;font-size:16px}.drawer-apps nav{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}.drawer-apps nav a{padding:18px 14px;background:#18141e;border:1px solid #302737;border-radius:12px;display:flex;flex-direction:column;gap:8px}.drawer-apps nav span{font-size:14px;color:#b1a8bc;line-height:1.5}.drawer-apps nav a:hover{background:#292032;border-color:#a280c8}.drawer-pages{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #332b3b;padding:16px 0}.drawer-pages a{padding:13px 8px;font-size:14px}.drawer-preference{display:flex;gap:12px;align-items:center;padding:18px 0;border-top:1px solid #332b3b;font-size:14px}.drawer-preference input{width:20px;height:20px;accent-color:#9665e8}
.hero{isolation:isolate;overflow:hidden;min-height:min(860px,calc(100svh - 84px));background:radial-gradient(ellipse at 80% 25%,#3d245527,transparent 60%)}
.hero:after{content:'';position:absolute;inset:auto 4vw 0;height:1px;background:linear-gradient(90deg,transparent,#9d82bd,transparent);opacity:.6}
.hero-lockup{width:min(1050px,91vw);margin:40px 0}.hero-lockup img:first-child{width:min(900px,75vw);max-width:calc(100% - 112px)}.hero-lockup img:last-child{width:96px;height:96px}.hero .lead{max-width:760px}
.hero .hero-lockup.reveal-pending{transform:translate3d(0,55px,0) scale(.94);clip-path:inset(0 0 100% 0)}.hero .hero-lockup.reveal-ready{transition:opacity 1.1s ease,transform 1.4s cubic-bezier(.16,1,.3,1),clip-path 1.2s cubic-bezier(.16,1,.3,1);clip-path:inset(0)}
.manifesto .motion-item.reveal-pending{transform:translate3d(-44px,0,0)}
.site-wheel.motion-item.reveal-pending{transform:scale(.86) rotate(-12deg)}
.mark-grid .motion-item.reveal-pending{transform:perspective(1000px) rotateY(12deg) translateY(35px)}
.service-grid .motion-item.reveal-pending{transform:translate3d(0,60px,0) scale(.96)}
.music .motion-item.reveal-pending{transform:translate3d(48px,0,0)}
.network-map.motion-item.reveal-pending{transform:scale(.94)}
.contact .motion-item.reveal-pending{transform:translate3d(0,35px,0) scale(.97)}
.release-rail{padding-top:64px!important;padding-bottom:64px!important;overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#32203e40,transparent 65%)}
.release-scroll.record-orbit{display:block;position:relative;perspective:1200px;height:390px;overflow:visible;padding:0;touch-action:pan-y;scroll-snap-type:none;margin:36px 0 12px}
.release-scroll.record-orbit>a{position:absolute;left:50%;top:20px;width:clamp(185px,26vw,290px);margin-left:calc(clamp(185px,26vw,290px) / -2);display:grid;gap:10px;transform:translateX(calc(var(--offset) * clamp(105px,18vw,220px))) translateZ(calc(var(--distance) * -145px)) rotateY(calc(var(--offset) * -19deg));opacity:calc(1 - var(--distance) * .24);transition:transform .75s cubic-bezier(.22,1,.36,1),opacity .6s;transform-origin:center center}
.record-orbit .album-art{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;box-shadow:0 25px 50px #0009;border:1px solid #ffffff25}
.release-scroll.record-orbit b{font-size:17px;text-align:center}.release-scroll.record-orbit small{font-size:14px;text-align:center;color:#b4a9bf}.record-orbit>a:not(.record-active) b,.record-orbit>a:not(.record-active) small{visibility:hidden}
.record-controls{display:flex;justify-content:center;align-items:center;gap:20px}.record-controls p{min-width:200px;max-width:380px;font-size:14px;text-align:center;color:#b8acbf}.record-controls button:hover{border-color:#ab88d3;background:#2b2036}
.record-selectors{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:24px}.record-selectors button{background:transparent;border:1px solid transparent;color:#a396ae;font:inherit;font-size:14px;padding:12px;min-height:44px;cursor:pointer;border-radius:999px}.record-selectors button[aria-pressed=true]{border-color:#59446d;color:#efe4ff;background:#261b32}
.network-map{display:flex;flex-direction:column;border-radius:16px;overflow:hidden}.network-map iframe{flex:1;min-height:410px;filter:grayscale(.6) invert(.9) contrast(.9)}.map-controls{display:flex;flex-wrap:wrap;gap:6px;padding:12px;background:#15111a}.map-controls button{padding:9px 13px}.map-controls button[aria-pressed=true]{background:#43304f;border-color:#ae84d4}.network-map .map-legend{position:static;font-size:12px;line-height:1.5;padding:16px;gap:12px}
@media(max-width:600px){.nav .drawer-trigger{margin-right:auto}.nav .drawer-trigger>span{display:none}.nav .hub-link{display:block;font-size:14px}.nav .hub-link:before{content:none}.hero{min-height:calc(88svh - 72px);padding-top:54px;padding-bottom:54px}.hero-lockup{margin:32px 0}.hero-lockup img:first-child{max-width:calc(100% - 64px)}.hero-lockup img:last-child{width:52px;height:52px}.release-scroll.record-orbit{height:310px}.record-controls{gap:8px;flex-wrap:wrap}.record-controls p{order:-1;width:100%;margin:0 0 8px}.record-controls button{min-width:128px}.record-selectors{gap:2px}.record-selectors button{font-size:13px;padding:10px}.drawer-body{padding:20px}.network-map iframe{min-height:350px}}
.motion-reduced *, .motion-reduced *:before,.motion-reduced *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-reduced .motion-item.reveal-pending{opacity:1;transform:none;clip-path:none}
@media(prefers-reduced-motion:reduce){.motion-item.reveal-pending,.hero .hero-lockup.reveal-pending{opacity:1;transform:none;clip-path:none}.mgz-drawer,.record-orbit>a{transition:none!important}}
@media print{.mgz-drawer,.record-controls,.record-selectors,.map-controls{display:none}.release-scroll.record-orbit{display:grid;height:auto;grid-template-columns:repeat(3,1fr)}.release-scroll.record-orbit>a{position:static;transform:none;opacity:1;margin:0;width:auto}.record-orbit>a:not(.record-active) b,.record-orbit>a:not(.record-active) small{visibility:visible}}
