:root{--paper:#deddd8;--ink:#161717;--muted:#626565;--surface:#c8c7c1;--accent:#8f4d35;--line:rgba(22,23,23,.22);--header-color:#171818;--hero-color:#171818;--hero-accent:#8f4d35;--hero-shade:linear-gradient(90deg,rgba(230,230,226,.12),rgba(230,230,226,0));}.site-header{background:rgba(222,221,216,.12);backdrop-filter:blur(4px)}.hero__media img{object-position:center 55%}.hero h1{max-width:7ch}.hero h1 em{display:block}.hero__bottom{color:#222}.round-link:hover,.round-link:focus-visible{color:#deddd8}.project-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(3rem,10vw,10rem)}.project-intro>p{margin:0;font:400 clamp(2.5rem,5vw,5.5rem)/1 var(--serif);letter-spacing:-.035em}.project-intro dl{margin:0}.project-intro dl div{display:grid;grid-template-columns:1fr 1fr;padding:1rem 0;border-bottom:1px solid var(--line);font-size:.7rem}.project-intro dt{text-transform:uppercase;letter-spacing:.1em}.project-intro dd{margin:0;color:var(--muted)}.section--dark{--muted:rgba(222,221,216,.62)}
.archive-tools{display:flex;justify-content:space-between;gap:2rem;align-items:center;margin-bottom:2rem}.archive-tools>span{font-size:.57rem;letter-spacing:.1em;text-transform:uppercase}.archive-tools>div{display:flex;flex-wrap:wrap;gap:.5rem}.archive-tools button{padding:.65rem .9rem;border:1px solid var(--line);background:transparent;cursor:pointer;font-size:.59rem;letter-spacing:.08em;text-transform:uppercase}.archive-tools button.is-active{background:var(--ink);color:var(--paper)}.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.archive-card{transition:opacity .3s ease,transform .4s var(--ease)}.archive-card.is-hidden{display:none}.archive-card--wide{grid-column:1/-1}.archive-card figure{position:relative;height:34rem;margin:0;overflow:hidden;background:#bbb}.archive-card--wide figure{height:62svh}.archive-card--portrait figure{height:48rem}.archive-card img{width:100%;height:100%;object-fit:cover;transition:transform 900ms var(--ease)}.archive-card:hover img{transform:scale(1.025)}.archive-card>div{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:end;padding:1rem 0;border-bottom:1px solid var(--line)}.archive-card span,.archive-card p{font-size:.58rem;letter-spacing:.08em;text-transform:uppercase}.archive-card h3{margin:0;font:400 clamp(2.5rem,5vw,5.5rem)/.9 var(--serif)}.archive-card p{margin:0;color:var(--muted)}
.process-list{display:grid;grid-template-columns:repeat(4,1fr);margin:clamp(5rem,10vw,10rem) 0 0;padding:0;border-top:1px solid rgba(222,221,216,.25);list-style:none}.process-list li{min-height:22rem;padding:1.5rem;border-right:1px solid rgba(222,221,216,.25)}.process-list li:last-child{border-right:0}.process-list span{font-size:.57rem;letter-spacing:.1em}.process-list strong{display:block;margin:6rem 0 1rem;font:400 clamp(2.5rem,4vw,4rem) var(--serif)}.process-list p{color:rgba(222,221,216,.62);font-size:.78rem;line-height:1.7}
.material-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.material-grid article{min-height:24rem;padding:1.5rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.material-grid span,.material-grid small{font-size:.57rem;letter-spacing:.1em;text-transform:uppercase}.material-grid h3{margin:6rem 0 1rem;font:400 clamp(2.8rem,5vw,5rem)/.9 var(--serif)}.material-grid p{max-width:28rem;color:var(--muted);line-height:1.7}.material-grid small{display:block;margin-top:2rem;color:var(--accent)}
@media(max-width:900px){.process-list{grid-template-columns:repeat(2,1fr)}.process-list li{border-bottom:1px solid rgba(222,221,216,.25)}}@media(max-width:750px){.project-intro{grid-template-columns:1fr}.hero__media img{object-position:42% center}.hero__shade{background:linear-gradient(180deg,rgba(222,221,216,.1),rgba(222,221,216,.5))}.archive-tools{align-items:flex-start;flex-direction:column}.archive-grid{grid-template-columns:1fr}.archive-card--wide{grid-column:auto}.archive-card figure,.archive-card--wide figure,.archive-card--portrait figure{height:65svh}.archive-card>div{grid-template-columns:auto 1fr}.archive-card p{grid-column:2}.process-list,.material-grid{grid-template-columns:1fr}}