.h2o-home{--h2o-blue: #005dff;--h2o-ink: #111318;--h2o-muted: #626874;--h2o-surface: #f4f5f7;--h2o-line: rgba(17, 19, 24, .12);--h2o-radius: 1.6rem;color:var(--h2o-ink)}.h2o-home__inner{width:min(100%,132rem);margin-inline:auto;padding-inline:5rem}.h2o-home__header{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:clamp(2.4rem,3vw,4rem)}.h2o-home__heading-wrap{max-width:82rem}.h2o-home__eyebrow{display:inline-flex;align-items:center;min-height:2.8rem;margin-bottom:1rem;padding:.45rem 1rem;border-radius:99rem;background:#e9edf3;color:#313844;font-size:1.15rem;font-weight:700;letter-spacing:.07em;line-height:1;text-transform:uppercase}.h2o-home__heading{margin:0;color:var(--h2o-ink);font-size:clamp(2.8rem,3.5vw,4.8rem);font-weight:700;letter-spacing:-.035em;line-height:1.08}.h2o-home__intro{max-width:72rem;margin:1.2rem 0 0;color:var(--h2o-muted);font-size:clamp(1.5rem,1.5vw,1.8rem);line-height:1.55}.h2o-home__link{display:inline-flex;align-items:center;gap:.8rem;color:inherit;font-size:1.4rem;font-weight:700;line-height:1.3;text-decoration:none}.h2o-home__link:after{content:"\2192";transition:transform .2s ease}.h2o-home__link:hover:after{transform:translate(.35rem)}.h2o-home a:focus-visible,.h2o-home button:focus-visible{outline:.2rem solid var(--h2o-blue);outline-offset:.35rem}.h2o-home-applications{padding-block:clamp(4.8rem,7vw,8rem)}.h2o-home-applications__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8rem}.h2o-home-app-card{position:relative;min-width:0;overflow:hidden;border:.1rem solid var(--h2o-line);border-radius:var(--h2o-radius);background:var(--h2o-surface);transition:border-color .2s ease,transform .2s ease}.h2o-home-app-card:hover{border-color:#1113183d;transform:translateY(-.3rem)}.h2o-home-app-card__link{display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none}.h2o-home-app-card__media{position:relative;overflow:hidden;aspect-ratio:16 / 10;background:#e6e9ee}.h2o-home-app-card__media img,.h2o-home-app-card__placeholder{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.h2o-home-app-card:hover .h2o-home-app-card__media img{transform:scale(1.025)}.h2o-home-app-card__label{position:absolute;top:1.2rem;left:1.2rem;z-index:1;max-width:calc(100% - 2.4rem);padding:.55rem .9rem;border-radius:99rem;background:#ffffffeb;color:#2a3039;font-size:1.05rem;font-weight:700;letter-spacing:.04em;line-height:1.2;text-transform:uppercase}.h2o-home-app-card__body{display:flex;flex:1;flex-direction:column;padding:1.8rem}.h2o-home-app-card__body h3{margin:0;color:var(--h2o-ink);font-size:1.9rem;font-weight:700;letter-spacing:-.02em;line-height:1.25}.h2o-home-app-card__body p{margin:.8rem 0 1.8rem;color:var(--h2o-muted);font-size:1.35rem;line-height:1.5}.h2o-home-app-card__body .h2o-home__link{margin-top:auto;color:var(--h2o-blue)}.h2o-home-pathways{padding-block:clamp(5.6rem,7vw,9rem);background:#f4f5f7}.h2o-home-pathways__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.h2o-home-path-card{display:flex;min-width:0;height:100%;flex-direction:column;overflow:hidden;border:.1rem solid var(--h2o-line);border-radius:1.8rem;background:#fff}.h2o-home-path-card__media{position:relative;overflow:hidden;aspect-ratio:16 / 9;background:linear-gradient(135deg,#dde2e9,#f5f6f8)}.h2o-home-path-card__media img{display:block;width:100%;height:100%;object-fit:cover}.h2o-home-path-card__fallback{display:grid;width:100%;height:100%;place-items:center;color:#9aa2ae;font-size:5rem;font-weight:700}.h2o-home-path-card__body{display:flex;flex:1;flex-direction:column;padding:2.2rem}.h2o-home-path-card__best{align-self:flex-start;margin-bottom:1.2rem;padding:.55rem .9rem;border-radius:99rem;background:#eef1f5;color:#39404b;font-size:1.15rem;font-weight:700;line-height:1.25}.h2o-home-path-card h3{margin:0;font-size:2.2rem;letter-spacing:-.025em;line-height:1.2}.h2o-home-path-card__description{margin:1rem 0 0;color:var(--h2o-muted);font-size:1.45rem;line-height:1.55}.h2o-home-path-card__note{margin:1.8rem 0 0;padding-top:1.4rem;border-top:.1rem solid var(--h2o-line);color:#444b56;font-size:1.25rem;line-height:1.45}.h2o-home-path-card .h2o-home__link{margin-top:2rem;color:var(--h2o-blue)}.h2o-home-sequence{padding-block:clamp(5.6rem,7vw,9rem)}.h2o-home-sequence__surface{padding:clamp(2.4rem,4vw,4.8rem);border-radius:2rem;background:#0c1017;color:#fff}.h2o-home-sequence .h2o-home__eyebrow{background:#ffffff1f;color:#fff}.h2o-home-sequence .h2o-home__heading{color:#fff}.h2o-home-sequence .h2o-home__intro{color:#ffffffb3}.h2o-home-sequence__steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem;margin-top:3.6rem}.h2o-home-step{position:relative;min-width:0;padding:2rem;border:.1rem solid rgba(255,255,255,.14);border-radius:1.4rem;background:#ffffff0f}.h2o-home-step:not(:last-child):after{content:"\2192";position:absolute;top:2.1rem;right:-1.25rem;z-index:2;display:grid;width:2.4rem;height:2.4rem;place-items:center;border-radius:50%;background:var(--h2o-blue);color:#fff;font-size:1.3rem}.h2o-home-step__number{color:#7faeff;font-size:1.25rem;font-weight:800;letter-spacing:.08em}.h2o-home-step h3{margin:.8rem 0 0;color:#fff;font-size:2rem;line-height:1.25}.h2o-home-step>p{margin:.8rem 0 0;color:#ffffffad;font-size:1.3rem;line-height:1.5}.h2o-home-step__products{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.5rem}.h2o-home-step__product{display:inline-flex;align-items:center;min-height:3.2rem;padding:.6rem .9rem;border-radius:.8rem;background:#ffffff1a;color:#fff;font-size:1.15rem;line-height:1.25;text-decoration:none}.h2o-home-sequence__note{margin:2.4rem 0 0;color:#ffffff94;font-size:1.2rem;line-height:1.5}.h2o-home-solutions{padding-block:clamp(5.6rem,7vw,9rem);background:#f4f5f7}.h2o-home-solutions__track{display:flex;gap:2rem;overflow-x:auto;padding:.2rem .2rem 1.8rem;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-color:#aeb4bf transparent;scrollbar-width:thin}.h2o-home-solution-card{display:grid;flex:0 0 calc(50% - 1rem);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-width:0;overflow:hidden;border:.1rem solid var(--h2o-line);border-radius:1.8rem;background:#fff;scroll-snap-align:start}.h2o-home-solution-card__media{min-height:32rem;overflow:hidden;background:#e7e9ed}.h2o-home-solution-card__media img,.h2o-home-solution-card__placeholder{display:block;width:100%;height:100%;object-fit:cover}.h2o-home-solution-card__content{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,3vw,3.4rem)}.h2o-home-solution-card__label{color:var(--h2o-blue);font-size:1.1rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.h2o-home-solution-card h3{margin:.9rem 0 0;font-size:clamp(2rem,2.1vw,2.8rem);letter-spacing:-.03em;line-height:1.18}.h2o-home-solution-card p{margin:1.1rem 0 0;color:var(--h2o-muted);font-size:1.4rem;line-height:1.55}.h2o-home-solution-card .h2o-home__link{margin-top:2rem;color:var(--h2o-blue)}.h2o-home-support{padding-block:clamp(5.6rem,7vw,9rem)}.h2o-home-support__surface{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(28rem,.7fr);gap:4rem;align-items:center;padding:clamp(3rem,5vw,6rem);border-radius:2rem;background:#e9edf3}.h2o-home-support__surface h2{margin:0;font-size:clamp(2.8rem,3.4vw,4.6rem);letter-spacing:-.035em;line-height:1.08}.h2o-home-support__copy{max-width:68rem;margin:1.3rem 0 0;color:var(--h2o-muted);font-size:1.6rem;line-height:1.55}.h2o-home-support__items{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.h2o-home-support__item{padding:.7rem 1rem;border-radius:99rem;background:#fff;color:#343a44;font-size:1.2rem;font-weight:700}.h2o-home-support__action{display:flex;justify-content:flex-end}.h2o-home-support__button{display:inline-flex;align-items:center;justify-content:center;min-height:5.4rem;padding:1.4rem 2.4rem;border-radius:99rem;background:var(--h2o-blue);color:#fff;font-size:1.45rem;font-weight:750;text-decoration:none}@media screen and (max-width:989px){.h2o-home__inner{padding-inline:3rem}.h2o-home-applications__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.h2o-home-pathways__grid{grid-template-columns:repeat(3,minmax(28rem,1fr));overflow-x:auto;padding-bottom:1.6rem;scroll-snap-type:inline mandatory}.h2o-home-path-card{scroll-snap-align:start}.h2o-home-sequence__steps{grid-template-columns:repeat(2,minmax(0,1fr))}.h2o-home-step:nth-child(2):after{display:none}.h2o-home-solution-card{flex-basis:75%}.h2o-home-support__surface{grid-template-columns:1fr;gap:2.4rem}.h2o-home-support__action{justify-content:flex-start}}@media screen and (max-width:749px){.h2o-home__inner{padding-inline:1.5rem}.h2o-home__header{display:block;margin-bottom:2.4rem}.h2o-home-applications__grid{display:flex;gap:1.2rem;overflow-x:auto;margin-inline:-1.5rem;padding:.2rem 1.5rem 1.6rem;overscroll-behavior-inline:contain;scroll-padding-inline:1.5rem;scroll-snap-type:inline mandatory;scrollbar-width:none}.h2o-home-applications__grid::-webkit-scrollbar{display:none}.h2o-home-app-card{flex:0 0 min(82vw,33rem);scroll-snap-align:start}.h2o-home-pathways__grid{grid-template-columns:repeat(3,minmax(82vw,1fr));margin-inline:-1.5rem;padding-inline:1.5rem;scroll-padding-inline:1.5rem}.h2o-home-sequence__surface{padding:2.6rem 1.8rem;border-radius:1.6rem}.h2o-home-sequence__steps{grid-template-columns:1fr;margin-top:2.6rem}.h2o-home-step:not(:last-child):after{content:"\2193";top:auto;right:1.8rem;bottom:-1.25rem;display:grid}.h2o-home-solution-card{flex:0 0 88%;grid-template-columns:1fr}.h2o-home-solution-card__media{min-height:auto;aspect-ratio:16 / 10}.h2o-home-support__surface{padding:2.8rem 2rem;border-radius:1.6rem}.h2o-home-support__button{width:100%}}@media(prefers-reduced-motion:reduce){.h2o-home *,.h2o-home *:before,.h2o-home *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.h2o-home-pathways__support-link{display:inline-flex;align-items:center;gap:.7rem;min-height:4.4rem;color:var(--h2o-blue);font-size:1.3rem;font-weight:750;line-height:1.35;text-decoration:none}.h2o-home-pathways__support-link span{font-size:1.8rem;transition:transform .2s ease}.h2o-home-pathways__support-link:hover span{transform:translate(.3rem)}.h2o-home-path-card__label{align-self:flex-start;margin-bottom:1.2rem;padding:.55rem .9rem;border-radius:99rem;background:#eef1f5;color:#39404b;font-size:1.1rem;font-weight:750;line-height:1.25}.h2o-home-path-card__decision{display:grid;gap:1.2rem;margin:1.8rem 0 0}.h2o-home-path-card__decision>div{padding-top:1.2rem;border-top:.1rem solid var(--h2o-line)}.h2o-home-path-card__decision dt{color:#303640;font-size:1.12rem;font-weight:800;letter-spacing:.04em;line-height:1.2;text-transform:uppercase}.h2o-home-path-card__decision dd{margin:.5rem 0 0;color:var(--h2o-muted);font-size:1.25rem;line-height:1.48}.h2o-home-path-card__decision .h2o-home-path-card__confirm{padding:1.2rem;border:0;border-radius:1rem;background:#f5f8ff}.h2o-home-path-card__confirm dt{color:var(--h2o-blue)}.h2o-home-path-card .h2o-home__link{margin-top:auto;padding-top:2rem}.h2o-home-solutions__controls{display:flex;flex:0 0 auto;gap:.8rem}.h2o-home-solutions__controls button{display:grid;width:4.8rem;height:4.8rem;padding:0;place-items:center;border:.1rem solid var(--h2o-line);border-radius:50%;background:#fff;color:var(--h2o-ink);cursor:pointer;font:inherit;font-size:1.8rem;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.h2o-home-solutions__controls button:hover:not(:disabled){border-color:var(--h2o-blue);background:var(--h2o-blue);color:#fff}.h2o-home-solutions__controls button:disabled{cursor:default;opacity:.34}.h2o-home-solutions__track{scrollbar-width:none;scroll-behavior:smooth}.h2o-home-solutions__track::-webkit-scrollbar{display:none}.h2o-home-solutions__track:focus-visible{outline:.2rem solid var(--h2o-blue);outline-offset:.4rem}.h2o-home-brands{padding-block:clamp(5.6rem,7vw,8rem);background:#f4f5f7}.h2o-home-brands__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem}.h2o-home-brand{min-width:0;overflow:hidden;border:.1rem solid var(--h2o-line);border-radius:1.4rem;background:#fff}.h2o-home-brand>a,.h2o-home-brand>div{display:grid;width:100%;min-height:11.5rem;padding:1.8rem;place-items:center;color:var(--h2o-ink);text-align:center;text-decoration:none}.h2o-home-brand img{display:block;width:100%;height:6.8rem;object-fit:contain;transition:filter .2s ease,opacity .2s ease,transform .2s ease}.h2o-home-brand>a:hover img{transform:scale(1.025)}.h2o-home-brand>a:focus-visible{outline:.2rem solid var(--h2o-blue);outline-offset:-.4rem}.h2o-home-brand span{font-size:1.4rem;font-weight:750}.h2o-home-brands--muted .h2o-home-brand img{filter:grayscale(1);opacity:.74}.h2o-home-brands--muted .h2o-home-brand>a:hover img,.h2o-home-brands--muted .h2o-home-brand>a:focus-visible img{filter:grayscale(0);opacity:1}@media screen and (max-width:989px){.h2o-home-brands__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (max-width:749px){.h2o-home-pathways__support-link{margin-top:1.6rem}.h2o-home-solutions .h2o-home__header{display:flex;align-items:end}.h2o-home-solutions__controls button{width:4.4rem;height:4.4rem}.h2o-home-brands__grid{display:flex;gap:1rem;overflow-x:auto;margin-inline:-1.5rem;padding:.2rem 1.5rem 1.4rem;scroll-padding-inline:1.5rem;scroll-snap-type:inline mandatory;scrollbar-width:none}.h2o-home-brands__grid::-webkit-scrollbar{display:none}.h2o-home-brand{flex:0 0 44vw;scroll-snap-align:start}.h2o-home-brand>a,.h2o-home-brand>div{min-height:10.5rem;padding:1.5rem}.h2o-home-brand img{height:5.8rem}}@media(prefers-reduced-motion:reduce){.h2o-home-solutions__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/h2o-homepage-architecture.css.map */