@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#102c27;--ink2:#183c35;--gold:#e5a51c;--cream:#f5f2ea;--paper:#fbfaf7;--muted:#6e7773;--white:#fff;--line:#d9ddd7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",Arial,sans-serif}a{text-decoration:none;color:inherit}.nav{height:78px;padding:0 5vw;display:flex;align-items:center;gap:38px;background:rgba(251,250,247,.96);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(16,44,39,.08);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;margin-right:auto;font-size:16px;letter-spacing:.08em}.brand b{font-weight:800}.brand small{display:block;font-size:7px;letter-spacing:.18em;color:#77817d;margin-top:3px}.brand-mark{width:34px;height:34px;border:2px solid var(--ink);display:grid;place-items:center;font-family:Manrope;font-weight:800;font-size:17px}.nav nav{display:flex;gap:30px;font-size:13px;color:#66706c}.nav nav a:hover{color:var(--ink)}.nav-phone{font-size:12px;font-weight:700}.menu{display:none;background:none;border:0;font-size:22px;color:var(--ink)}
.hero{min-height:650px;background:var(--ink);color:white;display:grid;grid-template-columns:1.02fr .98fr;overflow:hidden}.hero-copy{padding:110px 7vw 90px;display:flex;justify-content:center;flex-direction:column;position:relative;z-index:2}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.24em;color:var(--gold);margin:0 0 22px}.hero h1{font:800 clamp(50px,6vw,92px)/.94 Manrope;margin:0;letter-spacing:-.055em;max-width:700px}.hero h1 em,.intro em,.services em,.contact em{color:var(--gold);font-style:normal}.lead{max-width:470px;font-size:16px;line-height:1.65;color:#cad5d0;margin:28px 0 34px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{padding:15px 21px;font-size:12px;font-weight:800;display:inline-block}.primary{background:var(--gold);color:var(--ink)}.ghost{border:1px solid rgba(255,255,255,.35);color:white}.hero-art{position:relative;min-height:650px;background:linear-gradient(145deg,#335c52,#172f2b);overflow:hidden}.hero-art:after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,rgba(0,0,0,.25))}.sun{position:absolute;width:160px;height:160px;border-radius:50%;background:rgba(229,165,28,.8);right:12%;top:14%;filter:blur(2px)}.building{position:absolute;bottom:0;background:#d9dfdc;box-shadow:20px 0 40px rgba(0,0,0,.15)}.b1{width:48%;height:74%;left:4%;background:#aebbb6}.b2{width:46%;height:88%;left:32%;background:#eef0ed}.b3{width:28%;height:58%;right:0;background:#71837d}.building i{display:block;float:left;width:20%;height:12%;margin:7% 2.5%;background:#35554e;border:1px solid rgba(255,255,255,.4)}.b2 i{background:#78918a}.b3 i{background:#d8ddd9}
.intro{padding:105px 9vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:end}.intro h2,.services h2,.contact h2{font:800 clamp(38px,4.5vw,64px)/1.05 Manrope;letter-spacing:-.045em;margin:0}.intro>p{color:var(--muted);font-size:16px;line-height:1.85;margin:0}
.projects{padding:95px 7vw;background:var(--cream)}.section-head{display:flex;align-items:end;gap:30px;margin-bottom:40px}.section-head h2{font:800 45px/1 Manrope;letter-spacing:-.04em;margin:0}.line{height:1px;background:var(--line);flex:1;margin-bottom:7px}.project-card{background:white;display:grid;grid-template-columns:1.2fr .8fr;min-height:430px}.project-visual{position:relative;overflow:hidden;background:linear-gradient(140deg,#264a41,#91a59d);min-height:400px}.mini-building{position:absolute;bottom:0;left:18%;width:64%;height:78%;background:#e9ece9;box-shadow:20px 0 45px rgba(0,0,0,.15)}.floor{height:25%;border-bottom:2px solid #a7b3ae;position:relative}.floor:before,.floor:after{content:"";position:absolute;top:18%;width:22%;height:58%;background:#607c74}.floor:before{left:8%}.floor:after{right:8%}.location{position:absolute;left:25px;bottom:24px;color:white;font-size:10px;letter-spacing:.15em;font-weight:800}.project-info{padding:60px 55px;display:flex;justify-content:center;flex-direction:column}.tag{font-size:9px;letter-spacing:.2em;color:var(--gold);font-weight:800}.project-info h3{font:800 43px Manrope;margin:12px 0}.project-info p{line-height:1.7;color:var(--muted);max-width:420px}.project-info a{font-weight:800;font-size:12px;margin-top:15px}.coming{display:flex;gap:18px;align-items:center;padding:30px 0;color:var(--muted);font-size:12px}.coming span{font-size:28px;color:var(--gold)}
.services{padding:105px 9vw}.services h2{margin-bottom:55px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.service-grid>div{border-top:1px solid var(--line);padding:25px 0}.service-grid b{color:var(--gold);font-size:11px}.service-grid h3{font:700 24px Manrope;margin:24px 0 10px}.service-grid p{color:var(--muted);line-height:1.7;font-size:14px;max-width:350px}
.contact{background:var(--ink);color:white;padding:100px 9vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact-box{border-left:1px solid rgba(255,255,255,.18);padding-left:50px;display:flex;flex-direction:column;justify-content:center}.contact-box p{color:#becbc6;line-height:1.7;max-width:400px}.contact-link{font:700 20px Manrope;margin:12px 0;color:white}.contact-link:hover{color:var(--gold)}
footer{padding:35px 7vw;display:flex;align-items:center;gap:30px;font-size:11px;color:#7b8581}.footer-brand{margin-right:auto;color:var(--ink)}footer a{font-weight:700;color:var(--ink)}
@media(max-width:800px){.nav{padding:0 22px;gap:15px}.nav nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:20px 22px;flex-direction:column;gap:18px}.nav nav.open{display:flex}.menu{display:block}.nav-phone{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:85px 25px 70px}.hero-art{min-height:390px}.intro,.contact{grid-template-columns:1fr;padding:75px 25px;gap:45px}.projects{padding:75px 25px}.project-card{grid-template-columns:1fr}.project-visual{min-height:330px}.project-info{padding:40px 30px}.service-grid{grid-template-columns:1fr}.services{padding:75px 25px}.section-head{display:block}.section-head h2{font-size:38px}.line{display:block;margin-top:25px}footer{padding:30px 25px;flex-wrap:wrap}.footer-brand{width:100%}}