:root{color:#171813;font-synthesis:none;text-rendering:optimizelegibility;--color-paper:#f3f0e8;--color-paper-raised:#faf7ef;--color-ink:#171813;--color-muted:#5d635a;--color-rule:#c8c3b7;--color-rule-strong:#939084;--color-focus:#171813;--color-error:#8b2d24;--project-accent:var(--color-ink);--font-sans:"Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", Arial, sans-serif;--font-serif:"Songti SC", STSong, "Noto Serif CJK SC", Georgia, serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Monaco, Consolas, monospace;--text-meta:clamp(.78rem, .75rem + .1vw, .86rem);--text-body:clamp(1rem, .96rem + .18vw, 1.125rem);--text-lead:clamp(1.45rem, 1.05rem + 1.15vw, 2.35rem);--text-display:clamp(5.2rem, 13.2vw, 15.5rem);--wordmark-gap:clamp(.2rem, .6vw, .75rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--layout-max:120rem;--grid-gutter:clamp(1rem, 1.8vw, 2rem);--page-gutter:clamp(1.25rem, 3.2vw, 3.5rem);--header-height:4.75rem;--touch-target:2.75rem;--radius-control:2px;--duration-hover:.2s;--duration-switch:.38s;--ease-editorial:cubic-bezier(.22, 1, .36, 1);background:#f3f0e8;font-family:Helvetica Neue,PingFang SC,Hiragino Sans GB,Noto Sans CJK SC,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + var(--space-4))}body{background:var(--color-paper);min-width:20rem;color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}button{color:inherit;font:inherit}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}:where(a,button):focus-visible{outline:2px solid var(--color-focus);outline-offset:.3rem}::selection{color:var(--color-paper);background:var(--color-ink)}.site-shell{width:min(100%, var(--layout-max));padding-inline:var(--page-gutter);margin-inline:auto}.skip-link{z-index:100;top:var(--space-3);left:var(--space-3);background:var(--color-ink);color:var(--color-paper);font-family:var(--font-mono);font-size:var(--text-meta);transition:transform var(--duration-hover) var(--ease-editorial);padding:.75rem .9rem;position:fixed;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:30;min-height:var(--header-height);border-bottom:1px solid color-mix(in srgb, var(--color-rule) 72%, transparent);background:color-mix(in srgb, var(--color-paper) 96%, transparent);position:fixed;top:0;left:0;right:0}.header-grid{gap:var(--grid-gutter);min-height:var(--header-height);font-family:var(--font-mono);font-size:var(--text-meta);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.header-name{width:fit-content;font-family:var(--font-sans);letter-spacing:-.035em;grid-column:1/span 2;font-weight:700;text-decoration:none}.header-index{color:var(--color-muted);grid-column:3/span 3}.site-nav{grid-column:9/-1;justify-content:flex-end;gap:clamp(1.5rem,2.7vw,3.5rem);display:flex}.site-nav a{min-height:var(--touch-target);align-items:center;text-decoration:none;display:inline-flex;position:relative}.site-nav a:after{content:"";transform-origin:100%;height:1px;transition:transform var(--duration-hover) var(--ease-editorial);background:currentColor;position:absolute;bottom:.55rem;left:0;right:0;transform:scaleX(0)}.site-nav a:is(:hover,:focus-visible):after{transform-origin:0;transform:scaleX(1)}.hero{min-height:100svh;padding-top:var(--header-height);border-bottom:1px solid var(--color-rule)}.hero-grid{gap:0 var(--grid-gutter);min-height:calc(100svh - var(--header-height));padding-top:var(--space-8);padding-bottom:var(--space-12);grid-template-rows:auto 1fr auto;grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.hero-index{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-meta);grid-column:1/-1;justify-content:space-between;line-height:1.4;display:flex}.hero-wordmark{grid-column:1/-1;align-items:center;min-height:0;padding-block:clamp(3rem,7vh,7rem);display:flex}.hero-wordmark h1{width:max-content;max-width:100%;color:var(--color-ink);font-size:var(--text-display);letter-spacing:0;white-space:nowrap;flex-direction:column;gap:.12em;margin:0 auto;font-weight:700;line-height:.78;display:flex}.hero-word{gap:var(--wordmark-gap);display:flex}.hero-letter{display:block}.hero-word-offset{display:contents}.hero-word-offset .hero-letter{visibility:hidden}.hero-copy{grid-column:1/span 6;align-self:end;max-width:42rem}.hero-statement{margin:0 0 var(--space-6);font-family:var(--font-serif);font-size:var(--text-lead);line-height:1.4}.hero-narrative{max-width:37rem;color:var(--color-muted);margin:0;line-height:1.85}.hero-project-link{min-height:var(--touch-target);font-family:var(--font-mono);font-size:var(--text-meta);text-underline-offset:.4em;grid-column:10/-1;place-self:end;align-items:center;display:inline-flex}.section{border-bottom:1px solid var(--color-rule);padding-block:clamp(6rem,11vw,10rem)}.section-heading{gap:var(--grid-gutter);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;margin-bottom:clamp(4rem,8vw,7rem);display:grid}.section-number{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-meta);grid-column:1}.section-heading>div{grid-column:2/span 5}.section-kicker{margin:0 0 var(--space-4);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-meta);line-height:1.4}.section-heading h2{font-family:var(--font-serif);letter-spacing:-.035em;margin:0;font-size:clamp(2rem,2.7vw,3.75rem);font-weight:400;line-height:1.2}.section-intro{margin:calc(var(--text-meta) * 1.4 + var(--space-4)) 0 0;color:var(--color-muted);grid-column:9/-1;line-height:1.8}.project-index{border-top:1px solid var(--color-rule-strong)}.project-row{scroll-margin-top:calc(var(--header-height) + var(--space-4));gap:var(--grid-gutter);border-bottom:1px solid var(--color-rule);isolation:isolate;grid-template-columns:repeat(12,minmax(0,1fr));min-height:clamp(18rem,25vw,27rem);padding-block:clamp(2.5rem,4.5vw,5rem);display:grid;position:relative}.project-row:before{z-index:-1;background:var(--project-accent);content:"";transform-origin:0;height:2px;transition:transform var(--duration-hover) var(--ease-editorial);position:absolute;top:-1px;left:0;right:0;transform:scaleX(.15)}.project-row:is(:hover,:focus-within):before{transform:scaleX(1)}.project-order{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-meta);grid-column:1}.project-heading{grid-column:2/span 3}.project-heading p{min-height:2.8em;margin:0 0 var(--space-10);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-meta);line-height:1.4}.project-heading h3{letter-spacing:-.075em;margin:0;font-size:clamp(3.8rem,6.8vw,8.5rem);font-weight:700;line-height:.86}.project-description{grid-column:5/span 4;align-self:start}.project-description>p{max-width:36rem;margin:0 0 var(--space-12);font-family:var(--font-serif);font-size:clamp(1.3rem,1.45vw,1.9rem);line-height:1.65}.project-meta{gap:var(--space-8);grid-template-columns:1fr 1fr;margin:0;display:grid}.project-meta div{min-width:0;padding-top:var(--space-3);border-top:1px solid var(--color-rule)}.project-meta dt{margin-bottom:var(--space-3);color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-meta)}.project-meta dd{margin:0;line-height:1.6}.project-state{gap:var(--space-4);font-family:var(--font-mono);font-size:var(--text-meta);flex-direction:column;grid-column:9/span 2;display:flex}.project-state span{width:fit-content;padding-top:var(--space-2);border-top:2px solid var(--project-accent)}.project-links{align-items:flex-end;gap:var(--space-2);flex-direction:column;grid-column:11/-1;display:flex}.project-links a{min-height:var(--touch-target);font-family:var(--font-mono);font-size:var(--text-meta);text-align:right;justify-content:flex-end;align-items:center;text-decoration:none;display:inline-flex;position:relative}.project-links a:after{content:"";transform-origin:100%;height:1px;transition:transform var(--duration-hover) var(--ease-editorial);background:currentColor;position:absolute;bottom:.55rem;left:0;right:0;transform:scaleX(0)}.project-links a:is(:hover,:focus-visible):after{transform-origin:0;transform:scaleX(1)}.content-state{border-block:1px solid var(--color-rule);color:var(--color-muted);margin:0;padding:clamp(2rem,5vw,4rem);line-height:1.7}.content-state p{margin:0}.content-state p+p{margin-top:var(--space-3)}.section--contact{min-height:70svh}.contact-row{gap:var(--grid-gutter);border-block:1px solid var(--color-rule-strong);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;padding-block:clamp(2.5rem,5vw,4.5rem);display:grid}.contact-email{letter-spacing:-.05em;overflow-wrap:anywhere;grid-column:2/span 6;width:fit-content;font-size:clamp(1.8rem,4vw,5rem);font-weight:600;text-decoration-thickness:2px}.copy-button{min-height:var(--touch-target);border:1px solid var(--color-ink);border-radius:var(--radius-control);cursor:pointer;font-family:var(--font-mono);font-size:var(--text-meta);transition:background-color var(--duration-hover) var(--ease-editorial), color var(--duration-hover) var(--ease-editorial);background:0 0;grid-column:9/span 2;padding:.7rem 1rem}.copy-button:is(:hover,:focus-visible){background:var(--color-ink);color:var(--color-paper)}.copy-feedback{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-meta);grid-column:11/-1;margin:0;line-height:1.5}.copy-feedback.is-error{color:var(--color-error)}.site-footer{gap:var(--grid-gutter);min-height:7rem;color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-meta);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;display:grid}.site-footer span{grid-column:1/span 3}.site-footer a:first-of-type{grid-column:5/span 4;justify-self:center}.site-footer a:last-of-type{grid-column:10/-1;justify-self:end}@media (width<=64rem){:root{--header-height:6.5rem}.header-grid{padding-block:var(--space-3);grid-template-rows:auto auto}.header-name{grid-column:1/span 5}.header-index{grid-column:7/-1;justify-self:end}.site-nav{justify-content:flex-start;gap:var(--space-8);grid-column:1/-1}.hero-grid{grid-template-rows:auto 1fr auto auto}.hero-wordmark h1{font-size:clamp(4.9rem,12.5vw,8.5rem)}.hero-copy{grid-column:1/span 8}.hero-project-link{grid-column:9/-1}.section-heading>div{grid-column:2/span 6}.section-intro{grid-column:9/-1}.project-row{min-height:auto}.project-heading{grid-column:2/span 4}.project-description{grid-column:6/span 5}.project-state{grid-column:11/-1}.project-links{margin-top:var(--space-8);flex-direction:row;grid-column:6/-1;justify-content:flex-start;align-items:center}.contact-email{grid-column:1/span 7}.copy-button{grid-column:9/span 2}}@media (width<=46rem){:root{--page-gutter:1.125rem;--grid-gutter:.75rem}.hero{min-height:auto}.hero-grid{min-height:auto;padding-top:var(--space-6);padding-bottom:var(--space-16);display:block}.hero-index{gap:var(--space-6)}.hero-index span:last-child{text-align:right}.hero-wordmark{padding-block:clamp(5rem,24vw,8rem)}.hero-wordmark h1{font-size:clamp(5rem,23vw,8.2rem);line-height:.78}.hero-copy{max-width:none}.hero-project-link{margin-top:var(--space-10)}.section{padding-block:var(--space-24)}.section-heading{gap:var(--space-4);margin-bottom:var(--space-16);grid-template-columns:2.2rem 1fr;display:grid}.section-number{grid-column:1}.section-heading>div{grid-column:2}.section-intro{margin-top:var(--space-4);grid-column:2}.project-row{gap:0 var(--space-4);padding-block:var(--space-12);grid-template-columns:2.2rem minmax(0,1fr);display:grid}.project-order{grid-area:1/1/span 4}.project-heading,.project-description,.project-state,.project-links{grid-column:2}.project-heading p{min-height:auto;margin-bottom:var(--space-6)}.project-heading h3{margin-bottom:var(--space-10);font-size:clamp(4rem,21vw,7rem)}.project-description>p{margin-bottom:var(--space-8);font-size:1.3rem}.project-meta{gap:var(--space-6);grid-template-columns:1fr}.project-state{margin-top:var(--space-10);padding-top:var(--space-4);border-top:1px solid var(--color-rule);flex-flow:wrap;justify-content:space-between}.project-state span{border-top:0;padding-top:0}.project-links{margin-top:var(--space-6);flex-direction:column;align-items:flex-start}.project-links a{text-align:left;justify-content:flex-start}.section--contact{min-height:auto}.contact-row{gap:var(--space-4);grid-template-columns:1fr auto;align-items:center;display:grid}.contact-email{grid-column:1/-1;font-size:clamp(1.75rem,9vw,3.2rem)}.copy-button{grid-column:1;justify-self:start}.copy-feedback{text-align:right;grid-column:2}.site-footer{padding-block:var(--space-8);grid-template-columns:1fr auto}.site-footer span{grid-column:1}.site-footer a:first-of-type{grid-area:2/1/auto/-1;justify-self:start}.site-footer a:last-of-type{grid-area:1/2}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important}}