/* Decorative harbor motion stays behind the original hero copy and controls. */
.hero-art>.hero-photo{transform-origin:60% 55%;animation:harbor-camera 32s ease-in-out infinite alternate;will-change:transform}
.hero-art>.harbor-water,.hero-art>.harbor-lights{display:block!important;position:absolute;inset:0;pointer-events:none;z-index:1}
.hero-art>.harbor-water{background:repeating-linear-gradient(174deg,transparent 0 16px,#f5d7a50c 17px,transparent 19px 31px);clip-path:polygon(60% 53%,100% 54%,100% 100%,43% 100%);mix-blend-mode:screen;opacity:.55;animation:harbor-water 10s linear infinite;transform-origin:center bottom}
.hero-art>.harbor-lights{background:radial-gradient(ellipse at 78% 63%,#eac17d32 0,transparent 5%),radial-gradient(ellipse at 91% 76%,#eac17d24 0,transparent 7%),radial-gradient(ellipse at 17% 66%,#d9e6c61c 0,transparent 5%),radial-gradient(ellipse at 71% 45%,#eac17d1e 0,transparent 4%);mix-blend-mode:screen;animation:harbor-light 7s ease-in-out infinite alternate}
@keyframes harbor-camera{from{transform:scale(1.035) translate3d(-.4%,0,0)}to{transform:scale(1.075) translate3d(.5%,-.35%,0)}}
@keyframes harbor-water{from{transform:translate3d(-.6%,0,0) scaleY(1.02)}to{transform:translate3d(.6%,1.3%,0) scaleY(1.04)}}
@keyframes harbor-light{from{opacity:.28}to{opacity:.7}}
.hero-art.is-harbor-paused>.hero-photo,.hero-art.is-harbor-paused>.harbor-water,.hero-art.is-harbor-paused>.harbor-lights{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.hero-art>.hero-photo,.hero-art>.harbor-water,.hero-art>.harbor-lights{animation:none;will-change:auto}.hero-art>.harbor-water,.hero-art>.harbor-lights{display:none!important}}