@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap";@font-face{font-family:Geist Sans;src:url(/assets/Geist-Variable-Bj2R_7yk.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Mono;src:url(/assets/GeistMono-Variable-Dispecij.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel;src:url(/assets/GeistPixel-Square-B0mEoKr8.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}:root,[data-theme=light]{--bg: #ebe9e4;--fg: #121212;--fg-muted: #696865;--fg-faint: #a8a6a3;--surface: #dddbd5;--border: #d0cec9;--ink: #0f0f0f;--accent: var(--fg);--dot-color: #22c55e;--bg-glass: rgba(235, 233, 228, .85);--font-head: "Geist Pixel", "Geist Mono", monospace;--font-body: "Geist Sans", sans-serif;--font-mono: "Geist Mono", "SFMono-Regular", monospace;--font-pixel: "Geist Pixel", "Geist Mono", monospace;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.76, 0, .24, 1);--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 7rem;--space-2xl: 10rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--radius-pill: 999px}[data-theme=dark]{--bg: #0B160E;--surface: #142417;--surface-hover: #1E3321;--fg: #E6EDE8;--fg-muted: #9BAE9F;--fg-faint: #637667;--border: rgba(230, 237, 232, .1);--accent: #7EF2B1;--accent-hover: #9FF7C6;--accent-soft: rgba(126, 242, 177, .12);--bg-glass: rgba(11, 22, 14, .75);--ink: #FFFFFF;--dot-color: var(--accent)}[data-theme=ocean]{--bg: #09121B;--surface: #101D2A;--surface-hover: #182838;--fg: #E6EEF5;--fg-muted: #95ADC4;--fg-faint: #627F99;--border: rgba(230, 238, 245, .1);--accent: #4FD1C5;--accent-hover: #81E6D9;--accent-soft: rgba(79, 209, 197, .15);--bg-glass: rgba(9, 18, 27, .75);--ink: #FFFFFF;--dot-color: var(--accent)}[data-theme=dracula]{--bg: #1B1824;--surface: #242031;--surface-hover: #2D283E;--fg: #F8F8F2;--fg-muted: #B3AECE;--fg-faint: #827C9F;--border: rgba(248, 248, 242, .1);--accent: #FF79C6;--accent-hover: #FFA8D7;--accent-soft: rgba(255, 121, 198, .15);--bg-glass: rgba(27, 24, 36, .75);--ink: #FFFFFF;--dot-color: var(--accent)}[data-theme=instagram]{--bg: #0D0B14;--surface: #1A1523;--surface-hover: #261E33;--fg: #F5F5F5;--fg-muted: #A8A8A8;--fg-faint: #737373;--border: rgba(255, 255, 255, .1);--accent: #E1306C;--accent-hover: #F56040;--accent-soft: rgba(225, 48, 108, .15);--bg-glass: rgba(13, 11, 20, .75);--ink: #FFFFFF;--dot-color: var(--accent)}[data-theme=lightblue]{--bg: #E6F0FA;--surface: #D4E4F5;--surface-hover: #C2D8F0;--fg: #0A192F;--fg-muted: #334E68;--fg-faint: #627D98;--border: #BCCCDC;--accent: #0055FF;--accent-hover: #0044CC;--accent-soft: rgba(0, 85, 255, .15);--bg-glass: rgba(230, 240, 250, .85);--ink: #0A192F;--dot-color: var(--accent)}[data-theme=darkblue]{--bg: #06101E;--surface: #0D192B;--surface-hover: #15253C;--fg: #E6F0FA;--fg-muted: #A2B5CC;--fg-faint: #788CA3;--border: rgba(230, 240, 250, .1);--accent: #3388FF;--accent-hover: #66AAFF;--accent-soft: rgba(51, 136, 255, .15);--bg-glass: rgba(6, 16, 30, .75);--ink: #FFFFFF;--dot-color: var(--accent)}[data-theme=cyberpunk]{--bg: #0d0d12;--surface: #15151e;--surface-hover: #1e1e2c;--fg: #e2e2e8;--fg-muted: #8a8a9e;--fg-faint: #5a5a72;--border: rgba(226,226,232,.1);--accent: #fcee0a;--accent-hover: #00f0ff;--accent-soft: rgba(252,238,10,.15);--bg-glass: rgba(13,13,18,.8);--ink: #FFFFFF;--dot-color: var(--accent)}[data-theme=matcha]{--bg: #f4f6f0;--surface: #e9ede1;--surface-hover: #dbe0d1;--fg: #2c3625;--fg-muted: #5e6b52;--fg-faint: #8d9c80;--border: rgba(44,54,37,.12);--accent: #6b8e23;--accent-hover: #55721c;--accent-soft: rgba(107,142,35,.15);--bg-glass: rgba(244,246,240,.85);--ink: #2c3625;--dot-color: var(--accent)}[data-theme=sunset]{--bg: #1c0f1a;--surface: #2b1727;--surface-hover: #3d2136;--fg: #fce8e8;--fg-muted: #c499a9;--fg-faint: #8a6575;--border: rgba(252,232,232,.1);--accent: #ff6b6b;--accent-hover: #ffb86c;--accent-soft: rgba(255,107,107,.15);--bg-glass: rgba(28,15,26,.8);--ink: #FFFFFF;--dot-color: var(--accent)}[data-theme=vercel]{--bg: #000000;--surface: #111111;--surface-hover: #222222;--fg: #EDEDED;--fg-muted: #888888;--fg-faint: #444444;--border: rgba(255,255,255,.14);--accent: #FFFFFF;--accent-hover: #CCCCCC;--accent-soft: rgba(255,255,255,.1);--bg-glass: rgba(0,0,0,.7);--ink: #000000;--dot-color: var(--accent)}::selection{background:var(--fg);color:var(--bg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::view-transition-old(root),::view-transition-new(root){animation-duration:.5s;animation-timing-function:cubic-bezier(.16,1,.3,1)}html{font-size:16px;-webkit-font-smoothing:antialiased;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}@media (hover: hover) and (pointer: fine){*{cursor:none!important}}*::-webkit-scrollbar{display:none}body{background-color:var(--bg);color:var(--fg);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button{border:none;background:none;font-family:inherit}.cursor-dot{position:fixed;top:0;left:0;width:10px;height:10px;background:#fff;mix-blend-mode:difference;border-radius:50%;pointer-events:none;z-index:999999;transform:translate(-50%,-50%);transition:width .3s var(--ease-out-expo),height .3s var(--ease-out-expo),background .3s var(--ease-out-expo)}body:has(a:hover,button:hover,h1:hover,h2:hover,h3:hover,h4:hover,h5:hover,h6:hover) .cursor-dot{width:48px;height:48px;background:#fff}@media (hover: none),(pointer: coarse){.cursor-dot{display:none!important}}.t-display{font-family:var(--font-head);font-weight:700;letter-spacing:-.03em;line-height:1}.t-heading{font-family:var(--font-head);font-weight:600;letter-spacing:-.02em;line-height:1.1}.t-label{font-family:var(--font-body);font-weight:500;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-muted)}.t-body{font-family:var(--font-body);font-weight:400;line-height:1.75;color:var(--fg-muted)}.container{max-width:1280px;margin:0 auto;padding:0 2.5rem}@media (max-width: 768px){.container{padding:0 1.25rem}}.section{padding:var(--space-xl) 0}.divider{width:100%;height:1px;background:var(--border)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 0;background:var(--bg);transition:padding .4s var(--ease-out-expo),background .4s,backdrop-filter .4s}.nav.scrolled{padding:1rem 0;background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav__inner{display:flex;align-items:center;justify-content:space-between}.nav__logo{font-family:var(--font-head);font-weight:700;font-size:1.1rem;letter-spacing:-.02em;color:var(--fg);cursor:none}.nav__links{display:flex;align-items:center;gap:2.5rem;list-style:none}.nav__links a{font-family:var(--font-body);font-size:.85rem;font-weight:500;color:var(--fg-muted);transition:color .2s;cursor:none}.nav__links a:hover,.nav__links a.active{color:var(--fg)}.nav__cta{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.4rem;border:1px solid var(--fg);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.8rem;font-weight:600;letter-spacing:.06em;color:var(--fg);background:transparent;cursor:none;transition:background .25s,color .25s}.nav__cta:hover{background:var(--fg);color:var(--bg)}.nav__hamburger{display:none;flex-direction:column;gap:5px;cursor:none;padding:4px}.nav__hamburger span{display:block;width:22px;height:1.5px;background:var(--fg);transition:transform .3s,opacity .3s}.nav__mobile{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg);z-index:99;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.nav__mobile.open{display:flex}.nav__mobile a{font-family:var(--font-head);font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--fg-muted);transition:color .2s}.nav__mobile a:hover{color:var(--fg)}@media (max-width: 768px){.nav__links,.nav__cta{display:none}.nav__hamburger{display:flex}}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:var(--space-lg);padding-top:6rem;position:relative;overflow:hidden}.hero__tag{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:var(--space-md)}.hero__dot{width:7px;height:7px;border-radius:50%;background:var(--fg);animation:pulse 2.5s ease infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.hero__name{font-family:var(--font-head);font-size:clamp(4.5rem,12vw,13rem);font-weight:500;letter-spacing:.01em;line-height:.95;color:var(--ink);margin-bottom:var(--space-lg)}.hero__name span{opacity:.25}.hero__bottom{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);align-items:end}.hero__desc{font-family:var(--font-body);font-size:1.05rem;color:var(--fg-muted);max-width:36ch;line-height:1.75}.hero__actions{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.hero__scroll{display:flex;align-items:center;gap:.6rem;font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-muted)}.hero__scroll-line{width:40px;height:1px;background:var(--fg-muted)}.hero__number{position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:clamp(12rem,25vw,22rem);font-weight:900;color:transparent;-webkit-text-stroke:1px var(--border);letter-spacing:0;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.hero__watermark{position:absolute;right:-10rem;top:-2rem;font-family:var(--font-mono);font-size:clamp(12rem,25vw,22rem);font-weight:900;color:transparent;-webkit-text-stroke:1px var(--border);letter-spacing:-.02em;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.hero__bottom{grid-template-columns:1fr}.hero__actions{align-items:flex-start}.hero__number,.hero__watermark{display:none}}.hero2{min-height:100svh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--bg)}.hero2__meta{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:1.4rem 2.5rem;border-bottom:1px solid var(--border);margin-top:5rem}.hero2__meta-left,.hero2__meta-right{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.68rem;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted)}.hero2__meta-dot{width:6px;height:6px;background:var(--dot-color);flex-shrink:0;animation:pulse 2.5s ease infinite}.hero2__meta-sep{width:1px;height:12px;background:var(--border);margin:0 .25rem}.hero2__meta-text{color:var(--fg-muted)}.hero2__body{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0;position:relative;z-index:2;padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.hero2__left{padding-right:var(--space-lg);border-right:1px solid var(--border);min-height:50vh;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:var(--space-md)}.hero2__index{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-faint);margin-bottom:var(--space-md)}.hero2__name-wrap{display:flex;flex-direction:column;gap:0}.hero2__name-row{overflow:hidden;line-height:1}.hero2__name{font-family:var(--font-head);font-size:clamp(5.5rem,12vw,14rem);font-weight:500;letter-spacing:-.01em;line-height:.92;color:var(--ink);display:block}.hero2__name--outline{color:transparent;-webkit-text-stroke:1.5px var(--ink);opacity:.25}.hero2__right{padding-left:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);justify-content:center}.hero2__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border:1px solid var(--border);background:var(--surface);font-family:var(--font-mono);font-size:.65rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-muted);width:fit-content}.hero2__badge-dot{width:6px;height:6px;background:var(--dot-color);flex-shrink:0;animation:pulse 2.5s ease infinite}.hero2__desc{font-family:var(--font-body);font-size:1rem;color:var(--fg-muted);max-width:38ch;line-height:1.8}.hero2__actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.hero2__btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;background:var(--accent);color:var(--bg);font-family:var(--font-body);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:none;transition:background .25s,color .25s,transform .3s var(--ease-out-expo)}.hero2__btn-primary:hover{background:var(--fg-muted);transform:translate(2px,-2px)}.hero2__btn-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 2rem;border:1px solid var(--border);background:transparent;color:var(--fg-muted);font-family:var(--font-body);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:none;transition:border-color .25s,color .25s,background .25s,transform .3s var(--ease-out-expo)}.hero2__btn-ghost:hover{border-color:var(--fg);color:var(--fg);background:var(--surface);transform:translate(2px,-2px)}.hero2__scroll{display:flex;flex-direction:column;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-faint);padding-top:var(--space-md);width:fit-content}.hero2__scroll-line{width:1px;height:48px;background:var(--fg-muted);transform-origin:top}.hero2__marquee-wrap{position:relative;z-index:2;border-top:1px solid var(--border);overflow:hidden;padding:.85rem 0}.hero2__marquee{display:flex;overflow:hidden}.hero2__marquee-track{display:flex;gap:0;animation:marquee-slide 22s linear infinite;white-space:nowrap}.hero2__marquee-item{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-muted);padding:0 2rem;flex-shrink:0}@keyframes marquee-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero2__watermark{position:absolute;right:-2rem;bottom:3.5rem;font-family:var(--font-mono);font-size:clamp(8rem,18vw,18rem);font-weight:900;color:transparent;-webkit-text-stroke:1px var(--border);letter-spacing:.08em;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0}.hero2__grid-lines{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.hero2__grid-line{position:absolute;top:0;bottom:0;width:1px;background:var(--border);opacity:.4}@media (max-width: 768px){.hero2__meta{padding:1rem 1.25rem;margin-top:4.5rem}.hero2__body{grid-template-columns:1fr;padding-top:var(--space-md)}.hero2__left{border-right:none;border-bottom:1px solid var(--border);padding-right:0;padding-bottom:var(--space-md);min-height:unset}.hero2__right{padding-left:0;padding-top:var(--space-md)}.hero2__watermark,.hero2__grid-lines{display:none}}.btn-primary{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 2.2rem;background:var(--accent);color:var(--bg);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.85rem;font-weight:600;letter-spacing:.04em;cursor:none;transition:background .25s,color .25s,transform .25s var(--ease-out-expo)}.btn-primary:hover{background:var(--fg-muted);transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 2.2rem;background:transparent;color:var(--fg);border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.85rem;font-weight:600;letter-spacing:.04em;cursor:none;transition:border-color .25s,background .25s,transform .25s var(--ease-out-expo)}.btn-secondary:hover{border-color:var(--fg);background:#1212120d;transform:translateY(-1px)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.section-header__left{display:flex;align-items:baseline;gap:1.5rem}.section-header__num{font-family:var(--font-mono);font-size:.72rem;font-weight:500;color:var(--fg-faint);letter-spacing:.12em}.section-header__title{font-family:var(--font-head);font-size:clamp(2rem,4vw,3.2rem);font-weight:500;letter-spacing:.01em;line-height:1;color:var(--fg)}.about__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:start}.about__avatar{aspect-ratio:1;background:var(--surface);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.about__initial{font-family:var(--font-head);font-size:clamp(6rem,12vw,10rem);font-weight:500;color:var(--border);letter-spacing:0;-webkit-user-select:none;user-select:none}.about__badge{position:absolute;bottom:1.5rem;left:1.5rem;background:var(--fg);color:var(--bg);padding:.5rem 1rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.about__content{padding-top:var(--space-md)}.about__bio{font-size:1.15rem;color:var(--fg-muted);line-height:1.8;margin-bottom:var(--space-lg)}.about__bio p+p{margin-top:1.25rem}.about__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-lg)}.about__stat{background:var(--bg);padding:1.5rem;text-align:center}.about__stat-num{font-family:var(--font-mono);font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--fg);display:block}.about__stat-label{font-family:var(--font-pixel);font-size:.72rem;font-weight:500;color:var(--fg-faint);letter-spacing:.08em;text-transform:uppercase;margin-top:.25rem}.about__tags{display:flex;flex-wrap:wrap;gap:.6rem}.about__tag{padding:.45rem 1rem;border:1px solid var(--border);border-radius:var(--radius-pill);font-size:.78rem;font-weight:500;color:var(--fg-muted);transition:border-color .2s,color .2s}.about__tag:hover{border-color:var(--fg);color:var(--fg)}@media (max-width: 900px){.about__grid{grid-template-columns:1fr;gap:var(--space-lg)}.about__avatar{width:100%;max-width:360px;margin:0 auto}}.skills__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.skill-card{background:var(--bg);padding:2.5rem;transition:background .25s;position:relative;overflow:hidden}.skill-card:hover{background:var(--surface)}.skill-card__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.skill-card__name{font-family:var(--font-head);font-size:1.05rem;font-weight:500;letter-spacing:.01em;color:var(--fg)}.skill-card__pct{font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--fg-faint)}.skill-card__bar{height:2px;background:var(--border);border-radius:1px;overflow:hidden}.skill-card__fill{height:100%;background:var(--fg);border-radius:1px;transform-origin:left;transform:scaleX(0);transition:transform 1s var(--ease-out-expo)}.skill-card.in-view .skill-card__fill{transform:scaleX(1)}.tools__grid{display:flex;flex-wrap:wrap;gap:.75rem}.tool-pill{display:flex;align-items:center;gap:.6rem;padding:.7rem 1.4rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg);cursor:none;transition:border-color .2s,background .2s,transform .25s var(--ease-out-expo)}.tool-pill:hover{border-color:var(--fg);background:var(--surface);transform:translateY(-2px)}.tool-pill__name{font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--fg)}.tool-pill__desc{font-size:.75rem;color:var(--fg-faint)}.projects__filter{display:flex;gap:.5rem;margin-bottom:var(--space-lg);flex-wrap:wrap}.filter-btn{padding:.4rem 1.1rem;border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.78rem;font-weight:500;color:var(--fg-muted);background:transparent;cursor:none;transition:all .2s}.filter-btn:hover,.filter-btn.active{border-color:var(--fg);color:var(--fg);background:var(--surface)}.projects__layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:start}.projects__list{display:flex;flex-direction:column}.project-row{display:grid;grid-template-columns:2.5rem 1fr auto auto;align-items:center;gap:1.5rem;padding:1.75rem 0;border-bottom:1px solid var(--border);cursor:none;transition:background .2s}.project-row:first-child{border-top:1px solid var(--border)}.project-row:hover{background:var(--surface);margin:0 -1.5rem;padding:1.75rem 1.5rem;border-color:transparent;border-radius:var(--radius-md)}.project-row__index{font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:var(--fg-faint);letter-spacing:.06em}.project-row__info{display:flex;flex-direction:column;gap:.3rem}.project-row__name{font-family:var(--font-head);font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:500;letter-spacing:.01em;color:var(--fg);transition:color .2s}.project-row__desc{font-size:.8rem;color:var(--fg-faint);line-height:1.6;max-width:48ch}.project-row__tags{display:flex;flex-wrap:wrap;gap:.35rem}.project-tag{padding:.15rem .6rem;border:1px solid var(--border);border-radius:0;font-size:.68rem;font-weight:500;color:var(--fg-faint)}.project-row__action{flex-shrink:0}.project-row__hint{font-family:var(--font-body);font-size:.75rem;font-weight:500;color:var(--fg-faint);letter-spacing:.04em;opacity:0;transition:opacity .2s}.project-row:hover .project-row__hint{opacity:1;color:var(--fg-muted)}.project-row__links{display:flex;align-items:center;gap:.5rem}.project-row__link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--border);border-radius:50%;color:var(--fg-muted);cursor:none;transition:border-color .2s,color .2s,background .2s}.project-row__link:hover{border-color:var(--fg);color:var(--fg);background:var(--surface)}.showcase__corner{position:absolute;width:18px;height:18px;z-index:10;pointer-events:none}.showcase__corner--tl{border-top:2px solid var(--fg-muted);border-left:2px solid var(--fg-muted)}.showcase__corner--tr{border-top:2px solid var(--fg-muted);border-right:2px solid var(--fg-muted)}.showcase__corner--bl{border-bottom:2px solid var(--fg-muted);border-left:2px solid var(--fg-muted)}.showcase__corner--br{border-bottom:2px solid var(--fg-muted);border-right:2px solid var(--fg-muted)}@media (max-width: 768px){.project-row{grid-template-columns:2rem 1fr;gap:.75rem}.project-row__tags,.project-row__action{display:none}}.social__grid{display:flex;flex-wrap:wrap;gap:.5rem}.social-link{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.6rem;border:1px solid var(--border);border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--fg-muted);background:var(--bg);cursor:none;transition:border-color .2s,color .2s,background .2s,transform .25s var(--ease-out-expo)}.social-link:hover{border-color:var(--fg);color:var(--fg);background:var(--surface);transform:translateY(-2px)}.calendar-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:2.5rem;overflow-x:auto;display:flex;justify-content:center}.theme-selector-container{position:relative}.theme-popup{position:absolute;top:calc(100% + 1rem);right:-10px;width:max-content;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-md);padding:1rem;box-shadow:0 10px 40px #0003;z-index:200}.theme-popup__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.theme-swatch-btn{width:28px;height:28px;flex-shrink:0;border-radius:50%;border:1px solid var(--border);background:var(--bg);cursor:none!important;transition:transform .2s,box-shadow .2s;display:flex;align-items:center;justify-content:center}.theme-swatch-btn:after{content:"";width:12px;height:12px;border-radius:50%;background:var(--accent)}.theme-swatch-btn:hover{transform:scale(1.15);z-index:10}.theme-swatch-btn.active{transform:scale(1.15);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--fg);z-index:10}.footer{padding:var(--space-lg) 0 var(--space-md);border-top:1px solid var(--border)}.footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.footer__copy{font-size:.8rem;color:var(--fg-faint);font-weight:500}.footer__copy strong{color:var(--fg-muted);font-weight:600}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px;opacity:1;pointer-events:none;z-index:200}.pp{min-height:100svh;background:var(--bg);position:relative;overflow-x:hidden;padding-top:68px}.pp__topbar{position:sticky;top:64px;z-index:40;padding:.7rem 0;background:#ebe9e4f0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.pp__topbar-inner{display:flex;align-items:center;justify-content:space-between}.pp__back{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-body);font-size:.78rem;font-weight:600;letter-spacing:.06em;color:var(--fg-muted);background:transparent;border:none;cursor:none;transition:color .2s,gap .25s var(--ease-out-expo)}.pp__back:hover{color:var(--fg);gap:.6rem}.pp__crumb{display:flex;align-items:center;gap:.5rem}.pp__crumb-num{font-family:var(--font-mono);font-size:.65rem;color:var(--fg-faint)}.pp__crumb-slash{color:var(--border)}.pp__body{padding-top:var(--space-md);padding-bottom:var(--space-xl)}.pp__hero{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:center;min-height:70vh;padding-bottom:var(--space-lg);border-bottom:1px solid var(--border)}.pp__hero-left{display:flex;flex-direction:column;justify-content:center}.pp__index-label{font-family:var(--font-mono);font-size:.62rem;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--fg-faint);margin-bottom:1.5rem;display:block}.pp__title-wrap{display:flex;flex-wrap:wrap;margin-bottom:2rem;line-height:.88;letter-spacing:-.03em}.pp__title-char{font-family:var(--font-head);font-size:clamp(3rem,8vw,7rem);font-weight:500;color:var(--ink);display:inline-block}.pp__title-char--space{width:.35em}.pp__chips{display:flex;align-items:center;gap:.5rem;margin-bottom:1.75rem;flex-wrap:wrap}.pp__chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .85rem;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.pp__chip--tag{border:1px solid var(--border);color:var(--fg-muted);background:transparent}.pp__chip--live{border:1px solid rgba(34,197,94,.4);color:#16a34a;background:#22c55e14}.pp__chip--dev{border:1px solid var(--border);color:var(--fg-faint);background:var(--surface)}.pp__chip-dot{width:5px;height:5px;border-radius:50%;background:var(--fg-faint);flex-shrink:0}.pp__chip-dot--live{background:#22c55e;animation:pulse 2.5s ease infinite}.pp__desc{font-family:var(--font-body);font-size:.95rem;color:var(--fg-muted);line-height:1.85;max-width:48ch;margin-bottom:2.25rem}.pp__cta-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.pp__img-frame{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.pp__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease-out-expo)}.pp__img-frame:hover .pp__img{transform:scale(1.04)}.pp__bento{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:auto auto;gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-top:var(--space-lg)}.pp__bcard{background:var(--bg);padding:2rem;transition:background .2s}.pp__bcard:hover{background:var(--surface)}.pp__bcard-label{display:block;margin-bottom:1.25rem}.pp__bcard--tech{grid-column:1;grid-row:1 / 3}.pp__bcard--status{grid-column:2;grid-row:1}.pp__bcard--index{grid-column:3;grid-row:1}.pp__bcard--github{grid-column:2;grid-row:2}.pp__bcard--live{grid-column:3;grid-row:2}.pp__tech-chips{display:flex;flex-wrap:wrap;gap:.4rem}.pp__tech-chip{padding:.3rem .8rem;border:1px solid var(--border);border-radius:0;font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:var(--fg-muted);letter-spacing:.04em;transition:border-color .2s,color .2s}.pp__tech-chip:hover{border-color:var(--fg);color:var(--fg)}.pp__status-badge{display:flex;align-items:center;gap:.5rem;margin-top:.25rem}.pp__status-dot{width:7px;height:7px;border-radius:50%;background:var(--fg-faint);flex-shrink:0}.pp__status-dot--live{background:#22c55e;animation:pulse 2.5s ease infinite}.pp__status-text{font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--fg)}.pp__big-num{display:block;font-family:var(--font-mono);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:var(--fg);line-height:1;letter-spacing:-.03em;margin-top:.25rem}.pp__ext-link{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--fg-muted);transition:color .2s;margin-top:.25rem}.pp__ext-link--accent,.pp__ext-link:hover{color:var(--fg)}.pp__ext-arrow{opacity:0;transform:translate(-4px,4px);transition:opacity .2s,transform .25s var(--ease-out-expo)}.pp__ext-link:hover .pp__ext-arrow{opacity:1;transform:translate(0)}.pp__watermark{position:fixed;right:-1.5rem;bottom:2.5rem;font-family:var(--font-mono);font-size:clamp(8rem,18vw,16rem);font-weight:900;color:transparent;-webkit-text-stroke:1px var(--border);letter-spacing:.06em;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;opacity:.45}@media (max-width: 1024px){.pp__bento{grid-template-columns:1fr 1fr}.pp__bcard--tech{grid-column:1 / 3;grid-row:1}.pp__bcard--status{grid-column:1;grid-row:2}.pp__bcard--index{grid-column:2;grid-row:2}.pp__bcard--github{grid-column:1;grid-row:3}.pp__bcard--live{grid-column:2;grid-row:3}}@media (max-width: 768px){.pp__hero{grid-template-columns:1fr;min-height:unset;gap:var(--space-md)}.pp__title-char{font-size:clamp(2.2rem,10vw,4rem)}.pp__img-frame{aspect-ratio:16 / 9}.pp__bento{grid-template-columns:1fr}.pp__bcard--tech,.pp__bcard--status,.pp__bcard--index,.pp__bcard--github,.pp__bcard--live{grid-column:1;grid-row:auto}.pp__watermark{display:none}}.footer{background-color:#09090b;color:#fafafa;padding:var(--space-xl) 0 var(--space-md);position:relative;overflow:hidden}.footer__inner{display:flex;flex-direction:column;gap:var(--space-xl);width:100%}.footer__top{display:flex;justify-content:space-between;align-items:flex-end;width:100%;gap:2rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:var(--space-lg)}.footer__headline{font-family:var(--font-head);font-size:clamp(3rem,6vw,6rem);font-weight:500;line-height:.9;letter-spacing:-.02em;margin:0;max-width:12ch}.footer__headline-accent{color:#a1a1aa;font-family:var(--font-body);font-size:clamp(1rem,2vw,1.5rem);display:block;margin-bottom:1rem;font-weight:400;letter-spacing:0}.footer__socials{display:flex;gap:.75rem}.footer__social-link{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#a1a1aa;transition:all .4s var(--ease-out-expo)}.footer__social-link:hover{background:#fafafa;color:#09090b;border-color:#fafafa;transform:translateY(-4px) scale(1.05)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;width:100%;font-family:var(--font-body);font-size:.85rem;color:#71717a}.footer__bottom strong{color:#fafafa;font-weight:500}@media (max-width: 768px){.footer__top{flex-direction:column;align-items:flex-start;gap:var(--space-lg)}.footer__bottom{flex-direction:column;align-items:flex-start;gap:1rem}}.sr-only{height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}