@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-x:hidden;overflow-y:auto}button,a{font:inherit;-webkit-tap-highlight-color:transparent}.scene{position:relative;isolation:isolate;display:block;width:100%;min-height:100vh;min-height:100svh;overflow:clip;background:#020202;animation:scene-reveal 2.2s cubic-bezier(.2,.7,.1,1) both}.background{position:fixed;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}.social-link[data-social=github] svg{color:#ffffffdb}.social-link[data-social=linkedin] svg{color:#0a66c2;opacity:.86;transition:opacity .2s ease,transform .2s ease}.social-link:hover svg{opacity:1;transform:scale(1.04)}.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}}.hero{position:relative;display:grid;min-height:100vh;min-height:100svh;place-items:center;overflow:hidden}.hero-card-stage{display:grid;width:100%;place-items:center;opacity:var(--hero-opacity, 1);transform:translate3d(0,var(--hero-shift,0),0) scale(var(--hero-scale,1));transform-origin:center;will-change:transform,opacity}.hero .scene-kicker{position:absolute}.scroll-hint{position:absolute;z-index:5;bottom:24px;left:50%;display:flex;align-items:center;flex-direction:column;gap:9px;color:#eff2f752;font-size:7px;letter-spacing:.32em;text-decoration:none;text-transform:uppercase;transform:translate(-50%);animation:detail-in 1s 2.2s both}.scroll-hint i{position:relative;width:1px;height:30px;overflow:hidden;background:#ffffff1f}.scroll-hint i:after{content:"";position:absolute;inset:0;background:#ffffffa6;transform:translateY(-100%);animation:scroll-line 2s 2.4s ease-in-out infinite}.showcase{position:relative;z-index:3;height:520vh;overflow-anchor:none;background:linear-gradient(180deg,transparent 0,rgba(2,3,5,.7) 4%,#030406 14%,#040507 100%)}.showcase-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.showcase-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.showcase-track{position:absolute;inset:0 auto 0 0;display:flex;width:max-content;transform:translateZ(0);will-change:transform}.showcase-panel{position:relative;display:grid;width:100vw;min-width:100vw;height:100%;align-items:center;grid-template-columns:minmax(285px,.68fr) minmax(0,1.32fr);gap:clamp(38px,5vw,82px);padding:clamp(70px,7vw,112px) clamp(48px,7vw,112px);border-right:1px solid rgba(255,255,255,.07);overflow:hidden}.panel-development{width:100vw;min-width:100vw}.panel-design{width:100vw;background:radial-gradient(circle at 65% 38%,rgba(210,218,230,.045),transparent 34%)}.panel-productivity{width:100vw;min-width:100vw}.panel-networking{width:100vw;background:radial-gradient(circle at 60% 50%,rgba(102,134,154,.055),transparent 38%)}.panel-pc{width:100vw;background:radial-gradient(circle at 67% 45%,rgba(63,107,145,.06),transparent 38%)}.panel-heading{position:relative;z-index:2;max-width:560px}.panel-heading>span,.section-label{color:#eaeef561;font-size:8px;font-weight:500;letter-spacing:.32em;text-transform:uppercase}.panel-heading h2{margin:24px 0 22px;color:#eef1f5;font-family:Instrument Sans,Manrope,sans-serif;font-size:clamp(58px,6.6vw,112px);font-weight:500;letter-spacing:-.055em;line-height:.87;text-transform:uppercase}.panel-heading p{max-width:390px;margin:0;color:#e9edf36b;font-size:12px;font-weight:300;line-height:1.75}.panel-index{position:absolute;right:5vw;bottom:-3vw;color:#ffffff05;font:600 clamp(180px,24vw,360px)/.8 "Instrument Sans",sans-serif;letter-spacing:-.1em;pointer-events:none}.skill-flow{position:relative;z-index:2;display:grid;gap:16px}.skill-flow--development{grid-template-columns:repeat(5,minmax(118px,1fr));width:min(810px,61vw)}.skill-flow--design{grid-template-columns:repeat(2,minmax(230px,320px));align-items:stretch}.skill-flow--office{grid-template-columns:repeat(3,minmax(205px,260px))}.skill-card{--lift: 0px;position:relative;display:flex;min-height:104px;align-items:center;gap:15px;padding:18px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,#ffffff0e,#ffffff04);box-shadow:inset 0 1px #ffffff0f,0 18px 50px #0000002e;opacity:.18;transform:translateY(calc(var(--lift) + 18px)) scale(.975);transition:opacity .5s ease calc(var(--card-index) * 35ms),border-color .28s ease,background .28s ease,transform .5s cubic-bezier(.2,.75,.2,1) calc(var(--card-index) * 35ms)}.skill-card:nth-child(3n+2){--lift: 18px}.skill-card:nth-child(4n){--lift: -11px}.showcase-panel[data-active] .skill-card{opacity:1;transform:translateY(var(--lift)) scale(1)}.showcase-panel[data-active] .skill-card:hover{border-color:color-mix(in srgb,var(--brand) 28%,rgba(255,255,255,.16));background:linear-gradient(145deg,#ffffff16,#ffffff05);transform:translateY(calc(var(--lift) - 4px)) scale(1.015)}.skill-card--featured{min-height:148px;grid-column:span 2}.skill-icon{display:grid;width:48px;height:48px;flex:0 0 auto;place-items:center;border:1px solid rgba(255,255,255,.1);color:var(--brand);background:#ffffff09;opacity:.82;transition:opacity .22s ease,transform .22s ease,box-shadow .22s ease}.skill-card:hover .skill-icon{opacity:1;transform:scale(1.04);box-shadow:0 0 18px color-mix(in srgb,var(--brand) 16%,transparent),inset 0 1px #ffffff14}.skill-card--featured .skill-icon{width:60px;height:60px}.skill-icon span{font:600 18px Instrument Sans,sans-serif;letter-spacing:-.05em}.skill-card strong{display:block;color:#f7f8fbe0;font-size:13px;font-weight:500;letter-spacing:-.01em}.skill-card small{display:block;margin-top:7px;color:#e9edf34d;font-size:7px;letter-spacing:.2em;text-transform:uppercase}.stack-path{grid-column:1/-1;margin-top:22px;color:#ebeff545;font-size:8px;letter-spacing:.19em;text-align:center;text-transform:uppercase}.panel-watermark{position:absolute;right:7vw;bottom:5vh;color:#ffffff06}.network-cluster{position:relative;z-index:2;display:grid;width:min(690px,55vw);grid-template-columns:repeat(2,1fr);gap:12px;padding:70px 40px 34px;border:1px solid rgba(255,255,255,.08);background:#ffffff05}.network-cluster>svg{position:absolute;top:21px;left:40px;color:#e7ecf38f}.network-cluster span{padding:15px 16px;border-left:1px solid rgba(255,255,255,.13);color:#f0f3f79e;background:linear-gradient(90deg,rgba(255,255,255,.035),transparent);font-size:10px;letter-spacing:.08em}.pc-cluster{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(210px,1fr));gap:12px;width:min(650px,54vw)}.pc-cluster>div{padding:22px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(135deg,#ffffff0b,#ffffff03);opacity:.18;transform:translateY(16px) scale(.98);transition:opacity .5s ease calc(var(--pc-index) * 45ms),transform .5s cubic-bezier(.2,.75,.2,1) calc(var(--pc-index) * 45ms),border-color .2s ease}.panel-pc[data-active] .pc-cluster>div{opacity:1;transform:none}.pc-cluster>div:hover{border-color:#70a2cb47}.pc-cluster span{display:block;color:#71a6cf7a;font-size:7px;letter-spacing:.2em}.pc-cluster strong{display:block;margin-top:20px;color:#f6f8fbd6;font-size:13px;font-weight:500}.pc-cluster small{display:block;margin-top:7px;color:#ebeff552;font-size:8px}.network-cluster span{opacity:.2;transform:translate(12px);transition:opacity .45s ease calc(var(--network-index) * 45ms),transform .45s cubic-bezier(.2,.75,.2,1) calc(var(--network-index) * 45ms)}.panel-networking[data-active] .network-cluster span{opacity:1;transform:none}.showcase-progress{position:absolute;right:5vw;bottom:34px;left:5vw;height:1px;background:#ffffff17}.showcase-progress span{display:block;width:100%;height:100%;background:#eef2f794;transform:scaleX(0);transform-origin:left;will-change:transform}.showcase-coordinate{position:absolute;right:5vw;top:30px;margin:0;color:#ebeff538;font-size:7px;letter-spacing:.24em}.section-indicator{position:fixed;z-index:18;top:50%;right:22px;display:flex;align-items:center;gap:17px;transform:translateY(-50%)}.section-indicator__name{max-width:110px;color:#f0f3f86b;font-size:7px;letter-spacing:.22em;text-align:right;text-transform:uppercase;transition:color .3s ease}.section-indicator>div{display:flex;flex-direction:column;gap:3px}.section-indicator button{width:25px;height:25px;padding:0;border:0;color:#eff2f733;background:transparent;font-size:7px;letter-spacing:.06em;cursor:pointer;transition:color .25s ease,transform .25s ease}.section-indicator button:before{content:"";display:inline-block;width:9px;height:1px;margin-right:5px;vertical-align:middle;background:currentColor;transition:width .25s ease}.section-indicator button[data-active]{color:#f7f9fcd1;transform:translate(-3px)}.section-indicator button[data-active]:before{width:15px}.section-indicator button:focus-visible{color:#fff;outline:1px solid rgba(255,255,255,.35);outline-offset:2px}.other-skills{position:relative;z-index:4;min-height:100vh;padding:clamp(100px,13vw,190px) clamp(24px,8vw,132px);background:linear-gradient(180deg,#040507,#060709)}.other-skills h2{max-width:820px;margin:25px 0 70px;color:#eef1f5;font:500 clamp(52px,8vw,118px)/.88 "Instrument Sans",sans-serif;letter-spacing:-.055em;text-transform:uppercase}.other-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.12);border-left:1px solid rgba(255,255,255,.12)}.other-grid>div{min-height:180px;padding:28px;border-right:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);background:#ffffff03;transition:background .25s ease}.other-grid>div:hover{background:#ffffff09}.other-grid span{color:#ebeff53d;font-size:8px;letter-spacing:.2em}.other-grid strong{display:block;margin-top:45px;color:#f6f8fbd1;font-size:15px;font-weight:500}.other-grid p{margin:9px 0 0;color:#ebeff557;font-size:10px;line-height:1.5}.portfolio-footer{position:relative;z-index:4;display:grid;min-height:100vh;min-height:100svh;place-items:center;align-content:center;padding:80px 24px;background:#030304;text-align:center}.portfolio-footer>p{color:#ebeff547;font-size:8px;letter-spacing:.3em}.portfolio-footer h2{margin:24px 0 48px;color:#f1f3f6;font:500 clamp(62px,10vw,150px)/.85 "Instrument Sans",sans-serif;letter-spacing:-.06em;text-transform:uppercase}.footer-links{display:flex;gap:12px}.footer-links a{display:flex;min-width:142px;align-items:center;justify-content:center;gap:10px;padding:15px 22px;border:1px solid rgba(255,255,255,.14);color:#f5f7fab8;background:#ffffff06;font-size:9px;letter-spacing:.14em;text-decoration:none;text-transform:uppercase;transition:transform .18s ease,border-color .18s ease,color .18s ease}.footer-links a:hover{color:#fff;border-color:#ffffff4d;transform:translateY(-3px) scale(1.015)}.footer-links svg{width:20px;height:20px}.footer-links [data-social=github] svg{color:#ffffffe6}.footer-links [data-social=linkedin] svg{color:#0a66c2}@keyframes scroll-line{0%{transform:translateY(-100%)}45%,55%{transform:translateY(0)}to{transform:translateY(100%)}}@media(max-width:700px){.scroll-hint{bottom:18px}.showcase-panel,.panel-development,.panel-design,.panel-productivity,.panel-networking,.panel-pc{display:flex;width:100vw;min-width:100vw;flex-direction:column;justify-content:center;gap:22px;padding:52px 22px 66px}.panel-heading{width:100%;max-width:none}.panel-heading h2{margin:13px 0 12px;font-size:clamp(32px,10vw,42px);line-height:.9}.panel-heading p{max-width:330px;font-size:9px;line-height:1.5}.panel-heading>span{font-size:6px}.skill-flow--development{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.skill-flow--design{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.skill-flow--office{width:100%;grid-template-columns:1fr;gap:7px}.skill-card,.skill-card--featured{min-height:54px;grid-column:auto;gap:9px;padding:7px 9px;box-shadow:none}.skill-card:nth-child(n){--lift: 0px}.skill-icon,.skill-card--featured .skill-icon{width:34px;height:34px}.skill-icon svg{width:21px;height:21px}.skill-card strong{font-size:10px}.skill-card small{margin-top:3px;font-size:5px}.stack-path{display:none}.network-cluster{width:100%;grid-template-columns:repeat(2,1fr);gap:6px;padding:53px 10px 10px;box-shadow:none}.network-cluster>svg{top:12px;left:14px;width:34px}.network-cluster span{padding:10px 8px;font-size:7px}.pc-cluster{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.pc-cluster>div{padding:12px}.pc-cluster strong{margin-top:10px;font-size:10px}.pc-cluster small{font-size:7px}.showcase-grid{opacity:.12;background-size:54px 54px}.panel-index{opacity:.55}.showcase-coordinate{display:none}.section-indicator{right:5px;gap:0}.section-indicator__name{display:none}.section-indicator button{width:18px;height:22px;overflow:hidden;color:#ffffff29;font-size:0}.section-indicator button:before{width:5px;margin:0}.section-indicator button[data-active]:before{width:11px}.other-skills{padding:100px 20px}.other-skills h2{margin-bottom:48px;font-size:54px}.other-grid{grid-template-columns:1fr}.other-grid>div{min-height:140px;padding:23px}.other-grid strong{margin-top:30px}.portfolio-footer{min-height:100vh;min-height:100svh}.portfolio-footer h2{font-size:64px}}@media(prefers-reduced-motion:reduce){.hero-card-stage{opacity:1;transform:none}.scroll-hint i:after{animation:none}.showcase{height:auto!important}.showcase-sticky{position:relative;height:auto;overflow:visible}.showcase-track{position:relative;display:block;width:100%;transform:none!important}.showcase-panel,.panel-development,.panel-design,.panel-productivity,.panel-networking,.panel-pc{width:100%;min-width:0;min-height:100vh}.showcase-progress,.showcase-coordinate,.section-indicator{display:none}.skill-card,.network-cluster span,.pc-cluster>div{opacity:1;transform:none}}