/* Distinct brand identity for /hvac-mep/ • scoped to this demonstration */
:root{--identity-accent:#dc8831;--identity-soft:#e9f4fb}
.wti-attribution{display:block;text-align:right;padding:13px max(22px,calc((100vw - 1160px)/2));font-size:12px;line-height:1.5;letter-spacing:.02em;background:#101a26;color:#dde6ee}
.wti-attribution a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.wti-attribution a:hover{color:#dc8831}
.site-header .logo{letter-spacing:.035em}
.hero-media img{transition:transform .6s ease}
.hero-media:hover img{transform:scale(1.025)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #dc8831!important;outline-offset:3px}
@media(max-width:700px){.wti-attribution{text-align:center;padding:18px 22px}}
.hero{background:repeating-linear-gradient(-45deg,#f2f8fb,#f2f8fb 30px,#ebf4f8 30px,#ebf4f8 31px)!important}.hero-copy h1{font-weight:850!important;text-transform:uppercase;letter-spacing:-.045em}.hero-media{border:4px solid #213b4d;border-radius:3px}.rail{background:#213b4d!important;color:#fff!important}.tile{border-left:5px solid #dc8831!important}