:root{--color-bg: #0a0a0b;--color-fg: #e8e8e6;--color-muted: #8a8a88;--color-faint: #7a7a78;--color-line: #1c1c1e;--color-accent: #e3c877;--font-display: "Sora", system-ui, sans-serif;--font-data: "IBM Plex Mono", ui-monospace, monospace;--font-body: "Chivo", system-ui, sans-serif;--space: 1.5rem;--max-width: 76rem;color-scheme:dark}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;background:var(--color-bg);color:var(--color-fg);font-family:var(--font-body);font-weight:400;line-height:1.7}img,video{max-width:100%;height:auto;display:block}figure{margin:0}figcaption{font-family:var(--font-data);font-size:.75rem;color:var(--color-faint);margin-top:.5rem}.site-header,main,.site-footer{max-width:var(--max-width);margin-inline:auto;padding-inline:var(--space)}.site-header{display:flex;justify-content:space-between;align-items:baseline;padding-block:1.75rem;border-bottom:.5px solid var(--color-line)}.site-logo{font-family:var(--font-display);font-weight:600;font-size:1.25rem;letter-spacing:-.01em;color:var(--color-fg);text-decoration:none}.site-header nav{display:flex;gap:1.4rem;font-family:var(--font-data);font-size:.8125rem}.site-header nav a{color:var(--color-muted);text-decoration:none;transition:color .18s ease}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--color-accent)}main{padding-block:3rem 4rem}.site-footer{padding-block:2.5rem;border-top:.5px solid var(--color-line);color:var(--color-faint);font-family:var(--font-data);font-size:.75rem}h1{font-family:var(--font-display);font-weight:600;letter-spacing:-.015em;color:var(--color-fg)}h2{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em}.eyebrow{font-family:var(--font-data);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-faint);margin:0 0 .75rem}.hero{padding-block:4rem 2rem}.hero h1{font-size:clamp(2.5rem,8vw,5rem);margin:0 0 .5rem}.hero .sig{font-family:var(--font-data);font-size:.9375rem;color:var(--color-accent);margin:0 0 1.5rem}.hero p{max-width:42rem;color:var(--color-muted)}a.text-link{color:var(--color-muted);text-decoration:none;border-bottom:.5px solid var(--color-line);transition:color .18s ease,border-color .18s ease}a.text-link:hover{color:var(--color-accent);border-color:var(--color-accent)}.work-section{margin-block:4rem}.work-section>h2{font-size:1.5rem;margin:0 0 .5rem}.work-section>.lead{color:var(--color-muted);max-width:42rem;margin:0 0 2rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(20rem,1fr));gap:2rem 1.75rem;padding:0;margin:0;list-style:none}.project-card a{text-decoration:none;color:inherit;display:block}.project-card figure{overflow:hidden;background:#000;aspect-ratio:16 / 10}.project-card figure video,.project-card figure img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease,opacity .4s ease}.project-card a:hover figure video,.project-card a:hover figure img{transform:scale(1.03)}.project-card .num{font-family:var(--font-data);font-size:.75rem;color:var(--color-accent)}.project-card h3{font-family:var(--font-display);font-weight:500;font-size:1.125rem;margin:.75rem 0 .25rem;color:var(--color-fg)}.project-card .meta{font-family:var(--font-data);font-size:.75rem;color:var(--color-faint);margin:0}.project-header{max-width:52rem;margin-bottom:2.5rem}.project-header h1{font-size:clamp(2rem,5vw,3.25rem);margin:.5rem 0}.project-header .meta{font-family:var(--font-data);font-size:.8125rem;color:var(--color-faint)}.project-body{max-width:42rem;color:var(--color-muted);margin-block:2rem}.project-body p{margin:0 0 1rem}.project-media{display:grid;gap:1.75rem;margin-block:2.5rem}.project-credits{font-family:var(--font-data);font-size:.75rem;color:var(--color-faint);max-width:42rem}.perf-section{margin-block:4rem}.perf-list{list-style:none;padding:0;margin:1.5rem 0 0;max-width:46rem}.perf-list li{font-family:var(--font-data);font-size:.8125rem;color:var(--color-muted);padding:.6rem 0;border-bottom:.5px solid var(--color-line);display:flex;justify-content:space-between;gap:1rem}.perf-list li .yr{color:var(--color-faint)}.ph{width:100%;height:100%;min-height:12rem;display:flex;align-items:center;justify-content:center;background:#000;border:.5px solid var(--color-line);font-family:var(--font-data);font-size:.75rem;color:var(--color-faint)}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
