:root{--ink:#111;--paper:#f4f1ea;--line:#c7c1b7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,sans-serif}
a{color:inherit;text-decoration:none}header{position:fixed;z-index:10;top:0;width:100%;display:flex;justify-content:space-between;padding:22px 3vw;mix-blend-mode:difference;color:white}.logo{font-weight:600;font-size:22px}button{background:none;border:0;color:inherit;letter-spacing:.15em}
.hero{min-height:100vh;display:grid;grid-template-columns:1.25fr .9fr;padding:72px 3vw 3vw;gap:3vw}.hero-image{overflow:hidden}.hero-image img{width:100%;height:calc(100vh - 100px);object-fit:cover;transition:transform 1.3s cubic-bezier(.2,.7,.2,1)}.hero-image:hover img{transform:scale(1.035)}
.hero-copy{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:3vw}.hero-copy p{font-size:11px;letter-spacing:.2em}.hero-copy h1{font-family:Italiana,serif;font-size:clamp(70px,10vw,160px);line-height:.76;font-weight:400;margin:25px 0 40px}.hero-copy a{border-bottom:1px solid;width:max-content;padding-bottom:5px}
.work{padding:10vw 3vw}.intro{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-bottom:5vw}.grid{display:grid;grid-template-columns:1.35fr .8fr;gap:3vw}.grid figure{margin:0;overflow:hidden}.grid figure:nth-child(3){grid-column:2}.grid img{width:100%;height:55vw;max-height:760px;object-fit:cover;display:block;transition:transform .8s ease}.grid figure:not(.wide) img{height:34vw}.grid figure:hover img{transform:scale(1.025)}figcaption{padding-top:10px;font-size:12px}
.about{padding:12vw 3vw;border-top:1px solid var(--line)}.kicker{text-transform:uppercase;letter-spacing:.2em;font-size:11px}.about h2{font-family:Italiana,serif;font-size:clamp(48px,7vw,100px);font-weight:400;line-height:1;max-width:1100px}.details{display:grid;grid-template-columns:1fr 1fr;max-width:800px;margin-left:auto;gap:5vw;line-height:1.7}
.contact{padding:9vw 3vw;background:#111;color:#f5f1e9}.contact p{color:#aaa}.contact a{font-family:Italiana,serif;font-size:clamp(42px,7vw,100px)}
footer{padding:25px 3vw;display:flex;justify-content:space-between;font-size:12px}
.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s ease,transform .9s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:70px}.hero-image img{height:60vh}.hero-copy h1{margin:20px 0 30px}.grid{grid-template-columns:1fr}.grid figure:nth-child(3){grid-column:auto}.grid figure img,.grid figure:not(.wide) img{height:120vw}.details{grid-template-columns:1fr}.contact{padding:20vw 3vw}}