:root{--bg: #07070a;--bg-soft: #0d0d12;--fg: #ecebe6;--fg-dim: #8a8a93;--fg-faint: #4a4a52;--accent: #2bb8ff;--glass: rgba(236, 235, 230, .04);--line: rgba(236, 235, 230, .1);--ease: cubic-bezier(.65, .05, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--pad: clamp(1.25rem, 4vw, 4rem);--font-display: "Clash Display", serif;--font-body: "Satoshi", sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);overflow-x:hidden;cursor:none}html{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0;display:none}.scrollbar{position:fixed;top:0;right:0;width:12px;height:100vh;height:100svh;z-index:245;pointer-events:none}.scrollbar__thumb{position:absolute;right:3px;top:0;width:4px;min-height:40px;border-radius:4px;background:var(--accent);opacity:.3;pointer-events:auto;cursor:none;transition:opacity .3s,width .2s;will-change:transform,height}.scrollbar__thumb:hover,.scrollbar.is-drag .scrollbar__thumb{opacity:.85;width:6px}@media (hover: none){.scrollbar{display:none}}@media (hover: none){body{cursor:auto}}::selection{background:var(--accent);color:#07070a}a{color:inherit;text-decoration:none}ul{list-style:none}.grain{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .4s steps(2) infinite}@keyframes grain{0%,to{transform:translate(0)}50%{transform:translate(-2%,1%)}}.vignette{position:fixed;inset:0;z-index:99;pointer-events:none;background:radial-gradient(120% 120% at 50% 40%,transparent 55%,rgba(0,0,0,.55) 100%)}#hero-gl{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;display:block;pointer-events:none;user-select:none}#hero-gl canvas{width:100%;height:100%;display:block}.hero__title,.contact__title,.section-head__title,.about__lead,.marquee,.loader__name,.play__copy h2{user-select:none}.cursor{position:fixed;top:0;left:0;z-index:350;pointer-events:none;mix-blend-mode:difference}@media (hover: none){.cursor{display:none}}.cursor__dot{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;transform:translate(-50%,-50%)}.cursor__ring{position:absolute;width:34px;height:34px;border-radius:50%;border:1px solid #fff;transform:translate(-50%,-50%);transition:width .4s var(--ease-out),height .4s var(--ease-out),opacity .3s}.cursor.is-zoom .cursor__ring{width:56px;height:56px}.cursor.is-view .cursor__ring{width:90px;height:90px;background:var(--accent);border-color:var(--accent);mix-blend-mode:normal}.cursor.is-view .cursor__dot{opacity:0}.cursor__label{position:absolute;transform:translate(-50%,-50%);color:#07070a;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;opacity:0;transition:opacity .3s}.cursor.is-view .cursor__label{opacity:1}.loader{position:fixed;inset:0;z-index:300;background:var(--bg);display:flex;align-items:flex-end;justify-content:center;padding:var(--pad)}.loader__inner{width:100%;display:grid;grid-template-columns:1fr auto;align-items:end;gap:.5rem 1rem}.loader__name{font-family:var(--font-display);font-size:clamp(3rem,14vw,11rem);line-height:.85;font-weight:600}.loader__count{font-family:var(--font-mono);font-size:clamp(1rem,3vw,1.6rem);color:var(--fg-dim)}.loader__bar{grid-column:1 / -1;height:1px;background:var(--line);position:relative;overflow:hidden}.loader__bar span{position:absolute;inset:0;transform-origin:left;transform:scaleX(0);background:var(--accent)}.loader__status{grid-column:1 / -1;min-height:1.2em;margin-top:.9rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;color:var(--fg-dim);transition:color .3s}.loader__status.is-error{color:#ff6b6b}.loader.is-error .loader__bar span{background:#ff6b6b}.loader__retry{grid-column:1 / -1;justify-self:start;margin-top:1rem;cursor:none;font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg);background:transparent;border:1px solid var(--line);border-radius:100px;padding:.55em 1.2em;transition:border-color .3s,color .3s}.loader__retry:hover{border-color:var(--accent);color:var(--accent)}.nav{position:fixed;top:0;left:0;width:100%;z-index:80;display:flex;align-items:center;justify-content:space-between;padding:clamp(1rem,2.4vw,1.6rem) var(--pad);mix-blend-mode:difference}.nav__brand{font-family:var(--font-display);font-weight:600;font-size:1.5rem;letter-spacing:-.01em}.nav__brand span{font-size:.7em;vertical-align:super;color:var(--fg-dim)}.nav__links{display:flex;gap:clamp(1rem,2.5vw,2.2rem);align-items:center}.nav__links a{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;position:relative}.nav__links a:not(.nav__cta):after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}.nav__links a:not(.nav__cta):hover:after{transform:scaleX(1);transform-origin:left}.nav__cta{border:1px solid currentColor;border-radius:100px;padding:.55em 1.1em}.nav__burger{display:none;position:fixed;top:clamp(1rem,2.4vw,1.6rem);right:var(--pad);z-index:120;width:34px;height:34px;background:none;border:0;cursor:pointer;flex-direction:column;align-items:flex-end;justify-content:center;gap:8px;padding:0;mix-blend-mode:difference;transition:opacity .3s}.nav__burger span{display:block;height:2.5px;background:#fff;border-radius:2px;transition:width .3s var(--ease)}.nav__burger span:first-child{width:30px}.nav__burger span:last-child{width:21px}.nav__burger:hover span:last-child{width:30px}body.menu-open .nav__burger{opacity:0;pointer-events:none}.menu__close{position:absolute;top:clamp(1rem,2.4vw,1.6rem);right:var(--pad);z-index:2;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--fg);font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .3s,color .3s,transform .4s var(--ease)}.menu__close:hover{border-color:var(--accent);color:var(--accent);transform:rotate(90deg)}.menu{position:fixed;inset:0;z-index:110;background:#07070af0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .4s var(--ease),visibility .4s}body.menu-open .menu{opacity:1;visibility:visible}.menu__links{display:flex;flex-direction:column;gap:1.2rem;text-align:center}.menu__links a{font-family:var(--font-display);font-weight:500;font-size:clamp(2.4rem,11vw,3.6rem);letter-spacing:-.02em;opacity:0;transform:translateY(20px);transition:transform .5s var(--ease),opacity .5s,color .3s}body.menu-open .menu__links a{opacity:1;transform:translateY(0)}.menu__links a:nth-child(1){transition-delay:.08s}.menu__links a:nth-child(2){transition-delay:.14s}.menu__links a:nth-child(3){transition-delay:.2s}.menu__links a:nth-child(4){transition-delay:.26s}.menu__links a.menu__cta{color:var(--accent)}@media (max-width: 640px){.nav__links a:not(.nav__cta),.nav__links .nav__cta{display:none}.nav__burger{display:flex}}main{position:relative;z-index:2}section{position:relative;padding:0 var(--pad)}.section-head__idx{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);letter-spacing:.08em;display:inline-block}[data-reveal],[data-reveal-y]{will-change:transform,opacity}.line{display:block;overflow:hidden}[data-reveal-y]{display:block;transform:translateY(110%)}[data-reveal]{opacity:0;transform:translateY(28px)}.about__lead [data-reveal-word]{display:inline-block;opacity:.12;transition:opacity .5s var(--ease)}.hero{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}.hero__title{font-family:var(--font-display);font-weight:600;line-height:.86;letter-spacing:-.02em}.hero__title .line{font-size:clamp(3.2rem,14vw,13rem)}.hero__title .line--em [data-reveal-y]{font-style:italic;font-weight:400;color:var(--accent)}.hero__sub{margin-top:2rem;max-width:34ch;color:var(--fg-dim);font-size:clamp(.95rem,1.4vw,1.15rem);line-height:1.5}.hero__sub em{font-family:var(--font-display);font-style:italic;color:var(--accent);font-weight:500}.hero__meta{position:absolute;top:28vh;display:flex;flex-direction:column;gap:.35rem;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim)}.hero__meta--l{left:var(--pad);text-align:left}.hero__meta--r{right:var(--pad);text-align:right}@media (max-width: 760px){.hero__meta{display:none}}.hero__scroll{position:absolute;bottom:clamp(1.5rem,4vh,3rem);display:flex;flex-direction:column;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-dim)}.hero__scroll i{width:1px;height:40px;background:linear-gradient(var(--fg-dim),transparent);animation:scrolldrop 2s var(--ease) infinite}@keyframes scrolldrop{0%{transform:scaleY(0);transform-origin:top}40%{transform:scaleY(1);transform-origin:top}60%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.marquee{overflow:hidden;padding:2.5rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:4rem}.marquee__track{display:flex;gap:2.5rem;align-items:center;width:max-content;will-change:transform}.marquee__track span{font-family:var(--font-display);font-size:clamp(2rem,6vw,4.5rem);font-weight:500;white-space:nowrap}.marquee__track i{color:var(--accent);font-size:1.6rem;font-style:normal}.section-head__title{font-family:var(--font-display);font-weight:500;font-size:clamp(2.5rem,8vw,6.5rem);line-height:.92;letter-spacing:-.02em}.work{position:relative;height:220vh}.work__pin{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column}.work__head{display:flex;align-items:baseline;gap:1.5rem;flex-wrap:wrap;padding:clamp(5rem,11vh,8rem) var(--pad) 0}.work__title{font-family:var(--font-display);font-weight:500;font-size:clamp(2.2rem,6vw,4.5rem);line-height:1;letter-spacing:-.02em}.work__hint{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-left:auto}.work__track{display:flex;gap:clamp(1rem,2.5vw,2rem);align-items:center;flex:1;padding-left:var(--pad);padding-right:var(--pad);will-change:transform}.panel{position:relative;flex:0 0 auto;width:clamp(280px,38vw,560px);height:min(62vh,560px);border:1px solid var(--line);border-radius:6px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.5rem,3vw,2.5rem);background:linear-gradient(160deg,var(--bg-soft),#0a0a0f);transition:transform .6s var(--ease-out),border-color .5s}.panel:before{content:"";position:absolute;inset:0;opacity:.55;transition:opacity .5s;pointer-events:none;background:radial-gradient(120% 85% at 25% 0%,var(--panel-glow, rgba(43,184,255,.16)),transparent 62%)}.panel:hover{transform:translateY(-10px);border-color:#2bb8ff66}.panel:hover:before{opacity:1}.panel__top{display:flex;justify-content:space-between;align-items:baseline;position:relative}.panel__idx{font-family:var(--font-mono);font-size:.8rem;color:var(--fg-dim)}.panel__year{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--fg-faint)}.panel__body{position:relative}.panel__name{font-family:var(--font-display);font-weight:500;font-size:clamp(2rem,4vw,3.4rem);line-height:1;letter-spacing:-.01em}.panel__tag{color:var(--fg-dim);margin-top:.6rem;font-size:1.05rem}.panel__desc{color:var(--fg-dim);margin-top:.8rem;font-size:.92rem;line-height:1.5;max-width:38ch;opacity:.82}.clip-reveal{clip-path:polygon(0 0,0 0,0 100%,0 100%)}.panel,.pcard{transform-style:preserve-3d;transition:transform .25s var(--ease-out),border-color .4s}.glare{position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .35s;mix-blend-mode:screen;background:radial-gradient(380px circle at var(--gx, 50%) var(--gy, 0%),rgba(255,255,255,.16),transparent 45%)}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.2rem}.chip{font-family:var(--font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-dim);border:1px solid var(--line);border-radius:100px;padding:.35em .8em;background:#ecebe608;transition:border-color .3s,color .3s}.panel:hover .chip,.pcard:hover .chip{border-color:#2bb8ff4d;color:var(--fg)}.panel__view{position:relative;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}.panel:hover .panel__view{opacity:1;transform:translateY(0)}.panel--more-btn{width:clamp(220px,26vw,360px);align-items:flex-start;justify-content:center;border-style:dashed;border-color:#2bb8ff4d;background:linear-gradient(160deg,#0a141c,#0a0a0f)}.panel--more-btn .panel__idx{font-size:1.4rem;color:var(--accent);margin-bottom:.6rem}.panel--more-btn:hover{border-color:var(--accent)}.panel--cta{background:linear-gradient(160deg,#0c1a24,#0a0a0f);align-items:flex-start;justify-content:center}.panel__link{display:inline-block;margin-top:1.4rem;font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border-bottom:1px solid currentColor;padding-bottom:2px}.work__progress{height:2px;margin:0 var(--pad) clamp(1.5rem,4vh,3rem);background:var(--line);position:relative}.work__progress span{position:absolute;inset:0;width:100%;transform:scaleX(0);transform-origin:left;background:var(--accent)}@media (max-width: 760px){.work{height:auto}.work__pin{position:static;height:auto;overflow:visible}.work__track{flex-direction:column;align-items:stretch;transform:none!important;padding-bottom:4rem}.panel{width:100%;height:auto;min-height:50vh}.work__hint,.work__progress{display:none}}.about{padding-top:clamp(5rem,14vh,12rem);padding-bottom:clamp(5rem,14vh,12rem);max-width:1400px;margin:0 auto}.about__lead{font-family:var(--font-display);font-weight:400;font-size:clamp(1.8rem,5.2vw,5rem);line-height:1.05;letter-spacing:-.02em;margin:1.5rem 0 clamp(3rem,8vw,6rem);max-width:18ch}.about__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,4vw,3rem);border-top:1px solid var(--line);padding-top:2.5rem}.about__col h3{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-dim);margin-bottom:1.2rem}.about__col li{padding:.45rem 0;border-bottom:1px solid var(--line);font-size:1.05rem}.about__col p{color:var(--fg-dim);line-height:1.55;font-size:1.05rem}@media (max-width: 760px){.about__grid{grid-template-columns:1fr}}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.5rem,4vw,3rem);padding-top:clamp(3rem,8vh,7rem);padding-bottom:clamp(4rem,10vh,9rem);border-top:1px solid var(--line);max-width:1400px;margin:0 auto}.stat{display:flex;flex-direction:column;gap:.6rem}.stat__num{font-family:var(--font-display);font-weight:600;font-size:clamp(2.6rem,7vw,5.5rem);line-height:.9;letter-spacing:-.02em;color:var(--accent);display:block}.stat__label{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-dim);max-width:18ch}@media (max-width: 760px){.stats{grid-template-columns:repeat(2,1fr)}}.play{height:110vh;position:relative;display:flex;align-items:center}#play-gl{position:sticky;top:0;left:0;width:100%;height:100vh;display:block;touch-action:pan-y}.play__copy{position:absolute;left:var(--pad);bottom:clamp(3rem,10vh,8rem);max-width:32ch;pointer-events:none}.play__copy h2{font-family:var(--font-display);font-weight:500;font-size:clamp(2.5rem,8vw,6rem);line-height:.9;letter-spacing:-.02em;margin:1rem 0}.play__copy p{color:var(--fg-dim);line-height:1.5}.contact{padding-top:clamp(6rem,16vh,14rem);padding-bottom:clamp(3rem,8vh,6rem);text-align:center}.contact__title{font-family:var(--font-display);font-weight:600;line-height:.9;letter-spacing:-.02em;margin:1.5rem 0 clamp(2.5rem,6vw,4rem)}.contact__title .line{font-size:clamp(2.6rem,11vw,10rem)}.contact__title .line--em [data-reveal-y]{font-style:italic;font-weight:400;color:var(--accent)}.contact__mail{font-family:var(--font-display);font-size:clamp(1.6rem,6vw,4.5rem);font-weight:500;display:inline-block;position:relative;padding-bottom:.1em}.contact__mail:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease)}.contact__mail:hover:after{transform:scaleX(1);transform-origin:left}.contact__socials{display:flex;gap:clamp(1rem,4vw,2.5rem);justify-content:center;flex-wrap:wrap;margin-top:clamp(2.5rem,6vw,4rem)}.contact__socials a{font-family:var(--font-mono);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-dim);transition:color .3s}.contact__socials a:hover{color:var(--fg)}.footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:2rem var(--pad);border-top:1px solid var(--line);font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--fg-dim)}.onboard{position:fixed;inset:0;z-index:220;display:none;align-items:center;justify-content:center;padding:var(--pad);background:#07070ab8;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2)}.onboard.is-open{display:flex}.onboard__card{width:100%;max-width:460px;text-align:center;border:1px solid var(--line);border-radius:18px;padding:clamp(1.8rem,5vw,3rem);background:linear-gradient(160deg,#14141cb3,#0a0a0fb3);box-shadow:0 40px 120px #00000080,0 0 0 1px #2bb8ff0f}.onboard__hi{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.16em;color:var(--fg-dim)}.onboard__title{font-family:var(--font-display);font-weight:600;font-size:clamp(3rem,12vw,4.5rem);line-height:.9;letter-spacing:-.02em;margin:.3rem 0 0}.onboard__title span{color:var(--accent)}.onboard__sub{color:var(--fg-dim);font-size:.92rem;line-height:1.5;margin:1rem auto 2rem;max-width:32ch}.onboard__opts{display:flex;flex-direction:column;gap:.8rem}.opt{display:flex;align-items:center;gap:1rem;width:100%;text-align:left;cursor:pointer;border:1px solid var(--line);border-radius:12px;padding:1rem 1.1rem;background:#ecebe605;color:var(--fg);transition:border-color .3s,background .3s}.opt:hover{border-color:#2bb8ff59}.opt__txt{flex:1;display:flex;flex-direction:column;gap:.2rem}.opt__txt b{font-weight:600;font-size:1.02rem}.opt__txt i{font-style:normal;font-size:.8rem;color:var(--fg-dim)}.opt__sw{flex:0 0 auto;width:42px;height:24px;border-radius:100px;background:#ecebe61f;position:relative;transition:background .3s}.opt__sw:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--fg);transition:transform .3s var(--ease)}.opt[aria-pressed=true] .opt__sw{background:var(--accent)}.opt[aria-pressed=true] .opt__sw:after{transform:translate(18px);background:#07070a}.onboard__enter{margin-top:2rem;width:100%;cursor:pointer;border:0;border-radius:100px;padding:.95rem;background:var(--accent);color:#07070a;font-family:var(--font-mono);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;transition:transform .3s,box-shadow .3s}.onboard__enter:hover{transform:translateY(-2px);box-shadow:0 14px 40px #2bb8ff59}.settings-btn{background:none;border:0;padding:0;cursor:pointer;color:currentColor;display:flex;align-items:center;margin-left:clamp(1rem,2.5vw,1.6rem);transition:opacity .3s;opacity:.8}.settings-btn:hover{opacity:1}.settings-btn[aria-expanded=true]{color:var(--accent);opacity:1}@media (max-width: 640px){.settings-btn{display:none}}.settings-panel{position:fixed;top:clamp(3.6rem,8vh,5rem);right:var(--pad);z-index:90;width:min(300px,calc(100vw - 2 * var(--pad)));background:#0d0d12db;backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border:1px solid var(--line);border-radius:14px;padding:.8rem;display:flex;flex-direction:column;gap:.5rem;box-shadow:0 24px 60px #00000080;opacity:0;transform:translateY(-8px) scale(.97);transform-origin:top right;pointer-events:none;transition:opacity .25s var(--ease-out),transform .25s var(--ease-out)}.settings-panel.is-open{opacity:1;transform:none;pointer-events:auto}.settings-panel__head{font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.16em;color:var(--fg-faint);padding:.3rem .4rem .1rem}.opt[data-state=mid] .opt__sw{background:#2bb8ff4d}.opt[data-state=mid] .opt__sw:after{transform:translate(9px);background:var(--accent)}.menu__settings{display:none;position:absolute;left:50%;bottom:clamp(2rem,8vh,4rem);transform:translate(-50%);flex-direction:column;gap:.6rem;width:min(320px,82vw)}.menu__settings .opt__txt b{font-size:.95rem}@media (max-width: 640px){body.menu-open .menu__settings{display:flex}}.boops{position:absolute;top:clamp(5.5rem,14vh,9rem);left:0;right:0;z-index:5;display:flex;justify-content:center;pointer-events:none;opacity:0;transition:opacity .6s var(--ease)}.boops.is-on{opacity:1}.boops__pill{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-dim)}.boops__dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}@media (max-width: 640px){.boops{top:4.5rem}}.ctx{position:fixed;top:0;left:0;z-index:250;min-width:232px;background:#0d0d12d1;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border:1px solid var(--line);border-radius:12px;padding:6px;box-shadow:0 24px 60px #0000008c,0 0 0 1px #2bb8ff0f;opacity:0;transform:scale(.92) translateY(-6px);transform-origin:top left;pointer-events:none;transition:opacity .18s var(--ease-out),transform .18s var(--ease-out)}.ctx.is-open{opacity:1;transform:scale(1) translateY(0);pointer-events:auto}.ctx__brand{font-family:var(--font-mono);font-size:.62rem;text-transform:uppercase;letter-spacing:.16em;color:var(--fg-faint);padding:.5rem .7rem .55rem}.ctx__item{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:.6rem .7rem;border-radius:8px;cursor:none;font-size:.92rem;color:var(--fg);transition:background .15s,color .15s}.ctx__item span{font-size:.95rem;filter:grayscale(.2);transition:transform .2s}.ctx__item:hover{background:#2bb8ff24;color:var(--accent)}.ctx__item:hover span{transform:translate(2px) rotate(-8deg)}.ctx__item--mute{color:var(--fg-faint);font-style:italic}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%,160%);z-index:260;background:var(--accent);color:#07070a;font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:.7rem 1.2rem;border-radius:100px;pointer-events:none;opacity:0;visibility:hidden;transition:transform .5s var(--ease-out),opacity .4s,visibility .4s;box-shadow:0 10px 40px #2bb8ff66}.toast.is-show{transform:translate(-50%);opacity:1;visibility:visible}.projects-page{position:fixed;inset:0;z-index:235;background:var(--bg);color:var(--fg);overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;padding:clamp(1.5rem,4vw,4rem);display:none;box-shadow:0 -1px 0 0 var(--accent),0 -30px 80px #2bb8ff1f}.projects-page::-webkit-scrollbar{display:none}.projects-page.is-open{display:block}.projects-page__bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(2rem,6vh,4rem)}.projects-page__idx{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.projects-page__close{cursor:none;font-family:var(--font-mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--fg);background:transparent;border:1px solid var(--line);border-radius:100px;padding:.6em 1.2em;transition:border-color .3s,color .3s}.projects-page__close:hover{border-color:var(--accent);color:var(--accent)}.projects-page__title{font-family:var(--font-display);font-weight:600;font-size:clamp(2.8rem,10vw,8rem);line-height:.9;letter-spacing:-.02em;margin-bottom:clamp(2.5rem,6vw,4.5rem)}.projects-page__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:clamp(1rem,2vw,1.6rem)}.pcard{position:relative;border:1px solid var(--line);border-radius:8px;overflow:hidden;padding:clamp(1.6rem,2.5vw,2.4rem);min-height:280px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(160deg,var(--bg-soft),#0a0a0f);cursor:none;transition:transform .5s var(--ease-out),border-color .4s}.pcard:before{content:"";position:absolute;inset:0;opacity:.6;pointer-events:none;background:radial-gradient(120% 80% at 25% 0%,var(--panel-glow, rgba(43,184,255,.16)),transparent 62%)}.pcard:hover{transform:translateY(-8px);border-color:#2bb8ff66}.pcard__top{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.72rem;color:var(--fg-dim);position:relative}.pcard__pin{color:var(--accent)}.pcard__name{font-family:var(--font-display);font-weight:500;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1;margin-top:auto;position:relative}.pcard__tag{color:var(--fg-dim);margin-top:.5rem;position:relative}.pcard__desc{color:var(--fg-dim);margin-top:.7rem;font-size:.9rem;line-height:1.5;position:relative;opacity:.82}.pcard .chips{position:relative}.projects-page__foot{text-align:center;font-family:var(--font-mono);font-size:.75rem;color:var(--fg-faint);text-transform:uppercase;letter-spacing:.1em;padding:clamp(3rem,8vh,6rem) 0 2rem}.chaos main,.chaos #hero-gl,.chaos #play-gl{animation:hue 6s linear infinite}@keyframes hue{to{filter:hue-rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}