/* ============================================================
   Dining page specific styles
   ============================================================ */

.dining-venue-section {
  padding: var(--space-24) 0;
}

.dining-venue-feature {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 0;
  min-height: 80vh;
  align-items: stretch;
}

.dining-venue-feature--reverse {
  direction: rtl;
}

.dining-venue-feature--reverse > * {
  direction: ltr;
}

.dining-venue-feature__image {
  position: relative;
  overflow: hidden;
  min-height: 600px;
}

.dining-venue-feature__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--motion-cinematic) var(--ease-luxury);
}

.dining-venue-feature__image:hover img {
  transform: scale(1.04);
}

.dining-venue-feature__content {
  padding: var(--space-20) var(--space-16);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #F8F8F8;
}

.page-section--dark .dining-venue-feature__content {
  background: #FFFFFF;
}

.dining-venue-feature__content .t-meta {
  margin-bottom: var(--space-4);
  display: block;
}

.dining-venue-feature__title {
  font-size: var(--text-5xl);
  color: var(--ivory);
  line-height: var(--lead-tight);
  letter-spacing: var(--track-tight);
  margin-bottom: var(--space-8);
}

.dining-venue-feature__content p {
  font-family: var(--font-body);
  font-size: var(--text-md);
  color: var(--mist);
  line-height: var(--lead-relaxed);
  max-width: 48ch;
  margin-bottom: var(--space-5);
}

@media (max-width: 900px) {
  .dining-venue-feature {
    grid-template-columns: 1fr;
    min-height: auto;
  }

  .dining-venue-feature--reverse { direction: ltr; }

  .dining-venue-feature__image {
    min-height: 400px;
  }

  .dining-venue-feature__content {
    padding: var(--space-12) var(--gutter);
  }

  .dining-venue-feature__title {
    font-size: var(--text-4xl);
  }
}