/* The homepage uses the same original paper-cut sea as the shared shoreline. */
body[data-homepage] .sea-stage{background:#f6f5e9}
body[data-homepage] .paper-sky{inset:0;background:radial-gradient(ellipse at 70% 32%,#c8e2da 0%,transparent 56%),linear-gradient(160deg,#fffefa,#eaf3eb 70%,#c2ddd5)}
body[data-homepage] .paper-sky::after,body[data-homepage] .deco-ray,body[data-homepage] .paper-cloud{display:none}
.hero-coastal-scene{position:absolute;inset:0;z-index:2;overflow:hidden;pointer-events:none;user-select:none}
.hero-coastal-ocean{position:absolute;right:-1%;bottom:-2px;display:block;height:100%;width:auto;min-width:102%;max-width:none;object-fit:fill;transform-origin:bottom center;animation:hero-coastal-swell 17s ease-in-out infinite alternate;animation-play-state:paused}
.hero-coastal-scene.coastal-in-view .hero-coastal-ocean{animation-play-state:running}
body[data-homepage] .sea-stage::before{z-index:5;background:linear-gradient(90deg,#fffefaed 0%,#fffefad9 26%,#fffefa8c 44%,#fffefa00 65%);inset:0}
body[data-homepage] .sea-stage::after{height:20%;z-index:7;background:linear-gradient(180deg,transparent,#082e390f)}
body[data-homepage] .deco-sun{z-index:1;background:radial-gradient(circle at 34% 30%,#f6e8bc,#e6ca89);border:1px solid #ceb87988;box-shadow:0 5px 0 #bfa66f1a,0 14px 35px #a0b4a022;right:28%;top:15%;opacity:.75}
body[data-homepage] .wave-front{filter:drop-shadow(0 -6px 8px #052f3b33)}
body[data-homepage] .wave-front .wave-face{fill:url(#hero-coastal-front-paper)!important;stroke:#e4dcc2;stroke-width:2}
body[data-homepage] .wave-front .wave-bevel{fill:#e9ddbd;stroke:#d7cba9;stroke-width:3}
body[data-homepage] .sea-boat::after{background:#032b3652;filter:blur(8px)}
@keyframes hero-coastal-swell{from{transform:translateX(-.3%) rotate(-.12deg)}to{transform:translateX(.3%) rotate(.12deg)}}
@media(min-width:1800px){.hero-coastal-ocean{height:108%}}
@media(max-width:980px){body[data-homepage] .sea-stage::before{background:linear-gradient(90deg,#fffefaf0 0%,#fffefad4 25%,#fffefa38 55%,transparent 78%)}.hero-coastal-ocean{height:94%}}
@media(max-width:680px){.hero-coastal-ocean{height:64%;right:-16px;min-width:0;width:auto}body[data-homepage] .sea-stage::before{z-index:5;background:linear-gradient(180deg,#fffefa33 0%,#fffefa00 64%);inset:0}body[data-homepage] .deco-sun{right:24px;top:90px;width:58px;height:58px;opacity:.45}body[data-homepage] .paper-sky{background:radial-gradient(ellipse at 92% 50%,#c6dfd5,transparent 66%),linear-gradient(#fffefa,#ecf3e8)}body[data-homepage] .hero-copy{z-index:10}body[data-homepage] .wave-front .wave-face{stroke-width:2}}
@media(max-width:680px) and (max-height:760px){.hero-coastal-ocean{height:56%}}
@media(prefers-reduced-motion:reduce){.hero-coastal-ocean{animation:none!important}}
.motion-off .hero-coastal-ocean,.coastal-page-hidden .hero-coastal-ocean{animation-play-state:paused!important}
body[data-homepage] .wave-front path{vector-effect:non-scaling-stroke}
body[data-homepage] .wave-front .wave-bevel{stroke-width:7}
body[data-homepage] .wave-front .wave-face{stroke-width:3}
