@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;800&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}::selection{background:#c9ff69;color:#111}@media(max-width:760px){.desktop{display:none!important}}body{background:#eae9e4;color:#20211d;font-family:DM Sans,sans-serif}header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #aaa9a2;font-size:11px;letter-spacing:.12em}.brand{font-weight:800;font-size:22px;letter-spacing:-.09em}.brand span{color:#a65e35}.intro{padding:9vw 5vw 5vw}.micro,.sectionlabel,small{font-size:11px;letter-spacing:.18em}.intro h1{font-family:Manrope,sans-serif;font-size:clamp(80px,15vw,260px);letter-spacing:-.11em;line-height:.82;margin:6vw 0}.intro h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.09em}.intro h1 span{color:#9e9e95}.introfoot{display:flex;justify-content:space-between;align-items:end;font-size:13px}.introfoot a{border-bottom:1px solid;padding-bottom:8px}.hero{height:80vh;position:relative;background:#222;overflow:hidden}.heroimage{height:100%;background:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?w=1800&q=90') center/cover;animation:appear 1.5s both}.vertical{position:absolute;right:25px;top:40px;writing-mode:vertical-rl;color:white;font-size:10px;letter-spacing:.2em}.heroindex{position:absolute;bottom:30px;left:5vw;color:white;font-size:12px}.works{padding:9vw 5vw}.project{display:grid;grid-template-columns:1fr 1.2fr;gap:8vw;align-items:center;margin:7vw 0 14vw}.project img{height:560px}.project h2{font-size:clamp(60px,8vw,150px);letter-spacing:-.09em;line-height:.85}.project p{font-size:14px}.reverse img{order:-1}footer{background:#22231f;color:#eae9e4;padding:7vw 5vw;display:grid;gap:30px}footer>a{font-size:clamp(40px,8vw,130px);letter-spacing:-.08em}footer small{opacity:.5}@keyframes appear{from{transform:scale(1.1);filter:blur(8px)}to{transform:scale(1);filter:blur(0)}}@media(max-width:760px){.intro h1{font-size:19vw}.introfoot{gap:20px;align-items:start}.hero{height:55vh}.project{grid-template-columns:1fr;gap:15px;margin:65px 0}.project img{height:380px}.reverse img{order:initial}}