:root{--paper:#efede7;--char:#20201e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--char);font-family:Arial,sans-serif;overflow-x:hidden}header{position:fixed;z-index:10;inset:0 0 auto;padding:25px 4vw;display:flex;justify-content:space-between;mix-blend-mode:difference;color:white}header a{color:inherit;text-decoration:none}nav{display:flex;gap:32px;font-size:10px;letter-spacing:.2em}.hero{min-height:100svh;padding:15vh 5vw;position:relative}.hero>p{letter-spacing:.3em;font-size:10px}.hero h1{font-size:clamp(75px,15vw,210px);line-height:.75;margin:16vh 0 0;letter-spacing:-.08em;position:relative;z-index:2}.mask span{display:inline-block;clip-path:inset(0 0 0 0)}.js .mask span{transform:translateY(110%);animation:unmask 1.2s .2s cubic-bezier(.2,.8,.2,1) forwards}.block{background:linear-gradient(135deg,#393a38,#aaa69b);color:#fff8;display:grid;place-items:center;letter-spacing:.25em}.b1{position:absolute;width:28vw;height:72vh;right:9vw;top:12vh}.statement{padding:170px 9vw;display:grid;grid-template-columns:1.3fr .7fr;gap:12vw}.statement p{font:clamp(35px,6vw,80px) Georgia;margin:0}.statement span{line-height:2.2;align-self:end}.work{min-height:110vh;padding:10vh 7vw;display:grid;grid-template-columns:1.5fr .5fr;gap:5vw;align-items:center}.work.reverse{grid-template-columns:.5fr 1.5fr}.reverse .block{order:2}.b2,.b3{height:78vh}.b3{background:linear-gradient(145deg,#b9b5a9,#4d4d48)}.work h2{font:400 clamp(40px,5vw,70px) Georgia}.work small{letter-spacing:.2em}.numbers{padding:100px 8vw;background:var(--char);color:var(--paper);display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:end;gap:20px}.numbers b{font-size:12vw}.contact{min-height:85vh;padding:15vh 8vw}.contact h2{font:400 clamp(55px,9vw,130px) Georgia}.contact a{color:inherit}.contact small{display:block;margin-top:50px}.js .reveal{opacity:0;transform:translateY(50px);transition:1s}.js .reveal.is-visible{opacity:1;transform:none}@keyframes unmask{to{transform:none}}@media(max-width:760px){nav{display:none}.b1{width:55vw;right:-10vw;opacity:.55}.hero h1{font-size:72px;margin-top:25vh}.statement,.work,.work.reverse{grid-template-columns:1fr}.reverse .block{order:0}.b2,.b3{height:60vh}.numbers{grid-template-columns:auto 1fr}.numbers b{font-size:25vw}}
html{overflow-x:hidden}