@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@500;600;700&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f3ef;color:#111;font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}
header{position:fixed;z-index:5;top:0;width:100%;height:84px;padding:12px 5vw;display:flex;align-items:center;justify-content:space-between;color:#fff}header img{width:145px;height:52px;object-fit:cover;background:#fff}nav{display:flex;gap:30px;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.cta{border:1px solid currentColor;padding:11px 16px;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.hero{height:100vh;min-height:650px;position:relative;color:#fff;display:flex;align-items:flex-end;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('images/project-1.jpeg') center/cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.05) 75%),linear-gradient(0deg,rgba(0,0,0,.65),transparent 55%)}.hero-text{position:relative;padding:0 8vw 11vh;max-width:900px}.hero small,small{font-size:10px;letter-spacing:.2em;font-weight:600}.hero h1{font:600 clamp(60px,9vw,125px)/.88 Manrope,sans-serif;letter-spacing:-.07em;margin:22px 0}.hero h1 i{font-style:normal;font-weight:500}.hero p{max-width:540px;font-size:17px;line-height:1.6;color:#eee;margin-bottom:30px}.button{display:inline-block;background:#fff;color:#111;padding:15px 21px;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.section{padding:125px 8vw}.two{display:grid;grid-template-columns:1fr 2fr;gap:8vw}.section>small{color:#777}.section h2,.project-title h2,.contact h2,.statement h2{font:600 clamp(44px,5.5vw,80px)/.98 Manrope,sans-serif;letter-spacing:-.055em;margin:0 0 30px}.two p{max-width:680px;color:#555;line-height:1.75;font-size:16px}.dark{background:#171717;color:#fff}.dark small{color:#aaa}.grid{display:grid;grid-template-columns:1fr 1fr}.grid article{border-top:1px solid #444;padding:38px 35px 42px 0}.grid b{font-size:10px;color:#888}.grid h3{font:600 27px Manrope;margin:30px 0 10px}.grid p{color:#aaa;margin:0;max-width:360px}.projects{background:#e9e8e3}.project-title{margin-left:25%}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:50px 24px;margin-top:65px}.gallery figure{margin:0}.gallery img{display:block;width:100%;height:520px;object-fit:cover}.gallery .wide{grid-column:span 2}.gallery .wide img{height:650px}.gallery figcaption{padding-top:12px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.gallery span{color:#888}.statement{background:#111;color:#fff;padding:145px 8vw}.statement small{color:#999}.statement h2{font-size:clamp(55px,8vw,115px);margin-top:50px}.contact{background:#deddd7}.contact-inner{margin-left:25%;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact-inner>div>small{color:#777}.details{display:flex;flex-direction:column;justify-content:center;gap:18px}.details a:first-child{font:500 27px Manrope}.details span{color:#777}footer{padding:32px 5vw;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#777}footer img{width:105px;height:38px;object-fit:cover;background:#fff}
@media(max-width:800px){header{height:68px;padding:10px 5vw}header img{width:115px;height:42px}nav{display:none}.cta{padding:9px 11px}.hero-text{padding:0 7vw 12vh}.hero h1{font-size:62px}.hero p{font-size:15px}.section{padding:85px 7vw}.two,.contact-inner{grid-template-columns:1fr;margin-left:0;gap:35px}.grid{grid-template-columns:1fr}.project-title{margin-left:0}.gallery{grid-template-columns:1fr;gap:35px}.gallery .wide{grid-column:auto}.gallery img,.gallery .wide img{height:430px}.statement{padding:100px 7vw}footer{flex-wrap:wrap;gap:15px}}

.header-actions{display:flex;align-items:center;gap:14px}.instagram-link{font-size:10px;letter-spacing:.14em;text-transform:uppercase}.whatsapp-text{font-size:16px!important;color:#111!important;text-decoration:underline}.project-name{color:#111}.gallery figcaption>span:last-child{color:#888}.footer-links{display:flex;gap:20px;align-items:center}.whatsapp-float{position:fixed;z-index:10;right:24px;bottom:24px;width:54px;height:54px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font:600 11px Manrope,sans-serif;box-shadow:0 8px 25px rgba(0,0,0,.18)}
@media(max-width:800px){.header-actions{gap:8px}.instagram-link{display:none}.whatsapp-float{right:18px;bottom:18px}.footer-links{width:100%;justify-content:space-between}}