/* HydrantFinder: supplied development screens, existing company typography. */
.hydrant-hero{overflow:hidden;background:radial-gradient(ellipse at 80% 55%,#16392d 0,transparent 55%),#0b1511;padding:70px 0 75px}
.hydrant-hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:55px;align-items:center}
.hydrant-hero-copy .breadcrumb{display:inline-block;margin-bottom:38px}
.hydrant-hero-copy h1{font-size:clamp(40px,4.65vw,70px);line-height:1.08;letter-spacing:-2.4px;margin:0 0 27px}
.hydrant-hero-copy .lead{font-size:19px;color:#d8e8df;max-width:540px}
.hydrant-hero-copy>p:not(.eyebrow):not(.lead):not(.hydrant-development-note){font-size:14px;line-height:1.9;color:#adbfB3;max-width:550px;margin:22px 0 29px}
.hydrant-hero-copy .actions{gap:12px}
.hydrant-hero-copy .button{font-size:11px;padding:14px 18px;gap:18px}
.hydrant-development-note{font-size:11px;line-height:1.9;color:#9bb2a3;max-width:490px;margin:25px 0 0}
.hydrant-hero-visual,.hydrant-feature-media{position:relative;min-width:0;isolation:isolate}
.hydrant-phones{position:relative;display:flex;gap:20px;align-items:center;justify-content:center;padding:20px 0 62px;isolation:isolate}
.hydrant-phone{position:relative;flex:0 1 45%;max-width:240px;margin:0;min-width:0;animation:hydrant-float 9s ease-in-out infinite}
.hydrant-phone>img{display:block;width:100%;height:auto;border:1px solid #547865;border-radius:28px;box-shadow:0 20px 50px #0006;background:#0d121d}
.hydrant-phone>figcaption{font:11px/1.7 var(--rt-meta);letter-spacing:.65px;color:#a2c4b1;text-align:center;padding-top:17px}
.hydrant-phone-compass{margin-top:105px;animation-delay:-4.5s}
.hydrant-orbit{position:absolute;z-index:-1;left:0;right:0;aspect-ratio:1;top:16%;border:1px solid #73f6bc24;border-radius:50%;box-shadow:0 0 0 42px #4ff7b705,0 0 0 84px #4ff7b704}
.hydrant-orbit:before{content:'';position:absolute;inset:32px;border:1px dashed #6d9c7d36;border-radius:50%;animation:hydrant-orbit 75s linear infinite}
.hydrant-orbit:after{content:'+';position:absolute;top:48%;left:-6px;color:#24efbe;font:20px/1 monospace}
.hydrant-screen-label{display:block;text-align:center;font:11px/1.8 var(--rt-meta);letter-spacing:1px;color:#9ab5a5;padding:0 16px}
.hydrant-feature{background:#101f19;min-height:610px}
.hydrant-feature .feature-copy{padding-block:50px}
.hydrant-feature .feature-copy .hydrant-feature-note{font:11px/1.9 var(--rt-body);color:#a0b8a9;margin-top:24px;max-width:390px}
.hydrant-feature-media{padding:25px 30px 28px;background:radial-gradient(ellipse,#24493788,transparent 72%)}
.hydrant-feature-media .hydrant-phones{gap:16px;padding-bottom:30px}
.hydrant-feature-media .hydrant-phone{max-width:210px}
.hydrant-feature-media .hydrant-phone-compass{margin-top:65px}
.hydrant-feature-media .hydrant-phone>figcaption{font-size:11px}
.hydrant-summary{border-block:1px solid #355443;background:#11261c}
.hydrant-summary>.wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.hydrant-summary>.wrap>div{padding:30px 30px 30px 0}
.hydrant-summary>.wrap>div+div{border-left:1px solid #355443;padding-left:35px}
.hydrant-summary span{font:11px/1.7 var(--rt-meta);color:#24efbe;letter-spacing:1px}
.hydrant-summary p{font-size:13px;line-height:1.9;color:#c4d9cb;margin:14px 0 0}
.hydrant-explore{background:#0c1811}
.hydrant-explorer{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.hydrant-screen-stage{background:radial-gradient(ellipse at center,#294b38,transparent 65%),repeating-linear-gradient(0deg,transparent 0,transparent 47px,#37664618 48px),repeating-linear-gradient(90deg,transparent 0,transparent 47px,#37664618 48px);border:1px solid #35533e;padding:35px 22px}
.hydrant-screen-stage>figure{margin:0;text-align:center}
.hydrant-screen-stage>figure>img{width:245px;margin:auto;border-radius:27px;border:1px solid #597663;box-shadow:0 20px 45px #0005}
.hydrant-screen-stage figcaption{font:11px/1.7 var(--rt-meta);letter-spacing:.7px;color:#a2bfa9;margin-top:24px}
.hydrant-tabs{display:flex;flex-direction:column;border-top:1px solid #41604b}
.hydrant-tabs>button{display:grid;grid-template-columns:1fr 22px;text-align:left;position:relative;border:0;border-bottom:1px solid #41604b;background:transparent;padding:27px 22px;color:#b0c3b4}
.hydrant-tabs>button[aria-selected=true]{background:#1a3324;box-shadow:inset 3px 0 #24efbe}
.hydrant-tabs>button>span{font:11px/1.7 var(--rt-meta);color:#91ad9a;letter-spacing:1px;grid-column:1}
.hydrant-tabs>button[aria-selected=true]>span{color:#24efbe}
.hydrant-tabs strong{display:block;font-family:var(--rt-heading);font-size:23px;line-height:1.45;text-transform:uppercase;color:#e4f1e6;margin:12px 0;letter-spacing:-.3px;grid-column:1}
.hydrant-tabs small{display:block;font-size:12px;line-height:1.9;grid-column:1;max-width:430px;font-weight:400}
.hydrant-tabs b{grid-column:2;grid-row:1/4;align-self:center;color:#24efbe;font-size:23px;font-weight:400}
.hydrant-tabs>button:hover{background:#1a332477}
.hydrant-screen-disclosure{font-size:11px;line-height:1.9;color:#98b29f;margin:25px 0 15px;max-width:490px}
.hydrant-coverage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.hydrant-coverage-grid>article{border-top:2px solid #39775b;padding-top:25px}
.hydrant-coverage-grid span{font:11px/1.7 var(--rt-meta);color:#4c6f59;letter-spacing:.7px}
.hydrant-coverage-grid h3{font-size:23px;line-height:1.4;margin:20px 0 14px}
.hydrant-coverage-grid p{font-size:13px;line-height:1.9;max-width:310px;color:#435c4c}
.hydrant-coverage-note{font-size:11px;line-height:1.9;max-width:830px;margin:37px 0 0;color:#435c4c!important}
.hydrant-uses .three-points p{color:#acbfae}
.hydrant-data-note{background:#142b1e;border-top:1px solid #41664c;padding:65px 0 75px}
.hydrant-data-note>.wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px}
.hydrant-data-note h2{font-size:35px;line-height:1.2}
.hydrant-data-note p{font-size:13px;line-height:1.95;color:#c1d3c4;margin:0 0 20px}
.hydrant-data-note small{font:11px/1.9 var(--rt-meta);color:#9db5a4}
@keyframes hydrant-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes hydrant-orbit{to{transform:rotate(360deg)}}
@media(min-width:801px){
  .related-links.hydrant-related{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1100px){
  .hydrant-hero-grid{gap:30px}
  .hydrant-hero-copy h1{font-size:51px;letter-spacing:-1.4px}
  .hydrant-phones{gap:12px}
  .hydrant-phone>figcaption{font-size:11px}
  .hydrant-hero-copy .lead{font-size:17px}
  .hydrant-explorer{gap:40px}
  .hydrant-feature-media{padding-inline:18px}
  .hydrant-feature-media .hydrant-phone>figcaption{font-size:11px}
}
@media(max-width:800px){
  .hydrant-hero{padding:50px 0}
  .hydrant-hero-grid{grid-template-columns:1fr;gap:30px}
  .hydrant-hero-copy h1{font-size:clamp(38px,7.5vw,64px);letter-spacing:-1.7px}
  .hydrant-hero-copy .breadcrumb{margin-bottom:25px}
  .hydrant-hero-copy .lead{font-size:19px}
  .hydrant-phones{max-width:570px;margin:auto}
  .hydrant-phone>figcaption{font-size:11px}
  .hydrant-hero-visual{max-width:570px;margin:auto;width:100%}
  .hydrant-feature-media{padding-block:25px 35px}
  .hydrant-feature-media .hydrant-phone{max-width:230px}
  .hydrant-feature-media .hydrant-phone>figcaption{font-size:11px}
  .hydrant-summary>.wrap>div{padding-right:18px}
  .hydrant-summary>.wrap>div+div{padding-left:18px}
  .hydrant-summary p{font-size:11px}
  .hydrant-explorer{grid-template-columns:1fr 1fr;gap:25px}
  .hydrant-screen-stage{padding:25px 16px}
  .hydrant-screen-stage>figure>img{max-width:100%}
  .hydrant-tabs>button{padding:20px 14px}
  .hydrant-tabs strong{font-size:17px}
  .hydrant-tabs small{font-size:11px}
  .hydrant-coverage-grid{gap:18px}
  .hydrant-coverage-grid h3{font-size:19px}
  .hydrant-data-note>.wrap{gap:35px}
  .hydrant-data-note h2{font-size:29px}
}
@media(max-width:600px){
  .hydrant-hero-copy h1{font-size:38px;letter-spacing:-1.2px}
  .hydrant-hero-copy .lead{font-size:16px}
  .hydrant-hero-copy>p:not(.eyebrow):not(.lead):not(.hydrant-development-note){font-size:12px}
  .hydrant-hero-copy .eyebrow{font-size:11px;letter-spacing:1px}
  .hydrant-hero-copy .actions{align-items:stretch;flex-direction:column;max-width:360px}
  .hydrant-development-note{font-size:11px}
  .hydrant-phones{padding-top:10px;padding-bottom:30px;gap:12px}
  .hydrant-phone{flex-basis:46%}
  .hydrant-phone-compass{margin-top:60px}
  .hydrant-phone>img{border-radius:19px}
  .hydrant-phone>figcaption{font-size:11px;letter-spacing:.2px;padding-top:12px}
  .hydrant-screen-label{font-size:11px;letter-spacing:.6px}
  .hydrant-feature-media{padding-inline:12px}
  .hydrant-feature-media .hydrant-phone>figcaption{font-size:11px}
  .hydrant-summary>.wrap{grid-template-columns:1fr}
  .hydrant-summary>.wrap>div{padding:22px 0}
  .hydrant-summary>.wrap>div+div{border-left:0;border-top:1px solid #355443;padding-left:0}
  .hydrant-summary span{font-size:11px}
  .hydrant-summary p{font-size:12px;margin-top:10px}
  .hydrant-summary br{display:none}
  .hydrant-explorer{display:flex;flex-direction:column;gap:28px}
  .hydrant-screen-stage{width:100%;padding-block:28px}
  .hydrant-screen-stage>figure>img{width:235px}
  .hydrant-screen-stage figcaption{font-size:11px}
  .hydrant-view-copy{width:100%}
  .hydrant-tabs strong{font-size:20px}
  .hydrant-tabs small{font-size:12px}
  .hydrant-screen-disclosure{font-size:11px}
  .hydrant-coverage-grid{grid-template-columns:1fr;gap:25px}
  .hydrant-coverage-grid h3{font-size:23px;margin-block:14px 8px}
  .hydrant-coverage-grid p{font-size:12px;margin-bottom:0}
  .hydrant-coverage-note{font-size:11px;margin-top:28px}
  .hydrant-data-note{padding:50px 0}
  .hydrant-data-note>.wrap{grid-template-columns:1fr;gap:30px}
  .hydrant-data-note h2{font-size:29px}
  .hydrant-data-note p{font-size:12px}
  .hydrant-data-note small{font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .hydrant-phone,.hydrant-orbit:before{animation:none}
}
@media(max-width:600px){
  .hydrant-view-copy{display:contents}
  .hydrant-tabs{order:-1;display:grid;grid-template-columns:repeat(3,1fr);width:100%;border:1px solid #41604b}
  .hydrant-tabs>button{display:block;text-align:center;padding:15px 6px;border-bottom:0;min-height:50px}
  .hydrant-tabs>button+button{border-left:1px solid #41604b}
  .hydrant-tabs>button[aria-selected=true]{box-shadow:inset 0 -3px #24efbe}
  .hydrant-tabs>button>span{font-size:11px;letter-spacing:.3px}
  .hydrant-tabs strong,.hydrant-tabs small,.hydrant-tabs b{display:none}
  .hydrant-screen-disclosure{margin:0}
  .hydrant-view-copy>.motion-control{align-self:flex-start}
}
/* HydrantFinder screen tour: screens step through on their own until someone interacts.
   Each new screen eases in; the selected tab shows how long until the next one. */
[data-hydrant-explorer] [role=tabpanel]:not([hidden]) img{animation:hf-screen-in .7s cubic-bezier(.2,.7,.2,1) both}
@keyframes hf-screen-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
[data-hydrant-explorer].is-touring .hydrant-tabs>button[aria-selected=true]::before{content:"";position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:#24efbe;transform-origin:left;animation:hf-tour-progress var(--tour-ms,5200ms) linear both}
@keyframes hf-tour-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
html.motion-paused [data-hydrant-explorer] img,html.motion-paused [data-hydrant-explorer] .hydrant-tabs>button::before{animation:none!important}
@media (prefers-reduced-motion:reduce){
  [data-hydrant-explorer] img,[data-hydrant-explorer] .hydrant-tabs>button::before{animation:none!important}
}