@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-tertiary:#1a1a25;--bg-elevated:#1e1e2a;--text-primary:#e8e6e3;--text-secondary:#8a8a9a;--text-muted:#5a5a6a;--accent:#c4a35a;--accent-hover:#d4b76a;--accent-dim:#c4a35a1f;--accent-glow:#c4a35a14;--border:#1f1f2e;--border-hover:#2a2a3a;--font-serif:"Instrument Serif", Georgia, "Times New Roman", serif;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:clamp(.75rem, .7rem + .25vw, .8125rem);--text-sm:clamp(.8125rem, .78rem + .2vw, .875rem);--text-base:clamp(.9375rem, .88rem + .3vw, 1.0625rem);--text-lg:clamp(1.125rem, 1rem + .5vw, 1.25rem);--text-xl:clamp(1.25rem, 1.1rem + .7vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.2rem + 1.2vw, 2rem);--text-3xl:clamp(2rem, 1.5rem + 2vw, 3rem);--text-4xl:clamp(2.5rem, 1.8rem + 3vw, 4rem);--text-hero:clamp(3rem, 2rem + 5vw, 6.5rem);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:5rem;--space-4xl:8rem;--container-max:1200px;--container-narrow:800px;--container-padding:clamp(1.5rem, 4vw, 3rem);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.2s;--duration-base:.4s;--duration-slow:.6s;--radius-sm:6px;--radius-md:10px;--radius-lg:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-primary);font-weight:400;line-height:1.7;overflow-x:hidden}::selection{background-color:var(--accent);color:var(--bg-primary)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;cursor:pointer;color:inherit;background:0 0;border:none}ul,ol{list-style:none}.container{width:100%;max-width:var(--container-max);padding:0 var(--container-padding);margin:0 auto}.container--narrow{max-width:var(--container-narrow)}.section{padding:var(--space-4xl) 0}.section--first{padding-top:calc(var(--space-4xl) + 5rem)}h1,h2,h3,h4{font-family:var(--font-serif);color:var(--text-primary);font-weight:400;line-height:1.15}.heading-hero{font-size:var(--text-hero);letter-spacing:-.02em}.heading-page{font-size:var(--text-4xl);letter-spacing:-.015em}.heading-section{font-size:var(--text-3xl);letter-spacing:-.01em}.heading-card{font-size:var(--text-xl)}.text-body{font-size:var(--text-base);color:var(--text-secondary);line-height:1.75}.text-small{font-size:var(--text-sm);color:var(--text-secondary)}.text-label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.text-accent{color:var(--accent)}.text-italic{font-style:italic}.link{color:var(--accent);transition:color var(--duration-fast) var(--ease-out);position:relative}.link:after{content:"";background:var(--accent);width:0;height:1px;transition:width var(--duration-base) var(--ease-out);position:absolute;bottom:-2px;left:0}.link:hover:after{width:100%}.link:hover{color:var(--accent-hover)}.btn{align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--accent);color:var(--accent);border-radius:var(--radius-sm);transition:all var(--duration-base) var(--ease-out);padding:.75rem 1.75rem;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:var(--accent);transform-origin:0;transition:transform var(--duration-base) var(--ease-out);z-index:0;position:absolute;inset:0;transform:scaleX(0)}.btn:hover:before{transform:scaleX(1)}.btn:hover{color:var(--bg-primary)}.btn span{z-index:1;position:relative}.btn--filled{background:var(--accent);color:var(--bg-primary)}.btn--filled:before{background:var(--accent-hover)}.pill{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);white-space:nowrap;transition:all var(--duration-fast) var(--ease-out);border-radius:100px;padding:.25rem .75rem;display:inline-block}.pill:hover{border-color:var(--accent);color:var(--accent)}.pills{gap:var(--space-sm);flex-wrap:wrap;display:flex}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-xl);transition:all var(--duration-base) var(--ease-out)}.card:hover{border-color:var(--border-hover);box-shadow:0 8px 32px var(--accent-glow), 0 2px 8px #0000004d;transform:translateY(-4px)}.card__category{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:var(--space-md)}.card__title{font-family:var(--font-serif);font-size:var(--text-xl);margin-bottom:var(--space-sm);transition:color var(--duration-fast) var(--ease-out)}.card:hover .card__title{color:var(--accent)}.card__description{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-lg);line-height:1.65}.card__arrow{align-items:center;gap:var(--space-xs);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);transition:all var(--duration-fast) var(--ease-out);display:inline-flex}.card:hover .card__arrow{color:var(--accent);transform:translate(4px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideFromLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleLine{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes revealClip{0%{clip-path:inset(100% 0 0);opacity:0}to{clip-path:inset(0);opacity:1}}@keyframes scrollPulse{0%,to{opacity:.4;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}.reveal{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transform:translateY(24px)}.reveal--left{transform:translate(-24px)}.reveal--scale{transform:scale(.96)}.reveal.visible{opacity:1;transform:translateY(0)translate(0)scale(1)}.stagger-children>.reveal:first-child{transition-delay:0s}.stagger-children>.reveal:nth-child(2){transition-delay:80ms}.stagger-children>.reveal:nth-child(3){transition-delay:.16s}.stagger-children>.reveal:nth-child(4){transition-delay:.24s}.stagger-children>.reveal:nth-child(5){transition-delay:.32s}.stagger-children>.reveal:nth-child(6){transition-delay:.4s}.stagger-children>.reveal:nth-child(7){transition-delay:.48s}.stagger-children>.reveal:nth-child(8){transition-delay:.56s}.stagger-children>.reveal:nth-child(9){transition-delay:.64s}.stagger-children>.reveal:nth-child(10){transition-delay:.72s}.page-transition-enter{animation:fadeUp var(--duration-base) var(--ease-out) forwards}.divider{background:var(--border);border:none;width:100%;height:1px}.accent-line{background:var(--accent);border-radius:2px;width:48px;height:2px}.grid{gap:var(--space-lg);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}@media (max-width:900px){.grid--3{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid--2,.grid--3{grid-template-columns:1fr}.section{padding:var(--space-3xl) 0}.section--first{padding-top:calc(var(--space-3xl) + 4.5rem)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.header{z-index:100;padding:var(--space-lg) 0;transition:all var(--duration-base) var(--ease-out);position:fixed;top:0;left:0;right:0}.header--scrolled{padding:var(--space-md) 0;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#0a0a0fd9}.header__inner{justify-content:space-between;align-items:center;display:flex}.header__logo{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--text-primary);transition:color var(--duration-fast) var(--ease-out)}.header__logo:hover{color:var(--accent)}.header__nav{align-items:center;gap:var(--space-xl);display:flex}.header__link{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out);padding-bottom:4px;position:relative}.header__link:after{content:"";background:var(--accent);width:0;height:1px;transition:width var(--duration-base) var(--ease-out);position:absolute;bottom:0;left:0}.header__link:hover,.header__link--active{color:var(--accent)}.header__link--active:after,.header__link:hover:after{width:100%}.header__menu-btn{padding:var(--space-sm);cursor:pointer;z-index:110;flex-direction:column;gap:5px;display:none}.header__menu-btn span{background:var(--text-primary);width:24px;height:1.5px;transition:all var(--duration-base) var(--ease-out);transform-origin:50%;display:block}.header__menu-btn--open span:first-child{transform:translateY(6.5px)rotate(45deg)}.header__menu-btn--open span:nth-child(2){opacity:0}.header__menu-btn--open span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.header__mobile-nav{background:var(--bg-primary);z-index:105;justify-content:center;align-items:center;gap:var(--space-2xl);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out);flex-direction:column;display:none;position:fixed;inset:0}.header__mobile-nav--open{opacity:1;pointer-events:all}.header__mobile-link{font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--text-primary);transition:color var(--duration-fast) var(--ease-out)}.header__mobile-link:hover{color:var(--accent)}@media (max-width:768px){.header__nav{display:none}.header__menu-btn,.header__mobile-nav{display:flex}}.hero{flex-direction:column;justify-content:center;min-height:100dvh;padding-top:5rem;display:flex;position:relative}.hero__content{max-width:900px}.hero__label{margin-bottom:var(--space-xl);display:inline-block}.hero__title{margin-bottom:var(--space-xl)}.hero__title-line{animation:revealClip var(--duration-slow) var(--ease-out) forwards;animation-delay:var(--reveal-delay,0s);display:block}.hero__subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:540px;animation:fadeUp var(--duration-slow) var(--ease-out) forwards;opacity:0;line-height:1.7;animation-delay:.5s}.hero__meta{align-items:center;gap:var(--space-xl);margin-top:var(--space-2xl);animation:fadeUp var(--duration-slow) var(--ease-out) forwards;opacity:0;animation-delay:.7s;display:flex}.hero__meta-item{align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);display:flex}.hero__meta-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.hero__scroll-indicator{bottom:var(--space-2xl);align-items:center;gap:var(--space-sm);animation:fadeIn 1s var(--ease-out) forwards;opacity:0;flex-direction:column;animation-delay:1s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero__scroll-line{background:var(--accent);transform-origin:top;width:1px;height:48px;animation:scrollPulse 2s var(--ease-in-out) infinite;animation-delay:1.5s}.featured-strip{padding:var(--space-4xl) 0}.featured-strip__header{margin-bottom:var(--space-2xl);justify-content:space-between;align-items:baseline;display:flex}.featured-strip__scroll{gap:var(--space-lg);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-md);scrollbar-width:none;display:flex;overflow-x:auto}.featured-strip__scroll::-webkit-scrollbar{display:none}.featured-card{scroll-snap-align:start;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2xl);min-height:280px;transition:all var(--duration-base) var(--ease-out);cursor:pointer;flex-direction:column;flex:0 0 min(420px,85vw);justify-content:space-between;text-decoration:none;display:flex}.featured-card:hover{border-color:var(--accent);box-shadow:0 12px 40px var(--accent-glow), 0 4px 12px #0006;transform:translateY(-4px)}.featured-card__top{gap:var(--space-md);flex-direction:column;display:flex}.featured-card__number{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.featured-card__title{font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--text-primary);transition:color var(--duration-fast) var(--ease-out)}.featured-card:hover .featured-card__title{color:var(--accent)}.featured-card__description{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.65}.featured-card__bottom{margin-top:var(--space-xl);justify-content:space-between;align-items:flex-end;display:flex}.featured-card__arrow{font-size:var(--text-xl);color:var(--text-muted);transition:all var(--duration-fast) var(--ease-out)}.featured-card:hover .featured-card__arrow{color:var(--accent);transform:translate(4px)}.cta-band{padding:var(--space-4xl) 0;text-align:center}.cta-band__heading{font-size:var(--text-3xl);margin-bottom:var(--space-lg)}.cta-band__text{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-2xl);max-width:480px;margin-left:auto;margin-right:auto}.cta-band__actions{gap:var(--space-lg);flex-wrap:wrap;justify-content:center;display:flex}.timeline{padding-left:var(--space-2xl);position:relative}.timeline:before{content:"";background:var(--border);width:1px;position:absolute;top:0;bottom:0;left:0}.timeline__item{padding-bottom:var(--space-3xl);position:relative}.timeline__item:last-child{padding-bottom:0}.timeline__dot{left:calc(-1 * var(--space-2xl) - 4px);background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 4px var(--bg-primary), 0 0 0 5px var(--border);border-radius:50%;position:absolute;top:6px}.timeline__header{margin-bottom:var(--space-lg)}.timeline__role{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-xs)}.timeline__company{font-size:var(--text-base);color:var(--accent);font-weight:500}.timeline__meta{gap:var(--space-lg);margin-top:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);display:flex}.timeline__achievements{gap:var(--space-sm);flex-direction:column;list-style:none;display:flex}.timeline__achievement{font-size:var(--text-sm);color:var(--text-secondary);padding-left:var(--space-lg);line-height:1.7;position:relative}.timeline__achievement:before{content:"—";color:var(--text-muted);position:absolute;left:0}.education-list{gap:var(--space-xl);flex-direction:column;display:flex}.education-item{padding:var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.education-item__degree{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-xs)}.education-item__institution{font-size:var(--text-sm);color:var(--accent)}.education-item__meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-sm)}.education-item__status{margin-left:var(--space-sm);font-size:var(--text-xs);color:var(--accent);border:1px solid var(--accent-dim);background:var(--accent-dim);border-radius:100px;padding:.15rem .5rem;display:inline-block}.skills-grid{gap:var(--space-xl);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.skills-group{padding:var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.skills-group__title{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border)}.skills-group__items{gap:var(--space-sm);flex-wrap:wrap;display:flex}.skills-group__item{font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);padding:.25rem .75rem}.skills-group__item:hover{color:var(--accent);background:var(--accent-dim)}.languages-row{gap:var(--space-xl);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.language-item{align-items:baseline;gap:var(--space-sm);display:flex}.language-item__name{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--text-primary)}.language-item__level{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.filter-bar{gap:var(--space-xs);margin-bottom:var(--space-2xl);scrollbar-width:none;padding-bottom:var(--space-sm);display:flex;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-btn{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-radius:var(--radius-sm);white-space:nowrap;transition:all var(--duration-fast) var(--ease-out);cursor:pointer;border:1px solid #0000;padding:.5rem 1rem}.filter-btn:hover{color:var(--text-secondary);border-color:var(--border)}.filter-btn--active{color:var(--accent);border-color:var(--accent);background:var(--accent-dim)}.project-detail__back{align-items:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-2xl);transition:color var(--duration-fast) var(--ease-out);display:inline-flex}.project-detail__back:hover{color:var(--accent)}.project-detail__header{margin-bottom:var(--space-3xl)}.project-detail__title{font-size:var(--text-4xl);margin-bottom:var(--space-lg)}.project-detail__meta{align-items:center;gap:var(--space-lg);flex-wrap:wrap;display:flex}.project-detail__body{gap:var(--space-3xl);grid-template-columns:2fr 1fr;display:grid}.project-detail__description{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--space-2xl);line-height:1.8}.project-detail__highlights-title,.project-detail__stack-title{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:var(--space-lg)}.project-detail__highlights-list{gap:var(--space-md);flex-direction:column;display:flex}.project-detail__highlight{font-size:var(--text-sm);color:var(--text-secondary);padding-left:var(--space-lg);line-height:1.65;position:relative}.project-detail__highlight:before{content:"";background:var(--accent);width:6px;height:1px;position:absolute;top:.6em;left:0}.project-detail__sidebar{gap:var(--space-2xl);flex-direction:column;display:flex}.project-detail__sidebar-section{padding:var(--space-xl);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md)}.project-nav{margin-top:var(--space-4xl);padding-top:var(--space-2xl);border-top:1px solid var(--border);justify-content:space-between;gap:var(--space-lg);display:flex}.project-nav__item{gap:var(--space-xs);transition:color var(--duration-fast) var(--ease-out);flex-direction:column;display:flex}.project-nav__item:hover{color:var(--accent)}.project-nav__item--next{text-align:right;margin-left:auto}.project-nav__label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.project-nav__name{font-family:var(--font-serif);font-size:var(--text-lg)}@media (max-width:768px){.project-detail__body{grid-template-columns:1fr}.project-nav{flex-direction:column}.project-nav__item--next{text-align:left}}.contact-row{padding:var(--space-xl) 0;border-bottom:1px solid var(--border);transition:all var(--duration-base) var(--ease-out);cursor:pointer;justify-content:space-between;align-items:center;text-decoration:none;display:flex}.contact-row:first-child{border-top:1px solid var(--border)}.contact-row:hover{padding-left:var(--space-lg)}.contact-row:hover .contact-row__label{color:var(--accent)}.contact-row:hover .contact-row__value{color:var(--text-primary)}.contact-row:hover .contact-row__arrow{color:var(--accent);transform:translate(6px)}.contact-row__left{gap:var(--space-xs);flex-direction:column;display:flex}.contact-row__label{font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out)}.contact-row__value{font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--text-secondary);transition:color var(--duration-fast) var(--ease-out)}.contact-row__arrow{font-size:var(--text-xl);color:var(--text-muted);transition:all var(--duration-fast) var(--ease-out)}@media (max-width:600px){.contact-row__value{font-size:var(--text-xl)}}.footer{padding:var(--space-2xl) 0;border-top:1px solid var(--border)}.footer__inner{justify-content:space-between;align-items:center;display:flex}.footer__text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted)}.footer__links{gap:var(--space-lg);display:flex}.footer__link{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);transition:color var(--duration-fast) var(--ease-out)}.footer__link:hover{color:var(--accent)}@media (max-width:600px){.footer__inner{gap:var(--space-md);text-align:center;flex-direction:column}}