/* Service and industry hero actions; keep the shared navigation and other CTAs untouched. */
body:is(.service-pages-reference,.industry-detail-reference,.services-page) #main-content :is(.service-ref,.industry-ref,.utility-hero,.b2b-ref,.hub-hero) a.hero-ref-button{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;max-width:100%;width:100%;height:auto;min-height:60px;margin:0;padding:0 22px 0 28px;border:0;border-radius:8px;box-shadow:none;color:#fff;text-decoration:none;text-transform:uppercase;font:600 14px/1.15 'Bricolage Nav',Arial,sans-serif;letter-spacing:.15em
}
body:is(.service-pages-reference,.industry-detail-reference,.services-page) #main-content :is(.service-ref,.industry-ref,.utility-hero,.b2b-ref,.hub-hero) a.hero-ref-button:not(.hero-ref-button--secondary){background:#dd3d06}
body:is(.service-pages-reference,.industry-detail-reference,.services-page) #main-content :is(.service-ref,.industry-ref,.utility-hero,.b2b-ref,.hub-hero) a.hero-ref-button--secondary{background:rgba(255,255,255,.08)}
body:is(.service-pages-reference,.industry-detail-reference) #main-content a.hero-ref-button--secondary::after{content:none}
body:is(.service-pages-reference,.industry-detail-reference,.services-page) #main-content a.hero-ref-button :is(.roll-arrow,.site-icon){width:15px;height:15px;flex:none}
body:is(.service-pages-reference,.industry-detail-reference,.services-page) #main-content a.hero-ref-button .roll-arrow .site-icon{width:100%;height:100%}
body:is(.service-pages-reference,.industry-detail-reference,.services-page) #main-content a.hero-ref-button:focus-visible{outline:2px solid #ff9d74;outline-offset:4px}
@media(min-width:993px){
 body:is(.service-pages-reference,.industry-detail-reference,.services-page) #main-content :is(.service-ref,.industry-ref,.utility-hero,.b2b-ref,.hub-hero) a.hero-ref-button{width:auto;min-height:72px;padding:0 30px 0 38px}
}
@media(min-width:1181px){
 body:is(.service-pages-reference,.industry-detail-reference,.services-page) #main-content :is(.service-ref,.industry-ref,.utility-hero,.b2b-ref,.hub-hero) a.hero-ref-button{min-height:5vw;padding:0 2.0833vw 0 2.6389vw;border-radius:.5556vw;font-size:.9722vw;gap:.5556vw}
 body:is(.service-pages-reference,.industry-detail-reference,.services-page) #main-content a.hero-ref-button :is(.roll-arrow,.site-icon){width:1.0417vw;height:1.0417vw}
 body:is(.service-pages-reference,.industry-detail-reference,.services-page) #main-content a.hero-ref-button .roll-arrow .site-icon{width:100%;height:100%}
}
@media(max-width:992px){
 body:is(.service-pages-reference,.industry-detail-reference,.services-page) #main-content a.hero-ref-button:is(:hover,:focus-visible) :is(.roll,.ref-cta-label){transform:none}
 body:is(.service-pages-reference,.industry-detail-reference,.services-page) #main-content a.hero-ref-button :is(.roll,.ref-cta-label)::before{display:none}
 body:is(.service-pages-reference,.industry-detail-reference,.services-page) #main-content a.hero-ref-button:is(:hover,:focus-visible) :is(.roll-arrow .site-icon,.ref-cta-label + .site-icon){transform:none;opacity:.5}
 body:is(.service-pages-reference,.industry-detail-reference,.services-page) #main-content a.hero-ref-button:is(:hover,:focus-visible) .roll-arrow .site-icon:has(use[href$="#arrow-up-right"]){transform:rotate(45deg)}
}
body:is(.service-pages-reference,.industry-detail-reference) #main-content a.hero-ref-button.hero-ref-button--secondary::after{content:none}
@media(min-width:1181px){
 body:is(.service-pages-reference,.industry-detail-reference,.services-page) #main-content a.hero-ref-button.hero-ref-button .roll-arrow{width:1.0417vw;height:1.0417vw}
 body.services-page #main-content a.hero-ref-button.hero-ref-button > .site-icon{width:1.0417vw;height:1.0417vw}
}
@media(max-width:992px){
 body:is(.service-pages-reference,.industry-detail-reference,.services-page) #main-content a.hero-ref-button.hero-ref-button:is(:hover,:focus-visible) .roll-arrow .site-icon{transform:none;opacity:.5}
 body:is(.service-pages-reference,.industry-detail-reference) #main-content a.hero-ref-button.hero-ref-button:is(:hover,:focus-visible) .roll-arrow .site-icon:has(use[href$="#arrow-up-right"]){transform:rotate(45deg)}
 body.services-page #main-content a.hero-ref-button.hero-ref-button:is(:hover,:focus-visible) > .site-icon{transform:none;opacity:.5}
}
@media(max-width:992px){
 body:is(.service-pages-reference,.industry-detail-reference,.services-page) #main-content a.hero-ref-button:is(:hover,:focus-visible) :is(.roll,.ref-cta-label){transform:none!important}
 body:is(.service-pages-reference,.industry-detail-reference,.services-page) #main-content a.hero-ref-button:is(:hover,:focus-visible) :is(.roll-arrow .site-icon,.ref-cta-label + .site-icon){transform:none!important;opacity:.5!important}
 body:is(.service-pages-reference,.industry-detail-reference) #main-content a.hero-ref-button:is(:hover,:focus-visible) .roll-arrow .site-icon:has(use[href$="#arrow-up-right"]){transform:rotate(45deg)!important}
}
/* Reference hover fill sampled from the rendered button. */
body:is(.service-pages-reference,.industry-detail-reference,.services-page) #main-content a.hero-ref-button.hero-ref-button::before{background:#fffaf5}