/* Four slow decorative crossings, using a clipped copy of the existing boat art. */
.home-sailing-layer{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;overflow:hidden}
/* Translation and heading share a clock: sail bow-first, stop, turn, return. */
.home-sailing-vessel{--sail-duration:116s;--sail-delay:-14s;animation:home-boat-crossing var(--sail-duration) linear infinite;animation-delay:var(--sail-delay);transform-origin:0 0;opacity:1}
.home-sailing-heading{animation:home-boat-heading var(--sail-duration) linear infinite;animation-delay:var(--sail-delay);transform-origin:35px 80px}
@keyframes home-boat-heading{0%,45%,100%{transform:scaleX(1)}47.499%,97.5%{transform:scaleX(.35)}47.5%,97.499%{transform:scaleX(-.35)}50%,95%{transform:scaleX(-1)}}
.home-sailing-bob{animation:home-boat-bob 4.8s ease-in-out infinite;transform-origin:35px 80px}
.home-sailing-wake{animation:home-wake 3.7s ease-in-out infinite;opacity:.35}
@keyframes home-boat-crossing{0%,100%{transform:translate(660px,590px)}45%,50%{transform:translate(900px,590px)}95%{transform:translate(660px,590px)}}
@keyframes home-boat-bob{0%,100%{transform:translateY(0) rotate(-.5deg)}50%{transform:translateY(-2px) rotate(.5deg)}}
@keyframes home-wake{0%,100%{opacity:.25}50%{opacity:.5}}
.home-motion-paused .home-sailing-layer *,.home-motion-away .home-sailing-layer *{animation-play-state:paused!important}
.island-home .home-motion-toggle{font:13px/1.5 Georgia,serif;padding:7px 10px;border:1px solid #cdb68f;border-radius:4px;background:#fffaf2;color:#064c96;cursor:pointer}
@media(max-width:700px){.home-sailing-layer,.island-home .home-motion-toggle{display:none}}
@media(prefers-reduced-motion:reduce){.home-sailing-layer,.island-home .home-motion-toggle{display:none!important}.home-sailing-layer *{animation:none!important}}

.home-sailing-channel{--sail-duration:36s;--sail-delay:-7s;animation-name:home-channel-crossing}
.home-sailing-channel .home-sailing-bob{animation-duration:5.7s;animation-delay:-2.4s}
.home-sailing-channel .home-sailing-wake{animation-duration:4.5s}
@keyframes home-channel-crossing{0%,100%{transform:translate(490px,440px)}45%,50%{transform:translate(525px,440px)}95%{transform:translate(490px,440px)}}

.home-sailing-return{--sail-duration:134s;--sail-delay:-78s;animation-name:home-return-crossing}
.home-sailing-return .home-sailing-bob{animation-duration:5.2s;animation-delay:-1.3s}
.home-sailing-east{--sail-duration:40s;--sail-delay:-11s;animation-name:home-east-crossing}
.home-sailing-east .home-sailing-bob{animation-duration:6.1s;animation-delay:-3.2s}
@keyframes home-return-crossing{0%,100%{transform:translate(740px,650px)}45%,50%{transform:translate(930px,650px)}95%{transform:translate(740px,650px)}}
@keyframes home-east-crossing{0%,100%{transform:translate(1080px,420px)}45%,50%{transform:translate(1135px,420px)}95%{transform:translate(1080px,420px)}}