/* Service-page photo heroes: preserve each page's content and existing image. */
.cc-hero{background:linear-gradient(90deg,rgba(9,35,29,.90),rgba(9,35,29,.70) 48%,rgba(9,35,29,.20)),url(assets/home/7.webp) center 48%/cover;color:#fff}
.cc-hero .wrap{display:block;min-height:540px;padding-top:86px;padding-bottom:100px}
.cc-hero .wrap>div{max-width:620px}
.cc-hero h1{color:#fff}
.cc-hero .eyebrow,.cc-hero p{color:#f1f7f4}
.cc-hero .cc-hero-photo{display:none}
.cc-hero .btn{background:#fff;color:#174b3e;border-color:#fff}
.cc-hero .btn.outline{background:transparent;color:#fff;border-color:#fff}
.cc-hero .btn:hover{background:#e1eee8}
.cc-hero .btn.outline:hover{background:#ffffff20}
:is(.hero,.rental-hero,.pressure-hero,.cc-hero) :is(button,a):focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:620px){
body[data-page="index"] .hero{background-image:linear-gradient(90deg,rgba(8,36,29,.84),rgba(8,36,29,.65)),url(assets/hero-xero-v3.webp);background-position:64% center}
.rental-hero{background-image:linear-gradient(90deg,rgba(12,40,32,.84),rgba(12,40,32,.65)),url(assets/rental/turnover-hero.webp);background-position:60% center}
.pressure-hero{background-image:linear-gradient(90deg,rgba(10,37,30,.84),rgba(10,37,30,.65)),url(assets/pressure-stock/house-wash.jpg);background-position:62% center}
.cc-hero{background-image:linear-gradient(90deg,rgba(9,35,29,.84),rgba(9,35,29,.65)),url(assets/home/7.webp);background-position:60% center}
.cc-hero .wrap{min-height:490px;padding-top:48px;padding-bottom:88px}
.cc-hero h1{font-size:clamp(30px,8.8vw,38px);line-height:1.15;letter-spacing:-.035em}
.cc-hero p{font-size:16px;line-height:1.6;max-width:460px}
.cc-hero .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.11em}
.cc-hero .actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.cc-hero .actions .btn{min-height:48px;padding:13px 18px;width:100%}
.cc-hero p.cc-micro{font-size:12px;margin-top:15px}
}

/* Continue the first mint section behind the overlapping proof card, to the photo edge. */
.service-intro-surface{display:flow-root;background:#d8e8e4}
.service-intro-surface>.section{background:#d8e8e4!important}
/* Shared exact-height standard for every service hero, including future pages. */
.service-hero{height:520px;box-sizing:border-box}
.service-hero>.wrap{height:100%;min-height:0!important;box-sizing:border-box;display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:36px!important;padding-bottom:70px!important}
@media(max-width:620px){
.service-hero{height:560px}
.service-hero>.wrap{padding-top:28px!important;padding-bottom:68px!important}
.service-hero h1{font-size:34px;line-height:1.15;margin:12px 0 0}
.service-hero p{font-size:16px;line-height:1.5;margin:16px 0 0}
.service-hero .eyebrow{font-size:10px;line-height:1.5}
.service-hero .actions{margin-top:22px}
.service-hero p.tagline,.service-hero p.cc-micro{font-size:11px;line-height:1.5;margin-top:16px}
}
@media(max-width:380px){
.service-hero{height:590px}
.service-hero h1{font-size:32px}
}

/* Compact phone hero: supporting detail continues directly below the proof card. */
.service-mobile-summary{display:none}
@media(max-width:620px){
.service-hero{height:360px}
.service-hero>.wrap{padding-top:20px!important;padding-bottom:56px!important;gap:0!important}
/* Override the older Window-specific reserve, so every compact hero matches. */
body.service-page .service-hero>.wrap{padding-bottom:56px!important}
.service-hero .hero-supporting-copy{display:none}
.service-hero h1{font-size:32px;line-height:1.12;margin:12px 0 0}
.service-hero .eyebrow{font-size:9px;line-height:1.5;letter-spacing:.08em}
.service-hero .actions{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)!important;gap:9px!important;margin-top:20px;width:100%;max-width:390px}
.service-hero .actions :is(.btn,.button){display:flex;align-items:center;justify-content:center;min-height:46px;width:100%;padding:10px 9px;font-size:12px;line-height:1.3;text-align:center;box-sizing:border-box}
.service-hero p.tagline,.service-hero p.cc-micro{font-size:10px;margin-top:14px;line-height:1.4}
.service-mobile-summary{display:block;padding-top:15px}
.service-mobile-summary p{margin:0;font-size:14px;line-height:1.5;color:#36574a}
.service-intro-surface>.section{padding-top:28px!important}
}
/* Janitorial-led composition: shared upper-left anchor, with more photo visible below/right. */
.service-hero>.wrap{justify-content:flex-start;padding-top:64px!important}
body[data-page="index"] .hero.service-hero{background-image:linear-gradient(110deg,rgba(9,35,29,.86),rgba(9,35,29,.60) 48%,rgba(9,35,29,.14)),url(assets/hero-xero-v3.webp)}
.rental-hero.service-hero{background-image:linear-gradient(110deg,rgba(9,35,29,.86),rgba(9,35,29,.60) 48%,rgba(9,35,29,.14)),url(assets/rental/turnover-hero.webp)}
.pressure-hero.service-hero{background-image:linear-gradient(110deg,rgba(9,35,29,.86),rgba(9,35,29,.60) 48%,rgba(9,35,29,.14)),url(assets/pressure-stock/house-wash.jpg)}
.cc-hero.service-hero{background-image:linear-gradient(110deg,rgba(9,35,29,.86),rgba(9,35,29,.60) 48%,rgba(9,35,29,.14)),url(assets/home/7.webp)}
@media(max-width:620px){
.service-hero>.wrap{padding-top:48px!important}
.service-hero :is(h1,.eyebrow){text-shadow:0 1px 8px rgba(0,0,0,.28)}
body[data-page="index"] .hero.service-hero{background-image:linear-gradient(135deg,rgba(9,35,29,.78),rgba(9,35,29,.60) 50%,rgba(9,35,29,.18)),url(assets/hero-xero-v3.webp)}
.rental-hero.service-hero{background-image:linear-gradient(135deg,rgba(9,35,29,.78),rgba(9,35,29,.60) 50%,rgba(9,35,29,.18)),url(assets/rental/turnover-hero.webp)}
.pressure-hero.service-hero{background-image:linear-gradient(135deg,rgba(9,35,29,.78),rgba(9,35,29,.60) 50%,rgba(9,35,29,.18)),url(assets/pressure-stock/house-wash.jpg)}
.cc-hero.service-hero{background-image:linear-gradient(135deg,rgba(9,35,29,.78),rgba(9,35,29,.60) 50%,rgba(9,35,29,.18)),url(assets/home/7.webp)}
}