.beach-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center;margin-bottom:55px}.beach-hero h1{font-size:clamp(44px,5vw,65px)}.beach-cover{margin:0;transform:rotate(1.5deg)}.beach-cover img{display:block;width:100%;height:360px;object-fit:cover;border:3px solid var(--ink);border-radius:22px;box-shadow:7px 7px var(--ink)}.beach-cover figcaption{margin:15px 8px 0;font-size:11px;line-height:1.4;overflow-wrap:anywhere}.beach-tallies{display:flex;gap:20px;flex-wrap:wrap;margin:25px 0;font-size:13px}.beach-tallies b{font:600 28px Fredoka;display:block}.beach-finder{scroll-margin-top:15px}.beach-filters{background:#d9f7e4;border:3px solid var(--ink);border-radius:16px;padding:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.beach-filters label{font-size:12px;font-weight:800}.beach-filters select,.beach-filters input[type=search]{display:block;width:100%;border:2px solid var(--ink);border-radius:9px;background:#fffef7;padding:10px;margin-top:6px;font:inherit;font-size:14px}.beach-query{grid-column:span 2}.beach-fav-filter{display:flex;align-items:center;gap:7px}.beach-fav-filter input{width:19px;height:19px}.filter-reset{background:white;border:2px solid var(--ink);border-radius:9px;font-size:13px;cursor:pointer}.beach-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin:30px 0}.beach-card{position:relative;background:#fffdf3;border:3px solid var(--ink);border-radius:19px;overflow:hidden;box-shadow:5px 5px var(--ink);display:flex;flex-direction:column}.beach-image{display:block;overflow:hidden;border-bottom:3px solid var(--ink);height:210px;background:#bfeaff}.beach-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.beach-image:hover img{transform:scale(1.05)}.beach-no-photo{height:100%;display:grid;align-content:center;justify-items:center;padding:15px;text-align:center}.beach-no-photo span{font-size:58px}.beach-no-photo p{font-size:12px}.beach-save{position:absolute;right:13px;top:13px;z-index:1;width:41px;height:41px;font-size:28px;line-height:1;border:2px solid var(--ink);border-radius:50%;background:#fffdf3;cursor:pointer;box-shadow:2px 2px var(--ink)}.beach-save[aria-pressed=true]{background:#ffe0ee;color:#b21845}.beach-card-body{padding:21px;display:flex;flex-direction:column;flex:1}.beach-card h2{font-size:27px;margin:10px 0 4px}.beach-card h2 a{text-decoration:none}.beach-card p{font-size:14px}.beach-area{font-weight:800;font-size:12px!important;color:#54635d}.beach-months{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:14px 0}.beach-months span{font-size:10px;text-align:center;border:1px solid #23233b33;border-radius:4px;padding:2px 0;color:#68686e}.beach-months .suggested{background:#d9f7e4;border-color:#3c7d57;color:#174a2e;font-weight:bold}.beach-card-bottom{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:auto;padding-top:13px;font-size:13px}.beach-detail-head{display:flex;align-items:center;gap:30px;justify-content:space-between;margin-bottom:30px}.beach-detail-head .lead{max-width:800px}.beach-detail-head>.btn{flex-shrink:0}.beach-detail-head h1{font-size:clamp(45px,5vw,70px)}.beach-detail-photo{margin:0 0 35px}.beach-detail-photo img{width:100%;height:clamp(270px,42vw,560px);object-fit:cover;border:3px solid var(--ink);border-radius:23px;display:block;box-shadow:6px 6px var(--ink)}.beach-detail-photo figcaption{font-size:12px;margin:16px 4px 0;overflow-wrap:anywhere}.beach-detail-layout{display:grid;grid-template-columns:1fr 320px;gap:30px;align-items:start}.beach-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.beach-fact{background:#fffdf4;border:2px solid var(--ink);border-radius:15px;padding:24px}.beach-fact h2{font-size:27px}.beach-fact p{font-size:16px}.beach-side{border:3px solid var(--ink);border-radius:17px;background:#fff0bd;padding:25px;position:sticky;top:20px}.beach-side h2{font-size:29px}.beach-side h3{font-size:23px;margin-top:30px}.beach-side .text-link{font-size:14px}.beach-video{margin-top:32px}.beach-video h2{font-size:33px}.beach-video-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:245px;width:100%;background:#bfeaff;border:3px solid var(--ink);border-radius:18px;padding:25px;cursor:pointer;box-shadow:4px 4px var(--ink)}.beach-video-button>span{display:grid;place-items:center;background:#ff5d73;border:3px solid var(--ink);border-radius:50%;width:65px;height:65px;font-size:25px}.beach-video-button strong{font:500 22px Fredoka}.beach-photo-pending{padding:40px;background:#bfeaff;border:3px dashed var(--ink);border-radius:20px;margin:25px 0}.beach-photo-pending span{font-size:60px}.beach-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.beach-gallery img{width:100%;height:170px;object-fit:cover;border:2px solid var(--ink);border-radius:12px}.beach-related{margin:40px 0}.beach-related h2{font-size:34px}.beach-storage-message{font-size:13px;padding:10px;background:#ffe0ee;border-radius:9px}.beach-grid [hidden]{display:none!important}@media(max-width:1000px){.beach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.beach-detail-layout{grid-template-columns:1fr 280px}.beach-facts{grid-template-columns:1fr}.beach-hero{gap:28px}.beach-cover img{height:340px}.beach-detail-head{display:block}.beach-detail-head>.btn{margin-top:12px}}@media(max-width:700px){.beach-hero{grid-template-columns:1fr;gap:30px;margin-bottom:40px}.beach-cover{margin:0 4px}.beach-cover img{height:260px}.beach-hero h1{font-size:47px;letter-spacing:-1px}.beach-filters{grid-template-columns:1fr 1fr;padding:16px;gap:13px}.beach-filters label{font-size:11px}.beach-fav-filter{grid-column:span 2}.filter-reset{padding:10px;grid-column:span 2}.beach-grid{grid-template-columns:1fr;gap:24px}.beach-image{height:230px}.beach-detail-layout{grid-template-columns:1fr}.beach-side{position:static;order:-1}.beach-fact{padding:21px}.beach-detail-head h1{font-size:47px}.beach-detail-photo img{height:280px}.beach-tallies{gap:25px}.beach-gallery{grid-template-columns:repeat(2,1fr)}.beach-filters input[type=search]{font-size:14px}.beach-card h2{font-size:29px}}@media(prefers-reduced-motion:reduce){.beach-image img{transition:none}}

.beach-card h2 a::after{content:"";position:absolute;inset:0;z-index:1}.beach-save{z-index:2}
.beach-video-button>img{display:block;width:100%;height:180px;object-fit:cover;border:2px solid var(--ink);border-radius:10px}