:root{color-scheme:dark;--ink:oklch(94% 0 0);--paper:oklch(12% 0 0);--muted:oklch(64% 0 0);--rule:oklch(30% 0 0);--accent:var(--ink);--gutter:clamp(1.25rem, 4vw, 4rem);--display:Arial, Helvetica, sans-serif;--mono:ui-monospace, "Cascadia Mono", "SFMono-Regular", Consolas, monospace;font-family:var(--display);background:var(--paper);color:var(--ink)}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth;min-width:20rem}body{background:var(--paper);overflow-wrap:anywhere;min-height:100vh;margin:0}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.06em}:where(a,button):focus-visible{outline-offset:.3rem;outline:.12rem solid}.skip-link{z-index:10;top:.75rem;left:var(--gutter);min-height:2.75rem;color:var(--paper);background:var(--ink);font:.85rem/1.4 var(--mono);padding:.75rem 1rem;position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{padding:1.25rem var(--gutter);border-bottom:.0625rem solid var(--rule);justify-content:space-between;gap:2rem;display:flex}.artist-name{letter-spacing:-.025em;white-space:nowrap;font-weight:700;text-decoration:none}nav{font:.72rem/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;flex-wrap:wrap;justify-content:flex-end;gap:.6rem 1.25rem;display:flex}nav a{align-items:center;min-height:2.75rem;text-decoration:none;transition:color .14s;display:inline-flex}nav a:hover,nav a:focus-visible{color:var(--accent)}main{padding:clamp(3rem, 8vh, 6.5rem) var(--gutter) 4rem}.contact-actions{padding:0;list-style:none}.contact-actions a{align-items:center;min-height:2.75rem;display:inline-flex}.portfolio-index{grid-template-columns:minmax(15rem,.72fr) minmax(0,1.5fr);gap:clamp(2.5rem,6vw,7rem);max-width:96rem;display:grid}.portfolio-index--project,.portfolio-index--work{max-width:96rem;display:block}.landing-hero{place-items:center;min-height:min(72svh,52rem);display:grid}.landing-hero img{object-fit:contain;width:100%;max-height:72svh;display:block}.landing-page{grid-template-rows:auto minmax(0,1fr);min-height:100svh;display:grid}.landing-page .site-header{z-index:1;background:#000;align-items:center;padding-block:.625rem;position:relative}.landing-page nav a{min-height:2rem}.landing-page main{min-height:0;padding:0}.landing-page .landing-hero{width:100%;height:100%;min-height:0}.landing-page .landing-hero img{object-fit:cover;width:100%;height:100%;max-height:none}.index-group h2{color:var(--muted);font:.7rem/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 2rem}.index-group ol{border-top:.0625rem solid var(--rule);margin:0;padding:0;list-style:none}.index-group li{border-bottom:.0625rem solid var(--rule);position:relative}.index-group a{letter-spacing:-.04em;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.75rem;padding:1.3rem 0 1.25rem;font-size:clamp(1.1rem,1.5vw,1.5rem);font-weight:400;line-height:1.1;text-decoration:none;transition:color .14s;display:grid}.index-group a:hover,.index-group a:focus-visible{color:var(--muted)}.index-preview{z-index:1;aspect-ratio:4/3;background:var(--rule);pointer-events:none;width:clamp(8rem,18vw,18rem);display:none;position:absolute;top:50%;left:clamp(8rem,18vw,18rem);overflow:hidden;transform:translateY(-50%)}.index-preview img{object-fit:cover;width:100%;height:100%;display:block}.index-group a:focus-visible .index-preview{display:block}@media (hover:hover) and (pointer:fine){.index-group a:hover .index-preview{display:block}}.index-year{color:var(--muted);font:.75rem/1.4 var(--mono);letter-spacing:.02em;text-align:right}.index-title{text-wrap:balance;min-width:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=44rem){.index-preview{width:clamp(7rem,32vw,11rem);left:auto;right:0}.site-header,.portfolio-index{display:block}nav{justify-content:flex-start;margin-top:1.25rem}.landing-page nav{margin-top:.5rem}main{padding-top:clamp(3rem,9vh,5rem)}.index-group a{grid-template-columns:minmax(0,1fr) auto;gap:.5rem;padding-block:1.05rem;font-size:clamp(1rem,5vw,1.25rem);line-height:1.08}.index-group+.index-group{margin-top:4.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}