/* Illustrated chapters and scroll choreography. */
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:4px;z-index:60;pointer-events:none}.scroll-progress>span{display:block;height:100%;background:var(--purple);transform-origin:left;transform:scaleX(var(--page-progress,0))}.hero-wordmark{transform:translate3d(var(--wordmark-x,0px),0,0);will-change:transform}.hero-mascot{transform:translate3d(var(--mascot-x,0px),var(--mascot-y,0px),0) rotate(calc(3deg + var(--mascot-tilt,0deg)));transition:transform .12s linear;will-change:transform}.hero .art-orbit{translate:0 var(--orbit-y,0px)}.hero .speech-bubble{translate:0 var(--bubble-y,0px)}
.ribbon-junction{height:155px;position:relative;overflow:hidden;background:var(--cream);border-top:var(--line);isolation:isolate}.ribbon-junction .marquee{position:absolute;top:44px;left:-5%;width:110%;transform:rotate(-2.7deg);z-index:2;box-shadow:0 6px 0 #2e194623}.ribbon-shadow{position:absolute;top:48px;left:-5%;width:110%;height:65px;display:flex;align-items:center;white-space:nowrap;background:var(--pink);font:30px Lilita;color:transparent;-webkit-text-stroke:1px var(--ink);border:var(--line);transform:rotate(3.5deg);letter-spacing:2px}
.duo-section{padding-top:68px}.scene-poster{min-height:0;aspect-ratio:auto;background:#a4e9ee}.scene-poster .poster-label{position:relative;z-index:2}.scene-poster .poster-bottom{position:static;display:flex}.scene-caption{position:relative;background:var(--cream);font:32px/.98 Lilita;padding:24px;border-top:var(--line);display:flex;align-items:center;justify-content:space-between}.scene-caption svg{width:47px;height:47px;color:var(--purple);transform:rotate(15deg)}.parallax-picture{position:relative;overflow:hidden;isolation:isolate}.parallax-picture img{position:absolute!important;width:100%!important;max-width:none;height:120%;top:-10%;left:0!important;bottom:auto!important;object-fit:cover;transform:translate3d(0,var(--depth-y,0px),0)!important;transition:transform .16s linear;will-change:transform}.skatepark-picture{aspect-ratio:1.55}.skatepark-picture img{height:110%;top:-5%;object-position:center}.scene-poster[data-character=dog] .skatepark-picture img{transform:translate3d(0,var(--depth-y,0px),0)!important}
.story-section{min-height:850px;background:#ffb978;isolation:isolate;padding-top:72px;padding-bottom:65px}.story-section h2{max-width:59%;font-size:clamp(64px,6.8vw,98px);line-height:1.04;letter-spacing:-2px;margin-top:40px}.story-landscape{position:absolute;inset:0;z-index:-2}.story-landscape img{object-position:60% center;height:125%;top:-12.5%}.story-landscape:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#ffb978 0%,#ffb978f7 23%,#ffb978d9 36%,#ffb97888 47%,#ffb97800 66%);z-index:1}.story-top{position:relative;z-index:2}.story-seal{right:-1%;top:-20px;background:var(--pink);box-shadow:4px 4px 0 var(--ink)}.story-bottom{max-width:600px;position:relative;z-index:2;margin-top:33px;gap:27px}.story-bottom .story-arrow{display:none}.story-bottom p{max-width:460px;font-size:14px}.story-bottom .round-link{width:64px;height:64px;margin-left:8px}.story-bottom .round-link svg{width:30px;height:30px}
.meme-section .section-heading{margin-bottom:55px}.meme-section .heading-row{align-items:center}.meme-section .heading-row h2{max-width:60%}.lab-intro{width:36%;max-width:420px;flex-shrink:0;transform:rotate(3deg)}.studio-picture{aspect-ratio:16/9;border:var(--line);border-radius:14px;box-shadow:5px 5px 0 var(--ink)}.lab-intro p{font-size:11px;text-align:center;margin:17px 0 0;line-height:1.6;transform:rotate(-3deg)}.cosmic-art{aspect-ratio:16/9;border:2px solid var(--cream);border-radius:15px;margin-top:32px;box-shadow:6px 6px 0 var(--pink);transform:rotate(-2deg)}.cosmic-caption{font-size:9px;font-weight:700;letter-spacing:1.5px;margin-top:19px;text-align:center}.token-section{gap:9%}.token-copy h2{font-size:clamp(52px,5.8vw,83px)}.token-board{align-self:center}.faq-buddies{width:210px;margin-top:24px;position:relative}.faq-buddies:before{content:'';position:absolute;inset:15px 0 0;border-radius:50%;background:var(--pink);border:var(--line);transform:rotate(-8deg);z-index:0}.faq-buddies img{position:relative;transform:rotate(-6deg);z-index:1;animation:mascot-bob 7s ease-in-out infinite}.footer-mascots{width:clamp(90px,15vw,210px);margin-left:24px;transform:rotate(-7deg);align-self:flex-end}
.js-motion .motion-title .motion-word{display:inline-block;opacity:0;transform:translate3d(0,25px,0) rotate(3deg);transition:opacity .55s ease,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--word-index,0)*.055s)}.js-motion .motion-title.title-seen .motion-word{opacity:1;transform:translate3d(0,0,0) rotate(0)}.motion-off .motion-title .motion-word{opacity:1!important;transform:none!important}.scroll-buddy{position:fixed;right:18px;bottom:19px;width:92px;z-index:30;opacity:0;visibility:hidden;transform:translateY(35px) rotate(7deg);transition:opacity .3s,visibility .3s,transform .45s;filter:drop-shadow(1px 3px 0 #2e194635)}.scroll-buddy>span{display:block;width:max-content;background:var(--cream);border:1.5px solid var(--ink);border-radius:20px;padding:7px 10px;font-size:8px;font-weight:700;letter-spacing:1px;margin:0 auto -7px;position:relative;z-index:1;transform:rotate(-7deg)}.scroll-buddy img{width:100%;transform:rotate(-7deg)}.has-scrolled .scroll-buddy{opacity:1;visibility:visible;transform:translateY(0) rotate(0)}.scroll-buddy:hover{transform:translateY(-9px) rotate(-5deg)}
@media(min-width:801px){.hero-wordmark{font-size:clamp(105px,10.15vw,146px);letter-spacing:-5px;padding-top:75px;line-height:1}.hero-grid{min-height:450px}.hero-art .mascot-motion{width:105%;left:5%}.hero-copy{padding-top:35px}.besties-sticker{top:-115px}}
@media(min-width:1400px){.story-section{min-height:880px}.story-section h2{max-width:62%}.story-bottom{margin-top:40px}}
@media(max-width:1100px){.story-section{min-height:770px}.story-section h2{font-size:7vw;max-width:60%}.story-bottom{max-width:500px}.story-bottom p{font-size:12px;max-width:390px}.story-bottom .round-link{width:50px;height:50px}.scene-caption{font-size:29px;padding:20px}.scene-caption svg{width:40px;height:40px}.scroll-buddy{width:76px;right:12px;bottom:14px}.token-copy h2{font-size:6vw}.lab-intro p{font-size:10px}.faq-buddies{width:180px}.ribbon-junction{height:140px}}
@media(max-width:800px){.ribbon-junction{height:125px}.ribbon-junction .marquee{top:32px}.ribbon-shadow{top:36px;height:56px;font-size:26px}.duo-section{padding-top:50px}.scene-caption{font-size:24px;padding:17px}.scene-caption svg{width:33px;height:33px}.story-section{min-height:0;padding-top:50px;padding-bottom:48px}.story-section h2{font-size:8.2vw;max-width:100%;margin-top:30px}.story-landscape{position:relative;inset:auto;height:auto;aspect-ratio:16/9;margin:35px -5.6% 0;z-index:0;border-top:var(--line);border-bottom:var(--line)}.story-landscape:after{display:none}.story-landscape img{height:120%;top:-10%;object-position:70% center}.story-bottom{max-width:none;margin-top:27px}.story-bottom p{max-width:85%;font-size:13px}.story-bottom .round-link{margin-left:auto;width:60px;height:60px}.story-seal{width:70px;height:70px;right:1%;top:-15px}.lab-intro{width:35%;transform:rotate(3deg)}.studio-picture{border-radius:10px;box-shadow:3px 3px var(--ink)}.lab-intro p{font-size:9px}.meme-section .heading-row h2{max-width:60%}.token-copy h2{font-size:6.8vw}.cosmic-art{margin-top:25px;box-shadow:4px 4px var(--pink)}.cosmic-caption{font-size:7px;letter-spacing:1px}.faq-buddies{width:150px}.scroll-buddy{display:none}}
@media(max-width:600px){.scroll-progress{height:3px}.hero-wordmark{transform:translate3d(var(--wordmark-x,0px),0,0)}.ribbon-junction{height:110px}.ribbon-junction .marquee{top:27px;transform:rotate(-4deg);left:-8%;width:116%}.ribbon-shadow{top:31px;left:-8%;width:116%;height:53px;transform:rotate(5deg);font-size:24px}.duo-section{padding-top:43px}.scene-poster{width:100%;height:auto;aspect-ratio:auto;min-height:0}.skatepark-picture{aspect-ratio:1.5}.scene-caption{font-size:27px;padding:21px}.scene-caption svg{width:40px;height:40px}.scene-poster .poster-label{font-size:8px}.scene-poster .poster-bottom{font-size:7px}.story-section{padding-top:43px;padding-bottom:42px}.story-section h2{font-size:11.3vw;max-width:100%;letter-spacing:-1px;line-height:1.08}.story-landscape{aspect-ratio:1.35;margin:27px -6.9% 0}.story-landscape img{object-position:73% center}.story-bottom{gap:15px}.story-bottom p{font-size:12px;max-width:82%}.story-bottom .round-link{width:43px;height:43px;box-shadow:2px 2px var(--ink)}.story-bottom .round-link svg{width:23px;height:23px}.meme-section .section-heading{margin-bottom:35px}.meme-section .heading-row h2{max-width:100%}.lab-intro{width:100%;max-width:none;margin-top:32px;transform:rotate(2deg)}.studio-picture{aspect-ratio:16/9;border-radius:12px;box-shadow:4px 4px var(--ink)}.lab-intro p{font-size:12px;margin:20px 0 0;transform:rotate(-2deg)}.token-copy h2{font-size:17vw;letter-spacing:-1.3px}.token-copy p{font-size:13px}.cosmic-art{margin-top:27px;border-radius:12px}.cosmic-caption{font-size:8px;margin-top:18px}.faq-buddies{width:115px;margin:0;position:absolute;right:3px;top:15px}.faq-buddies:before{inset:12px 0 0}.footer-mascots{display:none}.js-motion .motion-title .motion-word{transform:translate3d(0,16px,0) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.motion-title .motion-word{opacity:1!important;transform:none!important}.hero-wordmark,.hero-mascot{translate:none!important}.parallax-picture img{transform:none!important}}

/* Full, selectable contract address with a copy action at every screen size. */
.contract-live code{display:block;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere;user-select:all;margin:12px 0;color:var(--ink)}
.contract-live button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:9px 11px;background:var(--cream);border:1px solid var(--ink);border-radius:5px;font-size:10px;font-weight:700;color:var(--ink)}
.contract-live button:hover{background:var(--lime)}
.contract-live #contract-copy-status{min-height:15px;line-height:1.5;margin:9px 0 0}