.coast{padding-top:65px;padding-bottom:55px;scroll-margin-top:100px}.coast-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:22px}.coast h2{font-family:var(--serif);font-size:42px;font-weight:400;margin:8px 0}.coast-actions{display:flex;gap:12px;flex-wrap:wrap}.coast button{background:transparent;border:1px solid var(--line);border-radius:30px;color:var(--ink);padding:9px 13px;font:inherit;font-size:11px;cursor:pointer}.coast button:hover{background:#fff8}.coast button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.coast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.coast-card{position:relative;overflow:hidden;background:linear-gradient(135deg,#fff9,#e5ece864);border:1px solid #a8b8b047;border-radius:12px;padding:24px 24px 22px;backdrop-filter:blur(12px);min-height:240px}.coast-art{height:82px;margin-bottom:12px}.coast-art svg{width:160px;height:82px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.coast-label{display:block;text-transform:uppercase;font-size:10px;letter-spacing:.13em;color:var(--muted)}.coast-card strong{display:block;font-family:var(--serif);font-size:36px;font-weight:400;line-height:1.25;margin-top:8px;font-variant-numeric:tabular-nums}.coast-card p{font-size:13px;margin:5px 0 10px}.coast-card small{display:block;font-size:10px;line-height:1.5;color:var(--muted)}.coast-sun{stroke:#b49a68;fill:#d9bd7a25;transform-origin:73px 34px;animation:coastSun 24s linear infinite}.coast-cloud{fill:#e5ece8;animation:coastCloud 7s ease-in-out infinite alternate}.coast-rain{display:none;stroke:#547e88;animation:coastRain 1.5s ease-in-out infinite}.weather-art[data-icon=rain] .coast-rain,.weather-art[data-icon=sleet] .coast-rain,.weather-art[data-icon=snow] .coast-rain,.weather-art[data-icon=thunderstorm] .coast-rain{display:block}.weather-art[data-icon=cloudy] .coast-sun,.weather-art[data-icon=rain] .coast-sun,.weather-art[data-icon=fog] .coast-sun{opacity:.2}.weather-art[data-icon=clear-day] .coast-cloud,.weather-art[data-icon=clear-night] .coast-cloud{opacity:0}.compass-ring{opacity:.2}.wind-art text{font:8px sans-serif;text-anchor:middle;fill:var(--ink);stroke:none}.wind-arrow{transform-origin:80px 41px;transform:rotate(var(--wind-direction,0deg));transition:transform 1s ease}.wind-arrow path{fill:#b49a6870;stroke:#b49a68}.wind-stream{animation:coastWind 3s ease-in-out infinite}.water-horizon{opacity:.2}.coast-wave{animation:coastWave 6s linear infinite}.coast-wave.second{opacity:.35;animation-duration:9s;animation-direction:reverse}.coast-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 25px;margin-top:15px;color:var(--muted);font-size:10px;line-height:1.6}.coast-foot p{margin:0}.coast-foot p:first-child{max-width:570px}.coast-foot a{text-underline-offset:3px}.coast-status{width:100%}.coast.is-paused *,.a11y-motion .coast *{animation-play-state:paused!important}.coast-card[data-state=unavailable] .coast-art{opacity:.3}.coast-card[data-state=unavailable] *{animation-play-state:paused!important}@keyframes coastSun{to{transform:rotate(360deg)}}@keyframes coastCloud{to{transform:translateX(5px)}}@keyframes coastRain{50%{opacity:.25;transform:translateY(2px)}}@keyframes coastWind{50%{transform:translateX(5px);opacity:.45}}@keyframes coastWave{to{transform:translateX(60px)}}@media(prefers-reduced-motion:reduce){.coast *{animation:none!important;transition:none!important}}@media(max-width:700px){.coast{padding-top:38px;padding-bottom:35px}.coast-heading{align-items:flex-start;flex-direction:column;gap:8px}.coast h2{font-size:36px}.coast-grid{grid-template-columns:1fr;gap:10px}.coast-card{padding:20px 18px 18px 145px;min-height:155px}.coast-art{position:absolute;left:0;top:35px;width:140px}.coast-art svg{width:140px}.coast-card strong{font-size:30px}.coast-foot{font-size:10px}}