.Hx0lNG_hero{isolation:isolate;color:#fff;background:#102d39;border-radius:1.5rem;position:relative;overflow:hidden}.Hx0lNG_hero:before{z-index:-1;content:"";background:linear-gradient(90deg,#081e29 0%,#081e29f0 28%,#081e2966 65%,#081e291a 100%),url(/brand/coastal-forecast.webp) 60% 52%/cover;position:absolute;inset:0}.Hx0lNG_heroContent{padding:clamp(1.5rem,4vw,3rem)}.Hx0lNG_heroKicker,.Hx0lNG_eyebrow{letter-spacing:.16em;font-size:.6875rem;font-weight:800}.Hx0lNG_heroKicker{color:#a6eddf;align-items:center;gap:.625rem;display:flex}.Hx0lNG_heroKicker span{background:currentColor;width:1.35rem;height:1px}.Hx0lNG_heroTitle{color:#fff;letter-spacing:-.045em;margin-top:.65rem;font-size:clamp(1.7rem,4.75vw,3.5rem);font-weight:800;line-height:1.17}.Hx0lNG_heroDescription{color:#e2eff3;margin-top:.8rem;font-size:clamp(.8125rem,1.5vw,.9375rem);line-height:1.8}.Hx0lNG_hero .Hx0lNG_heroButton{--color-accent:#a6eddf;--color-on-accent:#102d39;--color-text-accent:#102d39;min-height:44px;color:var(--color-on-accent);border-radius:999px;padding-inline:1rem;font-family:inherit;font-weight:700;text-decoration:none}.Hx0lNG_heroMapLink{color:#fff;border:1px solid #e2eff38c;border-radius:999px;align-items:center;gap:.4rem;min-height:44px;padding-inline:.85rem;font-size:.8125rem;font-weight:700;text-decoration:none;display:inline-flex}.Hx0lNG_heroMapLink:hover{background:#e2eff329}.Hx0lNG_heroTextLink{color:#e2eff3;padding-block:.55rem}.Hx0lNG_heroMapLink:focus-visible,.Hx0lNG_heroTextLink:focus-visible,.Hx0lNG_heroButton:focus-visible{outline-offset:3px;outline:2px solid #fff}.Hx0lNG_heroCompass{color:#e2f3ee;letter-spacing:.14em;flex-direction:column;align-items:flex-end;gap:.5rem;font-family:ui-monospace,monospace;font-size:.625rem;display:none;position:absolute;bottom:1.65rem;right:2rem}.Hx0lNG_eyebrow{color:rgb(var(--c-sea))}.Hx0lNG_update{border:1px solid rgb(var(--c-line));color:rgb(var(--c-sub));font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:999px;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.6875rem;display:inline-flex}.Hx0lNG_filters{gap:.375rem;padding-block:.125rem .875rem;display:grid}.Hx0lNG_filters nav{margin-inline:0}.Hx0lNG_filters nav>div{min-height:40px}.Hx0lNG_filters nav span:first-child{width:2.35rem;font-weight:700}.Hx0lNG_filters nav a{height:2.125rem;box-shadow:none;border-radius:.625rem;padding-inline:.7rem;font-size:.8125rem}.Hx0lNG_filters nav a[aria-current=page]{font-weight:700}.Hx0lNG_filters nav a:focus-visible{outline:2px solid rgb(var(--c-sea));outline-offset:1px}.Hx0lNG_filters button[aria-controls=filter-panel]{border-radius:.625rem;width:calc(100% - 2rem);min-height:40px;margin-inline:1rem}.Hx0lNG_mapFrame{border-top:1px solid rgb(var(--c-line));background:rgb(var(--c-sea-light));height:clamp(290px,46svh,450px)}.Hx0lNG_mapFrame>div{height:100%}.Hx0lNG_ranking{padding:.375rem .5rem}.Hx0lNG_ranking li+li{border-top:1px solid rgb(var(--c-line) / 65%)}@media (min-width:640px){.Hx0lNG_heroCompass{display:flex}.Hx0lNG_filters nav{padding-inline:1.25rem}}@media (max-width:639px){.Hx0lNG_hero{border-radius:1.25rem}.Hx0lNG_hero:before{background:linear-gradient(90deg,#081e29fa,#081e29c2 60%,#081e2999),url(/brand/coastal-forecast.webp) 70%/cover}.Hx0lNG_mapFrame{height:clamp(275px,42svh,365px)}}