/* Explicit surfaces and readable text on both photographs and brand colors. */
:root{color-scheme:light;--orange-text:#b93612;--gray:#555d60}
body{background:#fff;color:var(--ink)}
header{background:#fff}
.topbar a{display:inline-flex;align-items:center}
.phone-icon{display:block;flex-shrink:0;width:24px;height:24px;fill:none;stroke:currentColor}
.topbar .phone-icon{display:inline-block;width:13px;height:13px}
.call-float{color:#fff;background:#d13c13}
.call-float:hover{background:#ac2c0a}
.hero,.service-hero{background:#182326;isolation:isolate}
.hero-photo,.service-hero>img{position:absolute;inset:0;z-index:-2}
.hero-shade{z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(13,23,25,.94) 0%,rgba(13,23,25,.78) 30%,rgba(13,23,25,.4) 58%,rgba(13,23,25,.08) 85%)}
.hero h1,.service-hero h1{color:#fff;text-shadow:0 2px 16px #0003}
.hero p,.service-hero p{color:#fff;text-shadow:0 1px 6px #0006}
.hero .eyebrow,.service-hero .eyebrow{color:#ffb397}
.hero-bottom{color:#fff;font-size:11px;text-shadow:0 1px 5px #0008}
.service-hero .breadcrumb{color:#fff}
.eyebrow,.card-number,.principles article>span,.detail-grid article>span{color:var(--orange-text)}
.button{background:#c83b14;color:#fff}
.button:hover{background:#aa2b0b}
.button.light{background:#fff;color:var(--ink)}
.button.light:hover{background:#f0eeeb}
.contact-band{background:#c83b14;color:#fff}
.contact-band h2,.contact-band .eyebrow{color:#fff;opacity:1}
.service-card,.card-text{background:#fff}
.photo-label{background:#22292c;color:#fff}
.inquiry{background:var(--pale);color:var(--ink)}
input::placeholder,textarea::placeholder{color:#667074;opacity:1}
@media(max-width:760px){
 .hero-shade{background:linear-gradient(0deg,rgba(13,23,25,.96) 0%,rgba(13,23,25,.85) 35%,rgba(13,23,25,.4) 75%,rgba(13,23,25,.18) 100%)}
 .service-hero .hero-shade{background:linear-gradient(90deg,rgba(13,23,25,.92),rgba(13,23,25,.62))}
 .hero h1{font-size:clamp(34px,10.4vw,44px)}
 .hero-bottom>span{font-size:9px;max-width:225px;line-height:1.6}
 .hero-content{padding-bottom:88px}
 .service-hero h1{font-size:clamp(34px,10vw,40px)}
 .topbar .wrap{gap:12px}
}