@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&family=Manrope:wght@400;500;600&display=swap";:root{color:#1d1c18;font-synthesis:none;text-rendering:optimizelegibility;--ink:#1d1c18;--paper:#f1efe8;--signal:#eb5e3f;--line:#1d1c1838;background:#f1efe8;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 78% 12%, #eb5e3f21, transparent 25rem), var(--paper);min-width:320px;min-height:100vh;margin:0}body:before{z-index:-1;content:"";opacity:.22;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");position:fixed;inset:0}a{color:inherit}main{width:min(1440px,100%);margin:0 auto;padding:0 4vw}.masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:88px;animation:.6s ease-out both enter;display:flex}.wordmark{color:var(--ink);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.7rem;font-size:.8rem;font-weight:600;text-decoration:none;display:inline-flex}.wordmark-dot{background:var(--signal);border-radius:50%;width:.65rem;height:.65rem;box-shadow:0 0 0 5px #eb5e3f1f}.edition,.eyebrow,.section-heading p,.project-number,.project-meta,footer{text-transform:uppercase;font-family:DM Mono,monospace}.edition{letter-spacing:.08em;font-size:.72rem}.hero{grid-template-columns:1fr 1fr;min-height:68vh;padding:clamp(5rem,10vw,10rem) 0 4rem;display:grid}.eyebrow{color:var(--signal);letter-spacing:.12em;margin:0;font-size:.72rem;animation:.7s ease-out .1s both enter}h1{letter-spacing:-.045em;grid-column:1/-1;align-self:center;margin:2rem 0;font-family:Instrument Serif,serif;font-size:clamp(4.3rem,10.2vw,10.5rem);font-weight:400;line-height:.82;animation:.8s ease-out .16s both enter}.intro{grid-column:2;max-width:34rem;margin:2rem 0 0;font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.65;animation:.8s ease-out .24s both enter}.scroll-note{letter-spacing:.1em;text-transform:uppercase;grid-area:3/1;align-self:end;align-items:center;gap:1rem;margin-top:2rem;font-family:DM Mono,monospace;font-size:.66rem;animation:.8s ease-out .32s both enter;display:flex}.scroll-note span{background:var(--ink);width:3rem;height:1px}.archive{padding:6rem 0 10rem}.section-heading{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-end;padding-bottom:1.5rem;display:flex}.section-heading h2{margin:0;font-family:Instrument Serif,serif;font-size:clamp(2.7rem,5vw,5rem);font-weight:400}.section-heading p{letter-spacing:.1em;margin:0 0 .6rem;font-size:.67rem}.project-row{border-bottom:1px solid var(--line);grid-template-columns:5rem minmax(18rem,1.4fr) minmax(13rem,.7fr) auto;align-items:center;gap:2rem;padding:2.5rem 0;text-decoration:none;transition:color .22s,padding .22s;display:grid}.project-row:hover,.project-row:focus-visible{color:#fff8ef;background:var(--ink);outline:none;padding-left:1rem;padding-right:1rem}.project-number{color:var(--signal);font-size:.75rem}.project-copy{flex-direction:column;gap:.8rem;display:flex}.project-title{font-family:Instrument Serif,serif;font-size:clamp(2.1rem,4vw,4rem);line-height:1}.project-summary{opacity:.68;max-width:32rem;font-size:.85rem;line-height:1.6}.project-meta{flex-direction:column;gap:.6rem;font-size:.65rem;line-height:1.5;display:flex}.project-action{white-space:nowrap;align-items:center;gap:1rem;font-size:.8rem;display:flex}.arrow{font-size:1.5rem;transition:transform .22s}.project-row:hover .arrow{transform:translate(.25rem,-.25rem)}footer{border-top:1px solid var(--ink);letter-spacing:.09em;justify-content:space-between;padding:2rem 0;font-size:.62rem;display:flex}@keyframes enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=820px){main{padding:0 1.3rem}.edition{display:none}.hero{min-height:auto;padding:6rem 0;display:block}h1{margin:2.5rem 0;font-size:clamp(4rem,19vw,7rem)}.intro{margin-left:18%}.scroll-note{margin-top:5rem}.archive{padding:3rem 0 6rem}.project-row{grid-template-columns:2.5rem 1fr auto;gap:1rem}.project-meta{display:none}.project-action{font-size:0}.project-action .arrow{font-size:1.5rem}footer{gap:2rem;line-height:1.5}}
