:root{--color-bg:#f2f2f3;--color-surface:#fff;--color-surface-2:#f1f1f4;--color-ink:#111112;--color-ink-2:#313135;--color-muted:#5b5b71;--color-muted-light:#aab;--color-accent:#3c83f6;--color-accent-dim:rgba(60,131,246,.1);--color-accent-glow:rgba(60,131,246,.2);--color-border:rgba(49,49,53,.09);--color-border-med:#cacace;--text-xs:clamp(0.75rem,1vw,0.875rem);--text-sm:clamp(0.875rem,1.2vw,1rem);--text-base:clamp(1rem,1.5vw,1.125rem);--text-lg:clamp(1.125rem,2vw,1.375rem);--text-xl:clamp(1.375rem,2.5vw,1.75rem);--text-2xl:clamp(1.75rem,3.5vw,2.5rem);--text-3xl:clamp(2.5rem,5vw,4rem);--text-hero:clamp(3.5rem,8vw,7rem);--font-display:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI Variable Text","Segoe UI",system-ui,sans-serif;--font-mono:ui-monospace,"SF Mono","Cascadia Code","Fira Code",Consolas,"Courier New",monospace;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-bold:700;--weight-black:900;--leading-tight:1.15;--leading-snug:1.35;--leading-base:1.6;--leading-loose:1.8;--tracking-tight:-0.03em;--tracking-base:-0.01em;--tracking-wide:0.06em;--tracking-ultra:0.12em;--space-1:clamp(4px,0.5vw,6px);--space-2:clamp(8px,1vw,12px);--space-3:clamp(12px,1.5vw,16px);--space-4:clamp(16px,2vw,24px);--space-6:clamp(24px,3vw,36px);--space-8:clamp(32px,4vw,48px);--space-12:clamp(48px,6vw,72px);--space-16:clamp(64px,8vw,96px);--space-section:clamp(80px,12vw,160px);--space-gap:clamp(24px,4vw,48px);--radius-xs:3px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:32px;--radius-pill:999px;--shadow-xs:0 1px 3px rgba(49,49,53,.06);--shadow-sm:0 2px 8px rgba(49,49,53,.08),0 1px 2px rgba(49,49,53,.04);--shadow-md:0 4px 16px rgba(49,49,53,.1),0 2px 4px rgba(49,49,53,.06);--shadow-lg:0 12px 40px rgba(49,49,53,.12),0 4px 8px rgba(49,49,53,.06);--shadow-xl:0 24px 64px rgba(49,49,53,.14);--transition:0.3s cubic-bezier(0.4,0,0.2,1);--transition-fast:0.15s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--max-w-content:72ch;--max-w-wide:1200px;--nav-height:64px}[data-theme=dark]{--color-bg:#111112;--color-surface:#19191a;--color-surface-2:#313135;--color-ink:#e5e5e6;--color-ink-2:#cacace;--color-muted:#8e8ea4;--color-muted-light:#5b5b71;--color-accent:#3c83f6;--color-accent-dim:rgba(60,131,246,.12);--color-accent-glow:rgba(60,131,246,.22);--color-border:hsla(240,2%,90%,.08);--color-border-med:#4a4a4f;--shadow-xs:0 1px 3px rgba(0,0,0,.28);--shadow-sm:0 2px 8px rgba(0,0,0,.36);--shadow-md:0 4px 16px rgba(0,0,0,.4);--shadow-lg:0 12px 40px rgba(0,0,0,.48);--shadow-xl:0 24px 64px rgba(0,0,0,.56)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-feature-settings:"kern" 1,"liga" 1,"calt" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-regular);line-height:var(--leading-base);color:var(--color-ink);background-color:var(--color-bg);transition:background-color var(--transition),color var(--transition);overflow-x:hidden}:root:not([data-theme]){color-scheme:light}[data-theme=dark]{color-scheme:dark}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-ink)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}h5,h6{font-size:var(--text-base)}p{line-height:var(--leading-base);color:var(--color-ink-2)}strong{font-weight:var(--weight-bold)}em{font-style:italic}small{font-size:var(--text-xs);color:var(--color-muted)}code{font-family:var(--font-mono);font-size:.88em;background:var(--color-surface);border:1px solid var(--color-border);padding:.1em .4em;border-radius:var(--radius-xs)}pre code{background:none;border:none;padding:0;font-size:var(--text-sm)}blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-4);color:var(--color-muted);font-style:italic;font-family:var(--font-display);font-size:var(--text-lg)}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.container{width:100%;max-width:var(--max-w-wide)}.container,.container--narrow{margin-inline:auto;padding-inline:clamp(20px,5vw,60px)}.container--narrow{max-width:var(--max-w-content)}.section{padding-block:var(--space-section)}.section--surface{background:var(--color-surface)}.section--bg{background:var(--color-bg)}.grid-2{grid-template-columns:1fr 1fr;grid-gap:var(--space-gap)}.grid-2,.grid-3{display:grid;gap:var(--space-gap)}.grid-3{grid-template-columns:repeat(3,1fr);grid-gap:var(--space-gap)}@media (max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.tag{display:inline-flex;align-items:center;height:24px;padding-inline:10px;font-size:var(--text-xs);font-family:var(--font-body);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-muted);transition:background var(--transition),color var(--transition),border-color var(--transition);white-space:nowrap}.tag.active,.tag:hover{background:var(--color-accent-dim);border-color:var(--color-accent);color:var(--color-accent)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:12px 24px;font-size:var(--text-sm);font-family:var(--font-body);font-weight:var(--weight-medium);letter-spacing:.3px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background var(--transition),border-color var(--transition),color var(--transition);white-space:nowrap;text-decoration:none;will-change:transform}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-ink);color:var(--color-bg);border-color:var(--color-ink)}.btn-primary:hover{background:var(--color-accent);border-color:var(--color-accent);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--color-ink);border-color:var(--color-border-med)}.btn-outline:hover{border-color:var(--color-ink);box-shadow:var(--shadow-xs)}.btn-ghost{background:transparent;color:var(--color-muted);border-color:transparent;padding-inline:12px}.btn-ghost:hover{color:var(--color-ink);background:var(--color-surface)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-height);display:flex;align-items:center;transition:background var(--transition),box-shadow var(--transition),-webkit-backdrop-filter var(--transition);transition:background var(--transition),box-shadow var(--transition),backdrop-filter var(--transition);transition:background var(--transition),box-shadow var(--transition),backdrop-filter var(--transition),-webkit-backdrop-filter var(--transition)}.nav.scrolled{background:hsla(240,4%,95%,.88);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 1px 0 var(--color-border)}[data-theme=dark] .nav.scrolled{background:rgba(17,17,18,.9)}.nav__inner{width:100%;max-width:var(--max-w-wide);margin-inline:auto;padding-inline:clamp(20px,5vw,60px);display:flex;align-items:center;justify-content:space-between}.nav__logo{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-ink);text-decoration:none;transition:color var(--transition)}.nav__logo span,.nav__logo:hover{color:var(--color-accent)}.nav__links{display:flex;align-items:center;gap:var(--space-6);list-style:none}.nav__link{font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:.2px;color:var(--color-muted);text-decoration:none;position:relative;transition:color var(--transition)}.nav__link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--color-accent);transition:width var(--transition)}.nav__link.active,.nav__link:hover{color:var(--color-ink)}.nav__link.active:after,.nav__link:hover:after{width:100%}.theme-toggle{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;color:var(--color-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--transition),border-color var(--transition),background var(--transition);flex-shrink:0}.theme-toggle:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-dim)}.nav__hamburger{display:none;width:36px;height:36px;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:0;transition:border-color var(--transition)}.nav__hamburger span{display:block;width:18px;height:1.5px;background:var(--color-ink);transition:transform var(--transition),opacity var(--transition);transform-origin:center}.nav__hamburger.open span:first-child{transform:translateY(6.5px) rotate(45deg)}.nav__hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nav__hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.nav__mobile-menu{position:fixed;top:var(--nav-height);left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-6) clamp(20px,5vw,60px);display:flex;flex-direction:column;gap:var(--space-4);transform:translateY(-8px);opacity:0;pointer-events:none;transition:transform var(--transition),opacity var(--transition);z-index:99}.nav__mobile-menu.open{transform:translateY(0);opacity:1;pointer-events:auto}.nav__mobile-link{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:-.2px;color:var(--color-ink);text-decoration:none;transition:color var(--transition)}.nav__mobile-link.active,.nav__mobile-link:hover{color:var(--color-accent)}@media (max-width:768px){.nav__links{display:none}.nav__hamburger{display:flex}}.footer{border-top:1px solid var(--color-border);padding-block:var(--space-12);margin-top:auto}.footer__inner{width:100%;max-width:var(--max-w-wide);margin-inline:auto;padding-inline:clamp(20px,5vw,60px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:var(--space-8);gap:var(--space-8)}.footer__brand{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-muted)}.footer__social{display:flex;align-items:center;gap:var(--space-4);list-style:none}.footer__social-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--color-muted);overflow:hidden;position:relative;transition:color var(--transition)}.footer__social-link .icon-wrap{display:flex;flex-direction:column;gap:0;transition:transform var(--transition)}.footer__social-link .icon-wrap svg:last-child{position:absolute;bottom:-100%}.footer__social-link:hover .icon-wrap{transform:translateY(-100%)}.footer__social-link:hover{color:var(--color-accent)}.footer__copy{font-size:var(--text-xs);color:var(--color-muted);text-align:right}@media (max-width:768px){.footer__inner{grid-template-columns:1fr;text-align:center;gap:var(--space-6)}.footer__social{justify-content:center}.footer__copy{text-align:center}}.post-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);will-change:transform}.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-border-med)}.post-card__date{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-ultra);text-transform:uppercase;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-muted)}.post-card__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-ink);line-height:var(--leading-snug);transition:color var(--transition)}.post-card:hover .post-card__title{color:var(--color-accent)}.post-card__excerpt{font-size:var(--text-sm);color:var(--color-muted);line-height:var(--leading-base);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-card__meta{display:flex;align-items:center;gap:var(--space-3);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.post-card__read-time{font-size:var(--text-xs);color:var(--color-muted-light)}.post-card__arrow{margin-left:auto;color:var(--color-muted);transition:transform var(--transition),color var(--transition)}.post-card:hover .post-card__arrow{transform:translateX(4px);color:var(--color-accent)}.newsletter{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(40px,6vw,72px) clamp(24px,6vw,80px);text-align:center;position:relative;overflow:hidden}.newsletter:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 100%,var(--color-accent-dim),transparent);pointer-events:none}.newsletter__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-ink);margin-bottom:var(--space-3)}.newsletter__subtitle{font-size:var(--text-base);color:var(--color-muted);max-width:40ch;margin-inline:auto;margin-bottom:var(--space-6)}.newsletter__form{display:flex;gap:var(--space-2);max-width:400px;margin-inline:auto}.newsletter__input{flex:1 1;height:44px;padding-inline:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border-med);border-radius:var(--radius-sm);font-size:var(--text-sm);transition:border-color var(--transition),box-shadow var(--transition);outline:none}.newsletter__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-dim)}.newsletter__submit{height:44px;padding-inline:var(--space-6);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background var(--transition);white-space:nowrap;will-change:transform}.newsletter__submit:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);background:#0b64f4}@media (max-width:480px){.newsletter__form{flex-direction:column}.newsletter__input,.newsletter__submit{width:100%}}.prose{max-width:var(--max-w-content);color:var(--color-ink-2);font-size:var(--text-base);line-height:var(--leading-loose)}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{margin-top:2em;margin-bottom:.6em;color:var(--color-ink)}.prose h2{font-size:var(--text-2xl);border-bottom:1px solid var(--color-border);padding-bottom:.4em}.prose h3{font-size:var(--text-xl)}.prose p{margin-bottom:1.5em}.prose a{color:var(--color-accent);text-decoration:underline;-webkit-text-decoration-color:var(--color-accent-dim);text-decoration-color:var(--color-accent-dim);text-underline-offset:3px;transition:-webkit-text-decoration-color var(--transition);transition:text-decoration-color var(--transition);transition:text-decoration-color var(--transition),-webkit-text-decoration-color var(--transition)}.prose a:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.prose ol,.prose ul{margin-bottom:1.5em;padding-left:1.5em}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin-bottom:.4em;line-height:var(--leading-base)}.prose pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);overflow-x:auto;font-size:var(--text-sm)}.prose blockquote,.prose pre{margin-bottom:1.5em}.prose img{border-radius:var(--radius-md);margin-block:2em;width:100%}.prose hr{margin-block:2.5em}.reading-progress{position:fixed;top:0;left:0;height:2px;background:var(--color-accent);z-index:200;transform-origin:left;transition:width .1s linear}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1)}.reveal.in-view{opacity:1;transform:translateY(0)}.reveal[data-delay="100"]{transition-delay:.1s}.reveal[data-delay="200"]{transition-delay:.2s}.reveal[data-delay="300"]{transition-delay:.3s}.reveal[data-delay="400"]{transition-delay:.4s}.reveal[data-delay="500"]{transition-delay:.5s}.hero{min-height:calc(100vh - var(--nav-height));display:flex;align-items:center;padding-block:var(--space-section);padding-inline:clamp(20px,5vw,60px);position:relative}.hero__inner{max-width:var(--max-w-wide);margin-inline:auto;width:100%;position:relative;z-index:1}.hero__eyebrow{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-ultra);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4)}.hero__headline{font-family:var(--font-display);font-size:var(--text-hero);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);line-height:1;color:var(--color-ink);margin-bottom:var(--space-6);max-width:16ch}.hero__headline em{font-weight:var(--weight-light);font-style:italic;color:var(--color-muted)}.hero__description{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-muted);max-width:48ch;line-height:var(--leading-base);margin-bottom:var(--space-8)}.hero__ctas{display:flex;gap:var(--space-3);flex-wrap:wrap}.hero__monogram{position:absolute;right:0;top:50%;transform:translateY(-50%);font-family:var(--font-display);font-size:clamp(200px,28vw,400px);font-weight:var(--weight-black);color:var(--color-border);line-height:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:-.06em;z-index:0}.marquee-strip{border-block:1px solid var(--color-border);padding-block:var(--space-4);overflow:hidden;background:var(--color-surface)}.section-eyebrow{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-ultra);text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-4)}.about-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-gap:clamp(48px,8vw,120px);gap:clamp(48px,8vw,120px);align-items:start}@media (max-width:768px){.about-grid{grid-template-columns:1fr}}.about__headline{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--color-ink);margin-bottom:var(--space-6)}.about__headline em{font-weight:var(--weight-light);font-style:italic}.about__bio{display:flex;flex-direction:column;gap:var(--space-4)}.about__bio p{font-size:var(--text-base);color:var(--color-muted);line-height:var(--leading-loose)}.about__actions{display:flex;gap:var(--space-4);margin-top:var(--space-8);flex-wrap:wrap}.about__stats-wrap{position:relative}.about__stats-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);overflow:hidden}.about__stats-deco{position:absolute;top:-20px;left:-16px;font-family:var(--font-display);font-size:180px;font-weight:var(--weight-black);color:var(--color-border);line-height:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.about__stats-inner{position:relative;z-index:1}.about__stat{padding-block:var(--space-4);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4)}.about__stat-num{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-accent);letter-spacing:var(--tracking-tight)}.about__stat-label{font-size:var(--text-sm);color:var(--color-muted);text-align:right}.about__circle-deco{position:absolute;bottom:-24px;right:-24px;width:80px;height:80px;border-radius:50%;background:var(--color-accent-dim);border:1px solid var(--color-accent);opacity:.6;pointer-events:none}.posts-section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-12);gap:var(--space-4);flex-wrap:wrap}.posts-section-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-ink)}.bento-grid,.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));grid-gap:var(--space-gap);gap:var(--space-gap)}.bento-wide{grid-column:span 2}@media (max-width:720px){.bento-wide{grid-column:span 1}}.post-list{display:flex;flex-direction:column}.post-row{padding-block:var(--space-6)}.post-row:hover{border-color:var(--color-border-med)}@media (max-width:640px){.post-row{grid-template-columns:1fr;gap:var(--space-2);padding-block:var(--space-4)}.post-row__meta{display:none}}.post-row__body{min-width:0}.post-row:hover .post-row__title{color:var(--color-accent)}.post-row__readtime{font-size:var(--text-xs);color:var(--color-muted-light);white-space:nowrap}.post-row:hover .post-row__arrow{color:var(--color-accent);transform:translateX(4px)}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);position:relative;overflow:hidden;cursor:default;gap:var(--space-4);min-height:220px}.project-card,.project-card__overlay{padding:var(--space-6);display:flex;flex-direction:column}.project-card__overlay{position:absolute;inset:0;background:var(--color-ink);opacity:0;transition:opacity var(--transition);justify-content:center;z-index:2;pointer-events:none}.project-card:hover .project-card__overlay{opacity:1;pointer-events:auto}.project-card__overlay-desc{font-family:var(--font-body);font-size:var(--text-base);color:hsla(240,2%,90%,.9);line-height:var(--leading-base);margin-bottom:var(--space-4)}.project-card__overlay-links{display:flex;gap:var(--space-3)}.project-card__btn-ghost{background:transparent;border:1px solid hsla(240,2%,90%,.22);color:#e5e5e6;font-size:var(--text-xs);padding:8px 16px}.project-card__btn-ghost:hover{border-color:hsla(240,2%,90%,.5);transform:translateY(-2px)}.project-card__btn-accent{background:var(--color-accent);border:1px solid var(--color-accent);color:#fff;font-size:var(--text-xs);padding:8px 16px}.project-card__btn-accent:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-card__header{display:flex;justify-content:space-between;align-items:flex-start}.project-card__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-ink)}.project-card__year{font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;flex-shrink:0}.project-card__desc{font-size:var(--text-sm);color:var(--color-muted);line-height:var(--leading-snug);flex:1 1}.project-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}.project-card--wide{grid-column:span 2}@media (max-width:640px){.project-card--wide{grid-column:span 1}}.tag-filter{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-12)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--space-8);gap:var(--space-8)}.skills-group-label{font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-ultra);text-transform:uppercase;color:var(--color-muted-light);margin-bottom:var(--space-3)}.skills-group-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.contact-page{padding-block:var(--space-section)}.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);grid-gap:clamp(48px,8vw,120px);gap:clamp(48px,8vw,120px);align-items:start}@media (max-width:768px){.contact-grid{grid-template-columns:1fr}}.contact-headline{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--color-ink);margin-bottom:var(--space-6);max-width:14ch}.contact-headline em{font-weight:var(--weight-light);font-style:italic;color:var(--color-muted)}.contact-blurb{font-size:var(--text-base);color:var(--color-muted);line-height:var(--leading-loose);max-width:40ch;margin-bottom:var(--space-12)}.contact-social-links{display:flex;flex-direction:column;gap:var(--space-4)}.contact-social-link{text-decoration:none}.contact-social-link__label{display:block;font-size:var(--text-xs);color:var(--color-muted-light);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:2px}.contact-social-link__value{display:block;font-size:var(--text-sm);color:var(--color-ink);font-family:var(--font-display);font-weight:var(--weight-medium);transition:color var(--transition)}.contact-social-link:hover .contact-social-link__value{color:var(--color-accent)}.contact-form{display:flex;flex-direction:column;gap:var(--space-4)}.contact-form__error{font-size:var(--text-sm);color:#ef4444}.contact-form__submit{align-self:flex-start;margin-top:var(--space-2)}.contact-success{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-12);text-align:center}.contact-success__title{font-family:var(--font-display);font-size:var(--text-2xl);font-style:italic;color:var(--color-accent);margin-bottom:var(--space-4)}.contact-success__sub{font-size:var(--text-sm);color:var(--color-muted)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-xs)}::selection{background:var(--color-accent-dim);color:var(--color-accent)}.not-found{min-height:70vh;display:flex;align-items:center;padding-block:var(--space-section)}.not-found__inner{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);max-width:520px}.not-found__code{font-family:var(--font-mono);font-size:clamp(80px,16vw,160px);font-weight:var(--weight-bold);line-height:1;color:var(--color-surface-2);-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-bottom:var(--space-2)}.not-found__code,.not-found__title{letter-spacing:var(--tracking-tight)}.not-found__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-black);color:var(--color-ink);margin-bottom:0}.not-found__body{font-size:var(--text-lg);color:var(--color-muted);line-height:var(--leading-loose)}.not-found__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4)}.post-row{display:grid;grid-template-columns:120px 1fr auto;grid-gap:var(--space-8);gap:var(--space-8);align-items:center;padding:var(--space-6) 0;border-bottom:1px solid var(--color-border);text-decoration:none;transition:border-color var(--transition)}@media (max-width:640px){.post-row{grid-template-columns:1fr;gap:var(--space-2);padding:var(--space-5) 0}}.post-row__date{font-family:var(--font-body);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-ultra);text-transform:uppercase;color:var(--color-muted-light);white-space:nowrap;font-feature-settings:"smcp";font-variant-caps:small-caps}.post-row__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-ink);transition:color var(--transition);margin-bottom:var(--space-1)}.post-row__title--hovered{color:var(--color-accent)}.post-row__excerpt{font-size:var(--text-sm);color:var(--color-muted);line-height:var(--leading-snug);max-width:60ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-row__meta{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}@media (max-width:640px){.post-row__meta{display:none}}.post-row__read-time{font-size:var(--text-xs);color:var(--color-muted-light);white-space:nowrap}.post-row__arrow{color:var(--color-muted);transform:translateX(0);transition:transform var(--transition),color var(--transition);display:flex}.post-row__arrow--hovered{color:var(--color-accent);transform:translateX(4px)}.about-page{padding-bottom:var(--space-section)}.about-hero{padding-block:var(--space-section);border-bottom:1px solid var(--color-border)}.about-hero__inner{display:grid;grid-template-columns:1fr 300px;grid-gap:clamp(48px,8vw,96px);gap:clamp(48px,8vw,96px);align-items:start}@media (max-width:860px){.about-hero__inner{grid-template-columns:1fr;gap:var(--space-16)}}.about-hero__title{font-family:var(--font-display);font-size:clamp(var(--text-3xl),4.5vw,var(--text-4xl));font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--color-ink);margin-bottom:var(--space-6);max-width:22ch}.about-hero__title em{font-weight:var(--weight-light);font-style:italic;color:var(--color-muted)}.about-hero__bio{font-size:var(--text-lg);color:var(--color-muted);line-height:var(--leading-loose);max-width:56ch;margin-bottom:var(--space-4)}.about-hero__cta{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-8)}.about-hero__avatar-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}@media (max-width:860px){.about-hero__avatar-wrap{flex-direction:row;align-items:center;justify-content:flex-start}}.about-avatar{width:180px;height:180px;border-radius:50%;background:var(--color-surface-2);border:2px solid var(--color-border-med);display:flex;align-items:center;justify-content:center;flex-shrink:0}.about-avatar__initials{font-family:var(--font-display);font-size:48px;font-weight:var(--weight-bold);color:var(--color-accent);-webkit-user-select:none;-moz-user-select:none;user-select:none}.about-status-card{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);width:max-content}.about-status-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;box-shadow:0 0 0 3px rgba(74,222,128,.2);flex-shrink:0;animation:status-pulse 2.4s ease-in-out infinite}@keyframes status-pulse{0%,to{box-shadow:0 0 0 3px rgba(74,222,128,.2)}50%{box-shadow:0 0 0 6px rgba(74,222,128,.08)}}.about-status-card__label{font-size:var(--text-xs);letter-spacing:var(--tracking-ultra);text-transform:uppercase;color:var(--color-muted-light);line-height:1;margin-bottom:2px}.about-status-card__value{font-size:var(--text-sm);font-family:var(--font-display);font-weight:var(--weight-medium);color:var(--color-ink);line-height:1}.about-section{padding-block:var(--space-section);border-bottom:1px solid var(--color-border)}.about-section--alt{background:var(--color-surface)}.about-section__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-ink);margin-bottom:var(--space-12);max-width:24ch}.about-timeline{display:flex;flex-direction:column;gap:0;border-left:1.5px solid var(--color-border-med);padding-left:var(--space-8);margin-left:var(--space-2)}.about-timeline__item{position:relative;padding-bottom:var(--space-10)}.about-timeline__item:last-child{padding-bottom:0}.about-timeline__marker{position:absolute;left:calc(-1 * var(--space-8) - 5px);top:6px;width:10px;height:10px;border-radius:50%;background:var(--color-accent);border:2px solid var(--color-bg);box-shadow:0 0 0 2px var(--color-accent)}.about-timeline__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-3);flex-wrap:wrap}.about-timeline__role{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-ink);line-height:1.2}.about-timeline__company{font-size:var(--text-sm);color:var(--color-accent);font-weight:var(--weight-medium);margin-top:2px}.about-timeline__period{font-size:var(--text-xs);letter-spacing:var(--tracking-ultra);text-transform:uppercase;color:var(--color-muted-light);font-weight:var(--weight-medium);white-space:nowrap;padding-top:4px}.about-timeline__desc{font-size:var(--text-base);color:var(--color-muted);line-height:var(--leading-loose);max-width:64ch}.about-stack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));grid-gap:var(--space-gap);gap:var(--space-gap)}.about-stack-group{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6)}.about-stack-group__label{font-size:var(--text-xs);letter-spacing:var(--tracking-ultra);text-transform:uppercase;color:var(--color-accent);font-weight:var(--weight-semibold);margin-bottom:var(--space-4)}.about-stack-group__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.about-stack-group__item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-ink);font-weight:var(--weight-medium)}.about-stack-group__dot{width:4px;height:4px;border-radius:50%;background:var(--color-muted-light);flex-shrink:0}.about-values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));grid-gap:var(--space-gap);gap:var(--space-gap)}.about-value-card{padding:var(--space-8) var(--space-8) var(--space-8) 0;border-top:2px solid var(--color-border)}.about-value-card__num{display:block;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-accent);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);margin-bottom:var(--space-3)}.about-value-card__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-ink);margin-bottom:var(--space-3);line-height:var(--leading-tight)}.about-value-card__body{font-size:var(--text-base);color:var(--color-muted);line-height:var(--leading-loose)}.about-cta-section{padding-block:var(--space-section)}.about-cta-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(var(--space-12),6vw,var(--space-20));display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);position:relative;overflow:hidden}.about-cta-card:after{content:"";position:absolute;top:-60px;right:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(ellipse at center,var(--color-accent-glow),transparent 70%);pointer-events:none}.about-cta-card__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);color:var(--color-ink);max-width:20ch}.about-cta-card__body{font-size:var(--text-base);color:var(--color-muted);line-height:var(--leading-loose);max-width:52ch}.about-cta-card__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4)}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:translateX(0)}}.anim-fade-up{animation:fadeUp .8s cubic-bezier(.4,0,.2,1) both}.anim-fade-in{animation:fadeIn .6s ease both}.anim-scale-in{animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1) both}.anim-delay-0{animation-delay:0ms}.anim-delay-100{animation-delay:.1s}.anim-delay-200{animation-delay:.2s}.anim-delay-300{animation-delay:.3s}.anim-delay-400{animation-delay:.4s}.anim-delay-500{animation-delay:.5s}.anim-delay-600{animation-delay:.6s}.anim-delay-700{animation-delay:.7s}.anim-delay-800{animation-delay:.8s}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.marquee{overflow:hidden;white-space:nowrap;display:flex;width:100%}.marquee__track{display:inline-flex;gap:var(--space-8);animation:marquee 28s linear infinite;will-change:transform}.marquee__track:hover{animation-play-state:paused}.marquee__item{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-muted);letter-spacing:.3px;display:flex;align-items:center;gap:var(--space-8);flex-shrink:0}.marquee__separator{width:4px;height:4px;background:var(--color-accent);border-radius:var(--radius-pill);flex-shrink:0}.grain-overlay{position:relative}.grain-overlay:after{content:"";position:absolute;inset: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='1'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px;opacity:.035;pointer-events:none;z-index:1;border-radius:inherit}.hero-mesh{background:radial-gradient(ellipse 70% 60% at 10% 90%,rgba(60,131,246,.09),transparent),radial-gradient(ellipse 50% 50% at 85% 15%,rgba(60,131,246,.06),transparent),linear-gradient(160deg,#f2f2f3,#e7f0fe)}[data-theme=dark] .hero-mesh{background:radial-gradient(ellipse 70% 60% at 10% 90%,rgba(60,131,246,.14),transparent),radial-gradient(ellipse 50% 50% at 85% 15%,rgba(60,131,246,.08),transparent),#111112}.hover-lift{transition:transform var(--transition),box-shadow var(--transition);will-change:transform}.hover-lift:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.link-animate{position:relative;text-decoration:none}.link-animate:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background:currentColor;transition:width var(--transition)}.link-animate:hover:after{width:100%}.bento-appear{opacity:0;transform:scale(.97) translateY(12px);transition:opacity .5s ease,transform .5s cubic-bezier(.34,1.56,.64,1)}.bento-appear.in-view{opacity:1;transform:scale(1) translateY(0)}.bento-appear:first-child{transition-delay:0ms}.bento-appear:nth-child(2){transition-delay:80ms}.bento-appear:nth-child(3){transition-delay:.16s}.bento-appear:nth-child(4){transition-delay:.24s}.bento-appear:nth-child(5){transition-delay:.32s}.bento-appear:nth-child(6){transition-delay:.4s}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageFadeIn .4s ease both}.float-label{position:relative}.float-label input,.float-label textarea{width:100%;padding:20px 16px 8px;background:var(--color-surface);border:1px solid var(--color-border-med);border-radius:var(--radius-sm);font-size:var(--text-base);transition:border-color var(--transition),box-shadow var(--transition);outline:none;resize:vertical}.float-label textarea{min-height:120px;padding-top:24px}.float-label input:focus,.float-label textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-dim)}.float-label label{position:absolute;left:16px;top:14px;font-size:var(--text-base);color:var(--color-muted);pointer-events:none;transition:transform .2s ease,font-size .2s ease,color .2s ease;transform-origin:left top}.float-label input:focus+label,.float-label input:not(:placeholder-shown)+label,.float-label textarea:focus+label,.float-label textarea:not(:placeholder-shown)+label{transform:translateY(-8px) scale(.75);color:var(--color-accent)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.bento-appear,.reveal{opacity:1!important;transform:none!important}.marquee__track{animation:none}}