:root{--color-bg:#fefae0;--color-surface:#faedcd;--color-surface-raised:#e9edc9;--color-accent:#8a5a3a;--color-accent-soft:#9c6a40;--color-text-primary:#33331f;--color-text-secondary:#5f5f45;--color-text-muted:#6f7658;--font-display:"Fraunces",Georgia,"Times New Roman",serif;--font-body:"IBM Plex Sans","Segoe UI",Helvetica,sans-serif;--font-mono:"IBM Plex Mono","SF Mono",ui-monospace,monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:3rem;--text-4xl:clamp(2.75rem,9vw,4.5rem);--lh-tight:1.2;--lh-base:1.6;--lh-loose:1.8;--weight-body:400;--weight-label:500;--weight-display:700;--weight-heavy:900;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:32px;--space-6:48px;--space-7:64px;--space-8:96px;--space-section:clamp(64px,10vw,128px);--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-card:0 4px 24px rgba(51,51,31,0.12);--transition-fast:150ms ease;--transition-base:300ms ease-out;--max-width:1120px;--nav-height:64px;--bp-sm:640px;--bp-md:768px;--bp-lg:1024px;--bp-xl:1280px;--texture-bg:radial-gradient( circle at 1px 1px,rgba(212,163,115,0.24) 1px,transparent 0 ),radial-gradient( circle at 1px 1px,rgba(204,213,174,0.5) 1.5px,transparent 0 );--texture-size:24px 24px,68px 68px}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background-color:var(--color-bg);background-image:var(--texture-bg);background-size:var(--texture-size);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-body);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}img{max-width:100%;height:auto;display:block}a{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-soft)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--weight-display);line-height:var(--lh-tight);margin:0;font-optical-sizing:auto}p{margin:0}.wrap{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-4)}@media (min-width:768px){.wrap{padding-inline:var(--space-6)}}.section{padding-block:var(--space-section)}.rail{border-left:2px solid var(--color-accent);padding-left:var(--space-2)}.eyebrow{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-label);letter-spacing:0.08em;text-transform:uppercase;color:var(--color-accent);display:inline-block;margin-bottom:var(--space-4)}.section-title{font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-5)}.nav{position:sticky;top:0;z-index:100;height:var(--nav-height);display:flex;align-items:center;background-color:transparent;border-bottom:1px solid transparent;transition:background-color var(--transition-base),border-color var(--transition-base)}.nav--scrolled{background-color:var(--color-surface);border-bottom-color:var(--color-surface-raised)}.nav__inner{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.nav__brand{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-label);letter-spacing:0.04em;color:var(--color-text-primary)}.nav__brand:hover{color:var(--color-accent)}.nav__links{display:flex;align-items:center;gap:var(--space-4);list-style:none;margin:0;padding:0}.nav__link{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-label);color:var(--color-text-secondary);padding-block:var(--space-1)}.nav__link:hover,.nav__link--active{color:var(--color-accent)}@media (min-width:768px){.nav__inner{padding-inline:var(--space-6)}.nav__links{gap:var(--space-5)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-label);letter-spacing:0.02em;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.btn--primary{background-color:var(--color-accent);color:var(--color-bg)}.btn--primary:hover{background-color:var(--color-accent-soft);color:var(--color-bg)}.btn--primary:active{transform:translateY(1px)}.btn--ghost{background-color:transparent;color:var(--color-text-primary);border-color:var(--color-accent)}.btn--ghost:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn--ghost:active{transform:translateY(1px)}.hero{padding-block:var(--space-8) var(--space-section)}.hero__eyebrow{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:0.08em;text-transform:uppercase;color:var(--color-accent);display:inline-block;margin-bottom:var(--space-4)}.hero__name{font-size:var(--text-4xl);font-weight:var(--weight-heavy);color:var(--color-text-primary);letter-spacing:-0.02em;margin-bottom:var(--space-4)}.hero__statement{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:34ch;margin-bottom:var(--space-6)}.hero__ctas{display:flex;flex-wrap:wrap;gap:var(--space-3)}@media (min-width:768px){.hero__statement{font-size:var(--text-xl);max-width:40ch}}.skills{display:flex;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-3);scrollbar-width:thin;scrollbar-color:var(--color-surface-raised) transparent}.skills__item{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background-color:var(--color-surface-raised);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);white-space:nowrap}.skills__icon{width:18px;height:18px;flex:0 0 auto;fill:var(--color-text-secondary)}.skills__label{font-weight:var(--weight-label)}.skills-group{margin-bottom:var(--space-4)}.skills-group:last-child{margin-bottom:0}.skills-group__label{display:block;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-2)}.tag{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--weight-label);letter-spacing:0.02em;color:var(--color-text-secondary)}.tag-list{display:flex;flex-wrap:wrap;row-gap:var(--space-1)}.tag:not(:first-child)::before{content:"·";color:var(--color-text-muted);margin-inline:var(--space-2)}.project-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);align-items:stretch}@media (min-width:768px){.project-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.project-grid{grid-template-columns:repeat(3,1fr)}}.project-card{display:flex;flex-direction:column;height:100%;background-color:var(--color-surface);border:1px solid var(--color-surface-raised);border-left:2px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-5);transition:border-color var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast)}.project-card:hover{border-color:var(--color-surface-raised);border-left-color:var(--color-accent-soft);transform:translateY(-2px);box-shadow:var(--shadow-card)}.project-card__meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:0.04em;margin-bottom:var(--space-3)}.project-card__title{font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-3)}.project-card__desc{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.project-card__metric{font-family:var(--font-mono);font-size:var(--text-lg);color:var(--color-text-primary);border-left:2px solid var(--color-accent);padding-left:var(--space-2);margin-bottom:var(--space-4)}.project-card__metric small{display:block;font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:0.02em;margin-top:var(--space-1)}.project-card__tags{margin-bottom:var(--space-4)}.project-card__footer{margin-top:auto;display:flex;gap:var(--space-4);align-items:center;padding-top:var(--space-3)}.project-card__link{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-label)}.project-card__link--muted{color:var(--color-text-muted)}.project-card__link--muted:hover{color:var(--color-accent)}.project-card--featured{padding:var(--space-6)}.project-card--featured .project-card__title{font-size:var(--text-2xl)}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.filter-bar__btn{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-label);color:var(--color-text-secondary);background-color:transparent;border:1px solid var(--color-surface-raised);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.filter-bar__btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.filter-bar__btn--active{color:var(--color-bg);background-color:var(--color-accent);border-color:var(--color-accent)}.project-card.is-hidden{display:none}.project-hero{position:relative;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--color-surface-raised);background-color:var(--color-surface);min-height:200px;margin-bottom:var(--space-6)}.project-hero__svg{position:absolute;inset:0;width:100%;height:100%}.project-hero__label{position:relative;z-index:1;padding:var(--space-6) var(--space-5);font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:0.08em;text-transform:uppercase;color:var(--color-accent)}@media (min-width:768px){.project-hero{min-height:260px}}.article{max-width:68ch}.article__title{font-size:var(--text-3xl);color:var(--color-text-primary);letter-spacing:-0.01em;margin-bottom:var(--space-4)}.article__hook{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.article__section{margin-bottom:var(--space-7)}.article__heading{font-size:var(--text-2xl);color:var(--color-text-primary);margin-bottom:var(--space-4)}.article__section p{margin-bottom:var(--space-4);color:var(--color-text-primary)}.article__section p:last-child{margin-bottom:0}.article__list{margin:0 0 var(--space-4);padding-left:var(--space-5);color:var(--color-text-secondary)}.article__list li{margin-bottom:var(--space-2)}.about-header{display:flex;align-items:center;gap:var(--space-5);flex-wrap:wrap}.about-header__photo{width:112px;height:112px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-surface-raised);flex:0 0 auto}.journal-card{display:flex;flex-direction:column;height:100%;background-color:var(--color-surface);border:1px solid var(--color-surface-raised);border-left:2px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-5);transition:border-color var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast)}.journal-card:hover{border-color:var(--color-surface-raised);border-left-color:var(--color-accent-soft);transform:translateY(-2px);box-shadow:var(--shadow-card);color:inherit}.journal-card__date{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:0.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-3)}.journal-card__title{font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-3)}.journal-card__excerpt{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.journal-card__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-3)}.journal-card__tags{flex:1 1 auto;min-width:0}.journal-card__arrow{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);flex:0 0 auto;transition:transform var(--transition-fast),color var(--transition-fast)}.journal-card:hover .journal-card__arrow{transform:translateX(4px);color:var(--color-accent)}.article pre{background-color:var(--color-surface);border:1px solid var(--color-surface-raised);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;margin-bottom:var(--space-4)}.article pre code{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--lh-base)}.article:not(pre) > code{font-family:var(--font-mono);font-size:0.9em;background-color:var(--color-surface-raised);padding:0.15em 0.4em;border-radius:var(--radius-sm)}.article blockquote{border-left:2px solid var(--color-accent);padding-left:var(--space-4);color:var(--color-text-secondary);font-style:italic;margin:var(--space-4) 0}.article table{width:100%;border-collapse:collapse;margin-bottom:var(--space-4);font-size:var(--text-sm)}.article th,.article td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-surface-raised)}.article th{font-family:var(--font-mono);color:var(--color-text-secondary)}.pull-quote{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--weight-display);line-height:var(--lh-tight);color:var(--color-accent);border-left:2px solid var(--color-accent);padding-left:var(--space-2);margin-block:var(--space-6)}.pull-quote small{display:block;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-body);color:var(--color-text-secondary);margin-top:var(--space-3)}.links-row{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-surface-raised)}.links-row__item{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-label)}.contact-form{max-width:42ch}.contact-form__field{margin-bottom:var(--space-4)}.contact-form__label{display:block;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.contact-form__input,.contact-form__textarea{width:100%;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-surface-raised);border-radius:var(--radius-md);padding:var(--space-3);transition:border-color var(--transition-fast)}.contact-form__input::placeholder,.contact-form__textarea::placeholder{color:var(--color-text-muted)}.contact-form__input:focus,.contact-form__textarea:focus{border-color:var(--color-accent)}.contact-form__textarea{resize:vertical;min-height:120px}.footer{border-top:1px solid var(--color-surface-raised);padding-block:var(--space-5);margin-top:var(--space-7)}.footer__inner{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center;justify-content:space-between}.footer__links{display:flex;gap:var(--space-4);flex-wrap:wrap}.footer__link{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}.footer__link:hover{color:var(--color-accent)}.footer__note{font-size:var(--text-sm);color:var(--color-text-muted)}.reveal{opacity:1}.anim-item{opacity:1}@media (prefers-reduced-motion:no-preference){.js .reveal{opacity:0;transform:translateY(24px);transition:opacity var(--transition-base),transform var(--transition-base)}.js .reveal.is-visible{opacity:1;transform:translateY(0)}.js .anim-item{opacity:0;transform:translateX(-16px);transition:opacity 500ms ease-out,transform 500ms ease-out}.js .anim-item--up{transform:translateY(16px)}.js .anim-item--down{transform:translateY(-12px)}.js body.is-loaded .anim-item{opacity:1;transform:none}}