.beach-intro{text-align:center;padding:2.5rem 0 1.25rem;background:linear-gradient(180deg,#ffecd2,#fff8f5)}
.beach-intro h1{font-size:clamp(1.35rem,3.2vw,1.85rem);font-weight:800;margin-bottom:.6rem;color:#4a3030}
.beach-intro p{font-size:.92rem;color:#8a6060;max-width:580px;margin:0 auto}

.reef-masonry{padding:2rem 0 3.5rem}
.masonry-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;grid-auto-rows:minmax(80px,auto)}
.reef-tile{background:#fff;border-radius:20px;padding:1.25rem 1.3rem;border:1px solid rgba(232,93,76,.15);display:flex;flex-direction:column;justify-content:center}
.reef-tile.featured{grid-column:span 7;grid-row:span 2;background:linear-gradient(135deg,#fff8f5,#ffecd2);border-color:rgba(244,162,97,.4)}
.reef-tile.wide{grid-column:span 5}
.reef-tile.half{grid-column:span 6}
.reef-tile.quarter{grid-column:span 6}
.reef-badge{display:inline-block;background:linear-gradient(135deg,#f4a261,#e85d4c);color:#fff;font-size:.65rem;font-weight:800;padding:.2rem .55rem;border-radius:999px;margin-bottom:.55rem;align-self:flex-start}
.reef-tile img{margin-bottom:.75rem;max-height:72px;object-fit:contain;border-radius:12px}
.reef-tile h2{font-size:1rem;font-weight:800;margin-bottom:.4rem;color:#4a3030}
.reef-tile p{font-size:.84rem;color:#8a6060;line-height:1.6;margin-bottom:.85rem;flex:1}
.btn-reef{display:inline-block;background:linear-gradient(135deg,#f4a261,#e85d4c);color:#fff!important;padding:.42rem 1rem;font-size:.82rem;font-weight:800;border-radius:999px;text-decoration:none!important;align-self:flex-start}
.btn-reef:hover{opacity:.92}

.sync-bar{background:#fff;border-radius:16px;padding:1.35rem 0;margin-bottom:2rem;border:1px solid rgba(244,162,97,.2)}
.sync-row{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem 3rem}
.sync-row div{text-align:center}
.sync-row strong{display:block;font-size:1.2rem;color:#e85d4c;font-weight:900}
.sync-row span{font-size:.72rem;color:#8a6060}

.beach-faq{background:#fff8f5}

@media(max-width:768px){
  .masonry-grid{grid-template-columns:1fr}
  .reef-tile.featured,.reef-tile.wide,.reef-tile.half,.reef-tile.quarter{grid-column:span 1;grid-row:span 1}
}