:root{--bg:#f5f8fb;--surface:#fff;--soft:#eaf1f6;--ink:#0a3760;--muted:#5d7487;--accent:#d8a33e;--accent-ink:#102437;--line:rgba(10,55,96,.13);--shadow-sm:0 9px 28px rgba(14,59,94,.08);--shadow-md:0 18px 48px rgba(14,59,94,.12);--shadow-lg:0 28px 80px rgba(14,59,94,.15);--radius-card:12px;--radius-btn:8px;--mega-radius:12px;--topbar-bg:#07385e;--topbar-ink:#eaf4fb;--header-bg:rgba(255,255,255,.96);--chip-bg:#fff;--chip-ink:#0a3760;--chip-line:rgba(10,55,96,.15);--page-bg:linear-gradient(135deg,#eef5fb,#fff);--field-bg:#f7fafc;--footer-bg:#073558;--footer-ink:#fff;--footer-muted:#c1d5e3}
.v2 .hero{min-height:650px;background:linear-gradient(90deg,#f8fbfd,#eef5fa)}.v2 .v2-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.92fr 1.2fr;align-items:center;gap:32px;padding:56px 0}.v2 .v2-copy{padding-right:10px}.v2 .display{font-size:clamp(3rem,5.5vw,5.5rem);color:#082f52}.v2 .v2-mini-services{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0}.v2 .v2-mini-services span{font-weight:900;font-size:.82rem;padding:14px 10px;border-left:3px solid var(--accent);background:white;box-shadow:var(--shadow-sm)}.v2 .v2-photo{position:relative;min-height:540px;clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);overflow:hidden;border-radius:0 0 0 44px;box-shadow:var(--shadow-lg)}.v2 .v2-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.v2 .v2-photo-caption{position:absolute;right:22px;top:22px;background:rgba(7,55,93,.9);color:white;padding:16px 18px;font-weight:950;letter-spacing:.09em}.v2 .v2-photo-caption small{font-weight:700;letter-spacing:0;color:#d9e8f3}.v2 .service-card{box-shadow:none;border-color:#dbe5ec}.v2 .service-card .body{border-top:4px solid var(--accent)}.v2 .v2-process{background:#eef4f8}.v2 .process{position:relative}.v2 .process-step{border-radius:0;background:transparent;border-width:0 0 0 1px}.v2 .process-step:first-child{border-left:0}.v2 .v2-scope{background:white}.v2 .v2-gallery{background:#f0f6fa}.v2 .gallery-grid{grid-template-columns:1.2fr 1fr 1fr 1.2fr}.v2 .gallery-grid figure{border-radius:8px}.v2 .photo-cta-shade{background:linear-gradient(90deg,rgba(5,48,80,.95),rgba(5,48,80,.78) 58%,rgba(5,48,80,.32))}.v2 .footer{border-top:5px solid var(--accent)}
@media(max-width:1020px){.v2 .v2-photo{min-height:420px;clip-path:none;border-radius:18px}.v2 .v2-mini-services{grid-template-columns:1fr}.v2 .gallery-grid{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.v2 .hero{min-height:auto}.v2 .v2-hero-grid{padding:42px 0}.v2 .v2-photo{min-height:330px}.v2 .gallery-grid{grid-template-columns:1fr}}
/* Richer V2 — Construction Grid */
.v2 .topbar .wrap{border-radius:0;clip-path:polygon(0 0,100% 0,98.5% 100%,1.5% 100%);border-bottom:3px solid var(--accent)}
.v2 .header{background:rgba(255,255,255,.985)}
.v2 .header-row{position:relative}.v2 .header-row:before{content:"";position:absolute;left:0;bottom:0;width:82px;height:4px;background:var(--accent)}
.v2 .v2-copy{text-align:left!important}
.v2 .v2-hero-grid{padding:72px 0 86px}
.v2 .rich-ribbon{background:#f5f8fb}.v2 .rich-ribbon-grid{grid-template-columns:1fr 1fr 1fr}.v2 .rich-tile{border-radius:10px;border-color:#d7e4ee}.v2 .rich-tile:first-child{grid-column:auto}
.v2 .v2-services{background-image:linear-gradient(rgba(255,255,255,.85),rgba(255,255,255,.88)),url('images/projects-1200.webp');background-size:cover;background-position:center;position:relative}
.v2 .v2-services:before{background:linear-gradient(135deg,rgba(216,163,62,.08),transparent 36%)}
.v2 .v2-process{background-image:repeating-linear-gradient(90deg,rgba(10,55,96,.04) 0 1px,transparent 1px 90px),linear-gradient(180deg,#eef4f8,#f8fbfd)}
.v2 .v2-scope{background:linear-gradient(135deg,#fff 0 68%,#eef4f8 68%)}
.v2 .v2-gallery{background-image:radial-gradient(circle at 10% 10%,rgba(216,163,62,.12),transparent 28%),linear-gradient(180deg,#eff6fa,#e7f0f6)}
.v2 .page-hero{background-image:linear-gradient(90deg,rgba(247,251,253,.98) 0%,rgba(247,251,253,.93) 45%,rgba(247,251,253,.42) 82%),url('images/projects-1200.webp')!important}
.v2 .page-hero:before{background:linear-gradient(110deg,transparent 62%,rgba(10,55,96,.08))}
@media(max-width:1020px){.v2 .rich-ribbon-grid{grid-template-columns:1fr 1fr}.v2 .rich-tile:first-child{grid-column:1/-1}}
@media(max-width:680px){.v2 .v2-hero-grid{padding:56px 0 48px}.v2 .rich-ribbon-grid{grid-template-columns:1fr 1fr}}
