@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Italiana&display=swap');
:root{--bg:#eee9df;--ink:#292824;--muted:#706d65;--line:#c9c2b7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-weight:300}a{color:inherit;text-decoration:none}header{height:86px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:2;width:100%;color:#f5f0e8}.brand{font-size:13px;letter-spacing:.16em;font-weight:500}.brand span{font-weight:300;margin-left:10px;opacity:.8}nav{display:flex;gap:28px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.hero{height:100svh;min-height:680px;position:relative;background:#555;overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,18,15,.52),rgba(20,18,15,.03) 70%)}.hero img{width:100%;height:100%;object-fit:cover}.hero-copy{position:absolute;z-index:1;left:7vw;bottom:11vh;color:#f7f2e9}.hero-copy p,.eyebrow,.section-head{font-size:11px;letter-spacing:.18em}.hero h1{font-family:'Italiana',serif;font-size:clamp(54px,7vw,112px);line-height:.9;font-weight:400;margin:24px 0 38px}.hero h1 em,.about h2 em{font-weight:400}.hero-copy a{text-transform:uppercase;font-size:11px;letter-spacing:.16em;border-bottom:1px solid;padding-bottom:6px}.intro{padding:14vw 8vw 15vw;display:grid;grid-template-columns:1fr 2fr 1fr;gap:4vw}.intro h2,.project-title h2,.about h2,.contact h2{font-family:'Italiana',serif;font-weight:400}.intro h2{font-size:clamp(45px,5vw,78px);line-height:1.02;margin:0}.intro .body{align-self:end;line-height:1.7;color:var(--muted);font-size:14px}.work{padding:0 4vw}.section-head{border-top:1px solid var(--line);padding:18px 0 32px;display:flex;justify-content:space-between}.work article>img{width:100%;height:78vh;object-fit:cover}.project-title{display:flex;justify-content:space-between;align-items:flex-end;padding:48px 3vw 100px}.project-title h2{font-size:clamp(50px,6vw,90px);line-height:.95;margin:16px 0 0}.project-title p{font-size:12px;line-height:1.8;letter-spacing:.08em}.grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1.5vw;align-items:start}.grid img{width:100%;height:62vw;max-height:850px;object-fit:cover}.grid img:nth-child(2){height:48vw;max-height:700px;margin-top:9vw}.statement{margin:12vw auto;max-width:900px;display:grid;grid-template-columns:1fr 2fr;gap:4vw}.statement p{font-size:14px;line-height:1.8}.statement p:first-child{font-size:11px;letter-spacing:.16em}.second{grid-template-columns:.8fr 1.2fr}.second img:first-child{height:48vw}.second img:nth-child(2){height:58vw}.about{margin-top:15vw;padding:12vw 8vw;background:#d8d0c4;display:grid;grid-template-columns:1fr 2fr;gap:6vw}.about h2{font-size:clamp(58px,7vw,105px);line-height:.9;margin:0 0 70px}.about div p{max-width:600px;line-height:1.8;font-size:15px;color:#55514a}.contact{padding:15vw 8vw 10vw}.contact h2{font-size:clamp(70px,9vw,140px);line-height:.85;margin:50px 0}.contact>p:not(.eyebrow){font-size:18px}.links{display:flex;gap:45px;margin-top:70px}.links a{font-size:13px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid;padding-bottom:7px}footer{margin:0 4vw;border-top:1px solid var(--line);padding:28px 0 40px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
@media(max-width:700px){header{height:70px;padding:0 20px}.brand span{display:none}nav{gap:15px;font-size:10px}.hero{min-height:650px}.hero-copy{left:24px;bottom:70px}.hero h1{font-size:56px}.intro{padding:100px 24px;display:block}.intro h2{font-size:47px;margin:35px 0}.intro .body{max-width:90%}.work{padding:0 16px}.work article>img{height:62vh}.project-title{display:block;padding:35px 8px 70px}.project-title h2{font-size:52px;margin-bottom:35px}.grid,.second{grid-template-columns:1fr;gap:16px}.grid img,.grid img:nth-child(2),.second img:first-child,.second img:nth-child(2){height:auto;margin:0}.statement{margin:90px 8px;display:block}.statement p:first-child{margin-bottom:35px}.about{margin-top:100px;padding:100px 24px;display:block}.about>p{margin-bottom:45px}.about h2{font-size:64px;margin-bottom:50px}.contact{padding:110px 24px}.contact h2{font-size:68px}.links{margin-top:55px;gap:28px}footer{margin:0 20px;display:block;line-height:2}}