/* Optional enhancement. The unchanged hero image remains the static fallback. */
.hero-media{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.hero-media>.hero-art{z-index:0}
.hero-water-region{position:absolute;pointer-events:none;opacity:0;transition:opacity 900ms ease;clip-path:polygon(58% 30%,80% 10%,90% 16%,95% 52%,81% 54%,68% 42%);
  -webkit-mask-image:radial-gradient(ellipse 15% 23% at 80% 28%,#000 32%,transparent 100%),radial-gradient(ellipse 18% 11% at 76% 16%,#000 20%,transparent 100%);
  mask-image:radial-gradient(ellipse 15% 23% at 80% 28%,#000 32%,transparent 100%),radial-gradient(ellipse 18% 11% at 76% 16%,#000 20%,transparent 100%)}
.hero[data-motion-ready="true"] .hero-water-region{opacity:1}
.hero-water-image{display:block;width:100%;height:100%;max-width:none;transform-origin:80% 28%;animation:langhua-wave-drift 7.8s ease-in-out infinite;animation-play-state:paused}
.hero-water-light{position:absolute;inset:0;opacity:0;background:radial-gradient(ellipse 13% 17% at 77% 21%,#e4f9ff 0%,transparent 76%);animation:langhua-water-light 7.8s ease-in-out infinite;animation-play-state:paused}
.hero[data-motion-running="true"] .hero-water-image,.hero[data-motion-running="true"] .hero-water-light{animation-play-state:running}
.hero[data-motion-running="true"] .hero-water-image{will-change:transform}
.hero[data-motion-static="true"] .hero-water-region{display:none}
.motion-toggle{position:absolute;z-index:2;left:var(--gutter);bottom:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:108px;min-height:44px;padding:0 14px;border:1px solid #ffffff70;border-radius:6px;background:#102144a8;color:white;font:500 12px/1.4 "PingFang SC","Microsoft YaHei",sans-serif;transition:background .2s}
.motion-toggle:hover{background:#102144d9}.motion-toggle svg{width:14px;height:14px;stroke-width:1.8}.motion-toggle[hidden]{display:none}.motion-toggle .play-icon{display:none}.motion-toggle[aria-pressed="true"] .pause-icon{display:none}.motion-toggle[aria-pressed="true"] .play-icon{display:block}
@keyframes langhua-wave-drift{0%,100%{transform:translate3d(0,0,0) scale(1)}38%{transform:translate3d(-4px,2px,0) scale(1.024)}70%{transform:translate3d(2px,-2px,0) scale(1.011)}}
@keyframes langhua-water-light{0%,100%{opacity:0;transform:translate3d(0,0,0)}40%{opacity:.09;transform:translate3d(-7px,4px,0)}72%{opacity:.025;transform:translate3d(4px,-2px,0)}}
@media(max-width:680px){.hero-media{position:relative;inset:auto;order:2;z-index:0;width:100%;aspect-ratio:1.3;max-height:450px}.hero-media>.hero-art{position:absolute;inset:0;order:initial;width:100%;height:100%;max-height:none;aspect-ratio:auto}.motion-toggle{bottom:8px;min-width:100px;font-size:11px;padding-inline:11px}.hero-water-image{animation-name:langhua-wave-drift-mobile}}
@keyframes langhua-wave-drift-mobile{0%,100%{transform:translate3d(0,0,0) scale(1)}38%{transform:translate3d(-1px,1px,0) scale(1.024)}70%{transform:translate3d(1px,-1px,0) scale(1.011)}}
@media(prefers-reduced-motion:reduce){.hero-water-region,.motion-toggle{display:none!important}.hero-water-image,.hero-water-light{animation:none!important}}