.hero-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  gap: var(--space-2xl);
  align-items: center;
  padding-top: calc(var(--header-height-mobile) + var(--space-2xl));
  padding-bottom: var(--space-3xl);
}
.hero-content {
  min-width: 0;
}
.hero-media {
  min-width: 0;
  position: relative;
}
.hero-eyebrow-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  align-items: center;
}
.hero-heading-group {
  max-width: 36rem;
}
.hero-cta-row {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}
.hero-btn-group .hero-btn {
  max-width: 100%;
}
.hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.hero-media-frame {
  max-width: 560px;
  margin-left: auto;
}
.hero-highlight-card {
  position: absolute;
  left: 0;
  right: 5%;
  bottom: 0;
  transform: translateY(40%);
}
.hero-highlight-title {
  font-size: var(--font-size-xl);
}
.hero-highlight-text {
  font-size: var(--font-size-sm);
}
.hero-highlight-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: var(--space-md);
  margin: 0;
}
.hero-highlight-item dt {
  font-weight: 600;
  margin-bottom: var(--space-xs);
}
.hero-highlight-item dd {
  margin: 0;
  font-size: var(--font-size-sm);
}
.section-soft {
  background: radial-gradient(circle at top left, rgba(198, 40, 59, 0.06), transparent 55%), radial-gradient(circle at bottom right, rgba(30, 76, 154, 0.08), transparent 55%), var(--color-bg-soft);
}
.section-header {
  margin-bottom: var(--space-2xl);
}
.section-footer-cta {
  margin-top: var(--space-2xl);
}
.flex-atmosphere,
.flex-poker,
.flex-gallery {
  gap: var(--space-2xl);
}
.atmosphere-text,
.poker-text,
.gallery-text {
  min-width: 0;
}
.atmosphere-media,
.poker-media,
.gallery-media {
  min-width: 0;
}
.feature-list,
.card-list {
  margin: 0;
  padding-left: 1.1rem;
}
.feature-list li + li,
.card-list li + li {
  margin-top: 0.25em;
}
.poker-highlights {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  margin: var(--space-md) 0;
}
.poker-btn-group .btn,
.gallery-btn-group .btn,
.benefits-cta-card .btn,
.legal-footer-actions .btn {
  max-width: 100%;
}
.benefits-grid {
  margin-top: var(--space-xl);
}
.benefits-footer {
  margin-top: var(--space-2xl);
}
.benefits-cta-card {
  border-left: 3px solid rgba(198, 40, 59, 0.4);
}
.benefits-cta-layout {
  gap: var(--space-lg);
  align-items: center;
}
.benefits-cta-text {
  min-width: 0;
}
.benefits-cta-actions {
  min-width: 0;
}
.section-legal {
  background: var(--color-bg-soft);
}
.legal-card {
  border-left: 3px solid rgba(30, 76, 154, 0.45);
}
.legal-footer-links {
  border-top: 1px solid var(--color-border-subtle);
}
.flex-legal-footer {
  gap: var(--space-md);
  align-items: center;
}
.legal-footer-text {
  min-width: 0;
}
.legal-footer-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
  justify-content: flex-end;
}
.private-grid > .card {
  min-width: 0;
}
@media (max-width: 1024px) {
  .hero-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .hero-media-frame {
    margin-left: 0;
    max-width: 100%;
  }
  .hero-highlight-card {
    position: static;
    transform: none;
    margin-top: var(--space-xl);
  }
}
@media (max-width: 768px) {
  .hero-layout {
    padding-top: calc(var(--header-height-mobile) + var(--space-xl));
    padding-bottom: var(--space-2xl);
    gap: var(--space-xl);
  }
  .display-hero {
    font-size: 2.1rem;
  }
  .display-section {
    font-size: 1.8rem;
  }
  .flex-atmosphere,
  .flex-poker,
  .flex-gallery {
    flex-direction: column;
  }
  .benefits-cta-layout {
    align-items: flex-start;
  }
  .legal-footer-actions {
    justify-content: flex-start;
  }
}
@media (max-width: 600px) {
  .container,
  .container-narrow,
  .container-wide {
    padding-left: var(--space-md);
    padding-right: var(--space-md);
  }
  .hero-meta {
    flex-direction: column;
  }
  .btn-group {
    flex-direction: row;
  }
  .btn-group .btn {
    flex: 1 1 140px;
  }
}
@media (max-width: 480px) {
  .btn-group {
    flex-direction: column;
  }
  .btn-group .btn {
    width: 100%;
  }
}