.hero-water{position:absolute;left:0;right:0;top:-8%;width:100%;height:116%;border-radius:0;pointer-events:none;transform:translate3d(0,var(--hero-shift,0px),0);z-index:0;opacity:0;transition:opacity .65s ease;will-change:transform}
.hero-water.water-ready{opacity:1}.hero-water[hidden]{display:none!important}
.hero:after{z-index:1}.hero-content,.hero-note{z-index:2}
.hero-note{justify-content:flex-start;gap:14px}.hero-note>span{margin-right:auto}
.water-toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 16px;color:#fff;background:#123b5240;border:1px solid #ffffff55;border-radius:30px;backdrop-filter:blur(10px);font-size:10px;letter-spacing:.3px;line-height:1.3}
.hero-note .water-toggle span{font-size:12px;padding:0;margin:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;letter-spacing:normal;color:inherit}.water-toggle:hover{background:#123b5280}.water-toggle:focus-visible{outline:2px solid #fff;outline-offset:4px}.water-toggle[hidden]{display:none!important}
@media(max-width:620px){.hero-water{top:0;width:100%;height:100%;transform:none;will-change:auto}.hero-note{justify-content:space-between;gap:10px;align-items:center}.water-toggle{font-size:10px;padding:9px 14px;min-height:40px}}
@media(prefers-reduced-motion:reduce){.hero-water,.water-toggle{display:none!important}.hero-water{transition:none}}