: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;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--page-max: 1180px;--copy-max: 68ch;--bg: oklch(.972 .008 336);--bg-elevated: oklch(.982 .006 336);--surface: oklch(.946 .011 335);--surface-strong: oklch(.908 .018 334);--text: oklch(.248 .03 331);--text-muted: oklch(.49 .018 331);--border: oklch(.836 .014 332);--accent-primary: oklch(.556 .149 343);--accent-primary-soft: oklch(.91 .03 340);--accent-secondary: oklch(.642 .091 205);--accent-secondary-soft: oklch(.927 .023 205);--accent-citrus: oklch(.833 .111 111);--shadow-color: oklch(.28 .03 330 / .11)}:root[data-theme=dark]{--bg: oklch(.19 .011 324);--bg-elevated: oklch(.224 .013 324);--surface: oklch(.262 .017 326);--surface-strong: oklch(.308 .022 327);--text: oklch(.944 .011 335);--text-muted: oklch(.768 .017 332);--border: oklch(.39 .018 330);--accent-primary: oklch(.723 .124 343);--accent-primary-soft: oklch(.306 .046 342);--accent-secondary: oklch(.776 .077 205);--accent-secondary-soft: oklch(.292 .035 205);--accent-citrus: oklch(.864 .101 112);--shadow-color: oklch(.06 .01 320 / .36)}*{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-secondary);outline-offset:3px}.page-shell{position:relative;min-height:100vh;background:var(--bg)}.page-shell__texture{position:absolute;inset:0 0 auto;height:min(14rem,24vh);pointer-events:none;opacity:.22;background-image:radial-gradient(circle at 1px 1px,color-mix(in oklch,var(--accent-primary) 16%,transparent) 1px,transparent 0),linear-gradient(90deg,transparent 0,color-mix(in oklch,var(--accent-secondary-soft) 64%,transparent) 52%,transparent 100%);background-size:14px 14px,100% 100%;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-md) 0 var(--space-4xl)}main{display:grid;gap:clamp(1.85rem,2.8vw,3rem);min-width:0}.site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-sm);padding:4px 0 var(--space-xs);border-bottom:1px solid color-mix(in oklch,var(--border) 82%,transparent)}.site-brand{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:34px;min-width:0;width:fit-content;font-family:var(--font-display);font-size:.96rem;font-weight:700;letter-spacing:.015em;text-transform:lowercase}.site-brand img{flex:none;width:28px;height:28px}.site-brand__text{line-height:.88}.site-header__actions{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:var(--space-xs)}.site-link{display:inline-flex;align-items:center;gap:var(--space-xs);min-height:32px;padding:0 0 3px;border:0;border-bottom:1px solid color-mix(in oklch,var(--border) 82%,transparent);border-radius:0;background:none;color:var(--text-muted);transition:color .16s var(--ease-out-expo),border-color .16s var(--ease-out-expo),transform .16s var(--ease-out-expo)}.site-link:hover{border-color:color-mix(in oklch,var(--accent-primary) 42%,var(--border));color:var(--text);transform:translateY(-1px)}.theme-toggle{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid color-mix(in oklch,var(--border) 82%,transparent);border-radius:var(--radius-sm);background:color-mix(in oklch,var(--bg-elevated) 88%,var(--bg));color:var(--text-muted);cursor:pointer;transition:color .16s var(--ease-out-expo),border-color .16s var(--ease-out-expo),background-color .16s var(--ease-out-expo),transform .16s var(--ease-out-expo)}.theme-toggle:hover{border-color:color-mix(in oklch,var(--accent-primary) 26%,var(--border));background:color-mix(in oklch,var(--bg-elevated) 96%,var(--bg));color:var(--text);transform:translateY(-1px)}.theme-toggle__icon{font-size:.82rem;color:var(--accent-secondary)}.theme-toggle__label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.home-intro{display:grid;grid-template-columns:minmax(0,.82fr) minmax(18rem,25rem) minmax(12rem,18rem);grid-template-areas:"title copy artifact";align-items:center;column-gap:clamp(1rem,3.6vw,2.75rem);row-gap:var(--space-xs);padding-top:var(--space-xs)}.section-heading__label{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.home-intro__title,.home-intro__copy{min-width:0}.home-intro__title{grid-area:title;align-self:center;width:fit-content}.home-intro__copy{grid-area:copy;align-self:center;display:grid;gap:var(--space-sm);align-content:end;max-width:31ch;padding-bottom:0}.home-intro__artifact{position:relative;grid-area:artifact;align-self:center;justify-self:end;aspect-ratio:1400 / 1322;width:min(100%,clamp(11rem,15.5vw,14rem));min-height:10.5rem;margin:0;border:1px solid color-mix(in oklch,var(--border) 88%,transparent);border-radius:var(--radius-md);background:color-mix(in oklch,var(--surface) 92%,transparent);box-shadow:0 18px 44px -38px var(--shadow-color);overflow:clip}.home-intro__artifact:after{content:"";position:absolute;inset:var(--space-xs);border:1px solid color-mix(in oklch,var(--accent-citrus) 48%,transparent);border-radius:calc(var(--radius-md) - 2px);pointer-events:none;mix-blend-mode:multiply}.home-intro__artifact img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}:root[data-theme=dark] .home-intro__artifact:after{mix-blend-mode:screen;opacity:.7}.project-page__label{margin:0;font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-secondary)}.project-page__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xs)}.project-page__action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 var(--space-md) 4px;border:1px solid color-mix(in oklch,var(--border) 84%,transparent);border-radius:var(--radius-sm);background:color-mix(in oklch,var(--bg-elevated) 84%,transparent);color:var(--text-muted);font-size:.76rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;transition:color .16s var(--ease-out-expo),border-color .16s var(--ease-out-expo),background-color .16s var(--ease-out-expo),transform .16s var(--ease-out-expo)}.project-page__action:hover{border-color:color-mix(in oklch,var(--accent-primary) 36%,var(--border));background:color-mix(in oklch,var(--bg-elevated) 94%,var(--accent-primary-soft));color:var(--text);transform:translateY(-1px)}.project-page__action:after{content:" ->";color:var(--accent-primary)}.project-page__header{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.85fr);gap:clamp(1.25rem,3vw,2.75rem)}.project-card,.project-card__body,.project-card__summary,.project-page__intro{min-width:0}.home-intro h1{margin:0;font-family:var(--font-display);font-size:clamp(3.1rem,7vw,5.8rem);line-height:.8;font-weight:720;letter-spacing:.01em;text-transform:lowercase;max-width:5.4ch}.home-intro__word{display:block}.project-page h1{margin:0;font-family:var(--font-display);font-size:clamp(2.9rem,6vw,5rem);line-height:.86;font-weight:700;letter-spacing:.01em;text-transform:lowercase;max-width:11ch}.home-intro__lede,.project-page__summary{margin:0;max-width:34ch;font-size:clamp(1.06rem,1.25vw,1.18rem);line-height:1.58;color:var(--text)}.home-intro__support{margin:0;color:var(--text-muted);line-height:1.58}.section-heading{display:grid;gap:var(--space-2xs);padding-top:var(--space-2xs);border-top:1px solid color-mix(in oklch,var(--border) 82%,transparent)}.section-heading h2{margin:0;font-family:var(--font-display);font-size:clamp(1.45rem,2vw,1.85rem);line-height:.94}.section-heading__note{margin:0;max-width:33ch;color:var(--text-muted);line-height:1.55}.project-feed{display:grid;gap:clamp(.65rem,1.3vw,1rem)}.home-intro+.project-feed{margin-top:calc(var(--space-xs) - clamp(1.85rem,2.8vw,3rem))}.project-feed__grid,.project-feed__contact-sheet{display:grid;gap:clamp(1.35rem,2.3vw,2rem);align-items:start}.project-feed__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr))}.project-feed__contact-sheet{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{display:grid;min-width:0}.project-card__surface{position:relative;display:grid;gap:var(--space-xs);height:100%;align-content:start}.project-card__surface:hover .project-card__title,.project-card__surface:focus-visible .project-card__title,.project-card__surface:hover .project-card__action,.project-card__surface:focus-visible .project-card__action{color:var(--accent-primary)}.project-card__index{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-height:2rem;padding:0 var(--space-xs);border-top:1px solid color-mix(in oklch,var(--border) 72%,transparent);border-bottom:1px solid color-mix(in oklch,var(--border) 72%,transparent);color:var(--text-muted);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.project-card__index span:first-child{color:var(--accent-citrus);font-variant-numeric:tabular-nums}.project-card__media{position:relative;overflow:clip;border-radius:var(--radius-md);background:color-mix(in oklch,var(--surface) 88%,transparent);border:1px solid color-mix(in oklch,var(--border) 84%,transparent);box-shadow:0 18px 44px -38px var(--shadow-color);transition:transform .22s var(--ease-out-expo),border-color .18s var(--ease-out-expo),box-shadow .22s var(--ease-out-expo)}.project-card__surface:hover .project-card__media,.project-card__surface:focus-visible .project-card__media{transform:translateY(-2px);border-color:color-mix(in oklch,var(--accent-secondary) 26%,var(--border));box-shadow:0 26px 54px -42px var(--shadow-color)}.project-card__media:after{content:"";position:absolute;inset:auto 0 0;height:18%;background-image:radial-gradient(circle at 1px 1px,color-mix(in oklch,var(--accent-primary) 16%,transparent) 1px,transparent 0);background-size:12px 12px;opacity:.2;mask-image:linear-gradient(to top,rgba(0,0,0,.78),transparent);pointer-events:none}.project-card__media img{width:100%;aspect-ratio:2.32 / 1;object-fit:cover;object-position:var(--card-image-position, 50% 50%);transition:transform .26s var(--ease-out-expo)}.project-card__surface:hover .project-card__media img,.project-card__surface:focus-visible .project-card__media img{transform:scale(1.015)}.project-card__body{display:grid;gap:.42rem;align-content:start;padding:var(--space-xs) var(--space-xs) 0}.project-card__discipline{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--text-muted)}.project-card__title{margin:0;font-family:var(--font-display);font-size:clamp(1.48rem,1.8vw,1.9rem);line-height:.94;font-weight:700;max-width:12ch;transition:color .16s var(--ease-out-expo)}.project-card__summary{margin:0;max-width:30ch;color:var(--text);font-size:1rem;line-height:1.48;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.project-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .5rem;padding-top:.15rem;font-size:.78rem;letter-spacing:.04em;color:var(--text-muted)}.project-card__evidence{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-xs);padding-top:var(--space-xs);border-top:1px solid color-mix(in oklch,var(--border) 72%,transparent)}.project-card__action{color:var(--text-muted);font-size:.76rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:color .16s var(--ease-out-expo)}.project-card__action:after{content:" ->";color:var(--accent-primary)}.project-card__meta-separator{color:color-mix(in oklch,var(--accent-secondary) 56%,var(--text-muted))}.project-status{display:inline-flex;align-items:center;justify-content:center;min-height:1.45rem;padding:0 .5rem;border:1px solid color-mix(in oklch,var(--border) 82%,transparent);border-radius:999px;font-size:.64rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.project-status--in-progress{background:color-mix(in oklch,var(--accent-primary-soft) 78%,transparent);color:color-mix(in oklch,var(--accent-primary) 72%,var(--text))}.project-status--published{background:color-mix(in oklch,var(--accent-secondary-soft) 76%,transparent);color:color-mix(in oklch,var(--accent-secondary) 74%,var(--text))}.project-card--in-progress .project-card__media{background:color-mix(in oklch,var(--accent-primary-soft) 32%,var(--surface))}.project-card--text-only .project-card__surface{gap:var(--space-sm);padding-bottom:var(--space-xs)}.project-card--text-only .project-card__body{padding-top:var(--space-md)}.project-card--text-only .project-card__summary{-webkit-line-clamp:3}.back-link{display:inline-flex;align-items:center;gap:var(--space-xs);width:fit-content;min-height:44px;padding-bottom:6px;border-bottom:1px solid color-mix(in oklch,var(--border) 82%,transparent);color:var(--text-muted);font-size:.92rem;font-weight:600}.back-link:after{content:"->";color:var(--accent-primary)}.project-page{display:grid;gap:clamp(1.5rem,2.5vw,2.5rem)}.project-page__evidence{display:grid;gap:clamp(1.5rem,2.5vw,2.5rem);scroll-margin-top:var(--space-lg)}.project-page__header{align-items:start}.project-page__intro{display:grid;align-content:start;gap:var(--space-sm)}.project-page__evidence-label{width:fit-content;margin:0;padding:.28rem .5rem;border:1px solid color-mix(in oklch,var(--accent-citrus) 58%,var(--border));border-radius:var(--radius-sm);background:color-mix(in oklch,var(--accent-citrus) 16%,transparent);color:var(--text);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.project-page__proof-strip{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.2fr) minmax(0,1fr);gap:var(--space-md);margin:0;padding:var(--space-md) 0;border-top:1px solid color-mix(in oklch,var(--border) 82%,transparent);border-bottom:1px solid color-mix(in oklch,var(--border) 82%,transparent)}.project-page__proof-strip div{display:grid;gap:var(--space-2xs);min-width:0}.project-page__proof-strip dt{color:var(--text-muted);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.project-page__proof-strip dd{margin:0;min-width:0;color:var(--text);line-height:1.45}.project-page__cover{width:100%;border:1px solid color-mix(in oklch,var(--border) 86%,transparent);border-radius:var(--radius-md);background:color-mix(in oklch,var(--surface) 92%,transparent);aspect-ratio:2.32 / 1;object-fit:cover;object-position:center top;box-shadow:0 20px 52px -42px var(--shadow-color)}.project-meta{display:grid;align-content:start;gap:var(--space-md);padding:0;border:0;background:none}.project-meta__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md) var(--space-lg);margin:0;padding-top:var(--space-sm);border-top:1px solid color-mix(in oklch,var(--border) 82%,transparent)}.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:.7rem;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;max-width:32ch;color:var(--text-muted);line-height:1.55}.project-meta__links{display:flex;flex-wrap:wrap;gap:var(--space-sm);padding-top:var(--space-xs)}.project-page__body{width:min(100%,62ch)}.project-prose{display:grid;gap:var(--space-md);line-height:1.72}.project-prose h2{margin:var(--space-xl) 0 0;font-family:var(--font-display);font-size:clamp(1.55rem,2.4vw,1.95rem);line-height:.98}.project-prose p,.project-prose ul{margin:0}.project-prose ul{display:grid;gap:.55rem;padding-left:1.15rem}.project-prose strong{color:var(--text)}.project-prose img{width:100%;border:1px solid color-mix(in oklch,var(--border) 86%,transparent);border-radius:var(--radius-md);background:color-mix(in oklch,var(--surface) 92%,transparent);object-fit:cover;object-position:center top;box-shadow:0 20px 50px -42px var(--shadow-color)}@media(max-width:980px){.home-intro{grid-template-columns:1fr;grid-template-areas:"title" "copy" "artifact";justify-items:center;row-gap:var(--space-sm);text-align:center}.home-intro__title,.home-intro__copy,.home-intro__artifact{justify-self:center}.home-intro__copy{padding-bottom:0}.home-intro__artifact{width:min(100%,clamp(8rem,28vw,10.5rem));min-height:0}.project-page__header{grid-template-columns:1fr}.project-page__proof-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@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{padding-bottom:var(--space-xs)}.home-intro{row-gap:var(--space-sm)}.home-intro h1,.project-page h1{font-size:clamp(2.7rem,13vw,4.4rem);max-width:8ch}.home-intro__lede,.home-intro__support,.section-heading__note,.project-page__summary,.project-page__body,.project-card__summary{max-width:none;width:100%}.project-feed__grid,.project-feed__contact-sheet{grid-template-columns:1fr;gap:var(--space-lg)}.project-card__body{padding-right:0;padding-left:0}.project-card__summary{-webkit-line-clamp:4}.project-meta__grid{grid-template-columns:1fr}.project-meta__grid div:last-child{grid-column:auto}.project-page__proof-strip{grid-template-columns:1fr}.project-page__actions{display:grid;grid-template-columns:1fr}.project-page__action{width:100%}.project-page__cover,.project-prose img{aspect-ratio:1.55 / 1;object-fit:cover;object-position:left top}}@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}}