@property --glass-bg{syntax:"<color>";inherits:false;initial-value:#ffffff2e}:root{--max-w:1080px;--sec-v:clamp(5rem, 10vh, 7.5rem);--sec-h:clamp(1.5rem, 5vw, 3.5rem);--radius:12px;--radius-sm:6px;--font-display:"Noto Sans KR", "Apple SD Gothic Neo", sans-serif;--font-body:"Noto Sans KR", "Apple SD Gothic Neo", sans-serif;--font-label:"Space Grotesk", "JetBrains Mono", monospace;--font-mono:"Space Grotesk", "JetBrains Mono", "Fira Code", monospace;--font-title:"Noto Sans KR", "Apple SD Gothic Neo", sans-serif;--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-back:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-sharp:cubic-bezier(.4, 0, .6, 1);--text-1:#14182a;--text-2:#323558;--text-3:#5a5d7e;--text-4:#8e90a8;--text-5:#b8bad0;--accent:#1464b0;--glass-bg:#ffffff38;--glass-border:#ffffff73;--glass-shadow:0 2px 0 #ffffff8c inset, 0 -1px 0 #00143c0f inset, 0 8px 40px #0019461a, 0 2px 10px #00143212;--border:#000a281a;--border-2:#000a2829}[data-theme=dark]{--text-1:#dce6ff;--text-2:#9eaece;--text-3:#5a6a8e;--text-4:#364060;--text-5:#202840;--accent:#5aaeff;--glass-bg:#060c209e;--glass-border:#ffffff1a;--glass-shadow:0 2px 0 #ffffff0f inset, 0 -1px 0 #00000047 inset, 0 8px 48px #00000073, 0 2px 12px #00000052;--border:#ffffff12;--border-2:#ffffff1f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);color:var(--text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0c1a52;overflow-x:hidden}#root{width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0000002e;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1f}::selection{background:#5096f04d}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(24px)saturate(1.8);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:background .4s var(--ease-smooth), border-color .4s var(--ease-smooth), box-shadow .4s var(--ease-smooth)}.section{z-index:1;padding:var(--sec-v) var(--sec-h);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.section-inner{width:100%;max-width:var(--max-w)}.section-header{margin-bottom:clamp(2.5rem,5vh,3.8rem)}.section-label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-3);margin-bottom:.8rem;font-size:.66rem;font-weight:600;transition:color 1s;display:block}.section-title{font-family:var(--font-display);letter-spacing:-.035em;color:var(--text-1);font-size:clamp(2.1rem,4.8vw,3.4rem);font-weight:700;line-height:1.15;transition:color 1s}.section-title em{color:var(--accent);font-style:normal}.section-sub{color:var(--text-2);margin-top:.9rem;font-size:clamp(.9rem,1.5vw,1.02rem);line-height:1.75;transition:color 1s}.chip{font-family:var(--font-mono);letter-spacing:.04em;border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-2);-webkit-backdrop-filter:blur(10px);align-items:center;padding:4px 11px;font-size:.7rem;font-weight:500;transition:color .8s,border-color .8s;display:inline-flex}[data-reveal]{opacity:0;transition:opacity .8s var(--ease-expo), transform .8s var(--ease-expo);transform:translateY(28px)}[data-reveal].revealed{opacity:1;transform:none}[data-reveal][data-delay="1"]{transition-delay:80ms}[data-reveal][data-delay="2"]{transition-delay:.18s}[data-reveal][data-delay="3"]{transition-delay:.28s}[data-reveal][data-delay="4"]{transition-delay:.4s}[data-reveal][data-delay="5"]{transition-delay:.52s}[data-reveal][data-delay="6"]{transition-delay:.65s}main{z-index:1;position:relative}.world{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.world-sky{background:linear-gradient(#0c5490 0%,#1870b8 7%,#2e8fd4 16%,#4eaadf 26%,#72c0ea 37%,#96d2f2 48%,#b8e0f7 58%,#d2eaf8 66%,#dfe8f0 73%,#e6e2d8 78%,#eadcc0 83%,#edd49a 88%,#e8c468 93%,#d8aa38 97%,#c89420 100%);transition:background 3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}[data-theme=dark] .world-sky{background:linear-gradient(#010610 0%,#020a1c 8%,#040f2c 18%,#071440 28%,#0a1852 38%,#0d1c62 48%,#0e1e68 56%,#0d1d64 64%,#0b1a58 72%,#09163f 80%,#06102c 88%,#040c1e 94%,#020810 100%)}.world-sky:before{content:"";pointer-events:none;background:radial-gradient(55% 45% at 84% 9%,#fff8be47 0%,#ffeb8c24 45%,#0000 72%),radial-gradient(100% 30% at 50% 100%,#f0c86438 0%,#dcaa4614 50%,#0000 75%);transition:background 3s;position:absolute;inset:0}[data-theme=dark] .world-sky:before{background:radial-gradient(42% 38% at 82% 10%,#b4d2ff14 0%,#0000 65%),radial-gradient(80% 25% at 50% 100%,#08143c59 0%,#0000 60%)}.world-atmos{pointer-events:none;background:radial-gradient(140% 25% at 50% 0,#0a1e500f 0%,#0000 60%),radial-gradient(30% 100% at 0%,#1428500a 0%,#0000 70%),radial-gradient(30% 100% at 100%,#1428500a 0%,#0000 70%);transition:background 3s;position:absolute;inset:0}[data-theme=dark] .world-atmos{background:radial-gradient(160% 30% at 50% 0,#050a1e66 0%,#0000 55%)}.world-sun{width:96px;height:96px;transition:opacity 2.5s,transform 3s;position:absolute;top:7%;right:16%}[data-theme=dark] .world-sun{opacity:0;transform:translateY(50px)scale(.7)}.world-sun-corona{background:radial-gradient(circle,#fff08238 0%,#ffdc501f 35%,#f0b4280d 60%,#0000 80%);border-radius:50%;animation:8s ease-in-out infinite corona-pulse;position:absolute;inset:-60px}@keyframes corona-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.12)}}.world-sun-disc{background:radial-gradient(circle at 38% 38%,#fffef8 0%,#fffbe0 22%,#fff0a0 42%,#f8d838 58%,#eeb820 72%,#e0a50000 100%);border-radius:50%;animation:7s ease-in-out infinite sun-breathe;position:absolute;inset:0;box-shadow:0 0 14px 8px #ffe65099,0 0 40px 20px #f8cd3261,0 0 90px 45px #eeaf1e33,0 0 190px 95px #e49b0f1a}@keyframes sun-breathe{0%,to{box-shadow:0 0 14px 8px #ffe65099,0 0 40px 20px #f8cd3261,0 0 90px 45px #eeaf1e33,0 0 190px 95px #e49b0f1a}50%{box-shadow:0 0 18px 10px #ffeb58ad,0 0 52px 26px #fad43a70,0 0 112px 56px #f2b62640,0 0 230px 115px #e8a21621}}.world-sun-flare{filter:blur(1px);background:linear-gradient(90deg,#0000 0%,#fff8b40f 30%,#ffffdc2e 50%,#fff8b40f 70%,#0000 100%);border-radius:2px;width:450px;height:2px;position:absolute;top:50%;left:-180px;transform:translateY(-50%)}.world-sun-halo{border:1px solid #ffe65a24;border-radius:50%;animation:38s linear infinite halo-spin;position:absolute;inset:-48px}.world-sun-halo:after{content:"";border:1px dashed #ffda4614;border-radius:50%;animation:60s linear infinite reverse halo-spin;position:absolute;inset:-28px}@keyframes halo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.world-moon{opacity:0;background:radial-gradient(circle at 35% 35%,#f9f7ec 0%,#eee9d8 35%,#e2dac5 62%,#cec5aa 82%,#b9af9600 100%);border-radius:50%;width:72px;height:72px;transition:opacity 2.5s,transform 3s;animation:10s ease-in-out infinite moon-pulse;position:absolute;top:8%;right:17%;transform:translateY(-35px)scale(.78);box-shadow:0 0 12px 6px #faf6e838,0 0 36px 18px #f2eeda21,0 0 80px 40px #e1dac012,inset 9px 7px 14px #82785f33,inset -5px -4px 9px #5f58411f}[data-theme=dark] .world-moon{opacity:1;transform:none}@keyframes moon-pulse{0%,to{box-shadow:0 0 12px 6px #faf6e838,0 0 36px 18px #f2eeda21,0 0 80px 40px #e1dac012,inset 9px 7px 14px #82785f33,inset -5px -4px 9px #5f58411f}50%{box-shadow:0 0 16px 8px #faf6e84d,0 0 46px 23px #f4f0de2e,0 0 96px 48px #e4dec41a,inset 9px 7px 14px #82785f33,inset -5px -4px 9px #5f58411f}}.world-milky-way{opacity:0;pointer-events:none;transform-origin:50%;background:radial-gradient(28% 85% at 65% 30%,#a0b9ff0e 0%,#8caaff08 50%,#0000 75%),radial-gradient(22% 70% at 40% 55%,#b4c8ff0a 0%,#0000 65%);transition:opacity 2.5s;position:absolute;inset:0;transform:rotate(-18deg)}[data-theme=dark] .world-milky-way{opacity:1}.world-clouds{transition:opacity 2.2s;position:absolute;inset:0;overflow:visible}[data-theme=dark] .world-clouds{opacity:0;pointer-events:none}.cloud-wrap{animation:cloud-drift var(--cloud-speed,80s) linear infinite var(--cloud-delay,0s);will-change:transform;pointer-events:none;position:absolute}.cloud-wrap svg{display:block;overflow:visible}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(calc(-100vw - 500px))}}.world-stars{opacity:0;transition:opacity 2.2s;position:absolute;inset:0}[data-theme=dark] .world-stars{opacity:1}.world-star{background:#eaf0ff;border-radius:50%;animation-name:star-blink-bright;animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute}.world-star--mid{background:#d8e5ff;animation-name:star-blink-mid}.world-star--dim{background:#b8ccee;animation-name:star-blink-dim}@keyframes star-blink-bright{0%,to{opacity:.92;transform:scale(1)}45%{opacity:.06;transform:scale(.45)}}@keyframes star-blink-mid{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.04;transform:scale(.55)}}@keyframes star-blink-dim{0%,to{opacity:.2}55%{opacity:.02}}.world-fireflies{opacity:0;pointer-events:none;transition:opacity 2.2s;position:absolute;inset:0}[data-theme=dark] .world-fireflies{opacity:1}.world-firefly{background:radial-gradient(circle,#d2ff96 0%,#a8f25fb3 38%,#69d23247 68%,#41b91400 100%);border-radius:50%;animation:linear infinite fly;position:absolute;box-shadow:0 0 5px 2px #b9ff6e85,0 0 12px 4px #91f05042}@keyframes fly{0%{opacity:0;transform:translate(0)scale(1)}12%{opacity:1}50%{transform:translate(var(--dx,25px), -36px) scale(.86);opacity:.88}88%{opacity:.55}to{transform:translate(calc(var(--dx,25px)*.55), -66px) scale(.52);opacity:0}}.world-hills{pointer-events:none;height:90px;position:absolute;bottom:19vh;left:0;right:0}.world-hills-svg{width:100%;height:100%;position:absolute;bottom:0;left:0}.hills-far{fill:#5e8a70;opacity:.55;transition:fill 3s,opacity 3s}[data-theme=dark] .hills-far{fill:#0f1e12;opacity:.8}.hills-mid{fill:#456a35;opacity:.75;transition:fill 3s,opacity 3s}[data-theme=dark] .hills-mid{fill:#0a1508;opacity:.9}.hills-near{fill:#3a5c28;transition:fill 3s}[data-theme=dark] .hills-near{fill:#060e04}.world-ground{background:linear-gradient(#548828 0%,#457020 18%,#365a18 38%,#284410 58%,#1c3008 78%,#122006 100%);height:20vh;transition:background 3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0}[data-theme=dark] .world-ground{background:linear-gradient(#1a2e10 0%,#14240c 18%,#0e1a08 38%,#0a1206 58%,#070c04 78%,#030804 100%)}.world-ground:before{content:"";background:linear-gradient(#0000,#5488288c);height:26px;transition:background 3s;position:absolute;top:-24px;left:0;right:0}[data-theme=dark] .world-ground:before{background:linear-gradient(#0000,#1a2e1099)}.nav{z-index:200;height:60px;transition:background .55s var(--ease-smooth), border-color .55s var(--ease-smooth), box-shadow .55s var(--ease-smooth);padding:0 clamp(1.5rem,5vw,3.5rem);position:fixed;top:0;left:0;right:0}.nav--scrolled{background:var(--glass-bg);-webkit-backdrop-filter:blur(28px)saturate(1.8);border-bottom:1px solid var(--glass-border);box-shadow:inset 0 1px #ffffff59,0 4px 32px #00143c1a}[data-theme=dark] .nav--scrolled{box-shadow:inset 0 1px #ffffff0f,0 4px 32px #00000059}.nav-inner{height:100%;max-width:var(--max-w);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{flex-direction:row;align-items:center;gap:10px;text-decoration:none;transition:opacity .2s;display:flex}.nav-logo:hover{opacity:.7}.nav-logo-img{object-fit:cover;border:1.5px solid #825adc73;border-radius:50%;width:36px;height:36px;transition:border-color 1s,box-shadow 1s;box-shadow:0 0 0 2.5px #6e46d22e,0 0 12px #7850dc66,0 0 24px #643cc82e,0 2px 6px #00000038}[data-theme=dark] .nav-logo-img{border-color:#9664f08c;box-shadow:0 0 0 2.5px #7850e638,0 0 16px #825af08c,0 0 36px #643cd247,0 2px 8px #00000080}.nav-logo-en{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-size:.58rem;font-weight:500;line-height:1;transition:color 1s}.nav-links{align-items:center;gap:.15rem;list-style:none;display:flex}.nav-link{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-2);border:1px solid #0000;border-radius:40px;padding:6px 14px;font-size:.72rem;font-weight:500;text-decoration:none;transition:color .22s,background .22s,border-color .22s;display:inline-block}.nav-link:hover{color:var(--text-1);background:var(--glass-bg);border-color:var(--glass-border)}.nav-link--active{color:var(--accent);background:var(--glass-bg);border-color:var(--glass-border)}.nav-toggle{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-2);border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:color .22s ease, background .6s ease, border-color .8s ease, transform .22s var(--ease-back);border-radius:40px;align-items:center;gap:7px;padding:7px 14px;font-size:.68rem;font-weight:600;display:flex}.nav-toggle:hover{color:var(--text-1);transform:scale(1.05)}.nav-toggle svg{transition:transform .5s var(--ease-back);flex-shrink:0}.nav-toggle:hover svg{transform:rotate(18deg)}@media (width<=640px){.nav-links,.nav-toggle span:last-child{display:none}}.hero{z-index:1;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-inner{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:0;width:100%;max-width:800px;margin-top:-10vh;padding:2rem;display:flex;position:relative}.hero-quote-block{-webkit-backdrop-filter:blur(22px)saturate(1.6);background:#fff3;border:1px solid #ffffff6b;border-radius:18px;flex-direction:column;align-items:center;margin-bottom:2.4rem;padding:2.4rem 3rem 2.2rem;transition:background 1.5s,border-color 1.5s,box-shadow 1.5s;display:flex;position:relative;box-shadow:inset 0 2px #ffffff8c,0 10px 40px #0014461f,0 2px 12px #00143c14}[data-theme=dark] .hero-quote-block{background:#060a1e9e;border-color:#b4d2ff1f;box-shadow:inset 0 2px #ffffff0d,0 10px 50px #0000007a,0 2px 14px #0000004d}.hero-quote-mark{color:#1464b033;-webkit-user-select:none;user-select:none;align-self:flex-start;margin-bottom:.5rem;font-family:Georgia,Times New Roman,serif;font-size:3.8rem;line-height:.75;transition:color 1.5s}[data-theme=dark] .hero-quote-mark{color:#5aaeff38}.hero-quote-text{font-family:var(--font-mono);letter-spacing:.01em;color:#080c24e6;text-align:center;max-width:580px;min-height:3.2em;font-size:clamp(1.15rem,2.8vw,2rem);font-weight:500;line-height:1.55;transition:color 1.5s}[data-theme=dark] .hero-quote-text{color:#dae8fff0}.hero-cursor{color:#1464b0d9;margin-left:2px;font-weight:300;transition:opacity 60ms linear,color 1.5s;display:inline-block}[data-theme=dark] .hero-cursor{color:#5aaeffe6}.hero-cursor--off{opacity:0}.hero-desk{opacity:1;flex-direction:column;align-items:center;transition:opacity .65s,transform .65s;display:flex;transform:translateY(0)scale(1)}.hero-desk--hide{opacity:0;pointer-events:none;transform:translateY(10px)scale(.97)}.hero-monitor-wrap{flex-direction:column;align-items:center;display:flex}.hero-monitor-body{background:#060a1ce0;border:2px solid #5082e647;border-radius:12px;width:230px;padding:16px 18px 14px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 0 20px #3264f01a,0 8px 36px #000a3c8c}.hero-monitor-body:before{content:"";pointer-events:none;border-radius:inherit;z-index:1;background:repeating-linear-gradient(#0000 0 3px,#0000001a 3px 4px);position:absolute;inset:0}.hero-monitor-body:after{content:"";background:linear-gradient(90deg,#0000,#5aa0ff73,#0000);height:1px;position:absolute;top:0;left:0;right:0}.hero-monitor-screen{z-index:2;flex-direction:column;gap:5px;display:flex;position:relative}.hero-screen-row{color:#64c8ffe0;letter-spacing:.03em;white-space:nowrap;min-height:1.45em;font-family:JetBrains Mono,Fira Code,monospace;font-size:.5rem;line-height:1.45;overflow:hidden}.hero-screen-prompt{color:#50a0ff73}.hero-screen-caret{vertical-align:text-bottom;background:#64c8ffeb;border-radius:1px;width:5px;height:.72em;transition:opacity 60ms linear;display:inline-block}.hero-screen-caret--off{opacity:0}.hero-monitor-stand{background:#3246788c;border-radius:0 0 2px 2px;width:5px;height:22px}.hero-monitor-base{background:#32467880;border-radius:4px;width:68px;height:7px}.hero-keyboard{background:#060a1ccc;border:1px solid #5082e633;border-radius:10px;flex-direction:column;align-items:center;gap:5px;width:252px;margin-top:12px;padding:10px 14px 13px;display:flex;box-shadow:0 6px 24px #000a3c7a}.hero-kb-row{align-items:center;gap:4px;display:flex}.hero-key{background:#233773b8;border:1px solid #5082e638;border-bottom:3px solid #0a0f32eb;border-radius:3px;width:21px;height:19px;transition:transform 70ms ease-out,border-bottom-width 70ms ease-out,background .1s ease-out,box-shadow .1s ease-out;display:inline-block}.hero-key--space{width:115px}.hero-key--pressed{background:#3c6edce0;border-bottom-width:1px;transition:transform 30ms,border-bottom-width 30ms,background 30ms,box-shadow 30ms;transform:translateY(2px);box-shadow:0 0 10px #5aa0ff66}.hero-scroll{z-index:2;opacity:0;flex-direction:column;align-items:center;gap:.55rem;transition:opacity .8s;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.hero-scroll--in{opacity:1}.hero-scroll-text{font-family:var(--font-mono);letter-spacing:.26em;text-transform:uppercase;color:#0a0e2866;font-size:.56rem;font-weight:600;transition:color 1.5s}[data-theme=dark] .hero-scroll-text{color:#c8dcff52}.hero-scroll-line{background:#000a2829;border-radius:1px;width:1px;height:46px;transition:background 1.5s;position:relative;overflow:hidden}[data-theme=dark] .hero-scroll-line{background:#c8dcff24}.hero-scroll-line:after{content:"";background:linear-gradient(#0000,#1464b099,#0000);width:100%;height:100%;animation:2.4s ease-in-out infinite scroll-drop;position:absolute;top:-100%;left:0}[data-theme=dark] .hero-scroll-line:after{background:linear-gradient(#0000,#5aaeffa6,#0000)}@keyframes scroll-drop{0%{top:-100%}to{top:100%}}@media (width<=640px){.hero-quote-block{padding:1.8rem 2rem 1.6rem}.hero-quote-text{font-size:clamp(1rem,5vw,1.4rem)}.hero-monitor-body{width:200px}.hero-keyboard{width:220px}.hero-key{width:18px}.hero-key--space{width:96px}}.about-section{align-items:center}.about-layout{grid-template-columns:1fr 1fr;align-items:start;gap:1.4rem;display:grid}.about-bio-card{border-radius:var(--radius);height:100%;transition:transform .35s var(--ease-expo);flex-direction:column;gap:1.2rem;padding:2.2rem 2.4rem;display:flex}.about-bio-card:hover{transform:translateY(-3px)}.about-bio-icon{filter:drop-shadow(0 2px 6px #00000026);font-size:2.4rem;line-height:1}.about-bio-p{color:var(--text-2);font-size:clamp(.88rem,1.4vw,.97rem);line-height:1.8;transition:color 1s}.about-right{flex-direction:column;gap:1.4rem;display:flex}.about-meta-card{border-radius:var(--radius);transition:transform .35s var(--ease-expo);flex-direction:column;gap:0;padding:1.6rem 1.8rem;display:flex}.about-meta-card:hover{transform:translateY(-3px)}.about-meta-row{border-bottom:1px solid var(--border);align-items:baseline;gap:1rem;padding:.72rem 0;transition:border-color .8s;display:flex}.about-meta-row:last-child{border-bottom:none}.about-meta-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);flex-shrink:0;width:3.6rem;font-size:.68rem;font-weight:600;transition:color .8s}.about-meta-value{color:var(--text-1);font-size:.88rem;line-height:1.45;transition:color .8s}.about-stats{grid-template-columns:repeat(4,1fr);gap:.8rem;display:grid}.about-stat{border-radius:var(--radius-sm);text-align:center;transition:transform .3s var(--ease-expo);flex-direction:column;align-items:center;gap:.3rem;padding:1.1rem .8rem;display:flex}.about-stat:hover{transform:translateY(-2px)scale(1.02)}.about-stat-n{font-family:var(--font-display);letter-spacing:-.04em;color:var(--accent);font-size:clamp(1.4rem,2.5vw,1.85rem);font-weight:800;line-height:1;transition:color 1s}.about-stat-l{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-size:.6rem;font-weight:500;transition:color 1s}@media (width<=720px){.about-layout{grid-template-columns:1fr}.about-stats{grid-template-columns:repeat(2,1fr)}}.gallery-container{background:0 0;height:100vh;position:relative;overflow:hidden}.gallery-container:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000000f 0%,#0000 12% 82%,#0000000a 100%);transition:background 1.5s;position:absolute;inset:0}[data-theme=dark] .gallery-container:before{background:linear-gradient(#00000026 0%,#0000 12% 80%,#0000001a 100%)}.gallery-grass{z-index:10;pointer-events:none;height:20vh;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.gallery-grass-svg{width:100%;height:100%;position:absolute;bottom:0;left:0}.grass-back{fill:#8ac44a;transition:fill 2s}.grass-mid{fill:#6aaa32;transition:fill 2s}.grass-front{fill:#4e8f22;transition:fill 2s}.grass-base{fill:#3a6e16;transition:fill 2s}[data-theme=dark] .grass-back{fill:#1e3a14}[data-theme=dark] .grass-mid{fill:#162e0e}[data-theme=dark] .grass-front{fill:#0e2008}[data-theme=dark] .grass-base{fill:#081404}.gallery-scene{will-change:transform;z-index:5;background:0 0;height:100%;position:absolute;top:0;left:0}.gallery-intro{-webkit-user-select:none;user-select:none;position:absolute;top:50%;left:60px;transform:translateY(-60%)}.gallery-intro-label{font-family:var(--font-mono);letter-spacing:7px;color:#0a0e2861;text-transform:uppercase;margin-bottom:.9rem;font-size:.54rem;transition:color 1.5s;display:block}[data-theme=dark] .gallery-intro-label{color:#c8dcff47}.gallery-intro-title{font-family:var(--font-title);color:#0a0e2838;letter-spacing:-.02em;font-size:clamp(1.6rem,3vw,2.5rem);font-weight:700;line-height:1.22;transition:color 1.5s}[data-theme=dark] .gallery-intro-title{color:#c8e1ff29}.gallery-theme-toggle{display:none}.pf{position:absolute;top:12vh}.pf-spotlight{clip-path:polygon(30% 0%,70% 0%,100% 100%,0% 100%);pointer-events:none;opacity:0;background:linear-gradient(#0000,#fff5c829);width:160px;height:12vh;transition:opacity .55s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.pf--active .pf-spotlight{opacity:1}[data-theme=dark] .pf--active .pf-spotlight{background:linear-gradient(#0000,#ffd27833)}.pf-mount{transition:transform .55s cubic-bezier(.16,1,.3,1);position:relative}.pf--active .pf-mount{transform:perspective(900px)translateZ(28px)scale(1.04)}.pf-frame{cursor:default;-webkit-backdrop-filter:blur(6px);background:#ffffff1f;border:1px solid #000a282e;border-radius:2px;width:200px;height:220px;transition:border-color .45s,box-shadow .45s,background 1.5s;position:relative;overflow:hidden;box-shadow:0 4px 18px #00000024,inset 0 1px #ffffff73}.pf--active .pf-frame{border-color:var(--accent,#4a9eff);box-shadow:0 0 0 1.5px var(--accent,#4a9eff), 0 8px 36px #00000038, 0 0 28px -4px var(--accent,#4a9eff), 0 1px 0 #ffffff73 inset}[data-theme=dark] .pf-frame{background:#060a1c66;border-color:#c8dcff1f;box-shadow:0 4px 24px #00000073,inset 0 1px #ffffff0f}[data-theme=dark] .pf--active .pf-frame{border-color:var(--accent,#4a9eff);box-shadow:0 0 0 1.5px var(--accent,#4a9eff), 0 8px 44px #000000a6, 0 0 44px -6px var(--accent,#4a9eff), 0 1px 0 #ffffff0f inset}.pf-shimmer{background:radial-gradient(circle at var(--mx,50%) var(--my,30%), #ffffff4d 0%, transparent 58%);pointer-events:none;z-index:3;opacity:0;transition:opacity .18s;position:absolute;inset:0}.pf-frame:hover .pf-shimmer{opacity:1}.pf-sweep{pointer-events:none;z-index:4;background:linear-gradient(110deg,#0000 25%,#fff9 50%,#0000 75%);width:55%;height:200%;position:absolute;top:-50%;left:-200%;transform:skew(-12deg)}.pf--active .pf-sweep{animation:.78s cubic-bezier(.25,.46,.45,.94) forwards pf-sweep}@keyframes pf-sweep{0%{left:-200%}to{left:250%}}.pf-preview{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.pf-preview:before{content:"";background:var(--accent,transparent);opacity:.06;pointer-events:none;transition:opacity .4s;position:absolute;inset:0}.pf--active .pf-preview:before{opacity:.14}.pf-preview:after{content:"";background:radial-gradient(ellipse 80% 60% at 30% 30%, #ffffff1f 0%, transparent 60%), linear-gradient(135deg, color-mix(in srgb, var(--accent,#4a9eff) 25%, white) 0%, var(--accent,#4a9eff) 50%, color-mix(in srgb, var(--accent,#4a9eff) 40%, black) 100%);opacity:.28;transition:opacity .4s;position:absolute;inset:0}.pf--active .pf-preview:after{opacity:.45}.pf-num{font-family:var(--font-mono);color:#00000014;letter-spacing:-3px;z-index:1;-webkit-user-select:none;user-select:none;text-shadow:0 2px 8px #0000001f;font-size:3.8rem;font-weight:900;transition:color .4s;position:relative}[data-theme=dark] .pf-num{color:#ffffff12}.pf--active .pf-num{color:var(--accent,#4a9eff);opacity:.65}.pf-live{font-family:var(--font-mono);letter-spacing:.08em;color:#fff;z-index:10;background:#16a34a;border:1.5px solid #ffffff40;border-radius:4px;align-items:center;gap:5px;padding:3px 9px 3px 7px;font-size:.56rem;font-weight:700;display:flex;position:absolute;top:-10px;right:-8px;box-shadow:0 0 10px #22c55e8c,0 2px 6px #00000040}.pf-live:before{content:"";background:#86efac;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.6s ease-in-out infinite live-pulse;display:inline-block}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #86efaccc}60%{opacity:.8;transform:scale(.8);box-shadow:0 0 0 5px #86efac00}}.pf-wip{font-family:var(--font-mono);letter-spacing:.08em;color:#fff;z-index:10;background:#8b5cf6;border:1.5px solid #ffffff40;border-radius:4px;align-items:center;gap:5px;padding:3px 9px 3px 7px;font-size:.56rem;font-weight:700;display:flex;position:absolute;top:-10px;right:-8px;box-shadow:0 0 10px #8b5cf68c,0 2px 6px #00000040}.pf-wip:before{content:"";background:#ddd6fe;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2.4s ease-in-out infinite wip-pulse;display:inline-block}@keyframes wip-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 #ddd6fecc}60%{opacity:.5;transform:scale(.8);box-shadow:0 0 0 5px #ddd6fe00}}.pf-img{object-fit:cover;opacity:.72;z-index:1;width:100%;height:100%;transition:opacity .4s;display:block;position:relative}.pf--active .pf-img{opacity:1}.pf-nameplate{white-space:nowrap;flex-direction:column;gap:2px;min-width:100%;display:flex;position:absolute;top:calc(100% + 10px);left:0}.pf-nameplate-idx{font-family:var(--font-mono);letter-spacing:2px;color:#0a0e2859;text-transform:uppercase;font-size:.46rem;transition:color 1.5s}[data-theme=dark] .pf-nameplate-idx{color:#c8dcff47}.pf-nameplate-title{font-family:var(--font-title);color:#0a0e2894;letter-spacing:-.01em;font-size:.76rem;font-weight:600;transition:color 1.5s}[data-theme=dark] .pf-nameplate-title{color:#c8dcff73}.proj-popup{opacity:0;pointer-events:none;z-index:35;filter:blur(5px);width:min(780px,94vw);transition:transform .55s cubic-bezier(.34,1.44,.64,1),opacity .38s,filter .38s;position:absolute;bottom:20vh;left:50%;transform:translate(-50%)translateY(36px)scale(.94)}.proj-popup--visible{opacity:1;pointer-events:auto;filter:none;transform:translate(-50%)translateY(0)scale(1)}.proj-popup-inner{border-radius:var(--radius-sm);border-top:2px solid var(--accent,#4a9eff);-webkit-backdrop-filter:blur(12px);background:#0e0a08eb;grid-template-columns:210px 1fr;transition:background 1.5s,border-color .5s;display:grid;overflow:hidden;box-shadow:0 -4px 28px #0003,0 20px 60px #00000061}[data-theme=dark] .proj-popup-inner{box-shadow:0 -4px 40px #0000008c, 0 20px 70px #000000bf, 0 0 80px -20px var(--accent,#4a9eff);background:#040816f5}.proj-popup-visual{background:var(--accent,#4a9eff);min-height:260px;position:relative;overflow:hidden}.proj-popup-visual-bg{z-index:0;background:linear-gradient(140deg, color-mix(in srgb, var(--accent,#4a9eff) 60%, white) 0%, var(--accent,#4a9eff) 50%, color-mix(in srgb, var(--accent,#4a9eff) 55%, black) 100%);position:absolute;inset:0}.proj-popup-numvis{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px 16px;display:flex;position:absolute;inset:0}.proj-popup-numvis-n{font-family:var(--font-mono);color:#ffffff21;letter-spacing:-6px;-webkit-user-select:none;user-select:none;font-size:5.5rem;font-weight:900;line-height:1}.proj-popup-numvis-title{font-family:var(--font-display);color:#ffffffb8;letter-spacing:-.02em;text-align:center;font-size:1.05rem;font-weight:800;line-height:1.25}.proj-popup-numvis-period{font-family:var(--font-mono);letter-spacing:.12em;color:#ffffff61;text-transform:uppercase;font-size:.52rem;font-weight:500}.proj-popup-img{z-index:1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.proj-popup-livebadge{z-index:5;font-family:var(--font-mono);letter-spacing:.08em;color:#fff;background:#16a34a;border:1.5px solid #ffffff38;border-radius:4px;align-items:center;gap:5px;padding:4px 10px 4px 8px;font-size:.58rem;font-weight:700;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 0 12px #22c55e99,0 2px 8px #0000004d}.proj-popup-livebadge:before{content:"";background:#86efac;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:1.6s ease-in-out infinite live-pulse;display:inline-block}.proj-popup-wipbadge{z-index:5;font-family:var(--font-mono);letter-spacing:.08em;color:#fff;background:#8b5cf6;border:1.5px solid #ffffff38;border-radius:4px;align-items:center;gap:5px;padding:4px 10px 4px 8px;font-size:.58rem;font-weight:700;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 0 12px #8b5cf699,0 2px 8px #0000004d}.proj-popup-wipbadge:before{content:"";background:#ddd6fe;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2.4s ease-in-out infinite wip-pulse;display:inline-block}.proj-popup-visual-overlay{z-index:2;background:linear-gradient(90deg,#0000 50%,#0e0a089e 100%);position:absolute;inset:0}[data-theme=dark] .proj-popup-visual-overlay{background:linear-gradient(90deg,#0000 48%,#040816bf 100%)}.proj-popup-info{scrollbar-width:none;flex-direction:column;gap:.5rem;max-height:min(65vh,440px);padding:1.5rem 1.8rem;display:flex;overflow-y:auto}.proj-popup-info::-webkit-scrollbar{display:none}.proj-popup-no{font-family:var(--font-mono);letter-spacing:4px;color:var(--accent,#4a9eff);text-transform:uppercase;opacity:.8;font-size:.54rem}.proj-popup-title{color:#fffffff2;letter-spacing:-.04em;font-size:1.6rem;font-weight:800;line-height:1.1}.proj-popup-sub{font-family:var(--font-mono);color:#ffffff59;font-size:.64rem}.proj-popup-desc{color:#c8d2e8b3;font-size:.8rem;line-height:1.82}.proj-popup-role{color:#b4c8e899;gap:.5rem;font-size:.74rem;line-height:1.7;display:flex}.proj-popup-role-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);opacity:.85;white-space:nowrap;padding-top:.18em;font-size:.6rem;font-weight:600}.proj-popup-meta{font-family:var(--font-mono);color:#ffffff42;align-items:center;gap:.5rem;font-size:.62rem;display:flex}.proj-popup-meta-dot{color:#ffffff21}.proj-popup-stack{flex-wrap:wrap;gap:.28rem;display:flex}.proj-popup-chip{font-family:var(--font-mono);color:#c8d7f285;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:3px;padding:2px 9px;font-size:.58rem}.proj-popup-link{font-family:var(--font-mono);color:var(--accent,#4a9eff);align-items:center;gap:5px;margin-top:.1rem;font-size:.72rem;font-weight:700;transition:opacity .2s;display:inline-flex}.proj-popup-link:hover{opacity:.65}.stickman-wrap{z-index:20;color:#0f0c06c7;filter:drop-shadow(0 2px 6px #00000024);transition:color 1.5s;position:absolute;bottom:20vh;left:8vw;transform:translate(-50%)}[data-theme=dark] .stickman-wrap{color:#d7e8ffeb;filter:drop-shadow(0 0 10px #a0c8ff61)drop-shadow(0 2px 4px #0000008c)}.stickman-svg{display:block}.sm-arm-l{transform-box:fill-box;transform-origin:100% 0}.sm-arm-r{transform-box:fill-box;transform-origin:0 0}.sm-leg-l{transform-box:fill-box;transform-origin:100% 0}.sm-leg-r{transform-box:fill-box;transform-origin:0 0}@keyframes arm-l-walk{0%,to{transform:rotate(-28deg)}50%{transform:rotate(28deg)}}@keyframes arm-r-walk{0%,to{transform:rotate(28deg)}50%{transform:rotate(-28deg)}}@keyframes leg-l-walk{0%,to{transform:rotate(-32deg)}50%{transform:rotate(32deg)}}@keyframes leg-r-walk{0%,to{transform:rotate(32deg)}50%{transform:rotate(-32deg)}}@keyframes body-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.stickman-wrap.walking .sm-arm-l{animation:.42s ease-in-out infinite arm-l-walk}.stickman-wrap.walking .sm-arm-r{animation:.42s ease-in-out infinite arm-r-walk}.stickman-wrap.walking .sm-leg-l{animation:.42s ease-in-out infinite leg-l-walk}.stickman-wrap.walking .sm-leg-r{animation:.42s ease-in-out infinite leg-r-walk}.stickman-wrap.walking .stickman-svg{animation:.42s ease-in-out infinite body-bob}.stickman-wrap.looking .sm-arm-r{transition:transform .4s;animation:none;transform:rotate(-72deg)}.stickman-wrap.looking .sm-arm-l{transition:transform .4s;animation:none;transform:rotate(10deg)}.stickman-wrap.looking .sm-leg-l,.stickman-wrap.looking .sm-leg-r{transition:transform .4s;animation:none;transform:rotate(0)}.stickman-shadow{background:radial-gradient(#00000024 0%,#0000 72%);width:44px;height:8px;margin:2px auto 0;transition:background 1.5s}[data-theme=dark] .stickman-shadow{background:radial-gradient(#ff8c3c1a 0%,#0000 72%)}@media (width<=600px){.proj-popup{border-radius:0;width:100%;position:fixed;bottom:0;left:0;right:0;transform:translate(0)translateY(40px)scale(1)}.proj-popup--visible{transform:translate(0)translateY(0)scale(1)}.proj-popup-inner{border-radius:16px 16px 0 0;grid-template-rows:160px auto;grid-template-columns:1fr;max-height:72vh;overflow:hidden}.proj-popup-visual{min-height:unset;height:160px}.proj-popup-visual-overlay{background:linear-gradient(#0000 40%,#0e0a08b8 100%)!important}.proj-popup-info{max-height:calc(72vh - 160px);padding:1.2rem 1.4rem 1.6rem;overflow-y:auto}.proj-popup-title{font-size:1.25rem}.proj-popup-desc{font-size:.76rem;line-height:1.72}}.contact{z-index:1;background:#0000000f;padding:clamp(5rem,10vh,8rem) clamp(1.5rem,5vw,3.5rem) clamp(6rem,12vh,10rem);transition:background 2s;position:relative}[data-theme=dark] .contact{background:#0003}.contact-inner{max-width:var(--max-w);flex-direction:column;gap:3.5rem;margin:0 auto;display:flex}.contact-header{text-align:center}.contact-label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--text-3);margin-bottom:.75rem;font-size:.66rem;font-weight:600;transition:color 1s;display:block}.contact-title{font-family:var(--font-display);letter-spacing:-.045em;color:var(--text-1);margin-bottom:.6rem;font-size:clamp(2.6rem,6vw,4rem);font-weight:900;line-height:1;transition:color 1s}.contact-role-tag{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent);font-size:.72rem;font-weight:500;transition:color 1s}.contact-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.contact-grid-item{border-radius:var(--radius);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(1.6);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);transition:background .8s ease, border-color .8s ease, transform .28s var(--ease-expo);flex-direction:column;gap:.3rem;padding:1.2rem 1.4rem;display:flex}.contact-grid-item:hover{transform:translateY(-2px)}.contact-grid-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);font-size:.62rem;font-weight:600;transition:color .8s}.contact-grid-value{color:var(--text-1);font-size:.88rem;font-weight:500;transition:color .8s}.contact-section{flex-direction:column;gap:1.2rem;display:flex}.contact-section-title{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--border-2);padding-bottom:.7rem;font-size:.7rem;font-weight:700;transition:color .8s,border-color .8s}.contact-stack-block{flex-direction:column;gap:.85rem;display:flex}.contact-stack-row{align-items:flex-start;gap:1.2rem;display:flex}.contact-stack-cat{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-3);flex-shrink:0;width:6.8rem;padding-top:3px;font-size:.65rem;font-weight:600;transition:color .8s}.contact-chip-wrap{flex-wrap:wrap;gap:.4rem;display:flex}.contact-chip{font-family:var(--font-mono);border-radius:var(--radius-sm);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-2);-webkit-backdrop-filter:blur(8px);padding:4px 11px;font-size:.68rem;font-weight:500;transition:color .25s,background .25s,border-color .25s,transform .2s}.contact-chip:hover{transform:translateY(-2px)}.contact-chip--orange{color:#e87030bf;background:#e870300f;border-color:#e870304d}.contact-chip--orange.contact-chip--primary{color:#fff;background:#e87030e0;border-color:#0000;box-shadow:0 2px 8px #e8703052}.contact-chip--blue{color:#2888e0bf;background:#2888e00f;border-color:#2888e04d}.contact-chip--blue.contact-chip--primary{color:#fff;background:#2888e0e0;border-color:#0000;box-shadow:0 2px 8px #2888e052}.contact-chip--cyan{color:#50a8d8bf;background:#50a8d80f;border-color:#50a8d84d}.contact-chip--cyan.contact-chip--primary{color:#fff;background:#50a8d8e0;border-color:#0000;box-shadow:0 2px 8px #50a8d852}.contact-chip--green{color:#4a9830bf;background:#4a98300f;border-color:#4a98304d}.contact-chip--green.contact-chip--primary{color:#fff;background:#4a9830e0;border-color:#0000;box-shadow:0 2px 8px #4a983052}.contact-timeline{flex-direction:column;gap:0;padding-left:1.4rem;display:flex;position:relative}.contact-timeline:before{content:"";background:var(--border-2);width:1px;transition:background .8s;position:absolute;top:8px;bottom:8px;left:4px}.contact-timeline-item{border-bottom:1px solid var(--border);padding:.85rem 0 .85rem 1.2rem;transition:border-color .8s;position:relative}.contact-timeline-item:last-child{border-bottom:none}.contact-timeline-dot{background:var(--accent);border:2px solid var(--glass-bg);width:7px;height:7px;box-shadow:0 0 0 1px var(--accent);border-radius:50%;transition:background 1s;position:absolute;top:1.2rem;left:-1.42rem}.contact-timeline-content{flex-direction:column;gap:.2rem;display:flex}.contact-timeline-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.contact-timeline-title{color:var(--text-1);font-size:.9rem;font-weight:600;transition:color .8s}.contact-timeline-period{font-family:var(--font-mono);color:var(--text-3);flex-shrink:0;font-size:.62rem;transition:color .8s}.contact-timeline-sub{color:var(--text-2);font-size:.82rem;line-height:1.5;transition:color .8s}.contact-links{flex-direction:column;gap:.6rem;display:flex}.contact-link-item{border-radius:var(--radius);background:var(--glass-bg);-webkit-backdrop-filter:blur(20px)saturate(1.6);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);color:inherit;transition:background .25s ease, border-color .25s ease, transform .25s var(--ease-expo), box-shadow .25s ease;justify-content:space-between;align-items:center;padding:1.1rem 1.4rem;text-decoration:none;display:flex}.contact-link-item:hover{border-color:var(--accent);transform:translate(4px)}.contact-link-left{flex-direction:column;gap:.2rem;display:flex}.contact-link-type{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-3);font-size:.6rem;font-weight:600;transition:color .8s}.contact-link-value{color:var(--text-1);font-size:.9rem;font-weight:500;transition:color .8s}.contact-link-arrow{color:var(--text-3);transition:transform .25s var(--ease-expo), color .25s ease;font-size:1.1rem}.contact-link-item:hover .contact-link-arrow{color:var(--accent);transform:translate(4px)}.contact-footer{text-align:center;font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-4);padding-top:.5rem;font-size:.65rem;transition:color .8s}@media (width<=820px){.contact-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.contact-grid{grid-template-columns:1fr}.contact-stack-row{flex-direction:column;gap:.5rem}.contact-stack-cat{width:auto}}