main {
  background-color: var(--color-background);
}
.hero-panel {
  max-width: 640px;
}
.host-welcome-grid,
.host-philosophy-grid,
.host-guide-grid,
.host-signature-grid,
.host-coordination-grid,
.host-private-grid,
.host-atmosphere-grid,
.host-team-grid,
.host-authenticity-grid,
.host-book-grid {
  align-items: center;
}
.host-highlight-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.host-highlight-cta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-3);
}
.host-pillars-list,
.host-experience-list,
.host-coordination-list,
.host-requests-list,
.host-private-points,
.host-atmosphere-list,
.host-authenticity-list,
.host-private-cta-list,
.host-book-steps {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.host-offline-note {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.host-guide-copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.host-guide-ctas,
.host-private-cta-actions,
.host-book-actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
}
.host-section-header {
  max-width: 640px;
  margin-bottom: var(--space-6);
}
.host-signature-card,
.host-team-card,
.host-requests-card,
.host-private-cta-card,
.host-authenticity-card,
.host-book-card {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.host-private-points {
  margin-top: var(--space-4);
}
.host-atmosphere-grid {
  gap: var(--space-6);
}
.host-authenticity-card a.btn-ghost,
.host-offline-note a.btn-ghost {
  margin-top: var(--space-3);
}
.host-book-links {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  margin-top: var(--space-4);
}
.host-book-links a {
  font-size: var(--font-size-xs);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--color-text-muted);
}
.host-book-links a:hover {
  color: var(--color-accent-yellow);
}
.host-book-steps {
  counter-reset: host-step;
}
.host-book-steps li {
  position: relative;
  padding-left: 2.25rem;
}
.host-book-steps li::before {
  counter-increment: host-step;
  content: counter(host-step);
  position: absolute;
  left: 0;
  top: 0.1rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 999px;
  border: 1px solid var(--color-border-strong);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-xs);
  color: var(--color-accent-yellow);
}
@media (max-width: 960px) {
  .hero-panel {
    margin-inline: var(--space-4);
  }
  .host-atmosphere-grid {
    gap: var(--space-4);
  }
}
@media (max-width: 640px) {
  .hero-panel {
    margin-inline: var(--space-4);
    margin-bottom: var(--space-6);
  }
  .host-book-links {
    flex-direction: column;
    align-items: flex-start;
  }
}