@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@800;900&family=DM+Sans:wght@400;500;600;700;900&display=swap');
:root{--ink:#18271e;--yellow:#ffe64b;--blue:#a6d9ee;--cream:#fffcf2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #dc3d30;outline-offset:6px}header{position:absolute;top:0;left:0;width:100%;z-index:10;padding:25px 4%;display:flex;align-items:center;justify-content:space-between}.logo{font-size:42px;line-height:.8;font-weight:900;letter-spacing:-3px}.logo span{display:block;font-size:11px;font-weight:500;letter-spacing:0;margin-top:10px}nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:700}.pill{padding:14px 22px;border:2px solid var(--ink);border-radius:30px;background:var(--yellow)}.hero{height:max(850px,100svh);max-height:1250px;background:var(--blue);position:relative;overflow:hidden;padding:125px 4% 30px}.hero-label{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:1px}h1,h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;letter-spacing:-.035em;margin:0;line-height:.84;text-transform:uppercase}h1{font-size:38vw;line-height:.72;white-space:nowrap;text-align:center;margin:60px 0 0;color:var(--yellow);text-shadow:0 5px 0 var(--ink);-webkit-text-stroke:2px var(--ink)}h1>span{display:block;font-family:'DM Sans',sans-serif;font-size:14px;letter-spacing:22px;text-shadow:none;-webkit-text-stroke:0;color:var(--ink);margin-top:29px;padding-left:22px}.hero-character{position:absolute;width:min(58vw,750px);left:50%;bottom:8%;transform:translateX(-50%);will-change:transform}.hero-character img{display:block;width:100%;height:auto;filter:drop-shadow(10px 16px 0 #18271e1a)}.sticker{position:absolute;z-index:2;font-weight:900;font-size:22px;line-height:1.1;text-align:center;padding:22px 28px;border:2px solid var(--ink);box-shadow:5px 6px 0 var(--ink)}.sticker-one{left:8%;top:57%;transform:rotate(-12deg);background:#ff96ae}.sticker-two{right:8%;top:65%;transform:rotate(12deg);background:var(--yellow);border-radius:50%;padding:30px 25px}.hero-bottom{position:absolute;left:4%;right:4%;bottom:28px;display:flex;align-items:end;justify-content:space-between;z-index:3}.hero-bottom p{font-size:19px;line-height:1.4;font-weight:600}.hero-bottom>span{font-size:12px;line-height:1.7;text-align:right}.round-button{background:var(--ink);color:var(--cream);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:34px;transition:transform .2s}.round-button:hover{transform:translateY(5px)}.journey{height:390vh;position:relative}.journey-window{height:100svh;min-height:630px;overflow:hidden;position:sticky;top:0;background:var(--cream)}.journey-head,.journey-footer{position:absolute;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;z-index:4;font-size:11px;font-weight:700;letter-spacing:1px}.journey-head{top:27px}.journey-head>a{letter-spacing:0;border-bottom:1px solid}.journey-footer{bottom:24px;gap:25px}.route-progress{height:4px;flex:1;max-width:350px;background:#18271e33}.route-progress i{display:block;width:0;height:100%;background:var(--ink)}.travel-track{display:flex;width:300%;height:100%;will-change:transform}.travel-panel{width:33.333333%;height:100%;position:relative;overflow:hidden;flex-shrink:0}.beach{background:#ffe8a0}.train{background:#f69db5}.moon{background:#b9b0eb}.panel-copy{position:absolute;top:13%;left:6%;z-index:2;max-width:54%}.panel-copy>span,.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.2px}.panel-copy h2{font-size:clamp(60px,8.5vw,130px);margin-top:22px}.panel-copy p{font-size:17px;line-height:1.5;margin-top:24px}.scene-art{position:absolute;width:70%;height:68%;bottom:7%;right:-5%;background-size:contain;background-repeat:no-repeat;background-position:center;transform-origin:60% 65%;will-change:transform;mix-blend-mode:multiply}.beach-art{background-image:url('beach.png')}.train-art{background-image:url('train.png')}.moon-art{background-image:url('moon.png')}.scene-tag{position:absolute;right:7%;bottom:13%;background:var(--cream);border:2px solid var(--ink);padding:15px 25px;transform:rotate(-6deg);box-shadow:5px 5px 0 var(--ink);font-size:20px;font-weight:700;z-index:2}.postcards{padding:95px 4%;background:var(--cream)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:50px}.section-heading h2{font-size:clamp(55px,6.7vw,105px);margin-top:25px}.section-heading>p{font-size:16px;line-height:1.6;max-width:300px}.postcard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.postcard-grid article{border:2px solid var(--ink);background:white;box-shadow:7px 7px 0 var(--ink);transition:transform .2s}.postcard-grid article:nth-child(1){transform:rotate(-2deg)}.postcard-grid article:nth-child(3){transform:rotate(2deg)}.postcard-grid article:hover{transform:translateY(-8px) rotate(0)}.postcard-grid img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-bottom:2px solid var(--ink)}.postcard-grid article>div{padding:25px}.postcard-grid span{font-size:10px;letter-spacing:1px}.postcard-grid h3{font-size:24px;letter-spacing:-1px;margin:15px 0}.postcard-grid p{font-size:15px;line-height:1.65}.bother{background:var(--ink);color:var(--yellow);padding:70px 4%;text-align:center}.bother button{color:inherit;background:none;border:none;display:block;cursor:pointer;width:100%;padding:35px 0 0}.bother #quote{display:block;font-size:clamp(32px,5vw,78px);font-weight:900;letter-spacing:-2px;line-height:1.1;max-width:1100px;margin:auto}.bother-label{display:block;font-size:11px;letter-spacing:1px;margin-top:35px;color:var(--cream)}.club{background:var(--yellow);padding:70px 4% 40px;position:relative}.club h2{font-size:clamp(120px,22vw,330px);line-height:.78;margin:40px 0}.join{position:absolute;right:8%;top:45%;font-size:20px;font-weight:700;border-bottom:2px solid;padding-bottom:10px}.token-info{border-top:2px solid var(--ink);padding-top:25px;display:flex;justify-content:space-between;gap:25px}.token-info span{display:block;font-size:11px;letter-spacing:1px;margin-bottom:10px}.token-info strong{font-size:20px}footer{padding:40px 4%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:35px}footer>a:not(.logo){font-size:14px}footer small{width:100%;font-size:12px;color:#525b50}.reduced-motion .journey{height:auto}.reduced-motion .journey-window{position:relative;height:auto;overflow:visible}.reduced-motion .travel-track{display:block;width:100%;transform:none!important}.reduced-motion .travel-panel{width:100%;min-height:750px}.reduced-motion .journey-head,.reduced-motion .journey-footer{display:none}.reduced-motion .scene-art{transform:none!important}@media(max-width:760px){header{padding-top:20px}.logo{font-size:34px}nav{gap:15px;font-size:12px}nav>a:first-child{display:none}.pill{padding:11px 13px}.hero{height:100svh;min-height:740px;padding-top:110px}.hero-label{font-size:9px;line-height:1.6}.hero-label>span:first-child{max-width:175px}.hero-label>span:last-child{max-width:95px;text-align:right}h1{font-size:39vw;margin-top:45px;-webkit-text-stroke:1px;text-shadow:0 3px 0 var(--ink)}h1>span{font-size:10px;letter-spacing:9px;margin-top:20px;padding-left:9px}.hero-character{width:95vw;bottom:18%}.sticker{font-size:14px;padding:16px}.sticker-one{left:5%;top:43%}.sticker-two{right:4%;top:64%;padding:23px 18px}.hero-bottom{bottom:27px;gap:12px}.hero-bottom p{font-size:14px}.hero-bottom>span{font-size:9px;max-width:100px}.round-button{width:50px;height:50px;flex-shrink:0}.journey{height:320vh}.journey-window{min-height:660px}.journey-head{font-size:9px;gap:20px;line-height:1.5}.journey-head>span{max-width:175px}.journey-head>a{max-width:90px;text-align:right}.panel-copy{top:13%;left:6%;max-width:89%}.panel-copy h2{font-size:16vw}.panel-copy p{font-size:14px;margin-top:20px}.panel-copy>span{font-size:10px}.scene-art{width:112%;height:50%;right:-8%;bottom:10%;background-position:center}.scene-tag{bottom:11%;right:8%;font-size:14px;padding:12px 16px}.journey-footer{font-size:9px;gap:15px}.journey-footer>span:first-child{max-width:120px}.route-progress{max-width:120px}.postcards{padding:65px 6%}.section-heading{display:block}.section-heading h2{font-size:16vw}.section-heading>p{margin-top:25px;font-size:15px}.postcard-grid{grid-template-columns:1fr;gap:36px}.postcard-grid h3{font-size:25px}.postcard-grid p{font-size:16px}.bother{padding:50px 6%}.bother #quote{font-size:38px;letter-spacing:-1px}.club{padding:50px 6% 30px}.club h2{font-size:32vw;margin:35px 0}.join{position:static;display:inline-block;font-size:17px;margin:0 0 45px}.token-info{flex-wrap:wrap;gap:25px 40px}.token-info strong{font-size:17px}.token-info span{font-size:10px}.reduced-motion .travel-panel{min-height:780px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media(max-width:760px){.club h2{font-size:29vw}}
@media(min-width:761px){.panel-copy h2{font-size:clamp(60px,7.6vw,116px)}.scene-art{height:52%;bottom:6%;right:-2%;width:72%}}
.logo-with-image{display:flex;align-items:center;gap:9px}.logo-with-image img{border-radius:50%}.logo-with-image>.brand-name{font-size:42px;font-weight:900;letter-spacing:-3px;line-height:.8;margin:0}.logo-with-image .brand-name>span{font-size:11px;font-weight:500;letter-spacing:0;margin-top:10px}.hero-character{width:min(37vw,400px);bottom:16%;mix-blend-mode:multiply}.hero-character img{filter:none}.hero h1{margin-top:60px}.hero .sticker-one{top:63%}.hero .sticker-two{top:68%}.moon-panel{background:#d7d2ee}.detective-panel{background:#eed2ad}.tokyo-panel{background:#c4dceb}.panel-copy{max-width:42%;top:13%;left:6%}.panel-copy h2{font-size:clamp(64px,7.3vw,112px)}.animated-art{position:absolute;right:3%;bottom:12%;width:65%;height:61%;border-radius:7px;overflow:hidden;isolation:isolate;background:#05132e;box-shadow:10px 14px 0 #18271e18}.animated-art>canvas{display:block;width:100%;height:100%;object-fit:cover}.scene-tag{z-index:5;bottom:9%;right:7%;font-size:17px}.moon-stage{position:absolute;inset:0}.moon-stars{position:absolute;inset:-4%;background:url('moon-stars.png') center/cover}.moon-ground{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:2}.moon-earth{position:absolute;top:5%;right:12%;width:25%;aspect-ratio:1;z-index:1}.earth-drift{position:absolute;inset:0;overflow:hidden;animation:earthDrift 25s ease-in-out infinite alternate}.earth-drift img{position:absolute;width:334%;max-width:none;left:-225%;top:-5%}.moon-jimmy{position:absolute;left:21%;bottom:1%;width:62%;aspect-ratio:640/650;z-index:3}.moon-play{position:absolute;inset:0;border:0;background:none;color:white;width:100%;padding:0}.moon-play canvas{display:block;width:100%;height:100%;object-fit:contain}.moon-play span{position:absolute;left:0;right:0;bottom:8px;font-size:9px;text-shadow:0 1px 5px black}.moon-paused .earth-drift{animation-play-state:paused}@keyframes earthDrift{from{transform:translate(-4px,-5px) rotate(-2deg)}to{transform:translate(4px,7px) rotate(2deg)}}#allMotion{padding:8px 12px;border:1px solid #18271e80;border-radius:22px;background:transparent;color:inherit;font-size:11px}#posterClue{background:#18271e;color:white;border:0;border-radius:4px;padding:10px 14px;font-size:12px}#clueMessage{font-size:13px;background:#fff9;padding:10px;border-radius:5px;max-width:300px}.journey{height:390vh}.travel-track{width:300%}.reduced-motion .journey{height:auto}.reduced-motion .journey-window{height:auto}.reduced-motion .travel-track{display:block;width:100%}.reduced-motion .travel-panel{width:100%;height:100svh;min-height:700px}.reduced-motion .journey-head,.reduced-motion .journey-footer{display:none}@media(max-width:760px){.logo-with-image img{width:32px;height:32px}.logo-with-image>.brand-name{font-size:30px}.logo-with-image .brand-name>span{font-size:9px}.hero-character{width:min(75vw,350px);bottom:19%}.hero .sticker-one{top:43%}.hero .sticker-two{top:64%}.panel-copy{max-width:90%;top:12%}.panel-copy h2{font-size:15vw}.panel-copy p{font-size:14px}.animated-art{width:94%;right:3%;height:45%;bottom:13%}.moon-jimmy{width:85%;left:8%;bottom:-2%}.moon-earth{width:30%;top:7%}.scene-tag{font-size:12px;padding:10px 13px;bottom:10%}.journey{height:350vh}#clueMessage{position:absolute;z-index:10;max-width:270px}.journey-head{align-items:center}.journey-head>span{font-size:9px}#allMotion{font-size:9px}.moon-play span{font-size:8px}.reduced-motion .travel-panel{min-height:760px}}
@media(min-width:761px){.animated-art{height:51%}}
/* Full scenes retain their native canvas ratio; postcards are never cropped. */
header{color:#fff}header .pill{color:var(--ink)}.tokyo-home{background:#061632;color:white;position:relative;padding-top:100px;overflow:hidden}.home-animation{width:100%;max-width:1600px;margin:auto}.home-animation canvas{display:block;width:100%;height:auto;aspect-ratio:1200/760}.home-title{position:absolute;left:6%;top:17%;z-index:2}.home-title>span{font-size:12px;letter-spacing:2px}.home-title h1{font-size:clamp(65px,7.5vw,120px);line-height:.88;text-align:left;white-space:normal;color:#fff6d9;-webkit-text-stroke:0;text-shadow:none;margin:20px 0}.home-title p{font-size:17px}.home-title>a{display:inline-block;border-bottom:1px solid;padding:8px 0;font-size:14px}.home-caption{display:flex;justify-content:space-between;align-items:center;padding:20px 5%;font-size:12px;letter-spacing:1px}.home-caption #allMotion{color:white;border-color:#ffffff80}.postcard-image{position:absolute;right:6%;top:50%;transform:translateY(-50%) rotate(2deg);width:min(47vw,70vh);height:auto;aspect-ratio:1;object-fit:contain;border:9px solid white;box-shadow:10px 14px 0 #18271e20}.photo-panel .panel-copy{max-width:39%;top:24%}.photo-panel .panel-copy h2{font-size:clamp(60px,6.3vw,100px)}.party-panel{background:#efabd8}.desk-panel{background:#b4e5bb}.animation-gallery{padding:90px 5%;background:#080f20;color:#fff6df}.animation-gallery h2{font-size:clamp(52px,6vw,88px)}.animation-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px 26px}.animation-grid article{min-width:0}.gallery-scene,.animation-grid .animated-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1200/760;border-radius:6px;overflow:hidden;background:#05132e;box-shadow:none}.gallery-scene canvas{display:block;width:100%;height:auto;aspect-ratio:1200/760;object-fit:contain}.animation-grid h3{font-size:17px;margin:18px 0 0;font-weight:500}.animation-grid .moon-jimmy{width:50%;left:28%;bottom:0}.animation-grid .moon-play span{font-size:10px}.animation-grid .moon-earth{width:25%}.animation-grid .moon-ground{object-fit:fill}
@media(max-width:760px){header nav>a:nth-child(2){display:none}header .pill{font-size:11px}.tokyo-home{padding-top:110px}.home-title{position:relative;top:auto;left:auto;padding:20px 6% 30px}.home-title h1{font-size:20vw;margin:15px 0}.home-title p{font-size:16px}.home-animation{width:100%}.home-caption{padding:20px 6%;font-size:10px}.photo-panel .panel-copy{max-width:88%;top:12%}.photo-panel .panel-copy h2{font-size:14vw}.postcard-image{width:min(78vw,47svh);right:50%;top:auto;bottom:12%;transform:translateX(50%) rotate(2deg);border-width:6px}.animation-gallery{padding:60px 5%}.animation-grid{gap:28px 12px}.animation-grid h3{font-size:13px;line-height:1.4;margin-top:12px}.animation-grid .moon-play span{display:none}.animation-gallery .section-heading{margin-bottom:30px}}
@media(max-width:420px){.animation-grid{grid-template-columns:1fr}}
@media(min-width:761px){.home-animation{width:min(100%,calc((100svh - 166px)*1200/760))}.home-title{top:20%;left:7%}.tokyo-home{min-height:100svh}}
.gallery-scene.paris-scene,.gallery-scene.paris-scene canvas{aspect-ratio:1672/941}.paris-scene{align-self:start}
@media(min-width:761px){.tokyo-home{height:100svh;min-height:650px;padding:0}.home-animation{position:absolute;inset:0;width:100%;max-width:none;height:100%}.home-animation canvas{width:100%;height:100%;object-fit:cover;object-position:center bottom}.home-title{top:19%;z-index:2;text-shadow:0 2px 15px #001027}.home-caption{position:absolute;bottom:0;left:0;right:0;z-index:3;background:linear-gradient(transparent,#041029aa);padding-top:30px}header{background:linear-gradient(#03112cdc,transparent)}}
@media(min-width:761px){.tokyo-home{height:94svh;min-height:640px}.home-title h1{font-size:clamp(64px,6.1vw,104px)}.home-title{top:22%}.home-animation{inset:0}.home-animation canvas{object-fit:fill}.home-caption{padding-bottom:18px}}
.x-link{font-size:19px;font-weight:700}.token-info strong a{border-bottom:1px solid currentColor}
@media(max-width:760px){header nav{gap:12px}header nav .x-link{display:block;font-size:18px}header .pill{padding:10px;font-size:10px}.home-title h1{font-size:18vw}}
@media(min-width:761px){.home-animation canvas{object-fit:cover}}
@media(max-width:760px){header nav>a:nth-child(2){display:block}header nav .pill{display:none}header nav{gap:18px}}
.animation-grid{align-items:start}.animation-grid .gallery-scene,.animation-grid .animated-art,.gallery-scene.paris-scene,.gallery-scene.paris-scene canvas{aspect-ratio:1200/760}.animation-grid .gallery-scene canvas{width:100%;height:100%;object-fit:contain}.animation-grid h3{font-size:16px;line-height:1.4;margin:14px 0 0}
.home-animation{position:relative}.home-animation .tokyo-first-frame{display:block;width:100%;height:auto;aspect-ratio:1200/760;object-fit:cover;object-position:center bottom}.home-animation .tokyo-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0}.home-animation.animation-ready .tokyo-canvas{opacity:1}.home-animation.animation-ready .tokyo-first-frame{visibility:hidden}.animation-gallery:not(.gallery-ready) .moon-stars{background-image:none}@media(min-width:761px){.home-animation{position:absolute}.home-animation .tokyo-first-frame{height:100%}}
@media(max-width:760px){.home-animation{aspect-ratio:1200/760;min-height:1px}}.home-animation .tokyo-first-frame{position:absolute;inset:0;width:100%;height:100%;margin:0}