:root{--ink: #f4f4f2;--dim: rgba(244, 244, 242, .55);--faint: rgba(244, 244, 242, .25);--bg: #050505;--pad: clamp(18px, 3.4vw, 44px)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:Space Grotesk,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.app{position:fixed;top:0;right:0;bottom:0;left:0}.scene,.webgl{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0}.webgl{display:block;width:100%!important;height:100%!important}.ui{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;opacity:0;transition:opacity 1s ease .1s}.ui--in{opacity:1}.ui a,.ui button{pointer-events:auto}.nav{position:absolute;top:0;left:0;right:0;padding:var(--pad);display:flex;align-items:center;justify-content:space-between;gap:16px;mix-blend-mode:difference}.nav__brand{font-weight:700;font-size:20px;letter-spacing:3px;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:8px}.nav__dot{font-size:9px;animation:blink 2.4s steps(1) infinite}.nav__meta{position:absolute;left:50%;transform:translate(-50%);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--dim)}.nav__links{display:flex;gap:26px}.nav__links a{color:var(--ink);text-decoration:none;font-size:13px;letter-spacing:1.5px;text-transform:uppercase;position:relative}.nav__links a:after{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1px;background:currentColor;transition:width .35s ease}.nav__links a:hover:after{width:100%}.index{position:absolute;left:var(--pad);top:50%;transform:translateY(-50%);list-style:none;display:flex;flex-direction:column;gap:4px}.index__item{display:flex;align-items:baseline;gap:12px;background:none;border:none;color:var(--faint);cursor:pointer;font-family:inherit;padding:5px 0;transition:color .3s ease,transform .3s ease}.index__item:hover{color:var(--dim);transform:translate(4px)}.index__item.is-active{color:var(--ink);transform:translate(8px)}.index__no{font-size:11px;letter-spacing:1px;width:20px}.index__title{font-size:13px;letter-spacing:1px;text-transform:uppercase;max-width:0;overflow:hidden;white-space:nowrap;opacity:0;transition:max-width .5s ease,opacity .4s ease}.index__item:hover .index__title,.index__item.is-active .index__title{max-width:240px;opacity:1}.feature{position:absolute;left:var(--pad);bottom:clamp(48px,9vh,96px);max-width:min(80vw,900px)}.feature__cat{font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--dim);margin-bottom:14px}.feature__cat span{color:var(--faint)}.feature__title{font-family:Playfair Display,serif;font-style:italic;font-weight:500;font-size:clamp(44px,9vw,128px);line-height:.95;letter-spacing:-1px;display:flex;flex-wrap:wrap}.feature__char{display:inline-block;white-space:pre;opacity:0;transform:translateY(.5em) rotate(4deg);animation:charIn .6s cubic-bezier(.2,.7,.2,1) forwards}.feature__no{margin-top:18px;font-size:13px;letter-spacing:3px;color:var(--dim)}.hint{position:absolute;right:var(--pad);bottom:clamp(48px,9vh,96px);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:10px;letter-spacing:3px;color:var(--dim)}.hint i{width:1px;height:54px;background:linear-gradient(var(--ink),transparent);animation:drop 1.8s ease-in-out infinite}.hint__credit{writing-mode:vertical-rl;margin-top:8px;font-size:9px;letter-spacing:2px;color:var(--faint)}.social{position:absolute;right:var(--pad);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;align-items:flex-end}.social a{writing-mode:vertical-rl;color:var(--dim);text-decoration:none;font-size:11px;letter-spacing:2px;text-transform:uppercase;transition:color .3s}.social a:hover{color:var(--ink)}.frame{position:absolute;inset:calc(var(--pad) - 6px);pointer-events:none}.frame__c{position:absolute;width:14px;height:14px;border:1px solid var(--faint)}.frame__c--tl{top:0;left:0;border-right:none;border-bottom:none}.frame__c--tr{top:0;right:0;border-left:none;border-bottom:none}.frame__c--bl{bottom:0;left:0;border-right:none;border-top:none}.frame__c--br{bottom:0;right:0;border-left:none;border-top:none}.cursor-dot,.cursor-ring{position:fixed;top:0;left:0;border-radius:50%;pointer-events:none;z-index:50;mix-blend-mode:difference;will-change:transform}.cursor-dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--ink)}.cursor-ring{width:34px;height:34px;margin:-17px 0 0 -17px;border:1px solid var(--ink);transition:width .3s ease,height .3s ease,margin .3s ease,opacity .3s}.cursor-ring.is-hover{width:58px;height:58px;margin:-29px 0 0 -29px;opacity:.6}@media (hover: none){.cursor-dot,.cursor-ring{display:none}}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;animation:loaderOut .8s ease 1.5s forwards}.loader__brand{font-weight:700;letter-spacing:8px;font-size:clamp(22px,4vw,34px);animation:flick 1.4s ease-in-out infinite}.loader__bar{width:min(240px,60vw);height:1px;background:var(--faint);overflow:hidden}.loader__bar span{display:block;height:100%;background:var(--ink);transition:width .2s ease}.loader__pct{font-size:12px;letter-spacing:3px;color:var(--dim)}@keyframes charIn{to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes drop{0%,to{opacity:.25;transform:scaleY(.5);transform-origin:top}50%{opacity:1;transform:scaleY(1)}}@keyframes blink{0%,60%{opacity:1}61%,to{opacity:.25}}@keyframes flick{0%,to{opacity:1}50%{opacity:.5}}@keyframes loaderOut{to{opacity:0;visibility:hidden}}@media (max-width: 720px){.nav__meta{display:none}.nav__links{gap:16px}.index,.social{display:none}.feature__title{font-size:clamp(40px,14vw,88px)}.hint__credit{display:none}}@media (prefers-reduced-motion: reduce){.feature__char{animation:none;opacity:1;transform:none}.hint i,.nav__dot{animation:none}}