:root{--color-bg:#ffffff;--color-bg-subtle:#f8f8f7;--color-bg-muted:#f0efec;--color-border:#e8e6e1;--color-text:#1a1a18;--color-text-muted:#6b6b63;--color-text-subtle:#9b9b91;--color-accent:#2563eb;--color-accent-hover:#1d4ed8;--color-success:#16a34a;--color-warning:#d97706;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace;--font-serif:"Georgia","Times New Roman",serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-sm:0.25rem;--radius:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.06);--shadow:0 2px 8px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.1);--max-width:72rem;--max-width-prose:65ch;--transition:150ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-text);background-color:var(--color-bg);min-height:100vh;display:flex;flex-direction:column}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;letter-spacing:-.02em}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition)}a:hover{color:var(--color-accent-hover)}.container{width:100%;max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space-6)}.container--narrow{max-width:52rem}.prose{max-width:var(--max-width-prose)}.skip-link{position:absolute;top:-100%;left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-accent);color:#fff;border-radius:var(--radius);font-size:var(--text-sm);font-weight:600;text-decoration:none;z-index:9999;transition:top var(--transition)}.skip-link:focus{top:var(--space-4)}.card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition),transform var(--transition)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card__image{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--color-bg-muted)}.card__body{padding:var(--space-5)}.card__title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2);color:var(--color-text)}.card__excerpt{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card__meta{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-subtle);display:flex;gap:var(--space-3);align-items:center}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));grid-gap:var(--space-6);gap:var(--space-6)}.grid-photos{column-count:3;column-gap:var(--space-3)}@media (max-width:768px){.grid-photos{column-count:2}}@media (max-width:480px){.grid-photos{column-count:1}}.section{padding-block:var(--space-16)}.section--hero{padding-block:var(--space-20) var(--space-16)}.section__header{margin-bottom:var(--space-10)}.section__title{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.section__subtitle{color:var(--color-text-muted);font-size:var(--text-lg);max-width:60ch}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius);font-size:var(--text-sm);font-weight:600;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background var(--transition),color var(--transition),border-color var(--transition);white-space:nowrap}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-hover);color:#fff}.btn--secondary{background:transparent;color:var(--color-accent);border-color:var(--color-accent)}.btn--secondary:hover{background:var(--color-accent);color:#fff}.btn--ghost{background:transparent;color:var(--color-text-muted)}.btn--ghost:hover{color:var(--color-text)}.badge,.btn--ghost:hover{background:var(--color-bg-muted)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);color:var(--color-text-muted);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;text-decoration:none;border:1px solid var(--color-border);transition:background var(--transition),color var(--transition)}.badge:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.content-prose{font-size:var(--text-lg);line-height:1.75;max-width:var(--max-width-prose)}.content-prose>*+*{margin-top:1.25em}.content-prose h2,.content-prose h3,.content-prose h4{margin-top:2em;margin-bottom:.75em}.content-prose ol,.content-prose ul{padding-left:1.5em}.content-prose code{font-family:var(--font-mono);font-size:.875em;background:var(--color-bg-muted);padding:.1em .3em;border-radius:var(--radius-sm)}.content-prose pre{background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-5);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-sm)}.content-prose blockquote{border-left:4px solid var(--color-accent);padding-left:var(--space-5);color:var(--color-text-muted);font-style:italic}.empty-state{text-align:center;padding:var(--space-16) var(--space-6);color:var(--color-text-muted)}.empty-state__title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3);color:var(--color-text)}.empty-state__body{font-size:var(--text-base);max-width:40ch;margin-inline:auto}@media (max-width:640px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.section{padding-block:var(--space-10)}.section--hero{padding-block:var(--space-12) var(--space-10)}}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(255,255,255,.92)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:4rem}.site-header__brand{font-size:var(--text-xl);font-weight:800;color:var(--color-text);text-decoration:none;letter-spacing:-.03em}.site-header__brand:hover{color:var(--color-accent)}.site-nav__list{display:flex;align-items:center;gap:var(--space-1);list-style:none}.site-nav__link{display:inline-block;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius);transition:color var(--transition),background var(--transition)}.site-nav__link:hover{color:var(--color-text);background:var(--color-bg-muted)}.site-nav__link--active{color:var(--color-accent);font-weight:600}.site-header__menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--space-2)}.hamburger,.hamburger:after,.hamburger:before{display:block;width:1.25rem;height:2px;background:var(--color-text);border-radius:var(--radius-full);transition:transform var(--transition)}.hamburger{position:relative}.hamburger:after,.hamburger:before{content:"";position:absolute;left:0}.hamburger:before{top:-6px}.hamburger:after{top:6px}@media (max-width:640px){.site-header__menu-toggle{display:flex}.site-nav{display:none;position:absolute;top:4rem;left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-6)}.site-nav--open{display:block}.site-nav__list{flex-direction:column;align-items:flex-start;gap:var(--space-1)}}.site-footer{margin-top:auto;border-top:1px solid var(--color-border);background:var(--color-bg-subtle)}.site-footer__inner{padding-block:var(--space-8);display:flex;flex-direction:column;gap:var(--space-5)}.site-footer__nav{display:flex;flex-wrap:wrap;gap:var(--space-8);align-items:center;justify-content:space-between}.site-footer__nav-list,.site-footer__social{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);list-style:none}.site-footer__nav-link,.site-footer__social-link{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition)}.site-footer__nav-link:hover,.site-footer__social-link:hover{color:var(--color-text)}.site-footer__copy{font-size:var(--text-xs);color:var(--color-text-subtle)}.hero{background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border)}.hero__image{width:100%;max-height:400px;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.hero__content{max-width:52rem}.hero__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em;margin-bottom:var(--space-5);line-height:1.1}.hero__subtitle{font-size:var(--text-2xl);margin-bottom:var(--space-4);font-weight:400}.hero__body,.hero__subtitle{color:var(--color-text-muted)}.hero__body{font-size:var(--text-lg);max-width:55ch;margin-bottom:var(--space-8);line-height:1.7}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.section-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.section-title-row .section__title{margin-bottom:0}.view-all-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:600;color:var(--color-accent);text-decoration:none;transition:gap var(--transition)}.view-all-link:hover{gap:var(--space-2);color:var(--color-accent-hover)}.card__image-link{display:block}.card__cats{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.card__title a{color:var(--color-text);text-decoration:none}.card__title a:hover{color:var(--color-accent)}.project-card__meta,.project-card__stack{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge--active{background:#dcfce7;color:#15803d}.status-badge--wip{background:#fef9c3;color:#a16207}.status-badge--archived{background:var(--color-bg-muted);color:var(--color-text-muted)}.photo-card{display:block;position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-muted);text-decoration:none;page-break-inside:avoid;break-inside:avoid;margin-bottom:var(--space-3)}.photo-card__image{width:100%;height:auto;display:block;transition:transform .3s ease}.photo-card:hover .photo-card__image{transform:scale(1.03)}.photo-card__overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-4);background:linear-gradient(0deg,rgba(0,0,0,.6),transparent);color:#fff;opacity:0;transition:opacity var(--transition)}.photo-card:hover .photo-card__overlay{opacity:1}.photo-card__title{font-size:var(--text-sm);font-weight:600}.photo-card__location{font-size:var(--text-xs);opacity:.85;margin-top:var(--space-1)}.page-intro{font-size:var(--text-lg);color:var(--color-text-muted);max-width:60ch;margin-bottom:var(--space-8);line-height:1.7}.category-eyebrow{font-size:var(--text-sm);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:var(--space-2)}.not-found__code{font-size:8rem;font-weight:900;line-height:1;color:var(--color-bg-muted);letter-spacing:-.05em;margin-bottom:var(--space-4)}.not-found__title{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.not-found__body{font-size:var(--text-lg);color:var(--color-text-muted);max-width:45ch;margin-inline:auto}.post-header{margin-bottom:var(--space-8)}.post-header__cats{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.post-header__title{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.post-header__excerpt{font-size:var(--text-xl);color:var(--color-text-muted);margin-bottom:var(--space-4);max-width:60ch}.post-header__meta{font-size:var(--text-sm);color:var(--color-text-subtle);display:flex;gap:var(--space-4)}.post-featured-image{width:100%;border-radius:var(--radius-lg);margin-bottom:var(--space-8);aspect-ratio:16/9;object-fit:cover}.post-body{margin-top:var(--space-8)}@media (max-width:640px){.post-header__title{font-size:var(--text-3xl)}}.project-header{margin-bottom:var(--space-8)}.project-header__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.project-header__title{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.project-header__desc{font-size:var(--text-xl);color:var(--color-text-muted);margin-bottom:var(--space-4);max-width:60ch}.project-header__stack{display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-header__links{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-5)}.project-link{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md,var(--radius));font-size:var(--text-sm);font-weight:500;color:var(--color-text);text-decoration:none;transition:background .15s}.project-link:hover{background:var(--color-bg-muted);color:var(--color-text)}.project-hero-image{width:100%;border-radius:var(--radius-lg);margin-bottom:var(--space-8);aspect-ratio:16/9;object-fit:cover}.project-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-6);gap:var(--space-6);margin-top:var(--space-10);padding-top:var(--space-10);border-top:1px solid var(--color-border)}.project-info-block__heading{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--space-2)}.project-screenshots{margin-top:var(--space-10);padding-top:var(--space-10);border-top:1px solid var(--color-border)}.project-screenshots__heading{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.project-screenshots__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.project-screenshot__img{width:100%;border-radius:var(--radius-md,var(--radius));object-fit:cover;border:1px solid var(--color-border)}.project-screenshot__caption{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2);text-align:center}.project-related{margin-top:var(--space-10);padding-top:var(--space-10);border-top:1px solid var(--color-border)}.project-related__heading{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.project-related__list{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.project-related__link{font-weight:600;color:var(--color-text)}.project-related__excerpt{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.gallery-header{margin-bottom:var(--space-10)}.gallery-header__title{font-size:var(--text-4xl);margin-top:var(--space-3);margin-bottom:var(--space-4)}.gallery-header__desc{font-size:var(--text-lg);color:var(--color-text-muted);max-width:60ch;margin-bottom:var(--space-4)}.gallery-header__meta{font-size:var(--text-sm);color:var(--color-text-subtle);display:flex;gap:var(--space-4)}.photo-detail__image{display:block;max-width:100%;width:auto;height:auto;margin:0 auto var(--space-8);border-radius:var(--radius-lg)}.photo-detail__title{font-size:var(--text-3xl);margin-bottom:var(--space-3)}.photo-detail__caption{font-size:var(--text-lg);color:var(--color-text-muted);margin-bottom:var(--space-6)}.photo-meta{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--space-2) var(--space-6);gap:var(--space-2) var(--space-6);margin-bottom:var(--space-6);font-size:var(--text-sm)}.photo-meta dt{font-weight:600;color:var(--color-text-muted)}.photo-detail__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}