@import url("https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Mono:wght@300;400&display=swap");:root{--pink:#f3a4c0;--ink:#151317}*{box-sizing:border-box}body,html{margin:0;background:var(--pink);color:var(--ink);font-family:DM Mono,monospace}body{overflow-x:hidden}.experience{height:550vh}.sticky{position:-webkit-sticky;position:sticky;isolation:isolate;top:0;height:100vh;overflow:hidden;background:radial-gradient(circle at 74% 24%,#efb4ca 0,transparent 34%),linear-gradient(180deg,#a85f82,#d98fab 58%,#c47d9d)}header{position:absolute;z-index:40;top:0;left:0;width:100%;padding:22px 28px;display:grid;grid-template-columns:1fr 1fr auto;font-size:10px;line-height:1.35;border-bottom:1px solid #17131726}.logo{font:700 18px Archivo Black;color:inherit;text-decoration:none}.hero-type{position:absolute;z-index:0;left:3.3vw;top:13vh;font:clamp(70px,9.5vw,156px)/.8 Archivo Black;letter-spacing:-.075em;display:flex;flex-direction:column;opacity:.96}.hero-type span:nth-child(2){margin-left:1.5vw}.hero-type-front{z-index:15;color:transparent;-webkit-text-stroke:2px #151317d6;-webkit-clip-path:inset(0 0 16% 0);clip-path:inset(0 0 16% 0);pointer-events:none;opacity:.86}.scene{position:absolute!important;inset:0;z-index:10}.fighter-wrap{position:absolute;z-index:20;left:31%;bottom:2vh;width:min(43vw,660px);height:78vh;min-width:280px;min-height:420px;pointer-events:none}.placeholder,.sequence{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;visibility:visible;transition:opacity .25s}.sequence{z-index:2}.sequence.visible{opacity:1}.placeholder{z-index:1;opacity:1;overflow:visible}.boxer{transform-origin:250px 500px;transform:rotate(var(--lean,0deg))}.ear,.head,.muzzle,.torso{fill:#e9699b;stroke:#171317;stroke-width:5}.muzzle{fill:#f293b8}.arm path,.leg,.tail{fill:none;stroke:#171317;stroke-width:35;stroke-linecap:round;stroke-linejoin:round}.tail{stroke:#e9699b}.arm{transform-origin:295px 280px}.arm.punch{transform:rotate(var(--arm,0deg))}.glove{fill:#171317}.shadow{fill:#5e274033}.asset-note{position:absolute;z-index:3;bottom:7%;left:50%;transform:translateX(-50%);background:#171317;color:#fff;padding:5px 8px;font-size:8px;white-space:nowrap}.beats{z-index:40;right:2vw;top:22vh;width:min(34vw,480px)}.beat,.beats{position:absolute}.beat{inset-inline:0;display:flex;justify-content:center;gap:12px;align-items:flex-start;text-align:center;color:#fff8fc;text-shadow:0 2px 18px #4c183d42;opacity:0;white-space:nowrap}.beat sup{font-size:10px;margin-top:.35em}.beat>span{font:clamp(22px,2.35vw,36px)/.92 Archivo Black;letter-spacing:-.035em}.beat-line{display:inline}.rail{position:absolute;z-index:40;right:29px;bottom:28px;display:flex;align-items:center;gap:14px;font-size:9px;font-weight:700;letter-spacing:.12em;writing-mode:vertical-rl}.rail i{height:80px;width:1px;background:#171317;display:block}.grain{position:absolute;z-index:30;inset:0;pointer-events:none;opacity:.055;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")}.loader{position:fixed;z-index:50;left:28px;right:28px;bottom:24px;background:#171317e8;color:#f5dce5;display:flex;flex-direction:column;padding:14px;opacity:0;visibility:hidden;transition:.3s}.loader.is-visible{opacity:1;visibility:visible}.loader-top{display:flex;justify-content:space-between;font-size:11px}.load-track{height:2px;background:#ffffff26;margin-top:10px;overflow:hidden}.load-track i{display:block;height:100%;background:#f3a4c0;transform-origin:left}.panther-debug{position:fixed;z-index:45;left:18px;top:82px;padding:10px 12px;background:#101014e8;color:#8cffb0;border:1px solid #8cffb0;font:10px/1.55 DM Mono;white-space:pre;box-shadow:0 8px 30px #0004}.debug-mode .fighter-wrap{outline:3px solid #45ff78;outline-offset:-3px;background:#45ff780c}.about{min-height:110vh;background:#f2a7c2;color:#171317;padding:clamp(80px,10vw,160px) 6vw;display:grid;grid-template-columns:minmax(100px,1fr) 3fr;grid-gap:5vw;gap:5vw;border-top:1px solid #17131733}.about-index{font-size:10px;padding-top:10px}.about-copy>p{font-size:11px;letter-spacing:.14em}.about h2{font:clamp(54px,9vw,145px)/.86 Archivo Black;letter-spacing:-.065em;margin:3vh 0 10vh}.about-details{display:grid;grid-template-columns:1.5fr 1fr;grid-gap:8vw;gap:8vw;align-items:start;border-top:1px solid #171317;padding-top:22px}.about-details p{max-width:620px;font:clamp(18px,2vw,30px)/1.35 DM Mono;margin:0}.about-details span{font-size:10px;line-height:1.6}.outro{height:100vh;background:#171317;color:#f3a4c0;padding:8vw;display:flex;flex-direction:column;justify-content:center}.outro p,.outro span{font-size:10px}.outro h2{font:clamp(65px,12vw,180px)/.82 Archivo Black;letter-spacing:-.07em;margin:5vh 0}.outro span{align-self:flex-end}@media(max-width:700px){.experience{height:430vh}header{padding:16px;grid-template-columns:1fr auto}header span:first-of-type{display:none}.hero-type{top:12vh;left:4vw;font-size:16.2vw;line-height:.84}.hero-type span:nth-child(2){margin-left:0}.hero-type-front{-webkit-text-stroke:1px #151317c9}.fighter-wrap{left:-8%;width:78vw;min-width:0;height:68vh;min-height:360px;bottom:1vh}.beats{top:42vh;right:18px}.beat span{font-size:22px}.counter{left:16px}.rail{right:15px}.asset-note{font-size:6px}.loader{left:15px;right:15px;bottom:15px}.panther-debug{left:10px;top:70px}.outro{padding:7vw}}.experience{height:650vh}@media(max-width:1100px){.hero-type{font-size:10.4vw}.beats{right:2vw;width:38vw}}@media(max-width:820px){header{padding-inline:18px}.hero-type{top:13vh;font-size:12.8vw}.beats{inset:auto 0 16vh;width:100%;height:64px}.beat{align-items:center}.beat>span{font-size:21px}.rail{right:18px;bottom:20px}}@media(max-width:700px){.experience{height:500vh}.beats{inset:auto 0 14vh;width:100%;height:58px}.beat>span{font-size:18px}.rail{right:13px;bottom:14px}.rail i{height:56px}}@media(max-width:430px){header{padding:13px 12px}.logo{font-size:15px}.hero-type{top:11vh;left:3vw;font-size:16vw;line-height:.86}.beats{inset:auto 0 13vh;width:100%;height:54px}.beat{gap:7px}.beat>span{font-size:16px}.beat sup,.rail{font-size:8px}}@media(max-width:700px){.about{min-height:100vh;padding:80px 20px;display:block}.about-index{margin-bottom:60px}.about h2{font-size:15vw;margin-bottom:70px}.about-details{display:block}.about-details span{display:block;margin-top:45px}}@media(min-width:1800px){.hero-type{font-size:9vw}.beats{right:4vw;max-width:560px}.beat>span{font-size:40px}}.about{position:relative;height:180vh;min-height:0;padding:0;display:block;overflow:clip}.about-sticky{position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:clamp(70px,8vw,130px) 6vw;overflow:hidden}.about-copy{position:relative;z-index:2;width:56%;pointer-events:none}.about-index{position:absolute;z-index:3;left:2vw;top:50%;padding:0;writing-mode:vertical-rl}.about h2{margin:3vh 0 7vh}.about-details{grid-template-columns:1.25fr .75fr;gap:4vw}.about-visual{position:absolute;z-index:1;inset:0;pointer-events:none}.about-visual canvas{position:absolute!important;inset:0}@media(max-width:820px){.about{height:165vh;padding:0}.about-sticky{padding:76px 20px}.about-copy{width:100%}.about h2,.about-copy>p{position:relative;z-index:3}.about h2{font-size:13vw;margin-bottom:45vh}.about-details{position:relative;z-index:3;background:#f2a7c2d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:18px;display:block}.about-details span{display:block;margin-top:28px}.about-index{display:none}.about-visual{top:14vh;bottom:14vh}}.about-static{height:auto;min-height:110vh;padding:clamp(80px,10vw,160px) 6vw;display:grid;grid-template-columns:minmax(100px,1fr) 3fr;grid-gap:5vw;gap:5vw;overflow:hidden}.about-static .about-index{position:static;padding-top:10px;writing-mode:initial}.about-static .about-copy{width:auto}.about-static .about-details{display:grid}@media(max-width:700px){.about-static{min-height:100vh;height:auto;padding:80px 20px;display:block}.about-static .about-index{display:block;margin-bottom:60px}.about-static .about-copy{width:100%}.about-static h2{margin-bottom:70px}.about-static .about-details{display:block}}.about-transition{position:absolute;z-index:35;left:50%;bottom:5vh;display:flex;flex-direction:column;align-items:center;color:#fff8fc;text-align:center;opacity:0;pointer-events:none;text-shadow:0 3px 22px #3c102f66}.about-transition span{font-size:9px;letter-spacing:.2em}.about-transition strong{font:clamp(38px,6vw,90px)/.9 Archivo Black;letter-spacing:-.055em}.about-transition i{font:normal 20px DM Mono;margin-top:10px}.about-static{background:radial-gradient(ellipse at 18% 82%,#9e617e 0 5%,#d7a0b8 5.3% 7%,transparent 7.4%),radial-gradient(ellipse at 77% 20%,#a96b88 0 4%,#dda7bd 4.3% 6%,transparent 6.4%),linear-gradient(180deg,#c985a3,#e0a1b8 35%,#f2a7c2)}@media(max-width:700px){.about-transition{bottom:18vh}.about-transition strong{font-size:13vw}}.beats{left:3.3vw;right:auto;top:49vh;width:43vw}.beat{justify-content:flex-start;text-align:left}@media(max-width:820px){.beats{inset:29vh auto auto 4vw;width:64vw;height:auto}.beat{justify-content:flex-start;text-align:left}}@media(max-width:700px){.beats{inset:27vh auto auto 4vw;width:78vw;height:auto}}@media(max-width:430px){.beats{inset:25vh auto auto 3vw;width:88vw;height:auto}}.about-atmosphere{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}.about-orbit{position:absolute;right:-5vw;top:9vh;width:min(42vw,620px);aspect-ratio:1;border:1px solid #fff7fb99;border-radius:50%;will-change:transform}.about-orbit:after,.about-orbit:before{content:"";position:absolute;border:1px solid #6f304f55;border-radius:50%}.about-orbit:before{inset:12%}.about-orbit:after{inset:27%}.about-orbit i{position:absolute;width:18px;height:18px;background:#fff5fa;border-radius:50%;box-shadow:0 0 30px #fff}.about-orbit i:first-child{left:8%;top:30%}.about-orbit i:nth-child(2){right:16%;bottom:12%;width:10px;height:10px}.about-orbit i:nth-child(3){right:3%;top:45%;width:7px;height:7px}.about-moon{right:9vw;top:18vh;width:min(25vw,350px);aspect-ratio:1;background:radial-gradient(circle at 35% 27%,#ffe8f1,#d887a 67%,#a65579);box-shadow:inset -35px -24px 55px #6a294b66,0 35px 80px #6b29483d;will-change:transform}.about-moon,.about-moon span{position:absolute;border-radius:50%}.about-moon span{background:#a75d7c55;box-shadow:inset 3px 3px 8px #71334f44}.about-moon span:first-child{width:22%;height:14%;left:18%;top:27%}.about-moon span:nth-child(2){width:13%;height:10%;right:18%;top:46%}.about-moon span:nth-child(3){width:28%;height:17%;left:32%;bottom:18%}.about-stars{position:absolute;inset:8vh 6vw auto auto;color:#fff9fc;font-size:clamp(14px,2vw,26px);letter-spacing:1.1vw;opacity:.8}.about-copy,.about-skills{will-change:transform}.about-skills{position:absolute;z-index:2;right:7vw;bottom:13vh;display:grid;grid-template-columns:repeat(2,auto);grid-gap:8px;gap:8px}.about-skills span{padding:10px 14px;border:1px solid #17131766;border-radius:999px;background:#f6bfd2aa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:9px;letter-spacing:.1em}.about-scroll-mark{position:absolute;z-index:2;right:3vw;bottom:3vh;font-size:8px;letter-spacing:.14em}.about-static .about-copy{position:relative;z-index:2}@media(max-width:700px){.about-moon{right:-14vw;top:28vh;width:58vw}.about-orbit{right:-35vw;top:21vh;width:90vw}.about-stars{top:18vh;right:0}.about-skills{right:18px;bottom:9vh}.about-skills span{padding:8px 10px;font-size:8px}.about-scroll-mark{display:none}}.about-color-wash{position:absolute;z-index:0;inset:-1px;background:radial-gradient(circle at 75% 18%,#263c67 0,#11182d 38%,#080b16 82%);-webkit-clip-path:circle(0 at 78% 16%);clip-path:circle(0 at 78% 16%);will-change:clip-path;pointer-events:none}.about-atmosphere{z-index:1}.about-moon{background:radial-gradient(circle at 35% 27%,#f5fbff,#9fc7ef 58%,#5275aa);box-shadow:inset -35px -24px 55px #17294c99,0 0 90px #8dcaff55}.about-moon:after{content:"";position:absolute;inset:-8%;border-radius:50%;border:1px solid #bce5ff88;box-shadow:0 0 45px #79c7ff55;opacity:var(--night)}.about-orbit{border-color:color-mix(in srgb,#fff7fb,#78d7ff calc(var(--night)*100%))}.about-orbit i{background:#dff8ff;box-shadow:0 0 30px #72d8ff}.about-skills span{color:color-mix(in srgb,#171317,#f5fbff calc(var(--night)*100%));border-color:color-mix(in srgb,#17131766,#8edcff99 calc(var(--night)*100%));background:color-mix(in srgb,#f6bfd2aa,#172544cc calc(var(--night)*100%))}.about-static .about-details{border-color:color-mix(in srgb,#171317,#a9dfff calc(var(--night)*100%))}@media(prefers-reduced-motion:reduce){.experience{height:100vh}.rail{display:none}.about-copy,.about-moon,.about-orbit,.about-skills{transform:none!important}*{scroll-behavior:auto!important}}