.ambient-universe{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}.ambient-universe i{position:absolute;width:75vw;height:75vw;border-radius:50%;background:radial-gradient(ellipse,hsl(var(--ambient-hue,265) 75% 55% / .1),transparent 65%)}.ambient-universe i:first-child{top:-35vw;right:-20vw}.ambient-universe i:nth-child(2){bottom:-50vw;left:-30vw}.ambient-universe i:nth-child(3){top:30%;right:-60vw}.site-header{position:sticky;top:0;background:#100d17e8;backdrop-filter:blur(18px)}.hero-journey{position:relative}.kinetic-title{perspective:900px}.type-word{display:inline-block;white-space:nowrap}.type-char{display:inline-block;transform-origin:50% 90%;backface-visibility:hidden}.type-visual{display:inline}.kk-site.motion-on .hero-copy>h1{animation:none}.motion-on h1 .type-char{animation:kk-letter-arrive 1.05s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(var(--letter-index) * 45ms)}.hero-bottom>a{margin-right:185px}.hero-name-line{display:block;position:relative;transform-style:preserve-3d}.hero-copy h1{perspective:1100px;overflow:visible}.hero-copy h1 .type-word{transform-style:preserve-3d}.hero-copy h1 .type-char{position:relative;transform-style:preserve-3d;color:#f2eafb;text-shadow:0 1px 0 #fff,1px 2px 0 #9c81b6,2px 3px 0 #715689,3px 4px 0 #533b68,4px 5px 0 #382346,7px 12px 22px #08040e80}.hero-copy h1 .type-char::after{content:attr(data-glyph);position:absolute;inset:0;color:transparent;background:linear-gradient(115deg,transparent 20%,#fff 45%,#b49afe 52%,transparent 72%);background-size:280% 100%;background-position:var(--light-x,0) 50%;background-clip:text;-webkit-background-clip:text;text-shadow:none;opacity:.65;pointer-events:none}.hero-copy h1 .accent .type-char{color:#bf9aff;text-shadow:1px 2px 0 #9270c9,2px 4px 0 #694197,3px 6px 0 #412357,0 0 30px #b27cec60}.motion-on .hero-copy h1 .type-word{transform:rotateX(var(--type-pitch,0deg)) rotateY(var(--type-yaw,-4deg));transition:transform .35s ease-out}.motion-on .hero-copy h1 .type-char{translate:var(--glyph-x,0px) var(--glyph-y,0px) var(--glyph-z,0px);rotate:y var(--glyph-turn,0deg)}.motion-on .hero-name-line:first-child{translate:calc(var(--hero-progress,0) * 16px) calc(var(--hero-progress,0) * -9px)}.motion-on .hero-name-line:last-child{translate:calc(var(--hero-progress,0) * -10px) calc(var(--hero-progress,0) * 9px)}.motion-on .hero.motion-visible h1 .type-char::after{animation:kk-type-reflection 7s ease-in-out infinite;animation-delay:calc(var(--letter-index) * 85ms)}.hero-concept{position:relative;display:inline-block;transition:color .5s,text-shadow .5s,transform .5s}.hero-concept::after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:1px;background:linear-gradient(90deg,#be98f2,#dfc9ff22);transform:scaleX(0);transform-origin:left;transition:transform .6s}.motion-on .hero-concept.concept-active{color:#d0b0ff;text-shadow:0 0 22px #ad73e844;transform:translateY(-2px)}.motion-on .hero-concept.concept-active::after{transform:scaleX(1)}.motion-on .hero-description{translate:calc(var(--hero-progress,0) * 10px) 0}.motion-on .hero-role{translate:calc(var(--hero-progress,0) * 17px) 0}.experience-loading .hero-copy *,.experience-loading .hero-copy ::after{animation-play-state:paused!important}@keyframes kk-type-reflection{0%,15%{background-position:130% 50%}100%,65%{background-position:-100% 50%}}@media (max-width:600px){.hero-copy h1 .type-char{text-shadow:0 1px 0 #fff,1px 2px 0 #86689f,2px 3px 0 #533b68,4px 6px 14px #08040e80}}:root{scroll-padding-top:110px}@keyframes kk-letter-arrive{from{opacity:0;transform:perspective(700px) translate3d(0,95%,-160px) rotateX(-100deg) rotateY(12deg)}to{opacity:1;transform:perspective(700px) translate3d(0,0,0) rotateX(0) rotateY(0)}}.hero-art::after{content:"";position:absolute;inset:65% -5% -5%;z-index:-1;background:linear-gradient(#a372df26 1px,transparent 1px),linear-gradient(90deg,#a372df26 1px,transparent 1px);background-size:38px 38px;transform:perspective(500px) rotateX(64deg);mask-image:radial-gradient(ellipse,#000,transparent 70%)}.motion-on .hero-art::after{background-position:0 calc(var(--hero-progress,0) * 150px)}.orbit-chapters{position:absolute;left:52%;right:0;bottom:85px;display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;font:500 8px var(--display);letter-spacing:.12em;color:#a694b8;z-index:5}.orbit-chapters>span{transition:color .3s,translate .3s}.orbit-chapters .chapter-active{color:#e1c3ff;translate:0 -3px}.orbit-chapters i,.orbit-chapters::after{position:absolute;content:"";height:1px;bottom:0;left:0;width:100%;background:#bf94ef2b}.orbit-chapters i{background:#c4a0f4;z-index:1;transform-origin:left;transform:scaleX(calc(.04 + var(--hero-progress,0) * .96));box-shadow:0 0 12px #b583ef}.kinetic-ribbon{position:relative;padding-block:30px;overflow:clip;border-block:1px solid #9a6ac62b;background:linear-gradient(115deg,#42206522,#ad67da12,#42206522)}.ribbon-track{display:flex;width:max-content;transform:translateX(var(--ribbon-shift,0)) rotate(-2deg)}.ribbon-track>span{display:flex;align-items:center;gap:32px;padding-right:32px;white-space:nowrap;font:500 clamp(45px, 7.5vw, 116px)/1.1 var(--display);letter-spacing:-.05em;color:#c49cf1}.ribbon-track>span:nth-child(2){color:transparent;-webkit-text-stroke:1px #c49cf1}.ribbon-track i{font:inherit;font-size:.65em;color:#e1b5ff}.world-composition{perspective:1400px;isolation:isolate}.world-photo{transform:rotateX(var(--world-turn,0deg)) scale(var(--world-scale,1));transform-origin:50% 80%;border:1px solid #cbacfb30;border-radius:10px}.world-memory{transform:translateX(var(--memory-x,0)) perspective(800px) rotateY(calc(var(--memory-turn,8deg) * -1)) rotateZ(var(--memory-turn,8deg));box-shadow:0 30px 80px #08010c88}.world-caption{translate:0 calc((1 - var(--travel,0.5)) * 28px)}.world-composition::after{content:"";pointer-events:none;position:absolute;inset:5%;border:1px solid #e4baff38;transform:perspective(1100px) rotateX(var(--world-turn,0deg)) scale(calc(var(--world-scale,1) * 1.025));z-index:-1}.tech-strip li{transition:color .25s,translate .25s}.tech-strip li:hover{color:#e8d2ff;translate:0 -6px}.kicord-feature{min-height:735px;background:radial-gradient(circle at var(--light-x,75%) var(--light-y,40%),#723ca524,transparent 55%),linear-gradient(125deg,#1c1529,#160f21)}.kicord-content{padding-top:60px;padding-bottom:60px}.kicord-art{transform-style:preserve-3d}.kicord-layers{position:absolute;inset:0;pointer-events:none;z-index:2;perspective:1200px}.holo-layer{position:absolute;width:175px;min-height:130px;padding:18px;border:1px solid #cba1ff5c;border-radius:12px;background:linear-gradient(135deg,#bc91ef18,#26123a99);backdrop-filter:blur(12px);box-shadow:0 20px 40px #09021244,inset 0 1px #eacbff29;color:#dac5f2;font:500 9px var(--display);letter-spacing:.12em}.layer-back{top:12%;left:7%;transform:translate3d(calc(var(--layer-spread,.35) * -30px),calc(var(--layer-spread,.35) * -35px),-70px) rotateY(calc(-40deg + var(--layer-spread,.35) * 25deg)) rotateZ(-12deg)}.layer-back b{float:right;font-size:15px}.layer-back>i{display:block;width:82%;height:5px;background:#aa74e47a;margin-top:16px;border-radius:5px}.layer-back>i:nth-last-child(2){width:58%}.layer-back>i:last-child{width:70%}.layer-front{bottom:24%;right:4%;transform:translate3d(calc(var(--layer-spread,.35) * 15px),calc(var(--layer-spread,.35) * 32px),30px) rotateY(calc(30deg - var(--layer-spread,.35) * 15deg)) rotateZ(10deg)}.theme-swatches{display:flex;gap:9px;margin:20px 0 16px}.theme-swatches i{display:block;width:24px;height:24px;border-radius:50%;background:#b78ae9;box-shadow:0 0 15px #ad70eb44}.theme-swatches i:nth-child(2){background:#f19ccd}.theme-swatches i:nth-child(3){background:#a4dae7}.holo-layer small{font-size:9px;letter-spacing:0}.kicord-mascot{rotate:var(--kicord-turn,0deg);translate:0 calc(var(--layer-spread,0.35) * -15px);z-index:4}.plugin-chip{z-index:4;left:-1%;bottom:12%}.motion-on .holo-layer::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#eecaff1c 45%,transparent 65%);background-size:300% 100%;animation:kk-holo-light 8s ease-in-out infinite;border-radius:inherit}.valo-visual{rotate:y var(--valo-turn,0deg)}.valo-visual>img{scale:calc(1.05 + (1 - var(--travel,0.5)) * 0.16)}.bot-project{translate:0 var(--bot-rise,0px)}.bot-object{transform:perspective(700px) rotateX(17deg) rotateY(var(--bot-turn,-27deg)) rotateZ(13deg)}.ticket-depth{width:92%;margin-inline:auto;perspective:1400px;position:relative;z-index:2;transform-style:preserve-3d;transform:perspective(1400px) translateY(var(--ticket-rise,0)) rotateY(var(--ticket-turn,0deg)) scale(var(--ticket-scale,1))}.creator-art{isolation:isolate}.creator-ticket{overflow:clip}.creator-ticket::after{content:"";position:absolute;pointer-events:none;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 25%,#fff5 43%,#dda5ff33 48%,transparent 65%);background-size:350% 100%;mix-blend-mode:soft-light}.motion-on .creator-ticket::after{animation:kk-holo-light 7s ease-in-out infinite}.ticket-orbits{position:absolute;inset:-10% -8%;z-index:-1;transform:rotate(var(--ticket-orbit,0deg));pointer-events:none}.ticket-orbits i{position:absolute;inset:0;border:1px solid #dab1ff4d;border-radius:50%;transform:rotateX(60deg) rotateZ(-20deg);box-shadow:0 0 26px #b75eff18}.ticket-orbits i:nth-child(2){inset:5%;transform:rotateY(60deg) rotateZ(30deg)}.motion-on .code-celebrate .ticket-depth{animation:kk-code-pop .8s cubic-bezier(.2,.8,.2,1)}.motion-on .code-celebrate .ticket-orbits{filter:drop-shadow(0 0 20px #c59fff)}#copy-code,.button,.contact-discord,.header-contact{position:relative}:is(.button,.header-contact,.contact-discord,#copy-code){overflow:hidden;isolation:isolate}:is(.button,.header-contact,.contact-discord,#copy-code)::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#fff4 47%,transparent 65%);background-size:350% 100%;opacity:0}.motion-on :is(.button,.header-contact,.contact-discord,#copy-code){transition:translate .32s cubic-bezier(.2, .8, .2, 1),scale .32s cubic-bezier(.2, .8, .2, 1),transform .25s,background .25s,border-color .25s,box-shadow .32s}.motion-on :is(.button,.header-contact,.contact-discord,#copy-code):is(
:hover,:focus-visible
)::after{animation:kk-button-sheen .85s ease-out both}@media (hover:hover) and (pointer:fine){.motion-on :is(.button,.header-contact,.contact-discord,#copy-code):hover{translate:0 -2px;scale:1.025;box-shadow:0 8px 28px #b88bea35,inset 0 1px #ffffff25}}.motion-on :is(.button,.header-contact,.contact-discord,#copy-code):active{translate:0 1px;scale:0.97;transition-duration:.1s}.motion-on #copy-code>svg,.motion-on .button>span[aria-hidden=true],.motion-on .header-contact>span{transition:transform .3s cubic-bezier(.2, .8, .2, 1)}.motion-on .button:is(:hover,:focus-visible)>span[aria-hidden=true]{transform:translate(3px,-3px)}.motion-on .header-contact:is(:hover,:focus-visible)>span{transform:translateY(3px)}.motion-on #copy-code:is(:hover,:focus-visible)>svg{transform:rotate(-10deg) scale(1.1)}.motion-paused :is(.button,.header-contact,.contact-discord,#copy-code){translate:none;scale:none;transform:none;transition:none}.motion-paused :is(.button,.header-contact,.contact-discord,#copy-code)::after{animation:none;opacity:0}@keyframes kk-button-sheen{0%{opacity:0;background-position:110% 0}20%{opacity:1}100%{opacity:0;background-position:-10% 0}}.button.primary{box-shadow:inset 0 1px #fff4,0 4px 0 #67438e,0 12px 30px #7e46ad22}.button.primary:active{transform:translateY(3px);box-shadow:inset 0 1px #fff4,0 1px 0 #67438e}.main-nav>a{position:relative}.main-nav>a::after{content:"";position:absolute;inset:auto 0 3px;height:1px;background:#d9b5ff;transform:scaleX(0);transform-origin:left;transition:transform .25s}.main-nav>a:focus-visible::after,.main-nav>a:hover::after{transform:scaleX(1)}.kk-site .direction-icon{display:inline-block;width:1em;height:1em;flex:0 0 auto;vertical-align:-.12em;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.kk-site [data-scroll-group]{perspective:1100px}.kk-site.choreography-on [data-scroll-arrival]{translate:0 var(--arrival-y,0px) var(--arrival-z,0px);rotate:x var(--arrival-turn,0deg);opacity:var(--arrival-opacity, 1);transform-origin:center top}.kk-site.choreography-on .presence-card[data-scroll-arrival]{opacity:1}.kk-site [data-scroll-arrival]:focus-within{translate:none;rotate:none;opacity:1}.kk-site :is(.repo-row,.other-worlds,.site-footer)[data-scroll-group]{position:relative}.kk-site :is(.repo-row,.other-worlds,.site-footer)[data-scroll-group]::after{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,#a778dd00,#c7a3ffb3 30%,#f0d4fc99 65%,#a778dd00);transform:scaleX(var(--line-progress,1));transform-origin:left;pointer-events:none}.kk-site .contact-layout[data-scroll-group]{perspective-origin:center 30%}.kk-site .other-worlds [data-scroll-arrival]{transform-origin:left center}.repo-row,.social-links>a{position:relative;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#b474ed00,transparent 60%);transition:background .2s,padding .35s}.motion-on .repo-row:hover,.motion-on .social-links>a:hover{background:radial-gradient(circle at var(--light-x,50%) var(--light-y,50%),#b474ed1c,transparent 60%);padding-left:16px}.motion-on .error-digit{animation:kk-lost-arrive 1.4s cubic-bezier(.16,1,.3,1) both}.motion-on .error-digit:nth-of-type(2){animation-delay:.18s;animation-name:kk-lost-arrive-right}@keyframes kk-holo-light{0%,15%{background-position:120% 0}100%,70%{background-position:-20% 0}}@keyframes kk-code-pop{0%,100%{scale:1}35%{scale:1.045}}@keyframes kk-lost-arrive{from{opacity:0;translate:-90px 40px;rotate:y 65deg}to{opacity:1;translate:0 0;rotate:y 0deg}}@keyframes kk-lost-arrive-right{from{opacity:0;translate:90px -40px;rotate:y -65deg}to{opacity:1;translate:0 0;rotate:y 0deg}}.epic-section:not(.motion-visible) *,.error-main:not(.motion-visible) *,.hero:not(.motion-visible) *,.kicord-feature:not(.motion-visible) *,.kinetic-ribbon:not(.motion-visible) *,.valorant-projects:not(.motion-visible) *{animation-play-state:paused}.epic-section:not(.motion-visible) ::after,.hero:not(.motion-visible) ::after,.kicord-feature:not(.motion-visible) ::after{animation-play-state:paused}.motion-paused .type-char{opacity:1!important;transform:none!important;animation:none!important}.motion-paused .world-caption{translate:none}@media (min-width:801px) and (min-height:760px){.choreography-ready .hero-journey{height:170svh}.choreography-ready .hero-journey .hero{position:sticky;top:94px;height:calc(100svh - 94px);min-height:0;max-height:none;padding-top:20px;padding-bottom:115px}.choreography-ready .hero-journey .hero-art{min-height:0}.choreography-ready .hero-journey .hero h1{font-size:clamp(96px, 10vw, 148px)}}@media (max-width:999px){.orbit-chapters{bottom:80px;left:50%;font-size:7px}.holo-layer{width:140px;min-height:110px;padding:14px}.layer-back{top:9%;left:5%}.layer-front{bottom:24%;right:1%}}@media (max-width:600px){.hero-bottom>a{margin-right:0}:root{scroll-padding-top:85px}.kinetic-ribbon{padding-block:22px}.ribbon-track>span{gap:20px;padding-right:20px}.orbit-chapters{position:relative;left:auto;right:auto;bottom:auto;margin:0 12px 32px;font-size:7px}.hero-art{height:420px}.hero{padding-bottom:88px}.kicord-feature{min-height:0}.kicord-content{padding:29px 24px}.holo-layer{width:115px;min-height:94px;padding:11px;font-size:7px}.layer-back{top:4%;left:9%}.layer-front{bottom:27%;right:8%}.layer-back>i{margin-top:12px;height:3px}.theme-swatches{margin:12px 0;gap:6px}.theme-swatches i{width:17px;height:17px}.holo-layer small{font-size:8px}.plugin-chip{bottom:12%;left:7%}.ticket-orbits{inset:-2% -3%}.motion-on .repo-row:hover,.motion-on .social-links>a:hover{padding-left:0}}@media print{.ambient-universe,.kicord-layers,.kinetic-ribbon,.orbit-chapters,.ticket-orbits{display:none}.kk-site .hero-journey{height:auto}.kk-site .hero-journey .hero,.site-header{position:relative;top:auto;height:auto}.type-char{opacity:1!important;transform:none!important}}