:root{--bg: #d4d4d4;--panel: #ffffff;--ink: #16150f;--dim: #6f6a5c;--line: rgba(22, 21, 15, .14);--shu: #e0402a;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body{overflow-x:hidden}body.loading{overflow:hidden}::selection{background:var(--shu);color:#fff}#preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:grid;place-content:center;justify-items:center}#preloader .count{font-family:var(--font-mono);font-size:2.4rem;font-weight:400;letter-spacing:.1em;color:var(--ink)}#preloader .bar{width:min(280px,60vw);height:1px;background:var(--line);margin-top:1.4rem}#preloader .bar span{display:block;height:100%;background:var(--shu);transform:scaleX(0);transform-origin:left;transition:transform .2s ease-out}header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2.2rem}.brand{font-weight:500;font-size:.82rem;letter-spacing:.28em;color:var(--ink);text-decoration:none}.brand span{color:var(--shu)}.links{display:flex;gap:1.6rem}.links a{font-size:.72rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);text-decoration:none;transition:color .25s}.links a:hover{color:var(--shu)}.hero-fixed{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1}.hero-spacer{position:relative;z-index:0;height:250vh}.hero-stage{height:100vh;height:100svh;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:clamp(.5rem,3vw,3rem);padding:0 clamp(1.2rem,5vw,5rem)}.hero-stage>*{min-width:0}.hero-face{position:relative;display:flex;align-items:center;justify-content:center}.hero-face video{height:min(74vh,620px);width:auto;max-width:46vw;object-fit:contain;display:block;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent),linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect}.hero-text{max-width:30ch}.hero-text--left{text-align:right;justify-self:end}.hero-text--right{text-align:left;justify-self:start}.word{font-weight:200;font-size:clamp(2.4rem,6vw,5.2rem);line-height:1;letter-spacing:-.01em;color:var(--ink);margin-bottom:1.1rem}.word.mono{font-family:var(--font-mono);font-weight:400;font-size:clamp(2rem,5vw,4.4rem);letter-spacing:-.02em}.hero-text p{font-weight:300;font-size:clamp(.82rem,1vw,.95rem);line-height:1.7;color:var(--dim)}.hero-text--left p{margin-left:auto}.snippet{font-family:var(--font-mono);font-size:.72rem;line-height:1.7;color:var(--dim);margin-top:1.6rem;padding-left:1rem;border-left:2px solid var(--line);white-space:pre;overflow-x:auto}.snippet .tag{color:var(--shu)}.snippet .attr{color:var(--ink)}.snippet .str{color:var(--dim)}.word .ltr{display:inline-block}.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.9rem;font-size:.6rem;font-weight:400;letter-spacing:.4em;text-transform:uppercase;color:var(--dim)}.scroll-hint:after{content:"";width:1px;height:46px;background:linear-gradient(180deg,var(--shu),transparent);animation:hint 2.2s ease-in-out infinite}@keyframes hint{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.about{position:relative;z-index:2;background:#fff;color:var(--ink);min-height:100vh;display:flex;align-items:center;padding:clamp(4rem,12vh,9rem) clamp(1.5rem,8vw,8rem);box-shadow:0 -30px 60px #0000001f}.about-inner{width:100%;max-width:900px;margin:0 auto}.about-label{font-size:.68rem;font-weight:500;letter-spacing:.42em;text-transform:uppercase;color:var(--shu);margin-bottom:1.4rem}.about h2{font-weight:200;font-size:clamp(1.8rem,4vw,3.1rem);line-height:1.15;letter-spacing:-.01em;margin-bottom:1.4rem}.about-lead{font-weight:300;font-size:clamp(.95rem,1.3vw,1.1rem);line-height:1.8;color:var(--dim);max-width:60ch;margin-bottom:3rem}.about-cols{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}.about-cols h3{font-size:.62rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--ink);margin-bottom:1rem}.about-cols ul{list-style:none}.about-cols li{font-size:.85rem;font-weight:400;line-height:1.5;color:var(--ink);padding:.7rem 0;border-top:1px solid rgba(22,21,15,.12)}.about-cols li span{display:block;font-size:.64rem;letter-spacing:.14em;color:var(--dim);margin-bottom:.2rem}.about-cols li small{display:block;color:var(--dim);font-size:.75rem;margin-top:.1rem}.about-contact{display:flex;flex-wrap:wrap;gap:2rem;margin-top:3rem;padding-top:1.8rem;border-top:1px solid rgba(22,21,15,.12)}.about-contact a{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.04em;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--shu);padding-bottom:.15rem;transition:color .25s}.about-contact a:hover{color:var(--shu)}.skills{position:relative;z-index:2;background:#fff;color:var(--ink);padding:clamp(4rem,12vh,8rem) clamp(1.5rem,8vw,8rem)}.skills-inner{max-width:900px;margin:0 auto}.skills .about-label{margin-bottom:1.3rem}.skills h2{font-weight:200;font-size:clamp(1.8rem,4vw,3.1rem);line-height:1.15;letter-spacing:-.01em;margin-bottom:2.6rem}.skills-grid{display:flex;flex-direction:column;gap:1.9rem}.skill-group{display:grid;grid-template-columns:120px 1fr;gap:1.3rem;align-items:start}.skill-group-label{font-size:.62rem;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--dim);padding-top:.55rem}.skill-chips{display:flex;flex-wrap:wrap;gap:.6rem}.skill-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem .5rem .62rem;border:1px solid rgba(22,21,15,.13);border-radius:999px;font-size:.8rem;font-weight:400;color:var(--ink);background:#fff;transition:border-color .25s,transform .25s,box-shadow .25s}.skill-chip:hover{border-color:#e0402a80;transform:translateY(-2px);box-shadow:0 6px 16px #00000012}.skill-ico{width:20px;height:20px;object-fit:contain}.skill-mono{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:5px;background:var(--ink);color:#fff;font-family:var(--font-mono);font-size:.54rem;font-weight:600}.showcase{position:relative;z-index:2;background:#fff;height:260vh}.showcase-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center;padding-top:10vh}.showcase-head{position:absolute;top:clamp(4.6rem,6vh,5.4rem);left:0;right:0;text-align:center;z-index:5;pointer-events:none}.showcase-head .about-label{margin-bottom:.8rem}.showcase-title{font-weight:200;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.01em;color:var(--ink)}.showcase-sub{font-size:.66rem;font-weight:400;letter-spacing:.32em;text-transform:uppercase;color:var(--dim);margin-top:.7rem}.gallery-wrap{width:100%;height:100%;display:flex;align-items:center;justify-content:center;perspective:2000px}.gallery{position:relative;width:300px;height:400px;transform-style:preserve-3d;will-change:transform}.g-card{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;overflow:hidden;padding:1.5rem;color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 24px 55px #00000052;backface-visibility:hidden}.g-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#ffffff29,#fff0 42%);pointer-events:none}.g-cat{position:relative;z-index:1;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;opacity:.9}.g-body{position:relative;z-index:1}.g-name{font-size:1.5rem;font-weight:500;letter-spacing:-.01em;margin-bottom:.45rem}.g-desc{font-size:.8rem;line-height:1.5;opacity:.92;margin-bottom:1rem}.g-stack{display:flex;flex-wrap:wrap;gap:.35rem}.g-stack span{font-family:var(--font-mono);font-size:.58rem;letter-spacing:.02em;padding:.25rem .55rem;border:1px solid rgba(255,255,255,.4);border-radius:999px}.g-card--light{--card-ink: #14382b;--card-accent: #3f7d5f;color:var(--card-ink);justify-content:flex-start;padding:1.3rem}.g-card--light:after{display:none}.g-logo{height:24px;width:auto;align-self:flex-start}.g-illus{width:100%;flex:1 1 auto;min-height:0;object-fit:contain;margin:.7rem 0}.g-card--light .g-cat{color:var(--card-accent)}.g-card--light .g-name{color:var(--card-ink)}.g-card--light .g-desc{color:var(--card-ink);opacity:.7}.g-card--light .g-stack span{border-color:#00000029;color:var(--card-ink)}.g-card--icon{justify-content:space-between}.g-icon-head{display:flex;flex-direction:column;align-items:flex-start;gap:.85rem}.g-icon{width:66px;height:66px;border-radius:16px;object-fit:cover;box-shadow:0 8px 22px #0006}.g-card--icon .g-cat{color:#5be6a8}.g-card--photo{padding:0;background:#0e0e16;color:#fff;justify-content:flex-start}.g-card--photo:after{display:none}.g-photo-wrap{width:100%;height:55%;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08)}.g-photo{width:100%;height:100%;object-fit:cover;object-position:center 26%}.g-card--photo .g-body{padding:1.2rem 1.3rem}.g-card--photo .g-cat{color:#d69bff}.g-card--photo .g-name{background:linear-gradient(90deg,#b06bf7,#ec4899,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}.g-card--photo .g-desc{opacity:.72}.g-card--photo .g-stack span{border-color:#ffffff52}.g-slang{display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:.55rem;padding:.5rem 0 .8rem}.g-slang span{font-family:var(--font-mono);font-size:.72rem;font-weight:500;padding:.4rem .7rem;border-radius:11px;background:var(--card-accent);color:#fff;box-shadow:0 5px 14px #00000029}.g-slang span:nth-child(1){transform:rotate(-4deg)}.g-slang span:nth-child(2){transform:rotate(3deg)}.g-slang span:nth-child(3){transform:rotate(-2deg)}.g-slang span:nth-child(4){transform:rotate(4deg)}.g-slang span:nth-child(5){transform:rotate(-3deg)}.achievements{position:relative;z-index:2;background:#fff;color:var(--ink);padding:clamp(4rem,12vh,8rem) clamp(1.5rem,8vw,8rem) clamp(6rem,14vh,10rem)}.ach-inner{max-width:1100px;margin:0 auto}.achievements .about-label{margin-bottom:1.3rem}.achievements>.ach-inner>h2{font-weight:200;font-size:clamp(1.8rem,4vw,3.1rem);line-height:1.15;letter-spacing:-.01em;margin-bottom:clamp(3rem,8vh,5rem)}.ach-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;margin-bottom:clamp(4rem,10vh,7rem)}.ach-row:last-child{margin-bottom:0}.ach-row--rev .ach-visual{order:2}.ach-row--rev .ach-text{order:1}.ach-visual{display:flex;align-items:center;justify-content:center}.ach-media{position:relative;width:100%;max-width:440px}.ach-glow{position:absolute;top:-13%;right:-13%;bottom:-13%;left:-13%;z-index:0;border-radius:34px;filter:blur(46px);opacity:.8;background:conic-gradient(from 0deg,#34d399,#22d3ee,#3b82f6,#7c3aed,#ef4444,#34d399)}.ach-frame{position:relative;z-index:1;border-radius:18px;overflow:hidden;border:1px solid rgba(0,0,0,.07);box-shadow:0 26px 60px #00000042;background:#0b0b0f}.ach-frame img{display:block;width:100%;height:auto}.ach-result{display:inline-block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--shu);border:1px solid rgba(224,64,42,.4);border-radius:999px;padding:.35rem .85rem;margin-bottom:1.15rem}.ach-title{font-weight:300;font-size:clamp(1.4rem,2.6vw,2.1rem);letter-spacing:-.01em;margin-bottom:.8rem}.ach-desc{font-weight:300;font-size:clamp(.9rem,1.1vw,1rem);line-height:1.75;color:var(--dim);max-width:42ch;margin-bottom:1.2rem}.ach-org{font-size:.72rem;letter-spacing:.06em;color:var(--dim)}@media (max-width: 820px){header{padding:1.1rem 1.25rem}.hero-stage{grid-template-columns:1fr;grid-template-rows:auto auto auto;justify-items:center;text-align:center;gap:1.4rem;padding-top:4.5rem}.hero-face{order:-1}.hero-face video{height:42vh;max-width:82vw}.hero-text{max-width:34ch}.hero-text--left,.hero-text--right{text-align:center;justify-self:center}.hero-text--left p,.hero-text--right p{margin:0 auto}.snippet{display:inline-block;text-align:left;margin-top:1rem}.scroll-hint{display:none}.about{padding:4rem 1.5rem}.about-cols{grid-template-columns:1fr;gap:1.6rem}.showcase{height:220vh}.showcase-head{top:4.5rem}.skill-group{grid-template-columns:1fr;gap:.6rem}.ach-row,.ach-row--rev{grid-template-columns:1fr;gap:1.6rem}.ach-row--rev .ach-visual,.ach-row--rev .ach-text{order:0}.ach-media{max-width:380px;margin:0 auto}}@media (prefers-reduced-motion: reduce){.scroll-hint:after{animation:none}}