@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:#172238}.top{height:34px;background:#091426;color:#cbd2dc;display:flex;justify-content:space-between;align-items:center;padding:0 max(calc((100% - 1120px)/2),22px);font-size:10px;letter-spacing:.08em}.top a{color:#d6a958;text-decoration:none}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100% - 1120px)/2),22px);background:white;position:sticky;top:0;z-index:9;box-shadow:0 3px 20px #0000000b}.brand{display:flex;gap:10px;align-items:center;color:#10213a;text-decoration:none}.mark{font-size:42px;color:#bd8b35}.brand span{display:flex;flex-direction:column}.brand strong{font:800 15px Manrope;letter-spacing:.1em}.brand small{font-size:9px;letter-spacing:.3em;color:#bd8b35;margin-top:4px}nav{display:flex;gap:30px;align-items:center}nav a{font-size:12px;font-weight:700;color:#485568;text-decoration:none}.navbtn{background:#10213a;color:white;padding:14px 18px}#menu{display:none}.hero{min-height:620px;background:linear-gradient(90deg,#0b1729 0%,#0b1729ed 45%,#0b172980 100%),linear-gradient(135deg,#465d69,#c6b18e 55%,#263d43);color:white;position:relative;display:flex;align-items:center;overflow:hidden}.hero:after{content:'';position:absolute;right:-5%;top:0;width:55%;height:100%;background:linear-gradient(145deg,transparent 20%,#d3c09a 20.5%,#63736c 21%,#263c43 65%,#0c192b 65.5%);opacity:.35}.hero-inner{width:min(1120px,calc(100% - 44px));margin:auto;position:relative;z-index:1;padding:80px 0}.hero label,section>label,.about label,.contact label,.heading label{font-size:10px;letter-spacing:.22em;font-weight:700;color:#d4a654}.hero h1,h2{font:800 clamp(36px,5vw,62px)/1.13 Manrope;letter-spacing:-.04em;margin:24px 0}.hero h1 em,h2 em{font-style:normal;color:#d4a654}.hero p{max-width:490px;color:#cbd3dd;line-height:1.8;font-size:14px}.btn{display:inline-block;background:#c99a4c;color:#101d32;border:0;padding:16px 22px;font-size:11px;font-weight:700;text-decoration:none;margin-top:18px;cursor:pointer}.proof{display:flex;align-items:center;gap:13px;margin-top:55px;color:#bdc7d3;font-size:10px}.proof b{font:800 24px Manrope;color:#d6aa5d}.proof i{height:30px;width:1px;background:#748091;margin:0 12px}.hero-tag{position:absolute;bottom:25px;right:25px;font-size:9px;letter-spacing:.2em;color:#d4d9df}.intro{padding:90px max(calc((100% - 1120px)/2),22px);background:#f4f5f6;display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.intro label,.projects label,.process label{color:#a87a31}.intro h2,.projects h2,.process h2{font-size:clamp(30px,4vw,45px);color:#15243b}.intro p,.heading>p,.projects>p{font-size:13px;line-height:1.9;color:#6d7888}.dark{padding:90px max(calc((100% - 1120px)/2),22px);background:#101d32;color:white}.heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.heading h2{font-size:44px;margin:15px 0 0}.heading>p{max-width:300px;color:#adb8c7}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff25;border-left:1px solid #ffffff25}.cards article{padding:25px;min-height:205px;border-right:1px solid #ffffff25;border-bottom:1px solid #ffffff25;position:relative}.cards article>b{font-size:32px;color:#d4a654}.cards article small{position:absolute;right:22px;top:25px;color:#8995a6}.cards h3{font:700 16px Manrope}.cards p{font-size:12px;line-height:1.7;color:#adb8c7}.about{padding:100px max(calc((100% - 1120px)/2),22px);background:#17263d;color:white;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.blueprint{height:380px;background:repeating-linear-gradient(0deg,#ffffff0b 0 1px,transparent 1px 25px),repeating-linear-gradient(90deg,#ffffff0b 0 1px,transparent 1px 25px),linear-gradient(135deg,#29435d,#0c1729);border:1px solid #bd8b3566;display:grid;place-items:center;position:relative}.house{width:55%;height:40%;border:2px solid #d4a654;position:relative}.house:before{content:'';position:absolute;top:-35%;left:-5%;width:110%;height:40%;border-top:3px solid #d4a654;border-left:3px solid #d4a654;transform:skewY(-23deg)}.blueprint span{position:absolute;bottom:14px;left:15px;color:#d4a654;font-size:9px;letter-spacing:.2em}.about h2{font-size:43px}.about p{font-size:13px;line-height:1.9;color:#c0c9d5}.outline{display:inline-block;border:1px solid #d4a654;padding:14px 18px;color:white;text-decoration:none;font-size:11px;margin-top:15px}.projects,.process{padding:90px max(calc((100% - 1120px)/2),22px)}.projects h2,.process h2{margin:15px 0}.gallery{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:17px;margin-top:30px}.g{height:280px;display:flex;align-items:end;padding:20px;color:white;font:700 12px Manrope;letter-spacing:.12em;background:linear-gradient(0deg,#0c192bd9,transparent 65%),linear-gradient(135deg,#b9c1bd,#52676b)}.g2{background:linear-gradient(0deg,#0c192bd9,transparent 65%),linear-gradient(135deg,#c7c2b2,#718b89)}.g3{background:linear-gradient(0deg,#0c192bd9,transparent 65%),repeating-linear-gradient(0deg,#b7835d 0 26px,#66716f 27px 30px)}.projects>p{margin:8px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:40px}.steps>div{border-top:1px solid #d9dfe4;padding-top:18px}.steps b{font:800 25px Manrope;color:#c3944b}.steps h3{font:700 16px Manrope}.steps p{font-size:12px;line-height:1.7;color:#737f8e}.contact{padding:90px max(calc((100% - 1120px)/2),22px);background:#101d32;color:white;display:grid;grid-template-columns:1fr .85fr;gap:85px;align-items:center}.contact h2{font-size:46px}.contact p{color:#b5bfcc;font-size:13px;line-height:1.8}.contact>div>small{display:block;color:#d4a654;font-size:9px;letter-spacing:.18em;margin-top:28px}.phone,.contact>div>b{display:block;color:white;font:700 17px Manrope;text-decoration:none;margin-top:8px}.contact form{background:white;color:#15243b;padding:30px}.contact form h3{font:800 22px Manrope;margin:0}.contact form p,.contact form small{font-size:10px;color:#7c8794}.contact form label{display:block;color:#334158;font-size:10px;letter-spacing:0;margin-top:15px}.contact input,.contact select,.contact textarea{display:block;width:100%;padding:12px;border:1px solid #dce1e6;background:#fafbfc;margin-top:7px;font:12px 'DM Sans'}.contact form .btn{width:100%}footer{background:#091426;color:#aeb8c5;padding:28px max(calc((100% - 1120px)/2),22px);display:flex;align-items:center;justify-content:space-between;gap:15px}footer>span,footer>small{font-size:10px}.wa{position:fixed;right:20px;bottom:20px;background:#1da66b;color:white;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;text-decoration:none;font-size:24px;box-shadow:0 5px 20px #0003;z-index:8}@media(max-width:760px){header{height:70px}#menu{display:block;border:0;background:none;font-size:23px;color:#14243b}nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:22px;flex-direction:column;align-items:stretch;gap:20px}nav.open{display:flex}.navbtn{text-align:center}.hero{min-height:610px}.hero h1{font-size:42px}.hero-inner{padding:65px 0}.intro,.about,.contact{grid-template-columns:1fr;gap:30px;padding-top:70px;padding-bottom:70px}.intro{gap:12px}.heading{display:block}.heading>p{margin-top:15px}.cards{grid-template-columns:1fr 1fr}.cards article{padding:19px;min-height:190px}.about{gap:35px}.blueprint{height:290px}.about h2,.contact h2{font-size:37px}.gallery{grid-template-columns:1fr}.g{height:230px}.steps{grid-template-columns:1fr 1fr}.contact form{padding:23px 18px}footer{flex-direction:column;align-items:flex-start}footer>span{margin:0}}@media(max-width:390px){.cards{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.hero h1{font-size:36px}}