:root{--black:#121212;--white:#fff;--soft:#f3f3ef;--line:#e7e7e3;--muted:#777773;--mono:"DM Mono",monospace;--sans:"Inter",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--black);font:13px/1.45 var(--sans)}a{color:inherit;text-decoration:none}.site{width:100%;margin:0;background:var(--white);overflow:hidden}.header{position:sticky;top:0;z-index:10;height:96px;display:flex;align-items:center;padding:0 clamp(30px,5vw,76px);background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}.wordmark{font-size:20px;font-weight:500;letter-spacing:-.9px}.wordmark span{color:#ee745d}.header nav{display:flex;gap:42px;margin-left:auto;font:11px var(--mono)}.header nav a{transition:opacity .2s}.header nav a:hover{opacity:.45}.intro{position:relative;min-height:650px;padding:98px clamp(30px,5vw,76px) 38px}.intro-copy{width:390px;margin-left:auto;margin-right:19%}.intro h1{margin:0;font-size:27px;font-weight:400;line-height:1.16;letter-spacing:-.055em}.intro-label{position:absolute;left:clamp(30px,5vw,76px);bottom:282px;margin:0;font:12px/1.45 var(--mono);letter-spacing:-.04em}.intro-label span{color:var(--muted)}.project-button{display:inline-flex;gap:22px;align-items:center;margin-top:24px;padding:13px 15px;background:var(--black);color:var(--white);font:10px var(--mono);transition:background .2s}.project-button:hover{background:#3e3e3a}.project-button span{font-size:15px;line-height:0}.intro-projects{position:absolute;left:clamp(30px,5vw,76px);right:clamp(30px,5vw,76px);bottom:38px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.intro-project{display:block;min-width:0}.intro-project img{width:100%;aspect-ratio:1.35;display:block;object-fit:cover;object-position:top;filter:saturate(.94);transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .3s}.intro-project:hover img{transform:scale(1.018);filter:brightness(.91)}.intro-project span{display:block;overflow:hidden;margin-top:8px;color:var(--muted);font:10px var(--mono);text-overflow:ellipsis;white-space:nowrap}.projects,.archive{padding:36px clamp(30px,5vw,76px) 116px}.section-head{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;color:var(--muted);font:10px var(--mono);text-transform:uppercase}.section-head p{margin:0}.project{margin-top:32px}.project a{display:block}.project img{display:block;width:100%;aspect-ratio:1.85;object-fit:cover;object-position:top;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.project a{overflow:hidden;background:#191919}.project a:hover img{transform:scale(1.02)}.project div{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;padding:11px 0 0;background:var(--white)}.project span{font:10px var(--mono);color:var(--muted);text-transform:uppercase}.project h2{margin:0;font-size:17px;font-weight:500;letter-spacing:-.04em}.project p{margin:1px 0 0;color:var(--muted);font-size:12px}.project-notes{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:67px;padding-top:14px;border-top:1px solid var(--line)}.project-notes p{max-width:320px;margin:0;color:var(--muted);font-size:12px}.archive{padding-bottom:105px}.archive-list{margin-top:33px;border-top:1px solid var(--black)}.archive-list p{display:grid;grid-template-columns:76px 1fr 1fr;gap:12px;align-items:baseline;margin:0;padding:12px 0;border-bottom:1px solid var(--black);font-size:31px;letter-spacing:-.065em}.archive-list span,.archive-list i{font:10px var(--mono);font-style:normal;color:var(--muted);letter-spacing:0}.contact{position:relative;min-height:590px;padding:40px clamp(30px,5vw,76px);background:var(--black);color:var(--white)}.contact>p:first-child{margin:0;color:#a7a7a0;font:10px var(--mono);text-transform:uppercase}.contact h2{margin:140px 0 0;font-size:clamp(58px,7vw,103px);font-weight:400;line-height:.86;letter-spacing:-.095em}.contact-note{max-width:270px;margin:39px 0 0;color:#a7a7a0;font-size:12px}.contact .wordmark{position:absolute;right:clamp(30px,5vw,76px);bottom:34px;color:var(--white)}.footer{display:flex;justify-content:space-between;padding:18px clamp(30px,5vw,76px);color:var(--muted);font:10px var(--mono)}.footer a{color:var(--black)}
@media(max-width:680px){.header{height:72px;padding:0 20px}.wordmark{font-size:18px}.header nav{gap:16px;font-size:8px}.header nav a:first-child{display:none}.intro{min-height:630px;padding:80px 20px 20px}.intro-copy{width:min(100%,320px);margin:0 0 0 auto}.intro h1{font-size:24px}.intro-label{left:20px;bottom:226px;font-size:9px}.project-button{margin-top:19px;padding:12px 13px;font-size:9px}.intro-projects{left:20px;right:20px;bottom:20px;gap:8px}.intro-project img{aspect-ratio:1.12}.intro-project span{font-size:7px}.projects,.archive{padding:22px 20px 78px}.project{margin-top:23px}.project img{aspect-ratio:1.35;object-position:top}.project div{display:block;padding-top:10px}.project h2{margin-top:7px}.project p{font-size:10px}.project-notes{display:block;margin-top:42px}.project-notes p+ p{margin-top:16px}.archive-list p{grid-template-columns:38px 1fr;gap:8px;font-size:26px}.archive-list i{grid-column:2;font-size:8px}.contact{min-height:480px;padding:27px 20px}.contact h2{margin-top:116px;font-size:63px}.contact .wordmark{right:auto;left:20px;bottom:26px}.footer{padding:17px 20px}}
