:root{--bg:#f7f5ef;--surface:#fff;--soft:#eee9dd;--ink:#0a2034;--muted:#60717d;--accent:#e3ab2d;--accent-ink:#0b1a26;--line:rgba(10,32,52,.13);--shadow-sm:0 10px 30px rgba(8,30,48,.08);--shadow-md:0 18px 48px rgba(8,30,48,.13);--shadow-lg:0 28px 75px rgba(8,30,48,.16);--radius-card:18px;--radius-btn:8px;--mega-radius:16px;--topbar-bg:#071b2c;--topbar-ink:#d9e4eb;--header-bg:rgba(248,246,240,.94);--chip-bg:rgba(6,24,39,.45);--chip-ink:#fff;--chip-line:rgba(255,255,255,.24);--page-bg:linear-gradient(135deg,#f7f5ef,#ece6d8);--field-bg:#f8f6f0;--footer-bg:#071827;--footer-ink:#fff;--footer-muted:#b9c6cf}
.v1 .hero{min-height:760px}.v1 .hero-shade{background:linear-gradient(90deg,rgba(5,18,30,.94) 0%,rgba(5,18,30,.82) 42%,rgba(5,18,30,.26) 73%,rgba(5,18,30,.07))}.v1 .hero-content{color:white;max-width:790px}.v1 .hero .lead{color:#dbe3e8}.v1 .hero-badge{position:absolute;right:max(24px,calc((100vw - 1180px)/2));bottom:40px;z-index:3;color:white;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:900;border-left:3px solid var(--accent);padding:12px 0 12px 16px;line-height:1.6}.v1 .services-showcase{background:linear-gradient(180deg,#f7f5ef,#fff)}.v1 .service-card{border-radius:4px}.v1 .service-card:nth-child(2){transform:translateY(22px)}.v1 .service-card:nth-child(3){transform:translateY(44px)}.v1 .service-card:hover{transform:translateY(-5px)}.v1 .service-card:nth-child(2):hover{transform:translateY(17px)}.v1 .service-card:nth-child(3):hover{transform:translateY(39px)}.v1 .construction-band{padding-top:120px;background:#0b1e2d;color:white}.v1 .construction-band .lead,.v1 .construction-band .fact-strip small{color:#c3d0d8}.v1 .construction-band .fact-strip>div{border-color:rgba(255,255,255,.14)}.v1 .construction-band .btn-dark{background:var(--accent);color:var(--accent-ink)}.v1 .construction-band .media-panel{border-radius:0;transform:rotate(-1.5deg)}.v1 .gallery-grid figure{border-radius:0}.v1 .photo-cta{border-top:4px solid var(--accent)}
@media(max-width:1020px){.v1 .service-card:nth-child(2),.v1 .service-card:nth-child(3){transform:none}.v1 .hero-badge{display:none}.v1 .construction-band{padding-top:80px}}
/* Richer V1 — Foundation Gold */
.v1 .topbar .wrap{border-top:3px solid var(--accent)}
.v1 .header{background:rgba(249,247,242,.97)}
.v1 .header:after{content:"";position:absolute;left:0;bottom:-1px;width:34%;height:3px;background:linear-gradient(90deg,var(--accent),transparent)}
.v1 .hero-content{padding:112px 0 140px}
.v1 .hero .display{text-shadow:0 10px 28px rgba(0,0,0,.18)}
.v1 .rich-ribbon-grid{transform:skewY(-1deg)}
.v1 .rich-tile{border-radius:4px;border-color:rgba(227,171,45,.42)}
.v1 .rich-tile:nth-child(2){transform:translateY(16px)}
.v1 .rich-tile:nth-child(3){transform:translateY(30px)}
.v1 .services-showcase{padding-top:118px;background-image:radial-gradient(circle at 8% 12%,rgba(227,171,45,.11),transparent 28%),linear-gradient(115deg,transparent 0 68%,rgba(10,32,52,.035) 68% 70%,transparent 70%)}
.v1 .construction-band{background-image:linear-gradient(110deg,rgba(7,24,39,.98),rgba(7,24,39,.88)),url('images/cta-bg-1440.webp');background-size:cover;background-position:center}
.v1 .visual-gallery{background:linear-gradient(180deg,#fff,#f1ece2);padding-block:100px}
.v1 .visual-gallery .gallery-grid{padding:12px;border:1px solid rgba(10,32,52,.1);background:rgba(255,255,255,.72);box-shadow:var(--shadow-sm)}
.v1 .page-hero{background-image:linear-gradient(90deg,rgba(247,245,239,.98) 0%,rgba(247,245,239,.93) 48%,rgba(247,245,239,.48) 78%,rgba(247,245,239,.3)),url('images/cta-bg-1440.webp')!important}
.v1 .page-hero:before{background:linear-gradient(90deg,transparent 62%,rgba(227,171,45,.12))}
@media(max-width:1020px){.v1 .hero-content{padding:100px 0 110px}.v1 .rich-tile:nth-child(2),.v1 .rich-tile:nth-child(3){transform:none}}
@media(max-width:680px){.v1 .hero-content{padding:140px 0 58px}.v1 .services-showcase{padding-top:78px}}

/* 2026-10-07 hero horizontal balance fix */
.v1 .hero-content{
  width:min(790px,calc(100% - 120px));
  margin-left:clamp(52px,7vw,110px)!important;
  margin-right:auto!important;
  text-align:left!important;
}
@media(max-width:1020px){
  .v1 .hero-content{width:min(760px,calc(100% - 96px));margin-left:clamp(38px,6vw,72px)!important}
}
@media(max-width:680px){
  .v1 .hero-content{width:calc(100% - 40px);margin-left:20px!important;margin-right:20px!important}
}
