@font-face{font-family:Space;src:url('fonts/SpaceGrotesk-var.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#f4faff;color:#12315b;font-family:Space,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #e841af;outline-offset:6px}img{max-width:100%;display:block}button{border:0}em{font-style:normal;color:#2585ec}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;max-width:1600px;margin:auto}.brand{font-size:28px;font-weight:800;letter-spacing:-1.5px;display:flex;align-items:center;gap:10px}.brand img{width:37px}.brand-dot{color:#298bf4}header nav{display:flex;gap:32px;font-size:14px;font-weight:600}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:#153459;color:white;border-radius:999px;padding:19px 27px;font-weight:600;font-size:15px;box-shadow:0 6px 0 #d5e5f3;transition:transform .2s,background .2s}.pill:hover{background:#237edc;transform:translateY(-3px)}.pill.small{padding:14px 22px;font-size:13px;box-shadow:none}.hero{max-width:1600px;margin:auto;min-height:750px;padding:55px 5.5% 75px;display:grid;grid-template-columns:1fr 1.03fr;align-items:center;position:relative;gap:40px;background:radial-gradient(ellipse at 70% 50%,#d6eaff,transparent 66%)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;display:flex;align-items:center;gap:9px}.status-dot{width:8px;height:8px;border-radius:50%;background:#36bdbc;display:inline-block;flex-shrink:0;box-shadow:0 0 0 4px #36bdbc19}h1{font-size:clamp(60px,6.9vw,110px);line-height:.99;letter-spacing:-7px;margin:30px 0 26px;font-weight:800}h1 em{position:relative}h1 em:after{content:'';position:absolute;left:0;right:-8px;bottom:-5px;height:8px;border-radius:50%;background:#89cdff;transform:rotate(-3deg)}.hero p{font-size:17px;line-height:1.8;color:#55708e}.actions{display:flex;align-items:center;gap:23px;margin-top:30px}.replay{background:none;color:#345c85;padding:10px 0;font-size:13px}.hero-foot{display:flex;align-items:center;gap:14px;margin-top:46px;font-size:9px;letter-spacing:1.1px;color:#6c85a1}.coin{font-size:13px;color:#277eda;font-weight:700;border:1px solid #c6def6;border-radius:8px;padding:8px 12px}.hero-art{position:relative;transform:rotate(3deg);padding:13px;background:white;border-radius:46% 46% 30% 30%;box-shadow:0 25px 65px #4488c525}.hero-art>img{border-radius:45% 45% 29% 29%;width:100%;aspect-ratio:1;object-fit:cover}.orbit-label{position:absolute;top:-19px;left:25px;background:#fff;padding:13px 18px;border-radius:100px;font-size:10px;font-weight:700;letter-spacing:1px;transform:rotate(-11deg)}.art-sticker{position:absolute;right:-13px;bottom:47px;border-radius:50%;width:110px;height:110px;display:grid;align-content:center;text-align:center;background:#ffdc72;color:#684817;font-size:18px;font-weight:700;transform:rotate(9deg);box-shadow:0 8px 20px #765c2220}.spark{position:absolute;left:-25px;bottom:55px;color:#3188e8;font-size:70px;transform:rotate(-10deg)}.scroll-note{position:absolute;bottom:24px;left:5.5%;font-size:9px;letter-spacing:1.8px;color:#7392b1}.marquee{background:#80c2ff;overflow:hidden;transform:rotate(-1deg);padding:21px 0;color:#174374;border-top:1px solid #ffffff70;border-bottom:1px solid #ffffff70}.marquee div{width:max-content;white-space:nowrap;font-size:15px;font-weight:700;letter-spacing:3px;animation:marquee 38s linear infinite}.section{padding:95px 5.5%;max-width:1600px;margin:auto}.section-label{font-size:10px;letter-spacing:2px;color:#6687aa;border-bottom:1px solid #cfe1f2;padding-bottom:20px;margin-bottom:55px}.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.surf-photo{margin:0;background:#fff;padding:12px;border-radius:30px;transform:rotate(-3deg);box-shadow:0 15px 40px #3c809522}.surf-photo img{border-radius:22px}.surf-photo figcaption{padding:17px 10px 7px;font-size:10px;letter-spacing:2px}.story h2,.section-heading h2,.migo h2{font-size:clamp(42px,4.9vw,74px);line-height:1.05;letter-spacing:-3.5px;margin:25px 0}.story p{line-height:1.85;font-size:15px;color:#627b96;max-width:440px}.handwritten{display:block;margin-top:27px;color:#2f8bdc;transform:rotate(-4deg);font-style:italic;font-size:19px}.world{background:#eaf4ff;border-radius:50px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px;gap:25px}.section-heading h2{margin:0}.section-heading p{font-size:14px;color:#6982a0;line-height:1.8}.adventures{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.adventure{background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 10px 25px #3c72a30b;transition:transform .25s}.adventure:hover{transform:translateY(-9px) rotate(-1deg)}.image-wrap{position:relative;padding:9px 9px 0}.image-wrap img{border-radius:18px;aspect-ratio:1;object-fit:cover}.image-wrap span{position:absolute;bottom:18px;left:22px;padding:8px 12px;color:#fff;background:#10254966;backdrop-filter:blur(10px);border-radius:30px;font-size:9px;letter-spacing:1.2px}.adventure-copy{padding:24px 25px 28px}.adventure h3{font-size:23px;line-height:1.2;letter-spacing:-.8px;margin:0 0 14px}.adventure p{font-size:13px;line-height:1.85;color:#6a8099;margin:0}.migo-panel{background:#d8edff;border-radius:42px;padding:55px;display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:center;position:relative;overflow:hidden}.migo-panel>img{border-radius:40% 40% 25% 25%;transform:rotate(5deg);box-shadow:0 15px 40px #72a8d033}.migo p{color:#567b9d;line-height:1.8;font-size:15px}.launch-status{display:flex;gap:10px;align-items:center;font-size:12px;margin:25px 0;color:#597f9e}.migo .pill{background:#2988ec;box-shadow:0 5px 0 #9dc7f1}#copy-status{display:inline-block;margin-left:15px;font-size:12px}.token-links{display:flex;gap:15px;flex-wrap:wrap;margin:18px 0}.token-links a{font-size:13px;text-decoration:underline}footer{max-width:1600px;margin:auto;padding:35px 5.5%;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #d7e7f5}footer>span{font-size:9px;letter-spacing:1px;color:#7893ad}.will-reveal{opacity:0;translate:0 25px;transition:opacity .8s,translate .8s}.will-reveal.visible{opacity:1;translate:0 0}.skip-link{position:fixed;top:-80px;left:20px;padding:15px;background:white;z-index:100}.skip-link:focus{top:10px}
.intro{position:fixed;inset:0;z-index:90;overflow:hidden;background:linear-gradient(#69aff8 0%,#bceaff 60%,#80dfeb 61%);opacity:0;visibility:hidden;transition:opacity .85s,visibility .85s}.intro[hidden]{display:none}.intro-active{overflow:hidden}.intro-active .intro{opacity:1;visibility:visible}.intro-active #site{opacity:0;transform:translateY(22px)}#site{transition:opacity 1.1s,transform 1.1s}.intro-top{position:absolute;top:35px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;z-index:5;font-size:12px;letter-spacing:2px}.intro-top button{border:1px solid #ffffff90;background:#ffffff55;color:#164474;border-radius:99px;padding:12px 20px;font-size:12px}.sun{position:absolute;top:15%;right:16%;width:95px;height:95px;border-radius:50%;background:#fff5c5;box-shadow:0 0 90px 40px #fffad070}.cloud{width:170px;height:45px;border-radius:80px;background:#ffffff99;position:absolute;filter:blur(2px)}.cloud:before{content:'';position:absolute;width:75px;height:75px;left:30px;bottom:0;border-radius:50%;background:inherit}.cloud:after{content:'';position:absolute;width:90px;height:90px;right:20px;bottom:0;border-radius:50%;background:inherit}.cloud-one{left:10%;top:22%}.cloud-two{right:4%;top:39%;scale:.7}.intro-title{position:absolute;top:25%;left:0;right:0;text-align:center;color:white;text-shadow:0 5px 30px #246ab329}.intro-title span{display:block;letter-spacing:6px;font-size:13px}.intro-title strong{font-size:clamp(45px,7vw,105px);letter-spacing:-5px;display:block;margin-top:12px}.ocean{position:absolute;inset:57% -20% -25%;background:linear-gradient(#18c5d5,#199de5)}.wave{position:absolute;width:200%;height:200px;left:-50%;border-radius:45%;border-top:15px solid #eaffffbb}.wave-back{top:-55px;background:#80e2ed;transform:rotate(-6deg)}.wave-mid{top:0;background:#28ccda;transform:rotate(5deg)}.wave-front{top:155px;background:#25aee2;transform:rotate(-4deg)}.playing .wave{animation:swell 2s ease-in-out infinite alternate}.playing .wave-mid{animation-delay:-.8s}.surfer-track{position:absolute;top:36%;left:calc(50% - 210px);width:420px;z-index:3}.surfer img{width:100%;filter:drop-shadow(0 22px 15px #0873a638)}.playing .surfer-track{animation:ride 5.4s cubic-bezier(.36,.05,.39,1) both}.playing .surfer{animation:bob .9s ease-in-out infinite alternate}.spray{position:absolute;bottom:20%;left:9%;color:white;font-size:65px}.intro-bottom{position:absolute;bottom:35px;left:5%;right:5%;display:flex;justify-content:space-between;color:white;font-size:10px;letter-spacing:3px;z-index:5}.intro-bottom span{font-size:25px}.playing .intro-title{animation:titleOut 5.4s both}@keyframes ride{0%{transform:translateX(-105vw) rotate(-12deg)}25%{transform:translateX(-90px) rotate(7deg)}48%{transform:translateX(10px) rotate(-6deg)}67%{transform:translateX(95px) rotate(5deg)}100%{transform:translateX(110vw) rotate(-12deg)}}@keyframes bob{from{transform:translateY(-16px) rotate(-3deg)}to{transform:translateY(14px) rotate(3deg)}}@keyframes swell{from{translate:-25px -10px}to{translate:30px 15px}}@keyframes titleOut{0%,12%{opacity:0;translate:0 15px}22%,65%{opacity:1;translate:0 0}85%,100%{opacity:0;translate:0 -20px}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1700px){h1{font-size:110px}}@media(max-width:1000px){header nav{gap:20px}.hero{min-height:650px;gap:25px}h1{letter-spacing:-4px}.hero p{font-size:15px}.actions{gap:14px}.pill{padding:16px 21px;font-size:13px}.art-sticker{width:85px;height:85px;font-size:15px}.adventures{gap:15px}.adventure-copy{padding:22px 18px}.adventure h3{font-size:20px}.migo-panel{padding:35px;gap:30px}.story-layout{gap:6%}}@media(max-width:700px){header{height:82px;padding:0 6%}.brand{font-size:23px}.brand img{width:30px}header nav{display:none}header>.pill{font-size:10px;padding:12px 16px}.hero{grid-template-columns:1fr;padding:35px 7% 65px;gap:45px}.hero-copy{position:relative;z-index:2}.hero h1{font-size:72px;letter-spacing:-4px;margin:22px 0}.hero p{font-size:15px}.hero-art{width:90%;margin:0 auto;max-width:420px}.hero-foot{margin-top:30px}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero .scroll-note{font-size:8px;bottom:20px;left:7%}.section{padding:65px 7%}.section-label{margin-bottom:35px;font-size:9px}.story-layout{grid-template-columns:1fr;gap:42px}.story h2,.section-heading h2,.migo h2{font-size:48px;letter-spacing:-2.5px}.story-copy .eyebrow{font-size:9px}.world{border-radius:30px}.section-heading{display:block}.section-heading p{margin-top:20px}.adventures{grid-template-columns:1fr;gap:25px}.adventure h3{font-size:24px}.adventure-copy{padding:25px}.adventure p{font-size:14px}.migo-panel{grid-template-columns:1fr;padding:30px 24px;border-radius:28px;gap:35px}.migo-panel>img{max-width:350px;width:100%;margin:auto}.migo-panel .eyebrow{font-size:9px;letter-spacing:1px}.launch-status{font-size:11px}footer{flex-wrap:wrap;padding:25px 7%}footer .brand{width:100%}footer>span{font-size:8px}.surfer-track{width:300px;left:calc(50% - 150px);top:43%}.intro-title{top:26%}.intro-title strong{font-size:53px;letter-spacing:-3px}.intro-title span{font-size:10px;letter-spacing:4px}.intro-top{font-size:9px;letter-spacing:1px}.intro-top button{font-size:10px}.sun{width:65px;height:65px;right:10%;top:17%}.cloud-one{scale:.7;left:-8%}.intro-bottom{font-size:8px;letter-spacing:1.5px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1;translate:none}.intro-title{opacity:1}.surfer-track{transform:none}}
body{overflow-x:clip}

/* Keep supplied artwork rectangular and at its original proportions. */
.hero-art{transform:none;border-radius:20px;padding:0;background:transparent;box-shadow:none}
.hero-art>img{border-radius:16px;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.surf-photo{transform:none;border-radius:18px}
.surf-photo img,.image-wrap img{border-radius:12px;height:auto;aspect-ratio:auto;object-fit:contain}
.migo-panel>img{transform:none;border-radius:16px;width:100%;height:auto;object-fit:contain;align-self:center}
.adventure:hover{transform:translateY(-5px)}


.story-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:35px;font-size:10px;letter-spacing:1px}.route h2{font-size:clamp(45px,5vw,75px);line-height:1;letter-spacing:-3px}.route-step{display:flex;gap:25px;border-top:1px solid #cfe1f2;padding:22px 0}.route-step>span{color:#2988ec;font-size:23px}.route-step h3{margin:0;font-size:24px}.text-link{text-decoration:underline;font-size:13px}.chart-window{border:1px solid #c5def3;border-radius:20px;overflow:hidden;background:#fff}.chart-toolbar{display:flex;justify-content:space-between;padding:18px 22px;background:#deefff;font-size:11px}.chart-toolbar button{background:none;color:#28577e;font-size:11px}.chart-window iframe{display:block;width:100%;height:520px;border:0}.chart-note{padding:17px 22px;color:#7791aa;font-size:11px}.community{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:50px}.community h3{font-size:30px;margin:12px 0}.social-links{display:flex;flex-wrap:wrap;gap:22px;font-size:12px;font-weight:700}.social-links a{border-bottom:1px solid #308ce6;padding-bottom:5px}.chapter-nav{position:fixed;right:15px;top:50%;display:flex;flex-direction:column;gap:16px;font-size:10px;color:#387cba;z-index:10}@media(max-width:700px){.community{display:block}.social-links{margin-top:25px;gap:20px}.chart-window iframe{height:420px}.chapter-nav{display:none}.chart .section-heading .pill{margin-bottom:15px}}