:root{--bg: oklch(99% .002 240);--surface: oklch(100% 0 0);--fg: oklch(18% .012 250);--muted: oklch(54% .012 250);--border: oklch(92% .005 250);--accent: oklch(58% .18 255);--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", system-ui, sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--fg)}body{margin:0;background:var(--fg);color:var(--surface);font-family:var(--font-body);font-size:16px;line-height:1.55;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}main{position:relative;min-height:100vh;overflow:clip}.video-layer{position:fixed;z-index:0;inset:0;background:var(--fg)}.video-layer video{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.06);transform:scale(1.015)}.video-scrim{position:absolute;inset:0;background:linear-gradient(to bottom,color-mix(in oklch,var(--fg),transparent 34%),color-mix(in oklch,var(--fg),transparent 52%) 48%,color-mix(in oklch,var(--fg),transparent 16%))}.site-header,.hero,.projects,footer{position:relative;z-index:1}.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,68px);border-bottom:1px solid color-mix(in oklch,var(--surface),transparent 82%);background:color-mix(in oklch,var(--fg),transparent 74%);backdrop-filter:blur(16px)}.monogram{min-width:44px;min-height:44px;display:inline-flex;align-items:center;font-size:15px;font-weight:600;letter-spacing:-.02em}.monogram span{color:var(--accent)}nav{display:flex;align-items:center}nav a{min-height:44px;display:inline-flex;align-items:center;border-bottom:1px solid transparent;font-size:13px;font-weight:550;letter-spacing:.02em}nav a:hover{border-bottom-color:var(--surface)}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(140px,18vh,220px) clamp(22px,4vw,68px) 48px}.hero-copy{margin-top:auto}.eyebrow{margin:0 0 24px;font-size:13px;font-weight:550;letter-spacing:.08em;text-transform:uppercase}h1{max-width:1100px;margin:0;font-family:var(--font-display);font-size:clamp(50px,8vw,126px);font-weight:590;letter-spacing:-.035em;line-height:.94;text-wrap:balance}.ampersand{font-weight:400;font-style:italic}.hero-footer{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-top:clamp(72px,12vh,140px)}.hero-footer>p,.section-label,.project-count,.project-number,.project-domain,footer{font-size:12px;font-weight:550;letter-spacing:.08em;text-transform:uppercase}.hero-footer>p{margin:0}.project-jump{width:min(100%,270px);min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 0 8px;border-bottom:1px solid var(--surface);font-size:13px;font-weight:550;letter-spacing:.02em;transition:padding .18s ease}.project-jump:hover{padding-left:8px;padding-right:8px}.projects{min-height:100svh;padding:clamp(112px,14vw,200px) clamp(22px,4vw,68px) clamp(100px,12vw,160px);border-top:1px solid color-mix(in oklch,var(--surface),transparent 82%);background:color-mix(in oklch,var(--fg),transparent 18%);backdrop-filter:blur(10px)}.section-heading{display:flex;justify-content:space-between;gap:24px;margin-bottom:clamp(48px,7vw,92px)}.section-label,.project-count{margin:0;color:color-mix(in oklch,var(--surface),transparent 28%)}.project-list{border-top:1px solid var(--surface)}.project-row{min-height:176px;display:grid;grid-template-columns:minmax(48px,1fr) minmax(260px,7fr) minmax(180px,2fr);align-items:center;gap:28px;border-bottom:1px solid color-mix(in oklch,var(--surface),transparent 78%);transition:background .18s ease,padding .18s ease}.project-row:hover{padding-left:16px;padding-right:16px;background:color-mix(in oklch,var(--surface),transparent 92%)}.project-number,.project-domain{color:color-mix(in oklch,var(--surface),transparent 40%)}.project-body{display:flex;flex-direction:column;gap:14px}.project-name{font-family:var(--font-display);font-size:clamp(30px,3.4vw,52px);font-weight:510;letter-spacing:-.025em;line-height:1.08}.project-description{display:block;max-width:58ch;color:color-mix(in oklch,var(--surface),transparent 24%);font-size:15px;line-height:1.55}.project-meta{display:grid;grid-template-columns:1fr 32px;align-items:center;gap:18px}.project-domain{font-size:12px;font-weight:550;letter-spacing:.02em;text-transform:lowercase}.project-arrow{font-size:24px;transition:transform .18s ease}.project-row:hover .project-arrow{transform:translate(4px,-4px)}footer{display:grid;grid-template-columns:1fr 1fr auto;gap:24px;padding:28px clamp(22px,4vw,68px);border-top:1px solid color-mix(in oklch,var(--surface),transparent 76%);background:color-mix(in oklch,var(--fg),transparent 10%);backdrop-filter:blur(12px)}footer p{margin:0}@media(max-width:840px){.project-row{grid-template-columns:42px minmax(0,1fr) 32px;gap:18px}.project-meta{display:contents}.project-domain{display:none}}@media(max-width:560px){.site-header{height:68px}.hero{min-height:100svh;padding-top:116px;padding-bottom:30px}.eyebrow{margin-bottom:20px;font-size:11px}h1{font-size:clamp(48px,15vw,72px);line-height:.98}.hero-footer{align-items:start}.hero-footer>p{display:none}.project-jump{margin-left:auto}.projects{padding-top:104px;padding-bottom:96px}.section-heading{align-items:end;margin-bottom:42px}.project-row{min-height:166px;grid-template-columns:32px minmax(0,1fr) 28px;gap:12px}.project-row:hover{padding-left:6px;padding-right:6px}.project-name{font-size:28px}.project-description{font-size:14px;line-height:1.5}footer{grid-template-columns:1fr auto}footer p:first-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.video-layer video{display:none}*,*:before,*:after{transition-duration:.01ms!important}}