@import"https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600&family=Manrope:wght@300;400;500&display=swap";:root{color-scheme:dark;font-family:Manrope,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--parallax-x: 0px;--parallax-y: 0px;--accent: 225, 231, 240}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}html{background:#020202}body{min-width:320px;overflow:hidden}button,a{font:inherit;-webkit-tap-highlight-color:transparent}.scene{position:relative;isolation:isolate;display:grid;width:100%;min-height:100vh;min-height:100svh;place-items:center;overflow:hidden;background:#020202;animation:scene-reveal 2.2s cubic-bezier(.2,.7,.1,1) both}.background{position:absolute;inset:0;z-index:-5;overflow:hidden;pointer-events:none}.background-image{position:absolute;inset:-22px;background:#030303 url(/assets/cinematic-hall.jpg) center 47% / cover no-repeat;filter:brightness(.58) contrast(1.16) saturate(.28);transform:translate3d(var(--parallax-x),var(--parallax-y),0) scale(1.035);transition:filter 2.2s ease,transform 1.8s cubic-bezier(.2,.7,.2,1);animation:architecture-reveal 2.15s .08s both,camera-drift 18s 2.3s ease-in-out infinite alternate;will-change:transform,filter}.background-image:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,transparent 6%,rgba(0,0,0,.08) 34%,rgba(0,0,0,.64) 100%),linear-gradient(180deg,rgba(0,0,0,.12),transparent 48%,rgba(0,0,0,.18))}.background-reflection{position:absolute;inset:57% -5% -18%;opacity:.2;background:url(/assets/cinematic-hall.jpg) center 72% / 110% auto no-repeat;filter:blur(5px) brightness(.55) contrast(1.25) saturate(.15);transform:scaleY(-1);mask-image:linear-gradient(to bottom,rgba(0,0,0,.85),transparent 80%);animation:reflection-in 2s .5s both,reflection-breathe 8s 2.5s ease-in-out infinite alternate}.background-fog{position:absolute;inset:0;opacity:.35;background:radial-gradient(ellipse at 50% 58%,rgba(var(--accent),.08),transparent 34%),radial-gradient(ellipse at 17% 57%,rgba(255,255,255,.04),transparent 20%),radial-gradient(ellipse at 82% 56%,rgba(255,255,255,.035),transparent 20%);filter:blur(22px);animation:fog-drift 13s ease-in-out infinite alternate;transition:background 2s ease}.background-particles{position:absolute;inset:0;width:100%;height:100%;opacity:.8;animation:particles-in 1.8s .5s both}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 17%,rgba(0,0,0,.14) 48%,rgba(0,0,0,.74) 112%),linear-gradient(90deg,rgba(0,0,0,.48),transparent 24%,transparent 76%,rgba(0,0,0,.48))}.profile-wrap{position:relative;width:min(88vw,590px);perspective:1500px;animation:monolith-enter 1.2s .82s cubic-bezier(.16,1,.3,1) both}.profile-card{--rotate-x: 0deg;--rotate-y: 0deg;--card-x: 0px;--card-y: 0px;--shine-x: 50%;--shine-y: 50%;--shadow-x: 0px;position:relative;min-height:378px;overflow:hidden;border:1px solid rgba(255,255,255,.24);border-radius:38px 34px 42px 31px/34px 42px 31px 39px;background:linear-gradient(145deg,#0a0b0de0,#000000b8);box-shadow:var(--shadow-x) 52px 110px #000000bf,inset 0 1px #ffffff2b,inset 0 -2px 4px #ffffff06,0 0 0 5px #ffffff05,0 0 45px rgba(var(--accent),.07);backdrop-filter:blur(18px) saturate(80%);-webkit-backdrop-filter:blur(18px) saturate(80%);transform:translate3d(var(--card-x),var(--card-y),0) rotateX(var(--rotate-x)) rotateY(var(--rotate-y));transform-style:preserve-3d;transition:border-color .2s ease,box-shadow .28s ease,background .35s ease;will-change:transform}.profile-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:2px;background:linear-gradient(118deg,rgba(255,255,255,.72),rgba(255,255,255,.04) 18%,transparent 35%,transparent 67%,rgba(var(--accent),.35) 88%,rgba(255,255,255,.64));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.62;pointer-events:none}.profile-card:after{content:"";position:absolute;z-index:4;top:-40%;left:-55%;width:34%;height:180%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.19),transparent);filter:blur(8px);transform:rotate(18deg);animation:edge-sweep 1.4s 2.05s cubic-bezier(.4,0,.2,1) both}.profile-card:hover{border-color:#ffffff52;box-shadow:var(--shadow-x) 54px 118px #000000c7,inset 0 1px #ffffff38,inset 0 -2px 5px #ffffff08,0 0 0 5px #ffffff05,0 0 48px rgba(var(--accent),.1)}.monolith-refraction{position:absolute;inset:4px;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 15% 10%,rgba(255,255,255,.09),transparent 28%),linear-gradient(103deg,transparent 13%,rgba(255,255,255,.02) 26%,transparent 38% 73%,rgba(var(--accent),.04) 85%,transparent);opacity:.9}.card-sheen{position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(380px circle at var(--shine-x) var(--shine-y),rgba(var(--accent),.14),transparent 54%);mix-blend-mode:screen}.card-content{position:relative;z-index:2;display:flex;min-height:378px;align-items:center;flex-direction:column;justify-content:center;padding:52px 44px 44px;transform:translateZ(38px)}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 26px;color:#edf0f557;font-size:8px;font-weight:500;letter-spacing:.36em;text-transform:uppercase;animation:detail-in .8s 1.35s both}.eyebrow span{width:18px;height:1px;background:rgba(var(--accent),.46);box-shadow:0 0 8px rgba(var(--accent),.34)}h1{margin:0;padding:0 .04em .08em .13em;color:transparent;font-family:Instrument Sans,Manrope,sans-serif;font-size:clamp(60px,6.2vw,80px);font-weight:600;letter-spacing:.095em;line-height:.9;text-transform:uppercase;background:linear-gradient(104deg,#a3a8b0,#f7f8fa 34%,#fff 51%,#b4bac4 72%,#e9edf4);background-size:200% auto;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 1px 0 rgba(255,255,255,.1)) drop-shadow(0 0 13px rgba(var(--accent),.1));cursor:default;user-select:none;transition:filter .18s ease,opacity .18s ease;animation:title-reveal 1.05s 1.15s cubic-bezier(.16,1,.3,1) both,title-shimmer 10s 2.4s ease-in-out infinite}h1:hover{filter:drop-shadow(0 1px 0 rgba(255,255,255,.18)) drop-shadow(0 0 18px rgba(var(--accent),.16))}.title-rule{display:flex;width:124px;align-items:center;justify-content:center;margin-top:26px;animation:detail-in .7s 1.45s both}.title-rule:before,.title-rule:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2))}.title-rule:after{transform:scaleX(-1)}.title-rule span{width:3px;height:3px;margin:0 10px;border:1px solid rgba(var(--accent),.6);transform:rotate(45deg)}.socials{display:flex;gap:16px;margin-top:34px}.social-link{--index: 0;--magnet-x: 0px;--magnet-y: 0px;--reflection-x: 50%;position:relative;top:0;display:grid;width:49px;height:49px;place-items:center;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#f4f6faad;background:radial-gradient(circle at var(--reflection-x) 15%,rgba(255,255,255,.09),rgba(255,255,255,.02) 47%,rgba(0,0,0,.19));box-shadow:inset 0 1px 1px #ffffff1a,inset 0 -5px 12px #0000005c,0 7px 20px #00000052;opacity:0;transform:translate3d(var(--magnet-x),var(--magnet-y),0);scale:1;animation:social-in .62s calc(1.5s + var(--index) * 85ms) cubic-bezier(.16,1,.3,1) forwards;transition:color .18s ease,border-color .18s ease,background .2s ease,box-shadow .22s ease,top .2s cubic-bezier(.2,.8,.2,1),scale .2s cubic-bezier(.2,.8,.2,1);will-change:transform}.social-link:before{content:"";position:absolute;inset:2px;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at var(--reflection-x) 0%,rgba(255,255,255,.16),transparent 43%);opacity:0;transition:opacity .18s ease}.social-link:hover,.social-link:focus-visible{top:-3px;scale:1.045;color:#fff;border-color:rgba(var(--accent),.32);background:radial-gradient(circle at var(--reflection-x) 12%,rgba(255,255,255,.18),rgba(var(--accent),.055) 48%,rgba(0,0,0,.17));box-shadow:inset 0 1px 2px #fff3,inset 0 -5px 12px #0000004d,0 10px 25px #0006,0 0 20px rgba(var(--accent),.1);outline:none}.social-link:hover:before,.social-link:focus-visible:before{opacity:1}.social-link:focus-visible{outline:1px solid rgba(var(--accent),.6);outline-offset:5px}.social-label{position:absolute;top:calc(100% + 12px);left:50%;color:#e8ecf37a;font-size:7px;font-weight:500;letter-spacing:.23em;text-transform:uppercase;white-space:nowrap;transform:translate(-50%);transition:color .4s ease}.social-link:hover .social-label{color:#ffffffd1}.identity-line{position:absolute;top:calc(100% + 31px);left:50%;display:flex;align-items:center;gap:9px;margin:0;color:#e8ecf25c;font-size:7px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;transform:translate(-50%);white-space:nowrap;animation:detail-in .8s 1.85s both}.identity-line i{width:2px;height:2px;border-radius:50%;background:#ffffff7a}.scene-kicker{position:fixed;z-index:2;top:25px;color:#f1f3f7a8;font-size:9px;line-height:1.65;letter-spacing:.3em;text-transform:uppercase;animation:detail-in 1s 1.7s both}.scene-kicker span{color:#f1f3f742}.scene-kicker--left{left:27px}.scene-kicker--right{right:27px;text-align:right}.sound-toggle{position:fixed;right:26px;bottom:23px;z-index:12;display:flex;align-items:center;gap:11px;border:0;color:#eef1f76b;background:none;font-size:7px;letter-spacing:.24em;text-transform:uppercase;cursor:pointer;transition:color .35s ease;animation:detail-in 1s 2s both}.sound-toggle:hover,.sound-toggle:focus-visible{color:#ffffffdb;outline:none}.sound-bars{display:flex;height:16px;align-items:center;gap:2px}.sound-bars i{width:1px;height:5px;background:currentColor}.sound-bars i:nth-child(2){height:11px}.sound-bars i:nth-child(3){height:15px}.sound-bars i:nth-child(4){height:8px}.sound-toggle[aria-pressed=true] .sound-bars i{animation:sound-bar .7s ease-in-out infinite alternate}.sound-toggle[aria-pressed=true] .sound-bars i:nth-child(2){animation-delay:-.3s}.sound-toggle[aria-pressed=true] .sound-bars i:nth-child(3){animation-delay:-.5s}.grain{position:fixed;inset:-40%;z-index:15;width:180%;height:180%;pointer-events:none;opacity:.038;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)' opacity='.8'/%3E%3C/svg%3E");animation:grain-shift .22s steps(2) infinite}.cursor-glow{position:fixed;top:0;left:0;z-index:0;width:400px;height:400px;margin:-200px 0 0 -200px;border-radius:50%;pointer-events:none;opacity:0;background:radial-gradient(circle,rgba(var(--accent),.1),transparent 68%);transition:opacity .5s ease,background 2s ease}.cursor-dot{position:fixed;top:0;left:0;z-index:21;width:3px;height:3px;margin:-1.5px 0 0 -1.5px;border-radius:50%;pointer-events:none;opacity:0;background:#ffffffd1;box-shadow:0 0 9px rgba(var(--accent),.7);transition:opacity .25s ease,box-shadow 2s ease}.cursor-glow[data-visible=true],.cursor-dot[data-visible=true]{opacity:1}.scene[data-mode=red]{--accent: 165, 8, 18}.scene[data-mode=red] .background-image{filter:brightness(.48) contrast(1.2) saturate(.5) sepia(.2)}.scene[data-mode=red] .background-image:after{background:radial-gradient(ellipse at 50% 38%,rgba(130,0,12,.18),transparent 33%),linear-gradient(180deg,rgba(0,0,0,.12),transparent 48%,rgba(50,0,5,.27))}.scene[data-mode=red] .profile-card{background:linear-gradient(145deg,#120406e3,#000000bf)}.scene[data-mode=void] .background-image{filter:brightness(.2) contrast(1.35) saturate(0)}.scene[data-mode=void] .background-particles,.scene[data-mode=void] .background-fog{opacity:.1}.scene[data-mode=rain] .background-image{filter:brightness(.48) contrast(1.2) saturate(.18) hue-rotate(175deg)}.scene[data-mode=rain]{--accent: 92, 137, 170}.scene[data-mode=clean] .grain,.scene[data-mode=clean] .background-particles,.scene[data-mode=clean] .background-fog,.scene[data-mode=clean] .monolith-refraction,.scene[data-mode=clean] .card-sheen{display:none}.scene[data-glitch] .profile-card{animation:signal-glitch .72s steps(2,end)}.scene[data-glitch] h1{animation:title-glitch .72s steps(2,end)}.secret-toast{position:fixed;z-index:40;right:24px;bottom:62px;width:min(330px,calc(100vw - 32px));overflow:hidden;padding:13px 15px 15px;border:1px solid rgba(255,255,255,.15);color:#f4f6fad1;background:#050608f0;box-shadow:0 14px 40px #00000075;font-size:10px;line-height:1.45;letter-spacing:.09em;text-transform:uppercase;animation:toast-in .38s cubic-bezier(.16,1,.3,1) both}.secret-toast:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:rgba(var(--accent),.6);transform-origin:left;animation:toast-progress 4.5s linear both}.secret-toast span{display:block;margin-bottom:4px;color:rgba(var(--accent),.45);font-size:7px;letter-spacing:.28em}.secret-toast[data-kind=achievement]{border-color:rgba(var(--accent),.32)}.secret-toast[data-exiting]{pointer-events:none;animation:toast-out .56s cubic-bezier(.4,0,1,1) both}.command-layer{position:fixed;z-index:50;inset:0;display:grid;place-items:start center;padding-top:18vh;background:#0000007a;animation:palette-layer-in .16s ease both}.command-palette{width:min(520px,calc(100vw - 28px));padding:20px;border:1px solid rgba(255,255,255,.18);background:#040507f7;box-shadow:0 28px 80px #000000b3}.command-palette label{display:block;margin-bottom:10px;color:#eff2f76b;font-size:8px;letter-spacing:.3em}.command-palette input{width:100%;border:0;border-bottom:1px solid rgba(255,255,255,.18);border-radius:0;padding:9px 0 12px;outline:0;color:#fff;background:transparent;font:400 24px Instrument Sans,sans-serif}.command-palette p{margin:14px 0 0;color:#eff2f74d;font-size:8px;line-height:1.7;letter-spacing:.12em}@keyframes scene-reveal{0%{opacity:0;background:#000}30%{opacity:1;background:#000}to{background:#020202}}@keyframes architecture-reveal{0%{opacity:0;filter:brightness(.08) blur(7px) saturate(0);transform:scale(1.08)}to{opacity:1}}@keyframes reflection-in{0%{opacity:0}to{opacity:.2}}@keyframes particles-in{0%{opacity:0}to{opacity:.8}}@keyframes monolith-enter{0%{opacity:0;filter:blur(14px);transform:translateY(30px) scale(.93)}to{opacity:1;filter:blur(0);transform:none}}@keyframes title-reveal{0%{opacity:0;filter:blur(12px);transform:translateY(9px)}to{opacity:1;transform:none}}@keyframes detail-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1}}@keyframes social-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes edge-sweep{0%{left:-55%;opacity:0}28%{opacity:1}to{left:125%;opacity:0}}@keyframes title-shimmer{0%,70%,to{background-position:100% center}84%{background-position:0 center}}@keyframes camera-drift{0%{transform:translate3d(var(--parallax-x),var(--parallax-y),0) scale(1.035)}to{transform:translate3d(calc(var(--parallax-x) + 5px),calc(var(--parallax-y) - 4px),0) scale(1.048)}}@keyframes reflection-breathe{0%{transform:scaleY(-1) translateY(-1px)}to{transform:scaleY(-1) translateY(3px) scaleX(1.01)}}@keyframes fog-drift{0%{transform:translate3d(-2%,0,0) scale(1);opacity:.25}to{transform:translate3d(2%,-1%,0) scale(1.06);opacity:.42}}@keyframes grain-shift{0%{transform:translate(1%,-2%)}50%{transform:translate(-2%,1%)}to{transform:translate(2%,2%)}}@keyframes sound-bar{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}@keyframes toast-in{0%{opacity:0;transform:translate3d(18px,10px,0) scale(.97);clip-path:inset(0 0 0 100%)}to{opacity:1;transform:none;clip-path:inset(0)}}@keyframes toast-out{0%{opacity:1;transform:none;clip-path:inset(0)}to{opacity:0;transform:translate3d(14px,-5px,0) scale(.98);clip-path:inset(0 0 0 100%)}}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes palette-layer-in{0%{opacity:0}to{opacity:1}}@keyframes signal-glitch{0%,to{translate:0}20%{translate:-5px 1px}38%{translate:4px -2px}55%{translate:-2px 2px}73%{translate:3px 0}}@keyframes title-glitch{0%,to{translate:0;opacity:1}24%{translate:4px 0;opacity:.55}26%{translate:-5px 1px}49%{translate:2px -1px;opacity:.85}52%{translate:0}}@media(max-width:700px){.background-image{inset:-8px;background-position:50% 45%;transform:scale(1.01);animation:architecture-reveal 1.7s .05s both}.background-reflection{display:none}.background-fog{opacity:.16;filter:none;animation:none}.background-particles{opacity:.48}.vignette{background:radial-gradient(ellipse at center,transparent 8%,rgba(0,0,0,.26) 49%,rgba(0,0,0,.72) 110%)}.profile-wrap{width:min(89vw,440px)}.profile-card,.card-content{min-height:326px}.profile-card{border-radius:30px 26px 33px 25px/27px 33px 25px 31px;background:#040507e6;box-shadow:0 32px 65px #0000009e,inset 0 1px #ffffff1f;backdrop-filter:none;-webkit-backdrop-filter:none;transition:none;will-change:auto}.profile-card:hover{box-shadow:0 32px 65px #0000009e,inset 0 1px #ffffff1f}.monolith-refraction,.card-sheen,.profile-card:after{display:none}.card-content{padding:43px 18px 39px;transform:none}h1{font-size:clamp(43px,12vw,58px);letter-spacing:.07em}.eyebrow{margin-bottom:23px;font-size:7px}.title-rule{margin-top:22px}.socials{gap:8px;margin-top:30px}.social-link{width:43px;height:43px}.social-label{top:calc(100% + 9px);font-size:6px;letter-spacing:.16em}.identity-line{top:calc(100% + 27px);font-size:6px;letter-spacing:.22em}.scene-kicker--right{display:none}.scene-kicker--left{top:18px;left:18px;font-size:7px}.sound-toggle{right:15px;bottom:16px}.grain{display:none}.secret-toast{right:16px;bottom:58px}.command-layer{padding-top:12vh;background:#000000b8}}@media(max-height:610px)and (orientation:landscape){.profile-wrap{width:min(65vw,500px)}.profile-card,.card-content{min-height:276px}.card-content{padding:30px 32px 28px}.eyebrow{margin-bottom:18px}h1{font-size:66px}.title-rule{margin-top:18px}.socials{margin-top:23px}.social-link{width:42px;height:42px}.identity-line{display:none}}@media(pointer:coarse){.cursor-glow,.cursor-dot,.grain,.monolith-refraction,.card-sheen,.profile-card:after{display:none}.background-image{will-change:auto;transition:filter .35s ease}.background-fog{filter:none;animation:none}.profile-card{transform:none!important;backdrop-filter:none;-webkit-backdrop-filter:none;will-change:auto}.social-link{top:0!important;transform:none!important;will-change:auto;transition:transform .11s ease,opacity .11s ease}.social-link:before{display:none}.social-link:active{transform:scale(.94)!important;opacity:.72}}html[data-quality=lite] .grain,html[data-quality=lite] .background-reflection,html[data-quality=lite] .monolith-refraction,html[data-quality=lite] .card-sheen,html[data-quality=lite] .profile-card:after{display:none}html[data-quality=lite] .profile-card{backdrop-filter:none;-webkit-backdrop-filter:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.background-image{transform:none}.grain{animation:none}}