@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Space+Mono:wght@400;700&display=swap');
:root{--ink:#050509;--pink:#ff5f9f;--hot:#ff2d7d;--blue:#15cfff;--deep:#0b3dff;--acid:#e8ff3f;--paper:#f4eff5;--mx:50vw;--my:50vh}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory;background:var(--ink);color:var(--paper)}body{margin:0;background:var(--ink);font-family:'Space Mono',monospace;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(350px at var(--mx) var(--my),rgba(21,207,255,.07),transparent 70%);z-index:20}.skip{position:fixed;top:-80px;left:20px;z-index:99;background:var(--acid);color:#000;padding:16px}.skip:focus{top:20px}.noise{position:fixed;inset:0;z-index:30;opacity:.055;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{position:fixed;top:0;left:0;width:100%;height:92px;z-index:40;display:flex;align-items:center;padding:0 3vw;border-bottom:1px solid #ffffff28;mix-blend-mode:difference;color:#fff}.brand{font:28px 'Archivo Black',sans-serif;color:inherit;text-decoration:none;letter-spacing:-2px}.brand span{color:var(--pink)}.brand i{display:inline-block;width:8px;height:8px;background:var(--blue);border-radius:50%;margin-left:5px;box-shadow:0 0 16px var(--blue)}.nav nav{display:flex;gap:28px;margin:auto}.nav nav a,.ca-button{color:inherit;text-decoration:none;text-transform:uppercase;font-weight:bold;font-size:12px;letter-spacing:.12em}.nav nav a:hover{color:var(--blue)}button{font:inherit}.ca-button{border:1px solid currentColor;background:transparent;border-radius:50px;padding:11px 17px;cursor:pointer}.menu-toggle{display:none;background:none;border:0;color:#fff;font-weight:bold}.panel{position:relative;min-height:100vh;height:max(100vh,min(1080px,56.25vw));overflow:hidden;scroll-snap-align:start;padding:clamp(110px,8vw,155px) 5vw 5vw;isolation:isolate}.eyebrow,.section-no{text-transform:uppercase;font-size:clamp(10px,.8vw,15px);letter-spacing:.2em;font-weight:bold}.section-no{position:absolute;top:120px;right:5vw}.hero{background:#06060b}.mega{font:clamp(72px,12vw,225px)/.72 'Archivo Black',sans-serif;letter-spacing:-.075em;margin:6vh 0 0;text-transform:uppercase;position:relative;z-index:2}.mega span{display:block}.mega .outline{color:transparent;-webkit-text-stroke:2px var(--paper);margin-left:8vw}.hero-copy{font-size:clamp(15px,1.2vw,24px);max-width:420px;margin:7vh 0 0 9vw}.pig{margin:0;position:absolute;z-index:3;filter:drop-shadow(0 0 36px #ff3c8b66)}.pig img{width:100%;height:auto;display:block}.hero-pig{width:min(48vw,880px);right:1vw;bottom:-4vh;animation:float 5s ease-in-out infinite}.round-link{width:clamp(110px,9vw,170px);aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;background:var(--acid);color:#050509;text-decoration:none;font-weight:bold;transform:rotate(-8deg);position:absolute;z-index:6;left:4vw;bottom:10vh;box-shadow:0 0 0 0 var(--acid);transition:.3s}.round-link:hover{transform:rotate(5deg) scale(1.08);box-shadow:0 0 40px #e8ff3f77}.ticker{position:absolute;bottom:0;left:0;display:flex;width:max-content;background:var(--blue);color:#02020a;font-weight:bold;font-size:18px;padding:11px 0;transform:rotate(-1deg);z-index:5}.ticker span{animation:ticker 18s linear infinite}.orb{position:absolute;border-radius:50%;filter:blur(3px)}.orb-a{width:48vw;height:48vw;right:-15vw;top:-24vw;background:radial-gradient(circle at 35% 40%,#ff85b6,var(--hot) 35%,transparent 68%)}.orb-b{width:25vw;height:25vw;left:28vw;bottom:-18vw;background:var(--deep);filter:blur(50px);opacity:.45}.lore{background:var(--pink);color:#08070c}.lore:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(105deg,transparent 0 18px,#0000000c 19px 20px)}.giant{font:clamp(70px,10vw,190px)/.78 'Archivo Black',sans-serif;letter-spacing:-.07em;margin:4vh 0}.giant em{color:transparent;-webkit-text-stroke:2px #08070c;font-style:normal;margin-left:10vw}.lore-card{position:absolute;z-index:3;right:6vw;top:24%;width:min(31vw,580px);background:#08070c;color:white;padding:clamp(25px,3vw,55px);transform:rotate(2deg);font-size:clamp(13px,1vw,19px);line-height:1.7;box-shadow:15px 15px 0 var(--blue)}.signal-line{color:var(--blue);font-weight:bold}.rings{position:absolute;right:-11vw;bottom:-14vw;width:42vw;aspect-ratio:1}.rings i{position:absolute;inset:calc(var(--i,0)*10%);border:3px solid #07080b;border-radius:50%}.rings i:nth-child(2){inset:12%}.rings i:nth-child(3){inset:24%}.rings i:nth-child(4){inset:36%;background:var(--blue)}.faces{background:var(--blue);color:#050509}.faces h2,.community h2{font:clamp(62px,8vw,150px)/.82 'Archivo Black';letter-spacing:-.06em;margin:1vh 0 4vh}.faces h2 span{color:transparent;-webkit-text-stroke:2px #050509}.face-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4vw;height:59vh}.face-card{position:relative;background:#08080d;border:2px solid #08080d;overflow:hidden}.face-card:nth-child(2){transform:translateY(3vh) rotate(1deg)}.face-card:nth-child(3){transform:rotate(-1.5deg)}.face-card img{width:100%;height:calc(100% - 80px);object-fit:contain;transition:.45s}.face-card:hover img{transform:scale(1.08) rotate(-2deg);filter:drop-shadow(0 0 20px var(--pink))}.face-card div{height:80px;background:var(--paper);display:flex;flex-direction:column;padding:13px 20px}.face-card b{font:20px 'Archivo Black'}.face-card span{font-size:11px}.roadmap{background:#08080d;color:white}.roadmap:after{content:"";position:absolute;left:-5vw;bottom:-40vw;width:70vw;height:70vw;border-radius:50%;background:conic-gradient(var(--blue),var(--pink),var(--acid),var(--blue));filter:blur(85px);opacity:.3;z-index:-1}.roadmap h2{font:clamp(90px,13vw,240px)/.72 'Archivo Black';letter-spacing:-.08em;margin:2vh 0;color:var(--pink)}.steps{position:absolute;right:5vw;top:20%;width:48vw;margin:0;padding:0;list-style:none}.steps li{display:grid;grid-template-columns:80px 1fr;gap:1vw;padding:2vh 0;border-top:1px solid #ffffff52}.steps li>span{font:30px 'Archivo Black';color:var(--blue)}.steps b{font:clamp(22px,2vw,38px) 'Archivo Black'}.steps p{margin:.5em 0;color:#bdb8c4}.community{background:var(--paper);color:#08080d}.community h2 span{color:var(--hot)}.social-list{width:60%;margin-left:auto}.social-list a{display:grid;grid-template-columns:60px 1fr auto;align-items:center;color:inherit;text-decoration:none;border-top:2px solid;padding:2vh 1vw;font:clamp(25px,3.4vw,64px) 'Archivo Black';transition:.25s}.social-list a:hover{background:var(--blue);padding-left:2vw}.social-list a span{font:12px 'Space Mono'}.big-ca{position:absolute;left:5vw;bottom:9vh;width:30vw;border:0;background:var(--hot);color:white;text-align:left;padding:25px;cursor:pointer;transform:rotate(-2deg);box-shadow:12px 12px 0 #08080d}.big-ca small,.big-ca i{display:block;font-size:11px}.big-ca span{display:block;font:clamp(24px,3vw,55px) 'Archivo Black';margin:12px 0;overflow:hidden;text-overflow:ellipsis}.finale{background:#07070b;text-align:center}.sun{position:absolute;left:50%;top:55%;translate:-50% -50%;width:min(72vw,1250px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 45%,#fff 0 2%,var(--blue) 3% 14%,var(--deep) 35%,var(--hot) 56%,transparent 70%);filter:blur(12px);animation:pulse 5s infinite}.finale h2{font:clamp(80px,12vw,220px)/.77 'Archivo Black';letter-spacing:-.075em;margin:4vh auto;color:white;position:relative;z-index:2}.finale h2 span{color:transparent;-webkit-text-stroke:2px white}.final-pig{width:min(32vw,580px);left:50%;translate:-50%;bottom:-12%;animation:float 4s ease-in-out infinite reverse}.finale .round-link{left:auto;right:8vw;bottom:20vh}.finale footer{position:absolute;bottom:20px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:11px;z-index:8}.finale footer a{color:inherit}.toast{position:fixed;left:50%;bottom:40px;translate:-50% 120px;background:var(--acid);color:#000;padding:16px 24px;font-weight:bold;z-index:90;transition:.35s}.toast.show{translate:-50% 0}.reveal{opacity:0;transform:translateY(35px);transition:opacity .75s,transform .75s}.reveal.in{opacity:1;transform:none}@keyframes float{50%{translate:0 -18px;rotate:1deg}}@keyframes ticker{to{transform:translateX(-100%)}}@keyframes pulse{50%{scale:1.06;filter:blur(17px)}}
@media(max-width:800px){html{scroll-snap-type:none}.panel{height:auto;min-height:100svh;padding:100px 20px 70px}.nav{height:72px;padding:0 20px}.nav .ca-button{display:none}.menu-toggle{display:block;margin-left:auto}.nav nav{display:none;position:absolute;top:72px;left:0;width:100%;padding:30px;background:#050509;flex-direction:column}.nav nav.open{display:flex}.section-no{top:85px;right:20px}.mega{font-size:22vw;margin-top:12vh}.mega .outline{margin-left:0;-webkit-text-stroke:1px white}.hero-pig{width:85vw;right:-15vw;bottom:10vh;opacity:.85}.hero-copy{margin:4vh 0;width:55%;position:relative;z-index:6}.round-link{bottom:7vh}.lore{padding-bottom:120px}.giant{font-size:20vw}.giant em{margin-left:0}.lore-card{position:relative;top:auto;right:auto;width:92%;margin:5vh auto 0}.rings{width:80vw}.faces h2,.community h2{font-size:15vw;margin-top:7vh}.face-grid{height:auto;grid-template-columns:1fr}.face-card{height:62vh}.face-card:nth-child(n){transform:none}.roadmap h2{font-size:24vw}.steps{position:relative;right:auto;top:auto;width:100%;margin-top:8vh}.steps li{grid-template-columns:50px 1fr}.social-list{width:100%;margin-top:8vh}.social-list a{font-size:8vw;grid-template-columns:36px 1fr auto}.big-ca{position:relative;left:auto;bottom:auto;width:92%;margin:7vh auto}.finale{min-height:100svh}.finale h2{font-size:20vw}.final-pig{width:85vw;bottom:3vh}.finale .round-link{right:5vw;bottom:18vh}.finale footer span{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}