.rain-hero{grid-template-columns:1fr 1.1fr;gap:3rem;min-height:720px;padding-top:3.5rem;padding-bottom:4rem;align-items:center}.rain-hero h1{font-size:clamp(5rem,10.4vw,9rem);line-height:.88;letter-spacing:-.08em;margin:1.7rem 0 2rem}.rain-hero h1 span{color:var(--accent)}.rain-hero .intro{max-width:390px;font-size:1.15rem;line-height:1.65}.rain-hero .hero-copy{position:relative;z-index:1}.rain-choice-label{margin:1.7rem 0 .65rem;font-size:.8rem;color:var(--muted);font-weight:700}.rain-choices{display:flex;flex-wrap:wrap;gap:.5rem}.rain-choices button,.rain-pause{font:inherit;cursor:pointer;border:1px solid var(--line);border-radius:99px;background:var(--panel);color:var(--ink);padding:.65rem .95rem;font-size:.85rem}.rain-choices button[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.rain-hero button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.rain-hero .button{margin-top:1.8rem}.rain-hero [hidden]{display:none!important}.rain-stage{min-width:0;margin:0;position:relative;border-radius:2rem;overflow:hidden;background:#143b50;box-shadow:0 30px 70px -35px #143b5070;color:#d9f4fa;--fall-speed:1s;--drop-opacity:.9;--wind:-34px}.rain-stage::after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid #c3f0ff25;border-radius:inherit}.rain-stage svg{width:100%;height:auto;display:block}.rain-stage figcaption{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 1.4rem;background:#102f41}.rain-scene-label{font-weight:700;font-size:.9rem;display:flex;gap:.6rem;align-items:center}.rain-scene-label::before{content:"";width:7px;height:7px;background:#88deee;border-radius:50%;box-shadow:0 0 12px #80e0ef;animation:rain-indicator 3s ease-in-out infinite}.rain-pause{color:#c5eaf3;background:#ffffff09;border-color:#ffffff30;font-size:.75rem;white-space:nowrap}.rain-pause:hover{background:#ffffff16}.rain-pause:disabled{opacity:.65;cursor:default}.rain-stage .hero-drop{animation:hero-fall var(--fall-speed) linear infinite;animation-delay:var(--delay);opacity:var(--drop-opacity);stroke:#a0e4f5;stroke-width:1.7;stroke-linecap:round;fill:none}.rain-stage .rain-far .hero-drop{stroke-width:1;animation-duration:calc(var(--fall-speed)*1.6)}.rain-stage .rain-far{opacity:.35}.rain-stage .rain-near{opacity:.6}.rain-stage .hero-ripple{transform-box:fill-box;transform-origin:center;animation:hero-ring 2.5s ease-out infinite;animation-delay:var(--delay)}.rain-stage .hero-splash{animation:hero-splash 1.4s ease-out infinite;animation-delay:var(--delay);transform-box:fill-box;transform-origin:bottom}.rain-stage .hero-cloud-drift{animation:hero-cloud-drift 8s ease-in-out infinite}.rain-stage .hero-cloud-back{animation:hero-cloud-drift 12s ease-in-out infinite;animation-delay:-4s}.rain-stage .hero-grass{transform-box:fill-box;transform-origin:bottom;animation:hero-grass 3s ease-in-out infinite}.rain-stage .hero-reflection{animation:hero-reflection 5s ease-in-out infinite}.rain-hero[data-rain-mode=drizzle] .rain-stage{--fall-speed:2.5s;--drop-opacity:.5;--wind:-12px}.rain-hero[data-rain-mode=drizzle] .rain-extra,.rain-hero[data-rain-mode=drizzle] .rain-near,.rain-hero[data-rain-mode=drizzle] .hero-splash{display:none}.rain-hero[data-rain-mode=steady] .rain-stage{--fall-speed:1.6s;--drop-opacity:.75;--wind:-18px}.rain-hero[data-rain-mode=steady] .rain-extra{display:none}.rain-hero[data-rain-mode=drizzle] .hero-cloud-drift{animation-duration:14s}.rain-hero[data-rain-mode=shower] .hero-cloud-drift{animation-duration:6s}.rain-hero[data-paused=true] .rain-stage *,.rain-hero[data-paused=true] .rain-scene-label::before{animation-play-state:paused!important}.rain-hero[data-paused=true] .hero-drop{opacity:var(--drop-opacity)}.rain-hero-note{font-size:.8rem;color:var(--muted);margin:1rem 0 0}.rain-hero .hero-controls{margin-bottom:.5rem}@keyframes hero-fall{0%{transform:translate(0,-35px);opacity:0}10%,85%{opacity:var(--drop-opacity)}100%{transform:translate(var(--wind),255px);opacity:0}}@keyframes hero-ring{0%{transform:scale(.3);opacity:.85}100%{transform:scale(1.8);opacity:0}}@keyframes hero-splash{0%,75%,100%{transform:translateY(0) scale(.3);opacity:0}15%{transform:translateY(-5px) scale(1);opacity:.8}55%{transform:translateY(2px) scale(1.2);opacity:0}}@keyframes hero-cloud-drift{50%{transform:translateX(10px) translateY(-4px)}}@keyframes hero-grass{50%{transform:rotate(-4deg)}}@keyframes hero-reflection{50%{opacity:.35}}@keyframes rain-indicator{50%{opacity:.5}}@media(min-width:761px) and (max-width:1000px){.rain-hero{gap:2rem;min-height:650px}.rain-hero h1{font-size:clamp(5rem,11vw,7rem)}.rain-stage figcaption{padding:1rem;gap:.5rem}.rain-scene-label{font-size:.8rem}}@media(max-width:760px){.rain-hero{grid-template-columns:1fr;padding:2.5rem 1.3rem 3rem;gap:2rem;min-height:auto}.rain-hero h1{font-size:clamp(5.2rem,18vw,7.8rem);margin:1.5rem 0}.rain-hero .intro{max-width:500px;font-size:1.05rem}.rain-hero .hero-copy{max-width:550px}.rain-stage{width:100%;max-width:550px;margin:auto}.rain-choice-label{margin-top:1.3rem}.rain-hero .button{margin-top:1.4rem}.rain-stage figcaption{padding:1rem}.rain-hero-note{max-width:340px}}@media(max-width:360px){.rain-choices{gap:.35rem}.rain-choices button{padding:.6rem .75rem;font-size:.8rem}.rain-stage figcaption{padding:.9rem .8rem;gap:.5rem}.rain-scene-label{font-size:.8rem}.rain-pause{padding:.6rem .75rem}}@media(prefers-reduced-motion:reduce){.rain-stage *,.rain-scene-label::before{animation:none!important}.rain-stage .hero-drop{opacity:var(--drop-opacity)}}

.rain-hero[data-rain-mode=storm] .rain-stage{--fall-speed:.7s;--drop-opacity:1;--wind:-56px}.rain-hero[data-rain-mode=storm] .hero-cloud-top{stop-color:#a9c3d2}.rain-hero[data-rain-mode=storm] .hero-cloud-middle{stop-color:#789cad}.rain-hero[data-rain-mode=storm] .hero-cloud-bottom{stop-color:#426e86}.rain-hero[data-rain-mode=storm] .hero-cloud-drift{animation-duration:4s}.rain-hero[data-rain-mode=storm] .hero-grass{animation-duration:1.8s}.hero-storm-light{display:none}.rain-hero[data-rain-mode=storm] .hero-storm-light{display:block}.hero-lightning{opacity:0;animation:hero-lightning 9s linear infinite}.hero-lightning-second{animation-delay:3.8s}.hero-storm-glow{opacity:0;animation:hero-storm-glow 9s linear infinite}.hero-umbrella-flight{opacity:0;transform:translate(-110px,365px);transform-origin:0 0}.rain-hero[data-rain-mode=storm][data-launch-umbrella=true] .hero-umbrella-flight{animation:hero-umbrella-flight 4.3s cubic-bezier(.25,.5,.65,1) .1s both}@keyframes hero-lightning{0%,10%,18%,100%{opacity:0}12%,14%{opacity:1}16%{opacity:.15}}@keyframes hero-storm-glow{0%,10%,18%,100%{opacity:0}12%,14%{opacity:.12}16%{opacity:.02}}@keyframes hero-umbrella-flight{0%{transform:translate(-110px,365px) rotate(-25deg);opacity:0}8%{opacity:1}28%{transform:translate(140px,278px) rotate(32deg)}52%{transform:translate(310px,324px) rotate(-35deg)}74%{transform:translate(484px,174px) rotate(95deg);opacity:1}100%{transform:translate(720px,208px) rotate(225deg);opacity:0}}@media(prefers-reduced-motion:reduce){.hero-storm-glow{opacity:0!important}.rain-hero[data-rain-mode=storm] .hero-lightning-first{opacity:.65}.rain-hero[data-rain-mode=storm][data-launch-umbrella=true] .hero-umbrella-flight{animation:none!important;transform:translate(112px,397px) rotate(-18deg);opacity:1}}