.waterkit-hero{position:relative;overflow:hidden;isolation:isolate}.waterkit-hero__wrap{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"top" "visual" "bottom";gap:2.4rem;align-items:center}.waterkit-hero__top{grid-area:top}.waterkit-hero__visual{grid-area:visual}.waterkit-hero__bottom{grid-area:bottom}@media screen and (min-width:990px){.waterkit-hero__wrap--visual{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);grid-template-areas:"top visual" "bottom visual";column-gap:6.4rem;row-gap:0;align-content:center}.waterkit-hero__wrap--visual .waterkit-hero__top{align-self:end}.waterkit-hero__wrap--visual .waterkit-hero__bottom{align-self:start}}.waterkit-hero__flag{display:inline-block;margin:0 0 2rem;background:#f6a83c;color:#1a2333;font-family:var(--font-heading-family);font-size:1.15rem;font-weight:600;letter-spacing:.08em;padding:.6rem 1.3rem;border-radius:999px;text-transform:uppercase;line-height:1}.waterkit-hero__heading{margin:0;font-size:3.4rem;line-height:1.08;letter-spacing:-.02em;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.waterkit-hero__heading{font-size:clamp(3.8rem,4vw,5.2rem)}}.waterkit-hero__subheading{margin-top:2rem;max-width:52rem}.waterkit-hero__subheading p{margin:0;font-size:1.6rem;line-height:1.65;color:rgba(var(--color-foreground),.75)}@media screen and (min-width:750px){.waterkit-hero__subheading p{font-size:1.7rem}}.waterkit-hero__ctas{display:flex;flex-wrap:wrap;gap:1.2rem}@media screen and (min-width:990px){.waterkit-hero__ctas{margin-top:3rem}}.waterkit-hero__ctas .button{min-height:4.8rem}@media screen and (max-width:749px){.waterkit-hero__ctas .button:first-child{width:100%}}.waterkit-hero__note{margin:1.4rem 0 0;font-size:1.35rem;line-height:1.5;color:rgba(var(--color-foreground),.7)}.waterkit-hero__chips{list-style:none;display:flex;flex-wrap:wrap;gap:1rem 2.2rem;margin:2.4rem 0 0;padding:0}.waterkit-hero__chip{display:inline-flex;align-items:center;gap:.8rem;font-size:1.4rem;color:rgba(var(--color-foreground),.88)}.waterkit-hero__chip-icon{width:2rem;height:2rem;flex-shrink:0}.waterkit-hero__visual{position:relative;width:100%}.waterkit-hero__media{border-radius:1.6rem;overflow:hidden;box-shadow:0 1.2rem 3.2rem #0e1b2c1a}.waterkit-hero__img{display:block;width:100%;height:auto;aspect-ratio:4 / 3.2;object-fit:cover}@media screen and (max-width:749px){.waterkit-hero__media--has-mobile .waterkit-hero__img{aspect-ratio:1 / 1}}.waterkit-hero__card{background:#fff;color:#0e1b2c;border-radius:1.6rem;padding:2.6rem 2.6rem 2.2rem;max-width:44rem;margin:0 auto;box-shadow:0 2.4rem 6rem #0e1b2c29,0 .2rem .8rem #0e1b2c14}@media screen and (min-width:990px){.waterkit-hero__card{margin:0 0 0 auto}}.waterkit-hero__card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1.6rem;padding-bottom:1.6rem;border-bottom:.1rem solid rgba(14,27,44,.1)}.waterkit-hero__card-label{margin:0 0 .5rem;font-family:var(--font-heading-family);font-size:1.15rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#1a66e0}.waterkit-hero__card-sample{margin:0;font-size:1.4rem;font-weight:500;color:#0e1b2cbf}.waterkit-hero__card-drop{width:3.2rem;height:3.2rem;flex-shrink:0}.waterkit-hero__card-rows{display:flex;flex-direction:column}.waterkit-hero__card-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1.2rem;padding:1.15rem 0;border-bottom:.1rem solid rgba(14,27,44,.07)}.waterkit-hero__card-row:last-child{border-bottom:none}.waterkit-hero__card-param{font-size:1.45rem;font-weight:600;color:#0e1b2c}.waterkit-hero__card-result{font-size:1.35rem;font-variant-numeric:tabular-nums;color:#0e1b2ca6}.waterkit-hero__badge{display:inline-flex;align-items:center;justify-content:center;min-width:5.6rem;padding:.35rem 1rem;border-radius:99rem;font-size:1.15rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.waterkit-hero__badge--pass{background:#e3f6ec;color:#189d57}.waterkit-hero__badge--note{background:#faf0d9;color:#8a6116}.waterkit-hero__card-footnote{margin:1.6rem 0 0;padding-top:1.4rem;border-top:.1rem solid rgba(14,27,44,.1);font-size:1.2rem;color:#0e1b2c8c}.waterkit-hero__float-chip{position:absolute;bottom:-1.8rem;left:-1.6rem;display:inline-flex;align-items:center;gap:.7rem;background:#f6a83c;color:#0a1526;border-radius:99rem;padding:1rem 1.7rem;font-size:1.3rem;font-weight:700;box-shadow:0 1.2rem 3rem #0e1b2c2e}.waterkit-hero__float-chip svg{width:1.8rem;height:1.8rem;flex-shrink:0}@media screen and (max-width:989px){.waterkit-hero__float-chip{left:50%;transform:translate(-50%);bottom:-2rem;white-space:nowrap}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-waterkit-hero.css.map */
