@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--ink:#17232c;--muted:#69737a;--red:#e52329;--grey:#2b343b;--light:#f3f5f5;--line:#dce1e3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);line-height:1.65}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif;line-height:1.14;letter-spacing:-.035em}h1{font-size:clamp(3rem,6.4vw,6.8rem);margin:.25em 0}h2{font-size:clamp(2.1rem,4vw,3.65rem);margin:.35em 0 .6em}h3{font-size:1.35rem}p{margin:0 0 1.2em}a{text-decoration:none;color:inherit}.wrap{max-width:1240px;margin:auto;padding:0 32px}.header{background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid #e9eded}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font:800 17px/1.05 Manrope;color:#154b7d;letter-spacing:-.035em}.brand img{height:53px;width:53px;object-fit:contain}.brand small{display:block;font-size:10px;letter-spacing:.15em;color:#78828a;margin-top:6px}.nav{display:flex;gap:29px;align-items:center}.nav a{font-weight:700;font-size:13px}.nav a.active,.nav a:hover{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:14px 22px;background:var(--red);color:white;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.1em;border:1px solid var(--red);transition:.2s}.btn:hover{background:#b91e24}.btn.outline{background:transparent;border-color:#fff;color:white}.btn.outline:hover{background:#fff;color:var(--ink)}.btn.dark{background:var(--ink);border-color:var(--ink)}.menu{display:none;border:0;background:none;font-size:28px}.hero{min-height:650px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(17,28,36,.94) 0%,rgba(17,28,36,.82) 46%,rgba(17,28,36,.2) 100%),url('assets/project-1.webp') center/cover;color:white}.hero .wrap{width:100%}.hero-content{max-width:780px;padding:110px 0}.eyebrow{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:.22em;font-weight:800;color:var(--red);margin-bottom:15px}.hero .eyebrow{color:#ff696c}.hero p{font-size:18px;max-width:590px;color:#d5dce0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.section{padding:105px 0}.section.alt{background:var(--light)}.lead{font-size:19px;color:#53616a;max-width:740px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.split img{width:100%;height:470px;object-fit:cover}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.feature{padding:32px;border:1px solid var(--line);background:#fff}.feature .number{font-size:12px;font-weight:800;color:var(--red)}.feature p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.project{background:white;overflow:hidden}.project img{display:block;width:100%;aspect-ratio:1.55;object-fit:cover;transition:transform .35s}.project:hover img{transform:scale(1.035)}.project .details{padding:22px 4px}.project h3{margin:0 0 8px}.project p{font-size:14px;color:var(--muted)}.band{background:var(--grey);color:#fff;padding:75px 0}.band .split{gap:25px}.band p{color:#c6d0d5}.pagehead{padding:95px 0;background:#263139;color:#fff}.pagehead h1{font-size:clamp(3rem,5.5vw,5.3rem)}.pagehead p{max-width:680px;color:#c5cfd4;font-size:18px}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.service{border:1px solid var(--line);padding:38px;background:#fff}.service span{color:var(--red);font-weight:800}.service p{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat{border-left:3px solid var(--red);padding-left:20px}.stat strong{display:block;font:800 22px Manrope}.stat small{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact-item{padding:22px 0;border-bottom:1px solid var(--line)}.contact-item strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.13em;color:var(--red);margin-bottom:7px}.form{background:var(--light);padding:36px}.form label{display:block;font-size:13px;font-weight:700;margin-bottom:14px}.form input,.form textarea,.form select{display:block;width:100%;padding:13px;border:1px solid #d4dbde;background:white;font:inherit;margin-top:6px}.form textarea{min-height:130px}.footer{background:#17232c;color:#fff;padding:70px 0 25px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:55px}.footer p,.footer a{color:#b4c0c7;font-size:14px}.footer h4{font-size:14px}.footer-bottom{margin-top:55px;padding-top:20px;border-top:1px solid #39464d;color:#9eabb2;font-size:12px}.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 32px}.filterbar button{border:1px solid var(--line);background:#fff;padding:10px 16px;cursor:pointer;font:700 12px Manrope}.filterbar button.active{background:var(--ink);color:white}.notice{font-size:12px;color:var(--muted)}@media(max-width:850px){.nav{display:none;position:absolute;top:86px;left:0;right:0;background:white;padding:25px 32px;flex-direction:column;align-items:flex-start;box-shadow:0 15px 25px #0002}.nav.open{display:flex}.menu{display:block}.split,.contact-grid{grid-template-columns:1fr;gap:32px}.grid,.features{grid-template-columns:repeat(2,1fr)}.footgrid{grid-template-columns:1fr 1fr}.hero{min-height:570px}}@media(max-width:560px){.wrap{padding:0 22px}.grid,.features,.service-list,.stats,.footgrid{grid-template-columns:1fr}.section{padding:65px 0}.hero-content{padding:80px 0}.hero p{font-size:16px}.pagehead{padding:65px 0}.split img{height:300px}.band{padding:60px 0}}
/* Commercial-first visual direction */
:root{--ink:#141d23;--grey:#242d34;--red:#cb252c;--light:#f2f4f5}
.hero{background:linear-gradient(105deg,rgba(10,18,24,.97) 0%,rgba(16,26,33,.95) 50%,rgba(17,29,36,.70) 100%),repeating-linear-gradient(125deg,transparent 0 76px,rgba(255,255,255,.065) 77px 78px),linear-gradient(140deg,#1b303d,#53616a);position:relative;overflow:hidden}
.hero:after{content:'';position:absolute;right:8%;bottom:-24%;width:34%;height:110%;border:1px solid #ffffff30;transform:skew(-19deg);box-shadow:30px -30px 0 #ffffff08,60px -60px 0 #ffffff06;pointer-events:none}
.hero-content{position:relative;z-index:1}.hero h1{font-size:clamp(3rem,6vw,6rem)}
.technical-panel{min-height:410px;background:linear-gradient(135deg,#202b33,#111b22);color:#fff;padding:55px 45px;display:flex;flex-direction:column;justify-content:center;gap:20px;border-top:5px solid var(--red)}
.panel-kicker{font-size:11px;letter-spacing:.22em;color:#e77b7e;font-weight:800}.technical-line{display:flex;align-items:center;gap:22px;padding:17px 0;border-bottom:1px solid #ffffff29}.technical-line b{font-size:28px;color:#e54c52}.technical-line strong,.technical-line small{display:block}.technical-line small{color:#aab8c0}.commercial-grid{grid-template-columns:minmax(250px,420px)}

/* Commercial-first presentation */
.hero{background:linear-gradient(90deg,rgba(10,19,26,.96) 0%,rgba(12,23,31,.90) 46%,rgba(12,23,31,.35) 100%),url('assets/commercial-tower.svg') center/cover !important;min-height:710px}
.hero:after{display:none}
.commercial-grid .project img{aspect-ratio:1.55;object-fit:cover;background:#203441}
.commercial-grid .project .details{padding:22px 8px}
@media(max-width:600px){.hero{min-height:620px}}

/* Premium commercial + luxury development visual system */
:root{--ink:#e8edf1;--muted:#a8b3bd;--grey:#151b21;--light:#20272e;--line:#3b454d;--red:#d7192d}
body{background:#151b21;color:#e8edf1}
.header{background:#101419;border-bottom:1px solid #303942}.brand{color:#f3f5f6}.brand small{color:#aab4bb}.nav a{color:#e5e8eb}.nav a.active,.nav a:hover{color:#ff394d}
.menu{color:white}.hero{background:linear-gradient(90deg,rgba(8,12,16,.97) 0%,rgba(8,12,16,.84) 43%,rgba(8,12,16,.17) 100%),url('assets/plantroom-photo.jpg') center center/cover !important;min-height:740px}
.hero h1{font-size:clamp(2.9rem,5.6vw,5.7rem)}.hero .eyebrow{color:#ff5362}
.section{background:#1a2128}.section.alt{background:#222b33}.section p,.lead,.feature p,.project p,.service p,.stat small,.notice{color:#b7c1ca}
.feature,.service,.project,.form{background:#28313a;border-color:#3c4750;color:#f4f6f7}.feature p,.service p,.project p{color:#b9c3cb}.technical-panel{background:linear-gradient(145deg,#303c45,#111920)}
.pagehead{background:linear-gradient(90deg,rgba(11,17,23,.92),rgba(11,17,23,.66)),url('assets/plantroom-photo.jpg') center/cover;padding:125px 0}
.band{background:#10171d}.footer{background:#0b1116}.filterbar button{background:#28313a;color:#e7ebed;border-color:#4b555e}.filterbar button.active{background:#cf1e2e}
.form input,.form textarea,.form select{background:#1b242b;color:white;border-color:#56616a}.contact-item{border-color:#465059}
.commercial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project .details{padding:23px !important}.project img{aspect-ratio:1.5}
.focus-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}.focus-card{background:#101820;overflow:hidden;border:1px solid #38444c}.focus-card img{width:100%;height:275px;object-fit:cover;display:block}.focus-card div{padding:25px}.focus-card h3{margin:0 0 8px}.focus-card p{margin:0;color:#b7c1ca}
@media(max-width:850px){.nav{background:#121920}.commercial-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.focus-grid,.commercial-grid{grid-template-columns:1fr}.hero{background-position:60% center !important}.focus-card img{height:220px}}

.brand .original-logo{width:185px;height:94px;object-fit:contain;background:#e9edf4;border-radius:3px;padding:3px}.header .brand{display:flex;align-items:center}.footer .brand .original-logo{width:185px;height:94px}

/* Brand consistency: transparent logo and matching gunmetal CTA surfaces */
.brand .original-logo,.footer .brand .original-logo{background:transparent!important;padding:0!important;border-radius:0!important;object-fit:contain}
.hero-actions .btn,.hero-actions .btn.outline{background:rgba(16,20,25,.56)!important;border:1px solid #65717b!important;color:#fff!important;backdrop-filter:blur(5px)}
.hero-actions .btn:hover,.hero-actions .btn.outline:hover{background:#28313a!important;border-color:#d7192d!important;color:#fff!important}
.section .btn.dark{background:#20272e;border-color:#4b5660;color:#fff}.section .btn.dark:hover{background:#303a44;border-color:#d7192d}
