:root{
  --ink:#111315;
  --ink2:#1b1e21;
  --soft:#f5f6f7;
  --soft2:#eceff1;
  --muted:#62676d;
  --line:#dde1e5;
  --white:#fff;
  --shadow:0 18px 50px rgba(16,20,24,.09);
  --shadow-sm:0 10px 28px rgba(16,20,24,.07);
  --radius:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,"Segoe UI",Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit}.wrap{max-width:1260px;margin:auto;padding:0 42px}
.top{height:88px;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid rgba(17,19,21,.07);position:sticky;top:0;z-index:50}
.nav{height:100%;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center}.brand img{width:228px;display:block}.nav nav{display:flex;gap:31px;margin-left:auto}.nav a{text-decoration:none;color:#17191b;font-size:14px;font-weight:600;letter-spacing:.005em}.nav nav a{position:relative}.nav nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1.5px;background:#111;transition:right .2s}.nav nav a:hover:after{right:0}
.cta{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;text-decoration:none;font-weight:700;font-size:14px;border-radius:8px;border:1px solid #111;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.cta:hover{transform:translateY(-1px);box-shadow:0 8px 22px rgba(0,0,0,.12)}.cta.dark{background:#111;color:#fff}.cta.light{background:#fff;color:#111}.menu-button,.mobile-nav{display:none}
.hero{background:linear-gradient(180deg,#f7f8f9 0%,#f1f3f4 100%);border-bottom:1px solid #e8eaed}.hero-grid{display:grid;grid-template-columns:.95fr 1.25fr;min-height:470px;padding-right:0}.hero-copy{padding:78px 52px 62px 0;align-self:center}.kicker{font-size:12px;letter-spacing:.14em;font-weight:800;line-height:1.45;color:#282c30;text-transform:uppercase}.hero h1{font-size:58px;line-height:.99;letter-spacing:-.052em;margin:19px 0 24px;max-width:590px;font-weight:780}.lead{font-size:18px;line-height:1.55;max-width:610px;color:#41464b}.mantra{border-left:3px solid #111;padding:9px 0 9px 18px;margin:28px 0 30px;font-size:17px;line-height:1.55}.actions{display:flex;gap:12px}.architecture{position:relative;overflow:hidden;background-image:url("assets/hero-architecture.jpg");background-size:contain;background-repeat:no-repeat;background-position:center 48%;background-color:#e9ecee;min-height:470px;box-shadow:inset 28px 0 40px rgba(244,246,248,.20)}.architecture:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.06),transparent 28%,rgba(0,0,0,.04))}.tower,.arch-label{display:none}
.insight{background:#fff}.insight .split{display:grid;grid-template-columns:.95fr 1.05fr;min-height:335px;padding-right:0}.insight .split>div:first-child{padding:58px 74px 52px 0;align-self:center}.insight h2,.services h2,.two-col h2,.change h2,.bottom-grid h2{font-size:33px;line-height:1.04;margin:0 0 13px;letter-spacing:-.035em}.insight p{font-size:15.5px;line-height:1.55;margin:9px 0;color:#3f4449}.insight strong{font-size:16px}.interior{position:relative;background-image:url("assets/interior.jpg");background-size:cover;background-position:center;overflow:hidden;height:238px;align-self:center;background-color:#111}.interior:after{content:"";position:absolute;inset:0;box-shadow:inset 32px 0 36px rgba(255,255,255,.09)}.glass,.words{display:none}
.services{padding:58px 0 52px;background:#fafbfb;border-top:1px solid #eef0f2;border-bottom:1px solid #eef0f2}.sub{color:var(--muted);margin:5px 0 26px;line-height:1.5}.service-layout{display:grid;grid-template-columns:4fr 1.18fr;gap:18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards article{background:#fff;border:1px solid #e5e8eb;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);padding:0 0 20px;transition:transform .18s ease,box-shadow .18s ease}.cards article:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.cards h3{font-size:18px;margin:17px 18px 8px}.cards p{display:block;color:#565c62;line-height:1.5;font-size:13.5px;margin:0 18px}.card-img{height:108px;background-size:cover;background-position:center}.building-a{background-image:url("assets/service-epc.jpg");background-position:center 52%}.building-b{background-image:url("assets/service-dec.jpg");background-position:center 50%}.hvac{background-image:url("assets/service-tm44.jpg");background-position:center 48%}.mini{display:grid;gap:10px}.mini div{background:#fff;border:1px solid #e5e8eb;border-radius:10px;padding:16px 15px;font-weight:700;font-size:13px;display:flex;gap:12px;align-items:center;min-height:62px;box-shadow:0 5px 14px rgba(16,20,24,.04)}.mini span{line-height:1.3}.mini-icon,.feature-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid #d9dde1;background:#fff}.mini-icon{width:34px;height:34px;border-radius:9px}.feature-icon{width:40px;height:40px;border-radius:12px;box-shadow:0 4px 12px rgba(16,20,24,.05)}.mini-icon svg,.feature-icon svg{width:20px;height:20px;fill:none;stroke:#171a1d;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.feature-icon svg{width:22px;height:22px}
.two-col{padding:62px 0 54px;background:#fff}.two{display:grid;grid-template-columns:1fr 1fr;gap:0}.two>div{padding:0 42px 0 0}.two>div+div{border-left:1px solid var(--line);padding-left:48px;padding-right:0}.features{display:grid;grid-template-columns:1fr 1fr;gap:26px 28px;margin-top:28px}.features>div{display:flex;gap:14px;align-items:flex-start}.features b{font-size:22px;line-height:1;min-width:24px;margin-top:1px}.features strong,.client-grid strong{display:block;font-size:14px;margin-bottom:6px}.features small,.client-grid small{display:block;color:#5b6167;line-height:1.5;font-size:13px}.client-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.client-grid>div{background:#f6f7f8;border:1px solid #eceef0;border-radius:10px;padding:18px 18px 17px}
.change{padding:62px 0;background:linear-gradient(180deg,#f8f9fa,#f2f4f5);border-top:1px solid #e9ecef;border-bottom:1px solid #e9ecef}.change-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:stretch}.change-grid>div:first-child{padding:8px 4px}.change p{line-height:1.55;color:#484e54}.change blockquote{margin:24px 0 0;border-left:3px solid #111;padding:10px 20px;line-height:1.58;font-size:15.5px;background:rgba(255,255,255,.52)}.brief{background:#fff;padding:31px 34px;border:1px solid #e2e6e9;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.brief h3{font-size:23px;margin:0 0 9px;letter-spacing:-.02em}.brief .cta{margin-top:8px}
.about-contact{padding:64px 0 70px;background:#fff}.bottom-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:46px}.profile{display:grid;grid-template-columns:205px 1fr;gap:28px;align-items:start}.profile>img{width:100%;height:276px;object-fit:cover;object-position:top;border-radius:12px;background:#f3f3f3;box-shadow:var(--shadow-sm)}.profile h2{margin-bottom:2px;font-size:29px}.profile p{font-size:13.5px;line-height:1.52;color:#464b50}.role{margin-top:0;color:#111!important;font-weight:600}.linkedin{display:inline-flex;align-items:center;margin-top:8px;border:1px solid #b9bec3;border-radius:8px;padding:11px 15px;text-decoration:none;color:#111;font-weight:700;font-size:13px;background:#fff}.linkedin-mark{color:#0A66C2;font-weight:800;font-size:15px;line-height:1}.contact{border-left:1px solid var(--line);padding-left:42px;display:grid;grid-template-columns:.9fr 1.1fr;gap:27px}.contact p{color:#4e545a;line-height:1.5;font-size:13.5px}.contact a{color:#111;text-decoration:none}.contact form{display:grid;gap:9px}.contact input,.contact textarea{border:1px solid #ccd2d7;border-radius:7px;padding:12px 13px;font:inherit;background:#fbfcfc;outline:none}.contact input:focus,.contact textarea:focus{border-color:#7c8389;box-shadow:0 0 0 3px rgba(17,19,21,.05)}.contact textarea{height:92px;resize:vertical}.contact small{font-size:11px;font-weight:700;line-height:1.35}
footer{background:linear-gradient(135deg,#111315,#1a1d20);color:#fff;padding:38px 0 34px}.foot{display:grid;grid-template-columns:300px 1fr 1fr;align-items:center;gap:42px;font-size:13px;line-height:1.8}.foot img{width:220px}.foot div:nth-child(2){text-align:center;color:#d9dcdf;letter-spacing:.02em}.foot div:last-child{text-align:right;color:#d9dcdf}.foot a{color:#fff;text-decoration:none}
@media(max-width:1000px){.wrap{padding:0 24px}.brand img{width:180px}.nav nav{gap:22px}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:48px}.service-layout{grid-template-columns:1fr}.mini{grid-template-columns:1fr 1fr}.bottom-grid{grid-template-columns:1fr}.contact{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:34px}}
@media(max-width:820px){.top{height:76px}.nav nav,.nav>.cta{display:none}.brand img{width:158px}.menu-button{display:block;margin-left:auto;background:#111;color:#fff;border:0;border-radius:7px;padding:10px 14px}.mobile-nav.open{display:grid;position:absolute;top:76px;left:0;right:0;background:#fff;padding:20px 24px;gap:14px;border-bottom:1px solid #ddd;box-shadow:0 10px 25px rgba(0,0,0,.06)}.hero-grid,.insight .split,.two,.change-grid{grid-template-columns:1fr}.hero-grid{padding:0}.hero-copy{padding:50px 0}.hero h1{font-size:44px}.architecture{min-height:330px;background-size:contain;background-position:center 48%}.insight .split{padding:0}.insight .split>div:first-child{padding:44px 0}.interior{height:220px;min-height:0}.cards{grid-template-columns:1fr}.two>div,.two>div+div{padding:0;border-left:0}.two>div+div{margin-top:46px}.features,.client-grid{grid-template-columns:1fr}.change-grid{gap:26px}.contact{grid-template-columns:1fr}.foot{grid-template-columns:1fr;text-align:center}.foot div:nth-child(2),.foot div:last-child{text-align:center}.foot img{margin:auto}.service-layout{gap:22px}}
@media(max-width:560px){.wrap{padding:0 18px}.hero h1{font-size:37px}.lead{font-size:16.5px}.actions{flex-direction:column;align-items:flex-start}.architecture{min-height:270px}.mini{grid-template-columns:1fr}.profile{grid-template-columns:1fr}.profile>img{width:180px;height:240px}.insight h2,.services h2,.two-col h2,.change h2,.bottom-grid h2{font-size:29px}.services,.two-col,.change,.about-contact{padding-top:44px;padding-bottom:44px}}