@font-face{font-family:Montserrat;src:url('./assets/montserrat.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Chakra;src:url('./assets/chakra-600.woff2') format('woff2');font-weight:600;font-display:swap}
:root{color-scheme:dark;--canvas:#101114;--text:#f5f5f5;--muted:#8d9097;--line:#ffffff1a;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Montserrat,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}img{display:block;max-width:100%;height:auto}button[hidden]{display:none}::selection{background:#52b8ff;color:#101114}
.page{max-width:1728px;min-height:100svh;margin:auto;padding:0 48px;display:flex;flex-direction:column}.header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:850;font-size:26px;letter-spacing:-1.1px}.brand img{width:160px;height:auto;object-fit:contain}.brand-dot{color:#c4c6cc}.motion{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid #ffffff20;padding:10px 13px;color:#a9abb1;cursor:pointer;border-radius:3px;font-size:11px;font-weight:600;transition:color 180ms,border-color 180ms}.motion:hover{color:white;border-color:#ffffff50}.motion svg{width:16px;height:16px;stroke-width:1.5}.motion-play{display:none}.motion[aria-pressed=false] .motion-pause{display:none}.motion[aria-pressed=false] .motion-play{display:block}
main{flex:1;padding-top:53px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:36px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 13px;color:#a0a2a8}h1{font-size:clamp(36px,3.8vw,63px);line-height:1.05;font-weight:650;letter-spacing:-2.8px;margin:0;text-wrap:balance}.intro-note{margin:0 2px 2px 0;font-size:12px;line-height:1.8;color:var(--muted);text-align:right;font-weight:500}
.destinations{display:grid;grid-template-columns:1fr 1fr;gap:20px}.destination{--accent:#52b8ff;--panel:#191b20;--px:0;--py:0;isolation:isolate;position:relative;display:flex;flex-direction:column;min-width:0;min-height:510px;overflow:hidden;border:1px solid #ffffff13;border-radius:5px;background:var(--panel);transition:border-color 300ms,background 500ms;animation:panel-enter 950ms var(--ease) both}.pokemon{--accent:#8bd0ff;--panel:#171e28;animation-delay:120ms}.destination::before{content:'';position:absolute;inset:0;z-index:-1;opacity:.65;background:radial-gradient(ellipse at 48% 38%,#3788ba26,transparent 66%);transition:opacity 650ms}.pokemon::before{background:radial-gradient(ellipse at 57% 35%,#52b8ff23,transparent 67%)}.destination:hover,.destination:focus-visible{border-color:color-mix(in srgb,var(--accent),transparent 38%)}.destination:hover::before,.destination:focus-visible::before{opacity:1}.panel-top{position:relative;z-index:2;display:flex;align-items:center;gap:14px;padding:25px 28px 0}.site-number{color:var(--accent);font:600 13px Chakra,Montserrat,sans-serif}.site-category{color:#b2b3b7;font-size:9px;font-weight:650;letter-spacing:1.7px}.panel-top>svg{width:21px;height:21px;margin-left:auto;stroke-width:1.4;color:#a6a5aa;transition:transform 500ms var(--ease),color 250ms}.destination:hover .panel-top>svg{transform:translate(3px,-3px);color:var(--accent)}
.art-stage{position:relative;flex:1;min-height:300px;perspective:900px}.art-depth{position:absolute;inset:0;transform:translate3d(calc(var(--px)*12px),calc(var(--py)*8px),0) rotateX(calc(var(--py)*-3deg)) rotateY(calc(var(--px)*4deg));transform-style:preserve-3d}.floating{position:absolute;animation:float 7s ease-in-out infinite;will-change:transform}.floating img{width:100%;height:auto;user-select:none;filter:drop-shadow(0 20px 18px #0005)}.case-front{--rotation:-5deg;left:16%;top:-11%;width:70%;animation-duration:8s;z-index:2}.case-back{--rotation:9deg;left:-1%;top:9%;width:43%;animation-delay:-3s;opacity:.85;z-index:1}.case-back img{filter:drop-shadow(0 14px 16px #0005) brightness(.8)}.slab-back{--rotation:-6deg;left:-4%;top:-11%;width:85%;animation-duration:8.4s;animation-delay:-3s}.slab-front{--rotation:12deg;left:48%;top:3%;width:28%;animation-duration:7.2s;z-index:2}.slab-front img{filter:drop-shadow(0 18px 20px #0008)}.great-ball{--rotation:-14deg;left:14%;top:54%;width:23%;animation-duration:6.8s;animation-delay:-1.5s;z-index:3}.stage-word{position:absolute;left:50%;top:39%;transform:translate(-50%,-50%);font-size:clamp(75px,8.5vw,145px);line-height:1;font-weight:850;letter-spacing:-6px;color:#ffffff03;-webkit-text-stroke:1px #ffffff0b;white-space:nowrap}.floor-light{position:absolute;bottom:1%;left:20%;width:62%;height:28px;border-radius:50%;background:#52b8ff;filter:blur(35px);opacity:.1;z-index:-1}.pokemon .floor-light{background:#8bd0ff}.stage-line{position:absolute;inset:auto 8% 0;height:1px;background:linear-gradient(90deg,transparent,#ffffff0d,transparent)}
.panel-bottom{position:relative;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:15px;padding:25px 30px 30px;background:linear-gradient(transparent,var(--panel) 42%)}h2{font-size:clamp(26px,2.75vw,44px);line-height:1.05;margin:0;letter-spacing:-1.7px;font-weight:700;text-wrap:balance}.site-subtitle{display:block;color:var(--accent);font:600 11px/1 Chakra,Montserrat,sans-serif;letter-spacing:2.2px;text-transform:uppercase;margin-top:11px}.site-copy>p{font-size:11px;line-height:1.6;color:#92949b;margin:17px 0 0;font-weight:500}.enter{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 15px;background:#ffffff08;border:1px solid #ffffff1b;border-radius:2px;color:var(--accent);font-size:10px;font-weight:700;transition:background 300ms,color 300ms,border-color 300ms}.enter svg{width:17px;height:17px;stroke-width:1.5;transition:transform 450ms var(--ease)}.destination:hover .enter,.destination:focus-visible .enter{background:var(--accent);border-color:var(--accent);color:#151519}.destination:hover .enter svg{transform:translateX(3px)}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:92px;font-size:9px;font-weight:600;letter-spacing:1px;color:#8d9097}.footer p{font-size:10px;font-weight:500;letter-spacing:0;margin:0;color:#888a91}.footer-domain{letter-spacing:1.4px}
.skip-link{position:fixed;z-index:10;left:16px;top:16px;padding:14px;background:white;color:#101114;transform:translateY(-160%)}.skip-link:focus{transform:none}:focus-visible{outline:2px solid white;outline-offset:5px}.destination:focus-visible{outline-offset:3px}
@keyframes float{0%,100%{transform:translate3d(0,0,0) rotate(var(--rotation,0deg))}50%{transform:translate3d(0,-14px,0) rotate(calc(var(--rotation,0deg) + 2deg))}}@keyframes panel-enter{from{opacity:0;transform:translateY(34px);clip-path:inset(7% 0 0)}to{opacity:1;transform:translateY(0);clip-path:inset(0)}}
body[data-motion=off] *,body[data-hidden=true] *,.destination[data-visible=false] .floating{animation-play-state:paused!important}body[data-intro-complete=true] .destination{animation:none;clip-path:none;opacity:1}body[data-motion=off] .art-depth{transform:none}html[data-motion=off]{scroll-behavior:auto}body[data-motion=off] *{scroll-behavior:auto!important;transition-duration:0ms!important}
@media(min-width:1500px){.destination{min-height:570px}.art-stage{min-height:350px}.panel-top{padding:29px 35px 0}.panel-bottom{padding:27px 35px 35px}.case-front{width:66%;left:20%}.slab-front{width:27%;left:50%;top:1%}}
@media(max-width:1100px){.page{padding:0 30px}.header{height:95px}main{padding-top:40px}.destination{min-height:470px}.art-stage{min-height:270px}.panel-top{padding:22px 23px 0}.panel-bottom{padding:24px;display:block}.enter{position:absolute;right:22px;bottom:27px;padding:12px}.enter>span{display:none}h2{font-size:32px}.site-copy>p{font-size:10px;max-width:calc(100% - 45px)}.slab-front{top:6%;width:30%}.case-front{top:0;width:78%;left:15%}.case-back{top:17%;width:45%;left:-2%}}
@media(max-width:700px){.page{padding:0 20px}.header{height:87px}.brand{font-size:23px}.brand img{width:125px}.motion{font-size:10px;padding:9px 10px}.intro{margin-bottom:25px}.intro-note{display:none}main{padding-top:33px}.eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:11px}h1{font-size:38px;letter-spacing:-1.8px}.destinations{grid-template-columns:1fr;gap:18px}.destination{min-height:438px}.art-stage{min-height:267px}.panel-top{padding:20px 22px 0}.site-category{font-size:8px;letter-spacing:1.3px}.panel-top>svg{width:19px}.panel-bottom{padding:21px 23px 26px}.case-front{top:-8%;left:19%;width:76%}.case-back{left:0;top:8%;width:45%}.slab-back{top:4%;left:-1%;width:89%}.slab-front{top:12%;left:53%;width:31%}.great-ball{top:66%;left:17%;width:25%}.stage-word{font-size:80px;letter-spacing:-5px}.site-copy>p{font-size:10px;margin-top:14px}.site-subtitle{font-size:9px;letter-spacing:1.7px}.footer{min-height:112px;flex-wrap:wrap;align-content:center;justify-content:space-between;gap:13px 20px;font-size:8px}.footer p{order:3;width:100%;font-size:9px;line-height:1.5}.enter{right:23px;bottom:28px}}
@media(max-width:360px){.page{padding:0 14px}h1{font-size:33px}.brand{font-size:21px}.motion{font-size:9px;padding:8px}.destination{min-height:397px}.art-stage{min-height:227px}.panel-top{padding:19px}.panel-bottom{padding:22px 19px}h2{font-size:29px}.site-copy>p{font-size:9px}.enter{right:19px;bottom:24px}.slab-front{width:30%;top:12%}}
.slot-destination{display:flex;align-items:center;gap:28px;margin-top:20px;padding:26px 30px;background:#151f29;border:1px solid #52b8ff24;border-radius:5px;transition:border-color 200ms}.slot-destination:hover{border-color:#52b8ff90}.slot-number{font:600 13px Chakra,Montserrat,sans-serif;color:#52b8ff}.slot-symbol{font:600 29px Chakra,Montserrat,sans-serif;letter-spacing:6px;color:#52b8ff88;border:1px solid #52b8ff25;border-radius:4px;padding:12px;transform:rotate(-5deg);white-space:nowrap}.slot-copy{display:block;flex:1;min-width:0}.slot-category{font-size:8px;letter-spacing:1.6px;color:#52b8ff}.slot-copy h2{font-size:27px;letter-spacing:-.8px;margin:7px 0 9px}.slot-copy>span:last-child{font-size:11px;line-height:1.8;color:#a0aab5}.slot-enter{display:flex;align-items:center;gap:20px;font-size:11px;font-weight:600;color:#52b8ff}.slot-enter svg{width:20px;height:20px;stroke-width:1.5}.slot-destination:hover .slot-enter svg{transform:translateX(3px)}
@media(max-width:700px){.slot-destination{padding:23px;gap:16px}.slot-symbol{display:none}.slot-number{align-self:flex-start;padding-top:2px}.slot-copy h2{font-size:26px}.slot-copy>span:last-child{font-size:10px;display:block}.slot-enter{font-size:0;gap:0}.slot-enter svg{width:23px}.slot-category{font-size:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.destination{opacity:1;clip-path:none}.art-depth{transform:none!important}}