:root{--bg: #0a0a0f;--fg: #f4f4f6;--muted: #9a9aab}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;overscroll-behavior:none}.progress-bar{position:fixed;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#ec4899,#f59e0b);transform-origin:0%;z-index:100}.sec{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;padding:0 8vw 18vh;overflow:hidden}.sec--hero{background:radial-gradient(120% 100% at 50% 0%,#20122e,#0a0a0f 70%)}.sec--outro{background:radial-gradient(120% 100% at 50% 20%,#3a230a,#0a0a0f 72%)}.sec--project{background:radial-gradient(120% 90% at 50% 28%,color-mix(in srgb,var(--accent) 30%,#0a0a0f),#0a0a0f 72%)}.sec--project.sec--left{background:radial-gradient(120% 90% at 28% 28%,color-mix(in srgb,var(--accent) 30%,#0a0a0f),#0a0a0f 72%)}.sec--project.sec--right{background:radial-gradient(120% 90% at 72% 28%,color-mix(in srgb,var(--accent) 30%,#0a0a0f),#0a0a0f 72%)}.sec--center .sec__content{margin:0 auto;text-align:center}.sec--left .sec__content{margin-right:auto;text-align:left}.sec--right .sec__content{margin-left:auto;text-align:right}.beach{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.beach__fig{position:absolute;top:10%;left:50%;width:clamp(170px,21vw,290px);aspect-ratio:1;transform:translate(-50%)}.sec--left .beach__fig{left:auto;right:8%;transform:none}.sec--right .beach__fig{left:8%;transform:none}.beach__sun{border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 85%,#fff) 0%,var(--accent) 32%,transparent 66%);filter:blur(2px);opacity:.5;animation:sunPulse 5.5s ease-in-out infinite}.beach__sun:before{content:"";position:absolute;top:-34%;right:-34%;bottom:-34%;left:-34%;border-radius:50%;background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--accent) 55%,transparent) 0deg 2.5deg,transparent 2.5deg 12deg);-webkit-mask:radial-gradient(circle,transparent 41%,#000 45%,#000 55%,transparent 64%);mask:radial-gradient(circle,transparent 41%,#000 45%,#000 55%,transparent 64%);opacity:.5;animation:spin 44s linear infinite}.beach__motif{display:flex;align-items:center;justify-content:center;opacity:.5;animation:motifFloat 6s ease-in-out infinite}.beach__motif svg{width:100%;height:100%;filter:drop-shadow(0 0 22px color-mix(in srgb,var(--accent) 55%,transparent))}.beach__motif:before{content:"";position:absolute;top:-14%;right:-14%;bottom:-14%;left:-14%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 42%,transparent) 0%,transparent 64%);filter:blur(12px);z-index:-1;animation:sunPulse 5.5s ease-in-out infinite}.beach__scene{position:absolute;top:0;right:0;bottom:0;left:0}.beach__ocean{position:absolute;left:0;right:0;top:56%;height:26%;z-index:0}.wave{position:absolute;bottom:0;left:0;width:200%;height:100%}.wave--back{opacity:.55;animation:waveX 15s linear infinite}.wave--front{height:82%;opacity:.9;animation:waveX 9s linear infinite}.beach__sand{position:absolute;left:-8%;right:-8%;bottom:0;top:72%;z-index:1;background:linear-gradient(180deg,#d2ad6e,#a47e44 55%,#6f5430);border-radius:50% 50% 0 0/16% 16% 0 0;box-shadow:inset 0 10px 26px #ffe8bc2e}.beach__horizon{position:absolute;left:-10%;right:-10%;bottom:0;height:34%;background:radial-gradient(80% 100% at 50% 100%,color-mix(in srgb,var(--accent) 28%,transparent) 0%,transparent 70%);opacity:.7;animation:horizonGlow 6s ease-in-out infinite}.beach__palm{position:absolute;bottom:-1%;height:clamp(440px,86vh,900px);width:auto;opacity:.82;z-index:3;filter:drop-shadow(0 0 18px rgba(0,0,0,.35))}.beach__palm--l{left:-2%;transform-origin:50% 100%;animation:sway 7s ease-in-out infinite}.beach__palm--r{right:-2%;transform-origin:50% 100%;animation:swayR 7.6s ease-in-out infinite}@keyframes sunPulse{0%,to{opacity:.42;filter:blur(2px)}50%{opacity:.62;filter:blur(4px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes horizonGlow{0%,to{opacity:.55}50%{opacity:.85}}@keyframes sway{0%,to{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}}@keyframes swayR{0%,to{transform:scaleX(-1) rotate(-1.4deg)}50%{transform:scaleX(-1) rotate(1.4deg)}}@keyframes motifFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes waveX{0%{transform:translate(0)}to{transform:translate(-50%)}}.sec__ghost{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--accent);opacity:.12;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;-webkit-mask-image:var(--ghost);mask-image:var(--ghost);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:min(48vw,560px);mask-size:min(48vw,560px);-webkit-mask-position:50% 60%;mask-position:50% 60%}.sec--left .sec__ghost{-webkit-mask-position:84% 62%;mask-position:84% 62%}.sec--right .sec__ghost{-webkit-mask-position:16% 62%;mask-position:16% 62%}.sec__content{position:relative;z-index:1;max-width:620px}.sec__eyebrow{letter-spacing:.3em;font-size:.85rem;color:var(--accent);margin-bottom:1.2rem}.sec__title{font-weight:900;letter-spacing:-.03em;line-height:.95}.sec__title-link{display:inline-flex;align-items:flex-start;gap:.12em;color:inherit;text-decoration:none}.sec__title-link span{color:var(--accent);font-size:.28em;line-height:1;transform:translateY(.1em);transition:transform .2s ease}.sec__title-link:hover span{transform:translate(.12em,-.02em)}.sec__title-link:focus-visible{outline:2px solid var(--accent);outline-offset:.12em;border-radius:.08em}.sec--project .sec__title,.sec--outro .sec__title{font-size:clamp(2.8rem,8vw,6rem)}.sec--hero .sec__title{font-size:clamp(1.6rem,6vw,4rem);letter-spacing:-.02em;line-height:1.05;white-space:nowrap}.sec__hint{margin-top:.9rem;font-size:.8rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);opacity:.7}.sec__hint:before{content:"↓ ";opacity:.8}.sec__hint-num{display:inline-block;min-width:1.1em;text-align:center;font-weight:800;color:var(--accent);opacity:1}.sec__hint--ready{color:var(--accent);opacity:.95}.sec__body{margin-top:1.4rem;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.55;color:var(--muted)}.sec--hero .sec__content{width:min(680px,100%)}.sec--hero .sec__body{max-width:610px;margin:1rem auto 0;font-size:clamp(.95rem,1.7vw,1.15rem);color:#b8b8c5}.sec__social{display:inline-flex;align-items:center;gap:.75rem;margin-top:1.15rem;padding:.62rem .85rem .62rem .65rem;border:1px solid color-mix(in srgb,var(--accent) 52%,transparent);border-radius:999px;color:#fff;background:color-mix(in srgb,var(--accent) 16%,rgba(10,10,15,.76));box-shadow:0 8px 28px #00000052;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);text-decoration:none;text-align:left;transition:transform .2s ease,border-color .2s ease,background .2s ease}.sec__social:hover{transform:translateY(-3px);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 26%,rgba(10,10,15,.76))}.sec__social:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sec__social-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;padding:9px;border-radius:50%;background:#09090d;border:1px solid rgba(255,255,255,.18);color:#fff}.sec__social-icon svg{width:100%;height:100%}.sec__social span:not(.sec__social-icon):not(.sec__social-arrow){display:grid;gap:.05rem;font-weight:800;line-height:1.1}.sec__social small{color:var(--accent);font-size:.64rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.sec__social-arrow{color:var(--accent);font-size:1.1rem;font-weight:800}.walking-guy{position:fixed;left:0;right:0;bottom:4vh;display:flex;justify-content:center;z-index:40;pointer-events:none}.walking-guy__enter{will-change:transform}.walking-guy__rig{position:relative;height:clamp(200px,32vh,340px);will-change:transform}.walking-guy__halo{position:absolute;left:50%;bottom:-8%;width:150%;height:150%;transform:translate(-50%);background:radial-gradient(ellipse 50% 50% at 50% 60%,rgba(255,238,205,.22),rgba(255,238,205,.08) 45%,transparent 68%);filter:blur(6px);z-index:-1}.walking-guy__body{position:relative;height:100%;transform-origin:50% 90%;will-change:transform;animation:guyIdle 3.4s ease-in-out infinite}.money-bag{position:absolute;left:40%;top:26%;width:46%;height:auto;opacity:0;transform-origin:50% 100%;pointer-events:none;z-index:2;filter:drop-shadow(0 6px 8px rgba(0,0,0,.5))}.is-grabbing .money-bag{animation:grabStuff 2.1s ease-in-out forwards}.is-grabbing .money-bag__shake{transform-box:fill-box;transform-origin:50% 50%;animation:bagShake .18s ease-in-out .25s 4}.is-serum-dosing .money-bag{opacity:0!important;animation:none!important}.serum-dose{position:absolute;left:43%;top:16%;width:34%;height:auto;z-index:4;opacity:0;pointer-events:none;transform-origin:50% 18%;filter:drop-shadow(0 0 12px rgba(182,255,46,.7)) drop-shadow(0 8px 12px rgba(0,0,0,.48))}.is-serum-dosing .serum-dose{animation:serumDoseGrab 4.8s linear forwards}.is-serum-dosing .walking-guy__body{animation:serumDrinkRun 4.8s linear forwards}.is-serum-dosing .walking-guy__shadow{animation:serumShadowRun 4.8s linear forwards}.is-serum-dosing .walking-guy__halo{animation:serumHaloRun 4.8s linear forwards}.is-serum-dosing .foot{opacity:0;animation:none!important}@keyframes serumDoseGrab{0%,29%{opacity:0;transform:translate(88%,-74%) scale(.82) rotate(-12deg)}32%{opacity:1;transform:translate(24%,-8%) scale(.88) rotate(-58deg)}45%{opacity:1;transform:translate(10%,2%) scale(.86) rotate(-76deg)}62%{opacity:1;transform:translate(8%,2%) scale(.84) rotate(-82deg)}72%,to{opacity:0;transform:translate(8%,2%) scale(.18) rotate(-88deg)}}@keyframes serumDrinkRun{0%{transform:translate(0) rotate(0)}12%{transform:translateY(8%) rotate(-4deg) scaleY(.96)}29%{transform:translate(42%,-58%) rotate(-9deg) scale(1.02)}42%{transform:translate(42%,-54%) rotate(-2deg) scale(1)}55%{transform:translate(42%,-54%) rotate(-15deg) scale(1.01)}66%{transform:translate(42%,-54%) rotate(-10deg) scale(1.02)}78%{transform:translate(34%,-12%) rotate(-4deg) scale(1.04)}84%{transform:translate(38%) rotate(9deg) scale(1)}to{transform:translate(150vw,-2%) rotate(18deg) scale(1)}}@keyframes serumShadowRun{0%,12%{transform:translate(-50%) scale(1);opacity:.5}29%,66%{transform:translate(12%) scale(.42);opacity:.22}84%{transform:translate(8%) scale(.88);opacity:.42}to{transform:translate(130vw) scale(.72);opacity:0}}@keyframes serumHaloRun{0%,12%{opacity:1;transform:translate(-50%)}29%,66%{opacity:.82;transform:translate(-8%,-54%) scale(.92)}84%{opacity:.7;transform:translate(-12%) scale(1)}to{opacity:0;transform:translate(130vw,-2%) scale(.9)}}@keyframes grabStuff{0%{opacity:0;transform:translate(78%,70%) scale(.45) rotate(10deg)}14%{opacity:1;transform:translate(60%,40%) scale(1) rotate(0)}46%{opacity:1;transform:translate(22%,-26%) scale(1.06) rotate(-7deg)}66%{opacity:1;transform:translateY(-40%) scale(1) rotate(0)}86%{opacity:1;transform:translateY(-6%) scale(.5) rotate(0)}to{opacity:0;transform:translateY(6%) scale(.18) rotate(0)}}@keyframes bagShake{0%,to{transform:rotate(-6deg)}50%{transform:rotate(6deg)}}.logo-pile{position:absolute;left:0;right:0;bottom:-2vh;pointer-events:none;z-index:6}.logo-pile{--spread: clamp(60px, 17vw, 165px)}.logo-pile__item{position:absolute;left:50%;bottom:0;pointer-events:auto;display:block;width:clamp(52px,7vw,92px);aspect-ratio:1;color:inherit;text-decoration:none;opacity:0;--cx: calc(var(--i) * var(--spread));transform-origin:50% 100%;animation:logoErupt .8s cubic-bezier(.34,1.3,.5,1) forwards;animation-delay:var(--delay)}.logo-pile__chip{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:0;overflow:hidden;border-radius:50%;color:#fff;background:#0b0b10;border:1.5px solid rgba(255,255,255,.24);box-shadow:0 10px 24px #00000080;transition:transform .2s ease,box-shadow .2s ease}.logo-pile__chip svg{width:100%;height:100%}.logo-pile__chip img{width:100%;height:100%;display:block;object-fit:cover}.logo-pile__item:first-child .logo-pile__chip{padding:25%}.logo-pile__item:hover .logo-pile__chip{transform:translateY(-10px) scale(1.12);border-color:#fff9;box-shadow:0 16px 32px #00000094}.logo-pile__label{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(8px);white-space:nowrap;font-size:clamp(11px,1.1vw,14px);font-weight:700;letter-spacing:.02em;color:#fff;background:#0c0c12f0;border:1px solid rgba(255,255,255,.2);padding:5px 11px;border-radius:999px;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;box-shadow:0 8px 18px #00000073}.logo-pile__item:hover .logo-pile__label{opacity:1;transform:translate(-50%) translateY(0)}@keyframes logoErupt{0%{opacity:0;transform:translate(-50%,-130px) scale(.25)}30%{opacity:1;transform:translate(calc(-50% + var(--cx) * .25),-120px) scale(.5)}to{opacity:1;transform:translate(calc(-50% + var(--cx))) scale(1)}}.walking-guy__body img{height:100%;width:auto;display:block;filter:drop-shadow(0 16px 18px rgba(0,0,0,.45))}.walking-guy__shadow{position:absolute;left:50%;bottom:-2%;width:64%;height:8%;transform:translate(-50%);background:radial-gradient(ellipse,rgba(0,0,0,.5),transparent 70%);filter:blur(3px);animation:shadowPulseIdle 3.4s ease-in-out infinite}.foot{position:absolute;bottom:-1%;width:15%;height:7%;background:#07070a;border-radius:50%}.foot--l{left:34%}.foot--r{left:51%}@keyframes guyIdle{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(0)}}@keyframes shadowPulseIdle{0%,to{transform:translate(-50%) scale(1);opacity:.5}50%{transform:translate(-50%) scale(.96);opacity:.42}}.is-laughing .walking-guy__body{animation:guyLaugh .46s ease-in-out infinite}@keyframes guyLaugh{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-9px) rotate(4deg)}}.walking-guy__laugh{position:absolute;left:50%;bottom:0;width:0;height:0;z-index:3;pointer-events:none}.walking-guy__haha{position:absolute;bottom:clamp(195px,31vh,345px);left:50%;transform:translate(-50%);font-weight:900;font-size:clamp(1rem,2.4vw,1.7rem);letter-spacing:.06em;color:#ffe7a3;text-shadow:0 2px 7px rgba(0,0,0,.55);white-space:nowrap;animation:hahaBob .5s ease-in-out infinite}.walking-guy__point{position:absolute;bottom:clamp(74px,13vh,135px);left:clamp(-160px,-14vw,-96px);font-size:clamp(1.7rem,3vw,2.5rem);animation:pointJab .45s ease-in-out infinite}@keyframes hahaBob{0%,to{transform:translate(-50%) translateY(0) rotate(-5deg)}50%{transform:translate(-50%) translateY(-7px) rotate(5deg)}}@keyframes pointJab{0%,to{transform:translate(0) rotate(-6deg)}50%{transform:translate(-9px) rotate(-13deg)}}.walking-guy__laugh--right .walking-guy__point{left:auto;right:clamp(-160px,-14vw,-96px);animation:pointJabR .45s ease-in-out infinite}@keyframes pointJabR{0%,to{transform:translate(0) rotate(6deg)}50%{transform:translate(9px) rotate(13deg)}}.walking-guy__friends{position:absolute;left:50%;bottom:0;width:0;height:0;z-index:3;pointer-events:none}.walking-guy__friends-bubble{position:absolute;left:50%;bottom:clamp(178px,29vh,318px);background:#fff;color:#7c3aed;font-weight:900;font-size:clamp(1rem,2.3vw,1.7rem);letter-spacing:.02em;padding:.4em .9em;border-radius:18px;box-shadow:0 8px 22px #00000073;white-space:nowrap;transform-origin:center bottom;animation:friendsPop .5s cubic-bezier(.34,1.7,.5,1) both,friendsBob 2.4s ease-in-out .5s infinite}.walking-guy__friends-bubble:after{content:"";position:absolute;left:50%;bottom:-7px;width:16px;height:16px;background:#fff;transform:translate(-50%) rotate(45deg);border-radius:0 0 4px}@keyframes friendsPop{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(0)}70%{opacity:1;transform:translate(-50%) translateY(0) scale(1.1)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes friendsBob{0%,to{transform:translate(-50%) translateY(0) rotate(-2deg)}50%{transform:translate(-50%) translateY(-6px) rotate(2deg)}}.wg-heart{position:absolute;left:50%;bottom:clamp(186px,30vh,326px);font-size:clamp(.9rem,1.8vw,1.4rem);opacity:0;filter:drop-shadow(0 2px 4px rgba(0,0,0,.4))}.wg-heart--1{--hx: -48px;animation:heartFloat 2.2s ease-out .5s infinite}.wg-heart--2{--hx: 46px;animation:heartFloat 2.5s ease-out 1.1s infinite}.wg-heart--3{--hx: 4px;animation:heartFloat 2s ease-out 1.7s infinite}@keyframes heartFloat{0%{opacity:0;transform:translate(calc(-50% + var(--hx)),12px) scale(.5) rotate(-8deg)}25%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--hx)),-74px) scale(1.15) rotate(8deg)}}.is-chasing .walking-guy__body{animation:guyRun .3s ease-in-out infinite}.is-chasing .walking-guy__shadow{animation:shadowPulseWalk .3s ease-in-out infinite}.is-chasing .foot--l{animation:step .3s ease-in-out infinite}.is-chasing .foot--r{animation:step .3s ease-in-out infinite .15s}@keyframes guyRun{0%,to{transform:translateY(0) rotate(11deg)}50%{transform:translateY(-13px) rotate(17deg)}}.walking-guy__chase{position:absolute;left:50%;bottom:0;width:0;height:0;z-index:3;pointer-events:none}.walking-guy__thicc{position:absolute;left:50%;bottom:clamp(190px,30vh,330px);transform:translate(-50%);font-weight:900;font-style:italic;font-size:clamp(1.1rem,2.6vw,1.95rem);letter-spacing:.04em;color:#ffd23f;text-shadow:0 2px 8px rgba(0,0,0,.6);white-space:nowrap;animation:thiccShout .34s ease-in-out infinite}@keyframes thiccShout{0%,to{transform:translate(-50%) translateY(0) rotate(-4deg) scale(1)}50%{transform:translate(-50%) translateY(-6px) rotate(4deg) scale(1.09)}}.poke{position:absolute;left:42vw;bottom:7vh;width:clamp(96px,12vw,152px);z-index:5;pointer-events:none}.poke__sprite{width:100%;height:auto;display:block;opacity:0;transform:scale(0);transform-origin:bottom center;filter:drop-shadow(0 10px 14px rgba(0,0,0,.4))}.poke--go .poke__sprite{animation:pokeFlee 2.8s ease-in-out forwards}@keyframes pokeFlee{0%{opacity:0;transform:translate(0) scale(0)}5%{opacity:1;transform:translate(0) scale(1.08)}9%{transform:translate(0) rotate(0)}16%{transform:translate(0) rotate(5deg)}24%{transform:translate(0) rotate(-5deg)}32%{transform:translate(0) rotate(5deg)}40%{transform:translate(0) rotate(-5deg)}48%{transform:translate(0) rotate(5deg)}54%{transform:translate(0) rotate(0);animation-timing-function:cubic-bezier(.16,1,.3,1)}to{opacity:1;transform:translate(-175vw) rotate(-7deg)}}.serum-lab{position:absolute;right:7vw;bottom:17vh;width:clamp(230px,26vw,380px);height:clamp(210px,28vw,360px);z-index:4;pointer-events:none;opacity:0}.serum-lab--go{opacity:1}.serum-lab__orb{position:absolute;border-radius:50%;filter:blur(18px);opacity:.72}.serum-lab__orb--lime{width:54%;aspect-ratio:1;right:4%;top:2%;background:#b6ff2e5c;animation:serumPulse 3.2s ease-in-out infinite}.serum-lab__orb--cyan{width:44%;aspect-ratio:1;left:8%;bottom:12%;background:#00e5ff42;animation:serumPulse 3.8s ease-in-out .4s infinite}.serum-lab__panel{position:absolute;left:0;bottom:7%;width:78%;padding:clamp(12px,1.6vw,18px);border:1px solid rgba(255,255,255,.16);border-radius:24px;background:linear-gradient(135deg,#ffffff1f,#ffffff08),#070a10b8;box-shadow:0 20px 45px #00000073;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translateY(24px) scale(.95)}.serum-lab--go .serum-lab__panel{animation:serumPanelIn .72s cubic-bezier(.34,1.5,.5,1) forwards}.serum-lab__top{display:flex;align-items:center;gap:7px;color:#d9ff8c;font-weight:900;letter-spacing:.04em;text-transform:uppercase;font-size:clamp(.7rem,1vw,.86rem)}.serum-lab__top span{width:8px;height:8px;border-radius:50%;background:#b6ff2e;box-shadow:0 0 12px #b6ff2ecc}.serum-lab__top span:nth-child(2){background:#00e5ff}.serum-lab__top span:nth-child(3){background:#007bff}.serum-lab__top strong{margin-left:auto}.serum-lab__chart{position:relative;height:clamp(78px,9vw,118px);margin:18px 0 14px;border-radius:18px;overflow:hidden;background:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px),#0003;background-size:100% 25%,25% 100%}.serum-lab__chart:before,.serum-lab__chart:after{content:"";position:absolute;left:8%;right:8%;height:3px;border-radius:999px;transform-origin:left center}.serum-lab__chart:before{top:60%;--r: -15deg;background:#b6ff2e;box-shadow:0 0 16px #b6ff2eb3;transform:rotate(-15deg) scaleX(0)}.serum-lab__chart:after{top:44%;--r: -7deg;background:#00e5ff;box-shadow:0 0 16px #00e5ff99;transform:rotate(-7deg) scaleX(0)}.serum-lab--go .serum-lab__chart:before{animation:serumLine .9s ease-out .38s forwards}.serum-lab--go .serum-lab__chart:after{animation:serumLine .9s ease-out .58s forwards}.serum-lab__chart i{position:absolute;bottom:12%;width:7%;border-radius:999px 999px 0 0;background:linear-gradient(180deg,#b6ff2e,#00e5ff);opacity:0}.serum-lab__chart i:nth-child(1){left:14%;height:36%}.serum-lab__chart i:nth-child(2){left:35%;height:56%}.serum-lab__chart i:nth-child(3){left:56%;height:46%}.serum-lab__chart i:nth-child(4){left:76%;height:68%}.serum-lab--go .serum-lab__chart i{animation:serumBar .42s cubic-bezier(.34,1.5,.5,1) forwards}.serum-lab--go .serum-lab__chart i:nth-child(2){animation-delay:.12s}.serum-lab--go .serum-lab__chart i:nth-child(3){animation-delay:.24s}.serum-lab--go .serum-lab__chart i:nth-child(4){animation-delay:.36s}.serum-lab__status{display:flex;flex-wrap:wrap;gap:8px}.serum-lab__status span{padding:.45em .72em;border-radius:999px;background:#b6ff2e1f;border:1px solid rgba(182,255,46,.28);color:#efffd0;font-size:clamp(.68rem,.9vw,.8rem);font-weight:800}.serum-lab__vial{position:absolute;right:1%;top:0;width:clamp(86px,10vw,136px);filter:drop-shadow(0 18px 24px rgba(0,0,0,.46));transform:translateY(18px) rotate(12deg) scale(.88)}.serum-lab--go .serum-lab__vial{animation:serumVialIn .8s cubic-bezier(.34,1.6,.5,1) .18s forwards,serumVialTaken 1.35s linear 1.05s forwards}.serum-lab__vial svg{display:block;width:100%;height:auto}@keyframes serumPulse{0%,to{transform:scale(.96);opacity:.58}50%{transform:scale(1.08);opacity:.84}}@keyframes serumPanelIn{to{opacity:1;transform:translateY(0) scale(1)}}@keyframes serumVialIn{to{opacity:1;transform:translateY(0) rotate(8deg) scale(1)}}@keyframes serumVialFloat{0%,to{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-10px) rotate(4deg)}}@keyframes serumVialTaken{0%{opacity:1;transform:translateY(0) rotate(8deg) scale(1)}64%{opacity:1;transform:translate(-30vw,20vh) rotate(-34deg) scale(.76)}to{opacity:0;transform:translate(-35vw,22vh) rotate(-58deg) scale(.28)}}@keyframes serumLine{to{transform:rotate(var(--r, -12deg)) scaleX(1)}}@keyframes serumBar{0%{opacity:0;transform:scaleY(0);transform-origin:bottom}to{opacity:1;transform:scaleY(1);transform-origin:bottom}}.is-walking .walking-guy__body{animation:waddle .72s ease-in-out infinite}.is-walking .walking-guy__shadow{animation:shadowPulseWalk .72s ease-in-out infinite}.is-walking .foot--l{animation:step .72s ease-in-out infinite}.is-walking .foot--r{animation:step .72s ease-in-out infinite .36s}@keyframes waddle{0%{transform:translateY(0) rotate(-3.4deg)}25%{transform:translateY(-8px) rotate(0)}50%{transform:translateY(0) rotate(3.4deg)}75%{transform:translateY(-8px) rotate(0)}to{transform:translateY(0) rotate(-3.4deg)}}@keyframes step{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shadowPulseWalk{0%,to{transform:translate(-50%) scale(1);opacity:.5}50%{transform:translate(-50%) scale(.8);opacity:.32}}.elf{position:absolute;left:20vw;bottom:4vh;width:clamp(86px,11vw,140px);z-index:5;pointer-events:none;opacity:0}.elf__tumble{position:relative;transform-origin:50% 90%}.elf__art{width:100%;height:auto;display:block;overflow:visible}.elf__hat,.elf__tears{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.elf__hat{z-index:3}.elf__tears{z-index:4}.elf__photo{position:absolute;left:50%;top:32%;transform:translate(-50%,-50%);width:54%;aspect-ratio:1;object-fit:contain;z-index:2}.elf--go .elf__tumble{animation:elfTumble 2.3s ease-in forwards}.elf__tumble{transform:translate(2vw,-50vh) rotate(-8deg)}@keyframes elfTumble{0%{transform:translate(2vw,-50vh) rotate(-8deg)}14%{transform:translate(2vw,-50vh) rotate(-12deg)}24%{transform:translate(5vw,-45vh) rotate(36deg)}56%{transform:translateY(-6vh) rotate(250deg)}64%{transform:translateY(-13vh) rotate(266deg)}72%{transform:translateY(-6vh) rotate(274deg)}to{transform:translateY(-6vh) rotate(274deg)}}.elf__tear{opacity:0}.elf--go .elf__tear{animation:elfTear .9s ease-in 1.5s infinite}.elf--go .elf__tear--2{animation-delay:1.85s}@keyframes elfTear{0%{opacity:0;transform:translate(0) scale(.5)}25%{opacity:1}to{opacity:0;transform:translate(-14px,16px) scale(1.1)}}.gorb{position:absolute;right:13vw;bottom:4vh;width:clamp(118px,15vw,188px);z-index:5;pointer-events:none;opacity:0}.elf--go,.gorb--go{opacity:1}.gorb__pit{position:relative;width:100%;aspect-ratio:836 / 1098;z-index:1;clip-path:inset(-700% -700% 0 -700%)}.gorb__char{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transform:translate(160%)}.gorb--go .gorb__char{animation:gorbFall 2.8s ease-in-out forwards}@keyframes gorbFall{0%{transform:translate(160%)}10%{transform:translate(128%,-3%)}20%{transform:translate(98%)}30%{transform:translate(66%,-3%)}40%{transform:translate(34%)}47%{transform:translate(6%,-3%)}50%{transform:translate(0)}55%{transform:translate(-1%,-6%)}60%{transform:translateY(5%)}70%{transform:translateY(34%)}76%{transform:translate(-1%,28%)}82%{transform:translate(1%,35%)}to{transform:translateY(34%)}}.gorb__hole,.gorb__lip{position:absolute;left:50%;transform:translate(-50%);opacity:0}.gorb__hole{bottom:-4%;width:120%;height:clamp(44px,6vw,72px);z-index:0}.gorb__lip{bottom:-3%;width:128%;height:clamp(34px,4.5vw,56px);z-index:2}.gorb--go .gorb__hole,.gorb--go .gorb__lip{animation:gorbHoleIn .4s ease forwards 1.35s}@keyframes gorbHoleIn{0%{opacity:0}to{opacity:1}}.wen{position:absolute;left:9vw;bottom:18vh;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(7px,1.1vh,13px);z-index:5;pointer-events:none}.wen__bubble{position:relative;background:#f6f7fb;color:#15151b;font-weight:900;font-size:clamp(.82rem,1.7vw,1.2rem);letter-spacing:.01em;padding:.42em .8em;border-radius:15px;box-shadow:0 7px 20px #00000073;white-space:nowrap;opacity:0;transform:scale(0);transform-origin:left bottom}.wen__bubble:after{content:"";position:absolute;left:18px;bottom:-6px;width:14px;height:14px;background:inherit;border-bottom-right-radius:3px;transform:rotate(45deg)}.wen__bubble--2{margin-left:clamp(20px,3.5vw,46px)}.wen__bubble--3{margin-left:clamp(8px,1.4vw,18px)}.wen--go .wen__bubble{animation:wenPop .42s cubic-bezier(.34,1.7,.5,1) var(--pop, 0s) both,wenRage .36s ease-in-out var(--rage, .5s) var(--rc, 3),wenScatter .6s cubic-bezier(.2,.85,.3,1) 1.5s forwards}.wen__bubble--1{--pop: 0s;--rage: .46s;--rc: 2.9;--fx: -5vw;--fy: -7vh;--rot: -15deg}.wen__bubble--2{--pop: .16s;--rage: .6s;--rc: 2.5;--fx: 8vw;--fy: -1vh;--rot: 16deg}.wen__bubble--3{--pop: .32s;--rage: .74s;--rc: 2.1;--fx: -3vw;--fy: 6vh;--rot: -10deg}@keyframes wenPop{0%{opacity:0;transform:scale(0)}70%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes wenRage{0%,to{transform:scale(1) rotate(-3deg) translateY(0)}50%{transform:scale(1.05) rotate(3deg) translateY(-2px)}}@keyframes wenScatter{0%{opacity:1;transform:scale(1.1) rotate(-2deg)}22%{opacity:1;transform:scale(1.34) rotate(calc(var(--rot) * .4)) translate(calc(var(--fx) * .35),calc(var(--fy) * .35))}to{opacity:1;transform:scale(.98) rotate(var(--rot)) translate(var(--fx),var(--fy))}}.wen__boom{position:absolute;left:42%;top:38%;width:0;height:0;z-index:6}.wen__pow{position:absolute;left:0;top:0;font-size:clamp(2.4rem,6vw,4.6rem);opacity:0;transform:translate(-50%,-50%) scale(0);filter:drop-shadow(0 4px 10px rgba(0,0,0,.5))}.wen--go .wen__pow{animation:wenPow .7s ease-out 1.5s forwards}@keyframes wenPow{0%{opacity:0;transform:translate(-50%,-50%) scale(.2) rotate(-12deg)}30%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(6deg)}to{opacity:0;transform:translate(-50%,-50%) scale(1.7) rotate(0)}}.wen__ring{--r: clamp(64px, 9vw, 124px);position:absolute;left:0;top:0;width:var(--r);height:var(--r);margin-left:calc(var(--r) / -2);margin-top:calc(var(--r) / -2);border-radius:50%;border:4px solid #ffd23f;opacity:0;transform:scale(.2)}.wen--go .wen__ring{animation:wenRing .6s ease-out 1.5s forwards}.wen--go .wen__ring--2{animation-delay:1.62s;border-color:#ff7a3c}@keyframes wenRing{0%{opacity:.9;transform:scale(.2)}to{opacity:0;transform:scale(1.8)}}.wen__smoke{position:absolute;left:0;top:0;width:clamp(82px,11vw,150px);height:auto;opacity:0;transform:translate(-50%,-50%) scale(.3)}.wen--go .wen__smoke{animation:wenSmoke .6s ease-out 1.62s forwards,wenSmokeBob 3.4s ease-in-out 2.3s infinite}@keyframes wenSmoke{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}to{opacity:.32;transform:translate(-52%,-64%) scale(1)}}@keyframes wenSmokeBob{0%,to{opacity:.32}50%{opacity:.2}}.nav-ctrls{position:fixed;left:50%;transform:translate(-50%);bottom:4vh;z-index:60;display:flex;align-items:center;gap:.6rem}.nav-ctrls--corner{left:auto;right:4vw;transform:none}.nav-btn{font:inherit;cursor:pointer;color:#fff;border-radius:999px;border:1px solid color-mix(in srgb,var(--btn) 60%,transparent);background:color-mix(in srgb,var(--btn) 22%,rgba(10,10,15,.72));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 24px #00000059;transition:transform .18s ease,background .25s ease,border-color .25s ease}.nav-btn:hover{transform:translateY(-2px);background:color-mix(in srgb,var(--btn) 40%,rgba(10,10,15,.72));border-color:var(--btn)}.nav-btn:active{transform:translateY(0)}.nav-btn--next{padding:.85rem 1.6rem;font-weight:800;font-size:1rem;letter-spacing:.01em}@media (max-width: 760px){.sec{padding:0 7vw 22vh}.sec--hero .sec__title{white-space:normal}.sec--hero .sec__body{max-width:34rem}.sec__social{margin-top:.95rem}.nav-ctrls{bottom:3vh}.nav-ctrls--right{left:auto;right:5vw;transform:none}.nav-ctrls--left{left:5vw;transform:none}.nav-btn--next{padding:.75rem 1.3rem;font-size:.95rem}.sec--left .sec__content,.sec--right .sec__content{text-align:left;margin:0 auto 0 0}.beach__palm{height:clamp(220px,42vh,340px);opacity:.5}.beach__palm--l{left:-16%}.beach__palm--r{right:-16%}.walking-guy__rig{height:clamp(170px,25vh,300px)}.elf{left:22vw}.gorb{right:5vw;width:clamp(104px,34vw,150px)}.poke{left:38vw}.serum-lab{right:4vw;bottom:31vh;width:min(58vw,250px);height:min(52vw,230px);opacity:.82}.serum-lab__panel{width:82%;border-radius:18px;padding:10px}.serum-lab__chart{height:58px;margin:10px 0 9px}.serum-lab__status span{font-size:.62rem;padding:.35em .55em}.serum-lab__vial{width:72px}.sec--outro .sec__body{display:none}.logo-pile{position:fixed;left:0;right:0;top:47%;bottom:auto;transform:none!important;display:flex;flex-wrap:wrap;justify-content:center;align-content:flex-start;gap:.5rem .55rem;padding:0 5vw;z-index:45}.logo-pile__item{position:static;left:auto;bottom:auto;width:auto;height:auto;aspect-ratio:auto;opacity:0;animation:logoChipPop .52s cubic-bezier(.34,1.45,.5,1) forwards!important;animation-delay:var(--delay);display:inline-flex;align-items:center;gap:.5rem;padding:.32rem .85rem .32rem .36rem;border-radius:999px;color:#fff;text-decoration:none;-webkit-tap-highlight-color:transparent;background:color-mix(in srgb,var(--accent) 18%,rgba(10,10,15,.82));border:1px solid color-mix(in srgb,var(--accent) 52%,transparent);box-shadow:0 6px 16px #0006}.logo-pile__item:visited,.logo-pile__item:hover,.logo-pile__item:active{color:#fff;text-decoration:none}.logo-pile__chip{display:block!important;flex:0 0 30px;width:30px!important;height:30px!important;align-self:center;padding:0;border:none;box-shadow:none}.logo-pile__item:first-child .logo-pile__chip{padding:7px}.logo-pile__chip svg{display:block;width:100%;height:100%}.logo-pile__item:active .logo-pile__chip{transform:none}.logo-pile__item:active{transform:scale(.97)!important}.logo-pile__label{position:static;opacity:1;transform:none;background:none;border:none;box-shadow:none;padding:0;font-size:.82rem;color:inherit;text-decoration:none}}@keyframes logoChipPop{0%{opacity:0;transform:translateY(16px) scale(.9);filter:blur(3px)}70%{opacity:1;transform:translateY(-2px) scale(1.03);filter:blur(0)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.walking-guy__body,.walking-guy__shadow,.foot,.beach__sun,.beach__sun:before,.beach__motif,.beach__motif:before,.beach__horizon,.beach__palm,.wave{animation:none!important}.logo-pile__item{animation:none!important;opacity:1;transform:translate(calc(-50% + var(--cx)))}.elf--go .elf__tumble{animation:none!important;transform:translateY(-6vh) rotate(274deg)}.elf__tear{animation:none!important;opacity:.9}.gorb--go .gorb__char{animation:none!important;transform:translateY(34%)}.gorb--go .gorb__hole,.gorb--go .gorb__lip{animation:none!important;opacity:1}.wen__bubble{animation:none!important;opacity:1;transform:none}.wen__pow,.wen__ring,.wen__smoke{display:none}.poke__sprite{animation:none!important;opacity:1;transform:none}.walking-guy__thicc{animation:none!important}.walking-guy__friends-bubble{animation:none!important;opacity:1;transform:translate(-50%)}.wg-heart{display:none}.serum-lab,.serum-lab__panel,.serum-lab__vial,.serum-lab__chart:before,.serum-lab__chart:after,.serum-lab__chart i{animation:none!important;opacity:1}.serum-lab__panel,.serum-lab__vial{transform:none!important}.serum-lab__chart:before,.serum-lab__chart:after{transform:rotate(var(--r, -12deg)) scaleX(1)}}
