.hero--hosts {
  position: relative;
}

.hero__grid--hosts {
  align-items: center;
}

.hero__lede--hosts .hero__cta-row {
  margin-top: var(--space-6);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}

.hero__meta-row--hosts {
  margin-top: var(--space-5);
}

.hero__photo-panel--hosts {
  min-height: 320px;
}

.hero__photo-main--hosts {
  background: radial-gradient(circle at top left, #ffffff, #f3ebe0);
}

.hosts-style-section .hosts-style-grid {
  margin-top: var(--space-6);
}

.hosts-style-card h3,
.hosts-tables-card h3,
.hosts-story-card h3,
.hosts-integration-card h3,
.hosts-details-card h3,
.hosts-support-card h3 {
  margin-bottom: var(--space-2);
}

.hosts-evening-section .hosts-evening-block,
.hosts-inquiry-section .hosts-inquiry-block {
  margin-top: var(--space-4);
}

.hosts-evening-photo,
.hosts-inquiry-photo {
  background: radial-gradient(circle at top left, #ffffff, #f0f5fb);
}

.hosts-tables-section .hosts-tables-grid,
.hosts-story-section .hosts-story-grid,
.hosts-integration-section .hosts-integration-grid,
.hosts-details-section .hosts-details-grid,
.hosts-support-section .hosts-support-grid {
  margin-top: var(--space-6);
}

.hosts-integration-card,
.hosts-support-card {
  align-self: center;
}

.hosts-support-cta-row,
.hosts-inquiry-cta-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-5);
}

.hosts-inquiry-photo {
  box-shadow: var(--shadow-md);
}

@media (max-width: 960px) {
  .hero__lede--hosts .hero__cta-row {
    justify-content: flex-start;
  }

}

@media (max-width: 768px) {
  .hosts-support-cta-row,
  .hosts-inquiry-cta-row {
    flex-direction: column;
    align-items: flex-start;
  }
}