:root{--font-display: "Afacad Flux", "Trebuchet MS", sans-serif;--font-body: "Onest", "Helvetica Neue", sans-serif;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--space-4xl: 96px;--radius-sm: 6px;--radius-md: 8px;--page-max: 1180px;--copy-max: 62ch;--bg: oklch(.985 .007 336);--bg-elevated: oklch(.992 .005 336);--surface: oklch(.958 .012 334);--surface-strong: oklch(.918 .02 334);--text: oklch(.248 .031 330);--text-muted: oklch(.49 .02 330);--border: oklch(.862 .016 332);--accent: oklch(.56 .142 343);--accent-soft: oklch(.904 .038 340);--accent-alt: oklch(.668 .09 205);--accent-alt-soft: oklch(.924 .028 205);--shadow-color: oklch(.29 .03 330 / .08)}:root[data-theme=dark]{--bg: oklch(.194 .013 324);--bg-elevated: oklch(.236 .015 324);--surface: oklch(.274 .02 326);--surface-strong: oklch(.33 .028 328);--text: oklch(.946 .01 335);--text-muted: oklch(.77 .018 332);--border: oklch(.404 .02 330);--accent: oklch(.722 .126 343);--accent-soft: oklch(.298 .05 342);--accent-alt: oklch(.772 .08 205);--accent-alt-soft: oklch(.286 .04 205);--shadow-color: oklch(.08 .01 320 / .28)}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:var(--font-body);scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text)}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-alt);outline-offset:3px}.page-shell{position:relative;min-height:100vh;background:linear-gradient(180deg,color-mix(in oklch,var(--accent-soft) 38%,transparent) 0,transparent 20rem),var(--bg)}.page-shell__texture{position:absolute;inset:0 0 auto;height:min(22rem,34vh);pointer-events:none;opacity:.34;background-image:radial-gradient(circle at 1px 1px,color-mix(in oklch,var(--accent) 24%,transparent) 1px,transparent 0);background-size:12px 12px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 78%)}.page-shell__inner{position:relative;z-index:1;width:min(calc(100% - 2 * var(--space-lg)),var(--page-max));margin:0 auto;padding:var(--space-lg) 0 var(--space-4xl)}main{display:grid;gap:var(--space-xl);min-width:0}.site-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);padding:var(--space-xs) 0 var(--space-lg)}.site-brand{display:inline-flex;align-items:center;gap:10px;min-width:0;font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:.01em;text-transform:lowercase}.site-brand img{flex:none;width:38px;height:38px}.site-brand__text{line-height:.92}.site-header__actions{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-xs)}.site-link,.theme-toggle{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:44px;padding:0 14px;border:1px solid color-mix(in oklch,var(--border) 88%,transparent);border-radius:var(--radius-md);background:color-mix(in oklch,var(--bg-elevated) 82%,transparent);color:var(--text-muted);transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.site-link:hover,.theme-toggle:hover{border-color:color-mix(in oklch,var(--accent) 32%,var(--border));background:color-mix(in oklch,var(--accent-soft) 28%,var(--bg-elevated));color:var(--text);transform:translateY(-1px)}.theme-toggle{cursor:pointer;font-weight:600}.theme-toggle__icon{font-size:.95rem}.home-intro{display:grid;gap:var(--space-lg);padding-bottom:var(--space-sm)}.home-intro__label,.section-heading__label,.project-page__label{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.home-intro__grid,.section-heading--inline,.project-page__header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.9fr);gap:clamp(1.25rem,3vw,2.5rem);align-items:end}.home-intro__copy,.home-intro__aside,.project-card,.project-card__body,.project-card__summary,.project-page__intro{min-width:0}.home-intro h1,.project-page h1{margin:0;font-family:var(--font-display);font-size:clamp(2.8rem,5vw,5.1rem);line-height:.9;font-weight:700;letter-spacing:.01em;text-transform:lowercase;max-width:10ch}.home-intro__lede,.project-page__summary{max-width:32ch;margin:var(--space-sm) 0 0;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.55;color:var(--text)}.home-intro__aside{display:grid;gap:var(--space-sm);max-width:31ch;padding-bottom:2px;color:var(--text-muted);line-height:1.62}.home-intro__manifesto{margin:0;color:var(--text);font-weight:600}.home-intro__aside p:last-child,.section-heading__note{margin:0}.section-heading{display:grid;gap:var(--space-xs)}.section-heading--inline{align-items:end;padding-top:var(--space-xs)}.section-heading h2{margin:0;font-family:var(--font-display);font-size:clamp(1.7rem,2.2vw,2.25rem);line-height:1}.section-heading__note{max-width:34ch;color:var(--text-muted);line-height:1.55}.project-feed{display:grid;gap:var(--space-lg)}.project-feed__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:clamp(1rem,2vw,1.5rem)}.project-card{display:grid;gap:var(--space-sm);align-content:start}.project-card__media{position:relative;overflow:clip;border-radius:var(--radius-md);background:color-mix(in oklch,var(--surface) 82%,transparent);border:1px solid var(--border)}.project-card__media:after{content:"";position:absolute;inset:auto 0 0;height:34%;background-image:radial-gradient(circle at 1px 1px,color-mix(in oklch,var(--accent) 24%,transparent) 1px,transparent 0);background-size:12px 12px;opacity:.28;mask-image:linear-gradient(to top,rgba(0,0,0,.76),transparent);pointer-events:none}.project-card__media img{width:100%;aspect-ratio:4 / 3;object-fit:cover}.project-card__body{display:grid;gap:var(--space-xs)}.project-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.project-card__meta-separator{color:color-mix(in oklch,var(--accent) 56%,var(--text-muted))}.project-status{display:inline-flex;align-items:center;justify-content:center;min-height:1.7rem;padding:0 .55rem;border:1px solid color-mix(in oklch,var(--border) 84%,transparent);border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.project-card__meta .project-status{min-height:1.45rem}.project-status--draft{background:color-mix(in oklch,var(--accent-soft) 66%,transparent);color:color-mix(in oklch,var(--accent) 76%,var(--text))}.project-status--published{background:color-mix(in oklch,var(--accent-alt-soft) 72%,transparent);color:color-mix(in oklch,var(--accent-alt) 72%,var(--text))}.project-card__title{margin:0;font-family:var(--font-display);font-size:clamp(1.55rem,1.8vw,2rem);line-height:.96;font-weight:680;max-width:11ch}.project-card__summary{max-width:32ch;margin:0;color:var(--text-muted);line-height:1.6}.project-card__link,.back-link{display:inline-flex;align-items:center;gap:var(--space-xs);width:fit-content;color:var(--text);font-weight:600}.project-card__link:after,.back-link:after{content:"→";color:var(--accent)}.back-link{color:var(--text-muted)}.project-page{display:grid;gap:clamp(1.5rem,2vw,2rem)}.project-page__header{align-items:start}.project-page__intro{display:grid;align-content:start}.project-page__cover{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);aspect-ratio:16 / 9;object-fit:cover}.project-meta{display:grid;gap:var(--space-md);padding:var(--space-lg);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in oklch,var(--bg-elevated) 92%,transparent)}.project-meta__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md);margin:0}.project-meta__grid div{display:grid;gap:var(--space-2xs)}.project-meta__grid div:last-child{grid-column:1 / -1}.project-meta dt{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.project-meta dd{margin:0;line-height:1.55}.project-meta__note{margin:0;color:var(--text-muted);line-height:1.55}.project-meta__links{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.project-page__body{width:min(100%,var(--copy-max))}.project-prose{display:grid;gap:var(--space-md);line-height:1.74}.project-prose h2{margin:var(--space-lg) 0 0;font-family:var(--font-display);font-size:1.48rem;line-height:1.04}.project-prose p,.project-prose ul{margin:0;color:var(--text-muted)}.project-prose ul{padding-left:1.2rem}.project-prose strong{color:var(--text)}.project-prose img{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}@media(max-width:980px){.site-header,.home-intro__grid,.section-heading--inline,.project-page__header{grid-template-columns:1fr}.site-header{display:grid}.site-header__actions{justify-content:flex-start}}@media(max-width:720px){.page-shell__inner{width:min(calc(100% - 2 * var(--space-sm)),var(--page-max));padding-bottom:var(--space-3xl)}.site-header{gap:var(--space-md);padding-bottom:var(--space-md)}.home-intro{gap:var(--space-md)}.home-intro h1,.project-page h1{font-size:clamp(2.3rem,14vw,3.8rem);max-width:8ch}.home-intro__lede,.home-intro__aside,.section-heading__note,.project-page__summary,.project-page__body,.project-card__summary{max-width:none;width:100%}.project-meta__grid{grid-template-columns:1fr}.project-meta__grid div:last-child{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}