@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500&family=Manrope:wght@400&display=swap");:root{--ink:#17241f;--paper:#f3f0e9;--lime:#d9ff43}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 "DM Sans",sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%}header{position:absolute;z-index:5;width:100%;height:86px;padding:0 5vw;color:white;display:flex;align-items:center;border-bottom:1px solid #ffffff44}header small{display:block;letter-spacing:.2em}header nav{display:flex;gap:30px;margin:auto}header button{background:none;color:white;border:0}#menu{display:none}.hero{height:100vh;min-height:680px;display:flex;align-items:flex-end;color:white;background:linear-gradient(90deg,#07140fca,#07140f18),url("https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=2200&q=88") center/cover}.hero div{padding:0 8vw 12vh;max-width:950px}.hero h1,h2{font:400 clamp(3rem,6vw,6.5rem)/1.02 Manrope;letter-spacing:-.05em;margin:20px 0}.hero span{display:block;max-width:600px}.hero a{display:inline-block;background:var(--lime);color:var(--ink);padding:14px 22px;margin-top:30px}.shell{max-width:1360px;margin:auto;padding-left:6vw;padding-right:6vw}.intro,.about{padding-top:140px;padding-bottom:140px;display:grid;grid-template-columns:1fr 3fr;gap:8vw}.intro h2,.work h2,.about h2{font-size:clamp(2rem,4vw,4.5rem);margin-top:0}.intro div p{max-width:650px;margin-left:auto;color:#66716c}.dark{background:var(--ink);color:white;padding:130px 0}.dark h2{font-size:clamp(2.8rem,5.5vw,5.8rem)}.services{margin-left:33%;border-top:1px solid #ffffff40}.services article{display:grid;grid-template-columns:65px 1fr;padding:30px 0;border-bottom:1px solid #ffffff40}.services h3,.services p{grid-column:2;margin:0}.services h3{font:400 2rem Manrope}.services p{color:#bdc6c1}.services b,.process b{color:var(--lime)}.work{padding-top:140px;padding-bottom:140px}.projects{display:grid;grid-template-columns:1.45fr 1fr;gap:22px;margin-top:60px}.projects article{position:relative}.projects .large{grid-row:span 2}.projects img{height:100%;min-height:320px;object-fit:cover}.projects .large img{min-height:660px}.projects h3{position:absolute;left:24px;bottom:16px;color:white;font:400 2rem Manrope;text-shadow:0 2px 12px #000}.process ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff40}.process li{padding:28px 22px 0 0}.process p{color:#bdc6c1}.about{grid-template-columns:1.1fr 1fr;align-items:center}.about img{height:650px;object-fit:cover}.contact{text-align:center}.contact a{display:block;color:var(--lime);font-size:1.2rem;margin-top:25px}footer{background:#101915;color:white;padding:38px 5vw;display:flex;justify-content:space-between}@media(max-width:800px){header nav{display:none;position:absolute;top:86px;left:0;right:0;background:var(--ink);padding:25px;flex-direction:column}header nav.open{display:flex}#menu{display:block;margin-left:auto}.intro,.about{grid-template-columns:1fr}.services{margin-left:0}.projects{grid-template-columns:1fr}.projects .large{grid-row:auto}.projects img,.projects .large img{min-height:430px}.process ol{grid-template-columns:1fr 1fr}.about img{height:70vw}footer{flex-direction:column;gap:15px}}@media(max-width:500px){.dark,.work,.intro,.about{padding-top:85px;padding-bottom:85px}.process ol{grid-template-columns:1fr}.services article{grid-template-columns:42px 1fr}}