/* Only the inert coast layer; all page and account geometry remains unchanged. */
#productWorkspace > .topbar{isolation:isolate;height:clamp(68px,calc((100vw - 218px)/14),88px);min-height:68px}
#productWorkspace > .topbar > :is(.mobile-shell-brand,.guest-actions,.user-area){position:relative;z-index:1}
#productWorkspace > .topbar > .coast-atmosphere{position:absolute;inset:0;z-index:0;overflow:hidden;overflow:clip;pointer-events:none;user-select:none;contain:paint;margin:0}
.coast-atmosphere *,.coast-atmosphere *::before,.coast-atmosphere *::after{pointer-events:none}
.news-coast-painting{display:none}
.coast-scene{position:absolute;inset:0;right:var(--coast-right,160px);left:var(--coast-left,0px);overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 3%,#000 94%,transparent)}
/* Base mask removes the sea; leaf crowns are erased from the new base bitmap.
   Moving fragments replace those regions instead of layering a second copy. */
.coast-painting{position:absolute;left:0;top:55%;width:100%;height:auto;transform:translateY(-55%);filter:saturate(.68);opacity:.58;overflow:visible}
.coast-wave{transform-box:view-box;transform-origin:1083px 475px;animation:coast-surf 7.5s ease-in-out infinite}
.coast-wave-middle{animation-duration:9s;animation-delay:-3s;--surf-direction:-1}
.coast-wave-front{animation-name:coast-front-surf;animation-duration:6.4s;animation-delay:-2s;--surf-direction:1.3}
.coast-frond{transform-box:view-box;animation:coast-palm-breeze 6.5s ease-in-out infinite;transform-origin:2024px 342px}
.coast-frond-left{animation-delay:-2.7s;animation-duration:7.3s}
.coast-frond-right{animation-delay:-4.1s;animation-duration:5.9s}
.coast-frond-small{transform-origin:2075px 369px;animation-duration:8s;animation-delay:-3.4s}
.coast-sunset{position:absolute;inset:0;background:url('./assets/coast/coast-panorama.png') center 55% / 100% auto no-repeat;filter:saturate(.68);clip-path:ellipse(2.8% 25% at 82% 69%);animation:coast-sun-breathe 12s ease-in-out infinite;opacity:.2}
.coast-gull{position:absolute;left:0;top:18%;width:100%;height:0;opacity:.56;animation:coast-gull-glide 44s ease-in-out infinite;--wing-period:3.6s;--wing-phase:-1.2s}
.coast-gull svg{display:block;width:54px;height:30px;overflow:visible;filter:saturate(.6)}
.coast-wing{transform-box:view-box;transform-origin:1060px 570px;animation:coast-wings var(--wing-period) cubic-bezier(.45,0,.35,1) infinite;animation-delay:var(--wing-phase)}
.coast-wing-far{transform-origin:1040px 530px;animation-name:coast-far-wings}
.coast-gull-one{animation-delay:-17s}.coast-gull-two{top:34%;animation-duration:52s;animation-delay:-30s;opacity:.46;--wing-period:4.2s;--wing-phase:-2.8s}.coast-gull-two svg{width:38px;height:21px}.coast-gull-three{top:25%;animation-duration:61s;animation-delay:-47s;opacity:.38;--wing-period:4.9s;--wing-phase:-.7s}.coast-gull-three svg{width:28px;height:16px}
.coast-plane{position:absolute;left:0;top:0;width:32px;height:32px;opacity:0;transition:none;will-change:transform,opacity}.coast-plane img{display:block;width:100%;height:100%;transform:rotate(-44deg) scaleY(.76) rotate(44deg);transform-origin:center}
.coast-paused *,.coast-paused *::before,.coast-paused *::after{animation-play-state:paused!important}
.coast-atmosphere[data-compact="true"] :is(.coast-gull,.coast-plane){display:none}
@keyframes coast-surf{0%,100%{transform:translate3d(calc(-18px * var(--surf-direction,1) * var(--surf-strength,1)),-2px,0) scaleY(1.06)}50%{transform:translate3d(calc(23px * var(--surf-direction,1) * var(--surf-strength,1)),4px,0) scaleY(.96)}}
@keyframes coast-front-surf{0%,100%{transform:translate3d(calc(-24px * var(--surf-strength,1)),1px,0) scaleY(1.10)}50%{transform:translate3d(calc(31px * var(--surf-strength,1)),4px,0) scaleY(1.18)}}
@keyframes coast-palm-breeze{0%,100%{transform:rotate(calc(-4.5deg * var(--palm-strength,1)))}45%{transform:rotate(calc(5.5deg * var(--palm-strength,1)))}70%{transform:rotate(calc(1deg * var(--palm-strength,1)))}}
@keyframes coast-sun-breathe{0%,100%{transform:translateY(-.6px);opacity:.1}50%{transform:translateY(1px);opacity:.25}}
@keyframes coast-gull-glide{0%{transform:translate(-60px,5px) rotate(-4deg)}30%{transform:translate(28%,-3px) rotate(2deg)}65%{transform:translate(67%,7px) rotate(-3deg)}100%{transform:translate(calc(100% + 60px),0) rotate(2deg)}}
/* The body is fixed; only shoulder-attached wing groups move. Pause at the open
   pose for a slow glide, then one visible downstroke rather than rapid flutter. */
@keyframes coast-wings{0%,22%,100%{transform:rotate(0deg)}48%{transform:rotate(-24deg)}68%{transform:rotate(7deg)}86%{transform:rotate(0deg)}}
@keyframes coast-far-wings{0%,22%,100%{transform:rotate(0deg)}48%{transform:rotate(21deg)}68%{transform:rotate(-6deg)}86%{transform:rotate(0deg)}}
@media(max-width:1023px){#productWorkspace > .topbar{height:72px;min-height:72px}.coast-gull-three{display:none}}
@media(max-width:759px){#productWorkspace > .topbar{height:68px;min-height:68px}.coast-scene{mask-image:linear-gradient(to right,transparent,#000 8%,#000 88%,transparent);--surf-strength:.65;--palm-strength:.65}.coast-painting{width:auto;height:280px;left:60%;transform:translate(-60%,-55%);opacity:.34}.coast-sunset{display:none}.coast-gull-two{display:none}.coast-gull-one{opacity:.35}.coast-gull svg{width:32px;height:18px}.coast-wing{--wing-period:5s}.coast-plane{width:24px;height:24px}.coast-wave{animation-duration:11s}.coast-frond{animation-duration:10s}}
@media(prefers-reduced-motion:reduce){.coast-atmosphere *,.coast-atmosphere *::before,.coast-atmosphere *::after{animation:none!important}.coast-gull,.coast-plane{display:none}}