/* Yachts, boat trips, and cruises page hero and trip-card grid. */
.yachts-hero {
  padding: 5rem 0 4.5rem;
  color: #fff;
  background-color: var(--sy-navy);
  background-image:
    linear-gradient(90deg, rgba(10, 37, 64, .88), rgba(10, 37, 64, .35)),
    url("https://images.unsplash.com/photo-1567899378494-47b22a2ae96a?auto=format&fit=crop&w=1600&q=75");
  background-size: cover;
  background-position: center;
}

.yachts-eyebrow { color: var(--sy-yellow); font-size: .78rem; font-weight: 700; }
.yachts-title { max-width: 760px; margin: .75rem 0 0; font-size: 3rem; font-weight: 800; line-height: 1.1; }
.yachts-intro { max-width: 560px; margin: .9rem 0 1.5rem; color: #e1eaf2; }
.yachts-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 270px), 1fr));
  justify-content: start;
  gap: 1rem;
}

@media (max-width: 767.98px) {
  .yachts-hero { padding: 3rem 0; }
  .yachts-title { font-size: 2.3rem; }
  .yachts-grid { grid-template-columns: 1fr; }
}