@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--ink:#050818;--cream:#fff8ea;--blue:#72dbff;--yellow:#ffd345;--pink:#fa8bdb}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--cream);font-family:'Space Grotesk',sans-serif;font-size:16px;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}button{border:0}a{color:inherit}button:disabled{cursor:default}#stars{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;opacity:.6}.scene{position:absolute;inset:0;isolation:isolate;overflow:hidden}.scene[hidden],nav[hidden]{display:none}.hud{position:fixed;left:28px;right:28px;top:22px;z-index:20;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.hud button{pointer-events:auto}.home-mark{background:transparent;padding:0;width:160px}.home-mark img{width:100%;mix-blend-mode:screen}.hud-right{display:flex;gap:10px;align-items:center}.hud-right button,.back,footer button{border:1px solid #ffffff35;border-radius:30px;padding:12px 18px;background:#090c20d9;backdrop-filter:blur(12px);font-size:14px}#menuToggle{background:var(--cream);color:#111729;font-weight:700}#menuToggle span{margin-left:18px}body[data-scene=galaxy] .home-mark{visibility:hidden}#quickNav{position:fixed;right:28px;top:80px;background:#10142af5;border:1px solid #ffffff38;box-shadow:0 20px 80px #0008;border-radius:18px;padding:12px;width:245px;z-index:30}#quickNav button{display:block;width:100%;text-align:left;background:transparent;padding:13px;border-radius:9px}#quickNav button:hover{background:#ffffff15;color:var(--yellow)}.galaxy-art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform-origin:50% 48%;animation:galaxy-drift 80s linear infinite alternate}.galaxy-art img{height:100%;width:100%;object-fit:contain;mask-image:radial-gradient(ellipse 68% 66% at center,#000 45%,transparent 95%)}.hanging-sign{position:absolute;left:50%;top:7%;width:min(390px,42vw);transform:translateX(-50%);transform-origin:50% -100px;animation:sway 8s ease-in-out infinite alternate}.hanging-sign img{width:100%;display:block;mix-blend-mode:screen}.hanging-sign i{position:absolute;width:2px;height:30vh;bottom:83%;background:linear-gradient(#ffffff10,#d5c1e4);z-index:-1}.hanging-sign i:first-child{left:18%}.hanging-sign i:nth-child(2){right:18%}.portal{position:absolute;left:50%;top:44%;width:110px;height:110px;border-radius:50%;transform:translate(-50%,-50%);background:transparent}.portal-ring{position:absolute;inset:12px;border:1px solid #ffffff8a;border-radius:50%;box-shadow:0 0 45px #94dfff,inset 0 0 20px #fff6;animation:pulse 3s ease-in-out infinite}.portal:hover .portal-ring{box-shadow:0 0 90px white;border:3px solid white}.portal-label{position:absolute;left:50%;top:115%;white-space:nowrap;transform:translateX(-50%);font-size:13px;letter-spacing:.16em;font-weight:700;background:#04091be0;border:1px solid #ffffff45;border-radius:25px;padding:10px 17px}.entry-note{position:absolute;bottom:6%;left:20px;right:20px;text-align:center;text-shadow:0 2px 10px #000}.entry-note p{font-size:19px;letter-spacing:.04em;margin:0 0 10px}.entry-note span{font-size:13px;color:#c0c5de}.map-stage{position:absolute;width:min(100vw,150vh);aspect-ratio:3/2;left:50%;top:50%;transform:translate(-50%,-50%);will-change:transform}.map-art{width:100%;height:100%;object-fit:contain;display:block}.island{position:absolute;background:transparent;border:1px solid transparent;border-radius:45%;transition:filter .3s,background .3s}.island:hover,.island:focus-visible{background:radial-gradient(ellipse,#ffffff0b,transparent 65%);filter:drop-shadow(0 0 18px #fff)}.island span{position:absolute;top:80%;left:50%;transform:translateX(-50%) rotate(-3deg);background:var(--cream);color:#16182c;border:3px solid #16182c;box-shadow:4px 5px 0 #0009;padding:9px 20px;white-space:nowrap;font-family:'Barlow Condensed',sans-serif;font-size:clamp(20px,2.4vw,34px);font-weight:800;line-height:1}.island small{display:block;font-family:'Space Grotesk',sans-serif;font-size:10px;letter-spacing:.12em;font-weight:700;margin-bottom:6px}.music-island{left:5%;top:3%;width:29%;height:40%}.music-island span{background:#89ecb0}.media-island{left:66%;top:1%;width:26%;height:37%}.media-island span{background:#9dc7ff}.events-island{left:3%;top:57%;width:33%;height:39%}.events-island span{background:#ffc1ea}.toys-island{left:67%;top:53%;width:29%;height:43%}.toys-island span{background:#ffdb70}.about-island{left:90%;top:6%;width:9%;height:16%}.about-island span{font-size:19px;padding:7px 12px;top:100%}.map-caption{position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.map-caption h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(28px,3.5vw,52px);margin:0;text-shadow:3px 3px #06051a}.map-caption p{font-size:13px;color:#d1d1e8;max-width:190px;line-height:1.5;margin:6px auto}.world-background{position:fixed;inset:0;background-image:url('assets/studio.webp');background-size:cover;background-position:center;z-index:-3;animation:breathe 25s ease-in-out infinite alternate}.world-shade{position:fixed;inset:0;background:linear-gradient(90deg,#050818c9,#05081855),linear-gradient(0deg,#050818 0%,transparent 100%);z-index:-2}.destination{overflow-y:auto;overscroll-behavior:contain}.world-content{max-width:1180px;margin:0 auto;padding:118px 40px 25px}.back{margin-bottom:38px}.world-heading{max-width:770px;margin-bottom:36px}.eyebrow{color:var(--yellow);font-size:13px;letter-spacing:.17em;font-weight:700}.world-heading h1{font-family:'Barlow Condensed',sans-serif;font-size:clamp(58px,8vw,110px);line-height:.95;text-transform:uppercase;margin:14px 0 20px;font-weight:900;text-shadow:5px 6px #0a082c}.world-heading>p:last-child{max-width:550px;color:#deddf0;line-height:1.7}.links{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 32px}.links a,.action-link{display:inline-flex;align-items:center;text-decoration:none;padding:13px 19px;border:1px solid #ffffff50;border-radius:6px;background:#10142ac9;font-weight:600;font-size:14px;transition:background .2s,transform .2s}.links a:hover,.action-link:hover{background:var(--yellow);color:#121528;transform:translateY(-3px)}.featured{display:grid;grid-template-columns:1fr 1fr;gap:26px;background:#11142bd9;border:1px solid #ffffff33;padding:22px;box-shadow:9px 9px 0 #0005;margin-bottom:38px}.featured video{width:100%;max-height:420px;object-fit:cover;background:#000}.featured h2{font:800 46px/.95 'Barlow Condensed',sans-serif;margin:16px 0}.featured p{color:#c9c9df;line-height:1.7}.featured .feature-art{width:100%;height:100%;object-fit:cover;max-height:400px}.section-title{font:800 35px 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:38px 0 16px}.track-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.track{background:#10142adb;padding:20px;border:1px solid #ffffff26;display:flex;flex-direction:column;min-height:140px}.track h3{font-size:18px;margin:8px 0 14px}.track .type{font-size:12px;color:var(--blue);text-transform:uppercase;letter-spacing:.08em}.track a{font-size:14px;margin-top:auto;color:#ffdc78;text-underline-offset:4px}.embed{width:100%;border:0;border-radius:8px;height:352px;margin-top:20px}.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.social-grid a{display:flex;flex-direction:column;gap:18px;text-decoration:none;background:#14182be8;border:1px solid #ffffff38;padding:26px;transition:transform .2s}.social-grid a:hover{transform:translateY(-5px);border-color:var(--blue)}.social-grid strong{font:700 30px 'Barlow Condensed',sans-serif}.social-grid span{font-size:14px;color:#c9c9df}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery figure{margin:0;align-self:start}.gallery img{width:100%;aspect-ratio:1;object-fit:cover;border:5px solid #e7dfef;box-shadow:6px 6px #0007}.gallery figcaption{font-size:14px;margin:12px 0 25px}.about-layout{display:grid;grid-template-columns:230px 1fr;gap:40px;align-items:center;max-width:850px}.about-layout .avatar{height:390px;max-width:100%;object-fit:contain;animation:float 6s ease-in-out infinite}.about-copy{padding:30px;background:#11142bd9;border:1px solid #ffffff32;line-height:1.85}.about-copy p:first-child{margin-top:0}.toy-message{background:#13172edf;max-width:620px;border:2px solid #ffda74;padding:30px;box-shadow:8px 8px 0 #ffda7433}.toy-message h2{font:800 40px 'Barlow Condensed',sans-serif;margin:0 0 15px}.toy-message p{line-height:1.8;color:#deddeb}.event-list{display:grid;gap:16px}.event-row{padding:25px;background:#12152adf;border:1px solid #ffffff38;display:flex;align-items:center;justify-content:space-between;gap:24px}.event-row h3{font-size:23px;margin:7px 0}.event-row small{color:var(--pink);font-size:13px}.event-row p{margin:8px 0 0;color:#cdcee3}footer{border-top:1px solid #ffffff25;margin-top:70px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}footer span{font-size:12px;letter-spacing:.12em;color:#afb0c9}#warp{position:fixed;inset:0;z-index:40;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,#fff 0%,#b1e8ff 5%,#9373fa55 28%,#050818 75%);transform:scale(.03);border-radius:50%}#warp.travel{animation:warp 1.25s ease-in-out forwards}#warp div{position:absolute;inset:-50%;background:repeating-conic-gradient(from 0deg,transparent 0deg 8deg,#ffffff48 8.1deg 8.3deg,transparent 8.5deg 18deg);mask-image:radial-gradient(transparent 5%,#000 50%,transparent 75%);animation:spin 20s linear infinite}.departing{animation:depart .7s ease-in forwards}.arriving{animation:arrive 1s ease-out forwards}#cursor{position:fixed;width:56px;height:56px;object-fit:contain;z-index:100;pointer-events:none;display:none;filter:drop-shadow(0 3px 5px #090718);transform:translate(-16px,-10px)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}body.paused *,body.paused *:before{animation-play-state:paused!important}body.paused #warp.travel{animation:none!important;opacity:0}body.paused .departing,body.paused .arriving{animation:none!important}@media(pointer:fine){body.custom-cursor,body.custom-cursor button,body.custom-cursor a{cursor:none}body.custom-cursor #cursor{display:block}}@keyframes galaxy-drift{from{transform:rotate(-3deg) scale(.96)}to{transform:rotate(5deg) scale(1.03)}}@keyframes sway{from{transform:translateX(-50%) rotate(-2deg)}to{transform:translateX(-50%) rotate(2deg)}}@keyframes pulse{50%{transform:scale(1.18);opacity:.65}}@keyframes float{50%{transform:translateY(-12px)}}@keyframes breathe{to{transform:scale(1.04)}}@keyframes warp{0%{opacity:0;transform:scale(.03)}40%{opacity:1;transform:scale(1.7)}60%{opacity:1;transform:scale(1.7)}100%{opacity:0;transform:scale(3)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes depart{to{transform:scale(5);opacity:0;filter:blur(8px)}}@keyframes arrive{from{transform:scale(.65);opacity:0;filter:blur(9px)}to{transform:scale(1);opacity:1;filter:blur(0)}}
@media(max-width:700px){.hud{top:16px;left:16px;right:16px}.home-mark{width:110px}.hud-right button{padding:10px 12px;font-size:12px}#quickNav{right:16px}.galaxy-art{inset:5% -27%}.hanging-sign{width:70vw;top:14%}.portal{top:47%;width:90px;height:90px}.entry-note{bottom:13%}.entry-note p{font-size:17px}.map-stage{width:135vw;top:49%}.map-caption{top:50%;width:170px}.map-caption h1{font-size:28px}.map-caption p{font-size:12px;max-width:130px}.island span{font-size:22px;padding:8px 12px;border-width:2px}.island small{display:none}.music-island{left:11%;width:30%}.media-island{left:61%;width:27%}.about-island{left:82%;top:6%;width:8%}.about-island span{font-size:16px;padding:6px}.events-island{left:12%;width:30%}.toys-island{left:62%;width:27%}.toys-island span{font-size:20px}.world-content{padding:100px 20px 24px}.world-heading h1{font-size:60px}.back{margin-bottom:22px}.featured{grid-template-columns:1fr;padding:15px}.track-grid,.social-grid{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.about-layout{grid-template-columns:1fr;gap:10px}.about-layout .avatar{height:230px;margin:auto}.about-copy{padding:23px}.event-row{align-items:start;flex-direction:column}.world-background{background-position:center}.entry-note span{font-size:12px}footer{align-items:start;flex-direction:column}.social-grid a{padding:18px}.social-grid strong{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before{animation:none!important;scroll-behavior:auto!important}.departing,.arriving{animation:none!important}}