:root{--ink:#11110f;--paper:#f2f0e9;--acid:#d7ff3f;--line:#11110f3d}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:var(--paper);margin:0;font-family:Arial,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}main{min-height:100vh;padding:18px}.masthead{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-start;padding:6px 4px 17px;display:flex}.wordmark{letter-spacing:-.07em;font-size:clamp(24px,3vw,44px);font-weight:950;line-height:.8}.wordmark span{vertical-align:top;letter-spacing:0;margin-left:5px;font:700 8px/1 monospace}.header-meta{letter-spacing:.12em;gap:36px;font:700 10px/1 monospace;display:flex}.hero{border-bottom:1px solid var(--ink);min-height:62vh;padding:28px 2px 38px;position:relative;overflow:hidden}.eyebrow{letter-spacing:.14em;text-transform:uppercase;margin:0;font:700 10px/1.2 monospace}.hero h1{letter-spacing:-.085em;max-width:1300px;margin:8vh 0 0;font-size:clamp(70px,13vw,205px);font-weight:950;line-height:.77}.hero-note{border-top:1px solid var(--ink);grid-template-columns:40px minmax(220px,320px);gap:14px;padding-top:10px;display:grid;position:absolute;bottom:36px;right:0}.hero-note span{font:700 10px/1 monospace}.hero-note p{margin:0;font-size:13px;line-height:1.55}.index{padding:70px 0 110px}.index-heading{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:baseline;padding-bottom:12px;display:flex}.index-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(38px,5vw,76px);line-height:.9}.index-heading span{letter-spacing:.12em;font:700 10px/1 monospace}.project{border-bottom:1px solid var(--ink);grid-template-columns:70px minmax(260px,1fr) minmax(260px,.7fr) 64px;align-items:center;gap:18px;min-height:190px;transition:background-color .2s,padding .2s;display:grid}.project:hover,.project:focus-visible{background:var(--acid);outline:none;padding-inline:18px}.project-number{align-self:start;padding-top:26px;font:700 11px/1 monospace}.project-copy p{letter-spacing:.12em;margin:0 0 14px;font:700 10px/1 monospace}.project-copy h3{letter-spacing:-.055em;margin:0 0 10px;font-size:clamp(28px,4vw,58px);line-height:.9}.project-copy>span{color:#474741;font-size:13px}.project-tags{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.project-tags span{border:1px solid var(--ink);text-transform:uppercase;border-radius:999px;padding:7px 10px;font:700 9px/1 monospace}.project-arrow{justify-self:end;font-size:34px}footer{border-top:1px solid var(--ink);letter-spacing:.1em;grid-template-columns:1fr auto 1fr;gap:24px;padding:16px 2px 3px;font:700 9px/1.2 monospace;display:grid}footer span:last-child{text-align:right}@media (max-width:760px){main{padding:12px}.header-meta span:last-child{display:none}.hero{min-height:520px}.hero h1{margin-top:90px;font-size:clamp(62px,21vw,110px)}.hero-note{grid-template-columns:34px 1fr;left:0;right:auto}.project{grid-template-columns:42px 1fr 34px;padding:20px 0}.project-number{padding-top:6px}.project-tags{grid-column:2/3;justify-content:flex-start}.project-arrow{grid-area:1/3/3}footer{grid-template-columns:1fr auto}footer span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){.project{transition:none}}