/* One visual source for the shared native Bricks Page Title template. */
.hps-page-title{position:relative;isolation:isolate;display:flex;justify-content:center;width:100%;max-width:none;min-height:490px;overflow:hidden;background:#e9f9fc;font-family:Inter,sans-serif}
.hps-page-title__sky{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.hps-page-title__installer{position:absolute;right:0;bottom:0;z-index:-1;width:min(54vw,900px);height:95%;object-fit:contain;object-position:right bottom;pointer-events:none}
.hps-page-title__inner{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:26px;width:min(calc(100% - 48px),1300px);max-width:1300px;margin:0 auto;padding:55px 0 65px;text-align:left}
.hps-page-title__heading{width:min(750px,62%);margin:0;color:#00628a;font-size:clamp(40px,3.65vw,64px);font-weight:600;line-height:1.3;letter-spacing:-.035em;overflow-wrap:anywhere}
.hps-page-title__breadcrumbs{display:flex;flex-flow:row wrap;align-items:center;gap:10px 22px;width:65%;color:#62727b;font-size:18px;line-height:1.6;text-transform:uppercase;overflow-wrap:anywhere}
.hps-page-title__breadcrumbs a{color:#62727b;text-decoration:none}
.hps-page-title__breadcrumbs a:hover{color:#00628a}
.hps-page-title__breadcrumbs a:focus-visible{outline:2px solid #00628a;outline-offset:4px}
.hps-page-title__breadcrumbs [aria-current]{color:#b96700}
.hps-page-title__separator{color:#62727b;font-size:25px;line-height:1}
.hps-service-archive{padding:80px 24px 100px;width:min(100%,1348px);max-width:1348px;margin:auto}
/* Matches the reference's slide-ltr (40s) and fadeInUpBig (0.8s, 2000px). */
.hps-page-title__sky--copy{left:-100%;right:auto}
.hps-page-title--motion .hps-page-title__sky{animation:hps-clouds-ltr 40s linear infinite;will-change:transform}
.hps-page-title--motion .hps-page-title__installer{translate:var(--hps-parallax-x,0px) 0;animation:hps-installer-enter .8s ease both;will-change:translate,transform}
@keyframes hps-clouds-ltr{from{transform:translateX(0)}to{transform:translateX(100%)}}
@keyframes hps-installer-enter{from{opacity:0;transform:translateY(2000px)}to{opacity:var(--hps-installer-opacity,1);transform:translateY(0)}}
@media(min-width:1200px){.hps-page-title__installer{width:874px;height:auto;bottom:-18px}}
@media(max-width:991px){.hps-page-title{min-height:386px}.hps-page-title__installer{width:58vw;height:89%}.hps-page-title__heading{font-size:45px}.hps-page-title__breadcrumbs{font-size:16px}}
@media(max-width:767px){.hps-page-title{min-height:325px}.hps-page-title::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(239,251,253,.93),rgba(239,251,253,.5) 65%,rgba(239,251,253,.12));pointer-events:none}.hps-page-title__inner{width:calc(100% - 36px);gap:18px;padding:44px 0}.hps-page-title__heading{width:100%;font-size:clamp(32px,7.7vw,46px)}.hps-page-title__installer{right:-90px;width:100%;height:85%;opacity:.65}.hps-page-title__breadcrumbs{width:100%;gap:8px 12px;font-size:13px}.hps-service-archive{padding:48px 16px 64px}}
@media(max-width:767px){.hps-page-title__installer{--hps-installer-opacity:.65}}
@media(max-width:575px){.hps-page-title--motion .hps-page-title__sky{animation-duration:20s}}
@media(prefers-reduced-motion:reduce){.hps-page-title--motion .hps-page-title__sky,.hps-page-title--motion .hps-page-title__installer{animation:none;translate:none;will-change:auto}.hps-page-title__sky--copy{display:none}}
/* Product names are dynamic and need more room than short page labels. */
.single-product .hps-page-title__heading{width:min(820px,68%);font-size:clamp(32px,2.7vw,46px);line-height:1.25;letter-spacing:-.025em}
@media(max-width:991px){.single-product .hps-page-title__heading{width:75%;font-size:36px}.single-product .hps-page-title__breadcrumbs{width:75%;font-size:14px}}
@media(max-width:767px){.single-product .hps-page-title__heading{width:100%;font-size:clamp(27px,6.5vw,36px)}.single-product .hps-page-title__breadcrumbs{width:100%;font-size:12px}}