@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;700;800&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2efe8;color:#171717;font:15px/1.6 'DM Sans'}a{text-decoration:none;color:inherit}header{height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#f2efe8;position:sticky;top:0;z-index:20;border-bottom:1px solid #ccc7bc}.logo{font:800 22px Manrope}.logo span{color:#ef4d2f}header nav{display:flex;gap:30px}.hire{border-bottom:2px solid #ef4d2f}.flash{padding:14px 5vw;background:#dff1dd}.flash.error{background:#f7deda}.hero{min-height:calc(100vh - 84px);padding:7vw;display:grid;grid-template-columns:1fr 230px;align-items:center;gap:8vw}.hero span,.heading span,.about span,.contact span{font-size:10px;letter-spacing:.2em}.hero h1{font:800 clamp(70px,13vw,180px)/.8 Manrope;letter-spacing:-.1em;margin:30px 0;color:#ef4d2f}.hero p{font-size:22px;max-width:700px}.hero aside{display:grid;border-left:1px solid;padding-left:25px}.hero aside b{font:800 34px Manrope}.hero aside small{margin-bottom:20px}.section{padding:100px 6vw}.heading h2,.dark h2,.about h2,.contact h2,.case-hero h1{font:800 clamp(42px,7vw,90px)/.95 Manrope;letter-spacing:-.06em;margin:12px 0 50px}.projects{display:grid;grid-template-columns:1fr 1fr;gap:60px 22px}.visual{height:420px;padding:25px;display:flex;justify-content:space-between;background:#ffcd41}.v1{background:#ef4d2f;color:white}.v2{background:#253fb5;color:white}.v3{background:#b6d7b8}.project h3{font:700 28px Manrope;margin:8px 0}.project p{color:#69655f}.dark{background:#171717;color:#fff;padding:100px 6vw}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #555}.services article{padding:35px;border-right:1px solid #555}.services h3{font:700 25px Manrope}.services p{color:#aaa}.about{padding:110px 7vw;display:grid;grid-template-columns:1.3fr 1fr;gap:10vw}.about h2{font-size:60px}.about>div>p{font-size:20px}.achievements p{border-top:1px solid #ccc;padding:12px 0}.quotes{padding:90px 6vw;background:#253fb5;color:white;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.quotes blockquote{font:500 28px/1.4 Manrope;margin:0;border:1px solid #ffffff55;padding:30px}.quotes footer{margin-top:25px;font:14px DM Sans;display:flex;justify-content:space-between}.contact{padding:110px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#ffcd41}.contact h2{font-size:65px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full{grid-column:1/-1}label{font-size:12px}input,select,textarea{width:100%;padding:13px;border:0;border-bottom:1px solid #171717;background:transparent}.contact button{background:#171717;color:#fff;border:0;padding:15px 25px;margin-top:20px}body>footer{padding:45px 6vw;background:#171717;color:white;display:flex;justify-content:space-between}.case-hero{padding:100px 7vw}.case-hero h1{font-size:100px;color:#ef4d2f}.case-hero p{font-size:22px;max-width:800px}.case-hero div{display:flex;gap:25px}.case-body{padding:0 7vw 120px;display:grid;grid-template-columns:1.2fr .8fr;gap:8vw}.case-visual{height:650px;background:#253fb5;color:white;display:grid;place-items:center;font:800 50px Manrope;text-align:center;padding:30px}.case-body h2{font:700 28px Manrope;margin-top:35px}.project-link{display:inline-block;border-bottom:2px solid #ef4d2f;margin-top:20px}@media(max-width:800px){header nav{display:none}.hero,.about,.contact,.case-body{grid-template-columns:1fr}.hero aside{display:none}.projects,.quotes{grid-template-columns:1fr}.services{grid-template-columns:1fr}.visual{height:300px}.case-hero h1{font-size:60px}.case-visual{height:380px}.grid{grid-template-columns:1fr}.full{grid-column:auto}body>footer{display:block}}