.hero.hero-water{--water-background:radial-gradient(ellipse at 82% 46%, #103944 0%, #092530 42%, #071a24 80%);background:var(--water-background);border-bottom:0;padding-block:88px}.hero>.shell{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:44px;display:grid}.hero-copy{min-width:0}.hero-animation-placeholder{min-width:0;height:clamp(400px,37vw,540px)}@media (width<=900px){.hero-animation-placeholder{height:420px}}@media (width<=480px){.hero-animation-placeholder{height:360px}}.hero.hero-water h1{color:#f2f0e7;letter-spacing:-.035em;font-size:clamp(40px,3.8vw,54px)}.hero-water .hero-lede{color:#d1e0e3;max-width:480px;font-size:17px;line-height:1.75}.hero-water .eyebrow{color:#a6c4c6;letter-spacing:.1em}.hero-water .page-note{color:#b2c6cd}.hero-water .button-primary{color:#102631;background:#f2e4c5;border-color:#f2e4c5}.hero-water .button-primary:hover{background:#fff2d5;border-color:#fff2d5}.hero-water .button-secondary{color:#e1eded;border-color:#779398}.hero-water .button-secondary:hover{background:#173d46;border-color:#b8d3d3}.hero-water ::selection{color:#071a24;background:#b8e8dc}.ripple-instrument{--water-background:radial-gradient(ellipse at 74% 44%, #103944 0%, #092530 42%, #071a24 80%);background:0 0;min-width:0;position:relative}.ripple-instrument canvas{cursor:crosshair;touch-action:none;width:100%;height:clamp(400px,37vw,540px);display:block;-webkit-mask-image:radial-gradient(#000 54%,#000a 80%,#0000 100%);mask-image:radial-gradient(#000 54%,#000a 80%,#0000 100%)}.ripple-instrument canvas:focus-visible{outline-offset:4px;outline:2px solid #b8e8dc;-webkit-mask-image:none;mask-image:none}.ripple-fullscreen{color:#c2dedc;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;bottom:0;right:0}.ripple-fullscreen:hover{color:#fff2d5}.ripple-fullscreen:focus-visible{outline-offset:0;outline:2px solid #b8e8dc}.ripple-immersive{background:var(--water-background);width:100%;height:100dvh}.ripple-instrument:fullscreen{background:var(--water-background);width:100%;height:100dvh}.ripple-immersive{z-index:1000;position:fixed;inset:0}.ripple-immersive canvas{height:100%;-webkit-mask-image:none;mask-image:none}.ripple-instrument:fullscreen canvas{height:100%;-webkit-mask-image:none;mask-image:none}.ripple-immersive .ripple-fullscreen{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom))}.ripple-instrument:fullscreen .ripple-fullscreen{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom))}.hero:has(.ripple-ribbon){isolation:isolate;position:relative}.hero:has(.ripple-ribbon) .hero-copy{z-index:1;position:relative}.ripple-stage{pointer-events:none;min-width:0;height:clamp(400px,37vw,540px)}.ripple-ribbon{z-index:0;pointer-events:auto;position:absolute;inset:0}.ripple-ribbon canvas{touch-action:pan-y pinch-zoom;height:100%;-webkit-mask-image:none;mask-image:none;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ripple-ribbon canvas:focus-visible{outline-offset:-4px}.ripple-ribbon .ripple-fullscreen{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom))}.ripple-ribbon.ripple-immersive{z-index:1000;position:fixed}.hero:has(.ripple-ribbon.ripple-immersive){z-index:1000}:is(.ripple-ribbon:fullscreen canvas,.ripple-ribbon.ripple-immersive canvas){touch-action:none}@media (width<=1100px){.hero>.shell{gap:30px}}@media (width<=900px){.hero.hero-water{padding-block:64px}.hero>.shell{grid-template-columns:1fr;gap:32px}.hero-copy{max-width:640px}.hero.hero-water h1{font-size:48px}.ripple-stage{height:420px}}@media (width<=480px){.hero.hero-water{padding-block:48px}.hero>.shell{gap:22px}.hero.hero-water h1{font-size:clamp(38px,10vw,44px)}.ripple-stage{height:360px}}@media print{.ripple-instrument,.ripple-stage{display:none}.hero>.shell{display:block}.hero.hero-water{background:#fff}.hero.hero-water h1,.hero-water .hero-lede,.hero-water .eyebrow,.hero-water .page-note{color:#111}}