.hair-hero {
  position: relative;
}

.hair-hero__grid {
  gap: var(--space-32);
  align-items: center;
}

.hair-hero__content {
  max-width: 640px;
}

.hair-hero__actions {
  margin-top: var(--space-8);
}

.hair-hero__image-col {
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
}

.hair-hero__figure {
  max-height: 360px;
}

.hair-hero__callout-title {
  font-size: var(--font-size-xl);
  margin-bottom: var(--space-4);
}

.hair-section-header p.lead {
  margin-bottom: 0;
}

.hair-services__grid {
  align-items: stretch;
}

.hair-service__list {
  padding-left: 1rem;
  margin: var(--space-6) 0 0;
  color: var(--color-text-muted);
}

.hair-service__list li {
  margin-bottom: var(--space-4);
  list-style: disc;
}

.hair-service__figure {
  margin-top: var(--space-6);
}

.hair-specialist__grid {
  gap: var(--space-32);
  align-items: flex-start;
}

.hair-specialist__cards {
  gap: var(--space-16);
}

.hair-specialist__card h3 {
  margin-bottom: var(--space-4);
}

.hair-bridal__grid,
.hair-team__grid,
.hair-experience__grid,
.hair-transformations__layout {
  gap: var(--space-32);
  align-items: center;
}

.hair-transformations__layout {
  align-items: stretch;
}

.hair-experience__card h3 {
  margin-bottom: var(--space-6);
}

.hair-experience__links {
  margin: var(--space-6) 0 0;
  padding-left: 1rem;
}

.hair-experience__links li {
  list-style: disc;
  margin-bottom: var(--space-4);
}

@media (max-width: 900px) {
  .hair-hero__grid,
  .hair-specialist__grid,
  .hair-bridal__grid,
  .hair-team__grid,
  .hair-experience__grid,
  .hair-transformations__layout {
    gap: var(--space-20);
  }

  .hair-hero__image-col {
    order: -1;
  }
}

@media (max-width: 600px) {
  .hair-hero__figure {
    max-height: none;
  }

  .hair-hero__actions {
    flex-direction: column;
    align-items: flex-start;
  }
}