.hero-strip--about {
  align-items: stretch;
}

.about-hero-actions {
  margin-top: var(--space-4);
}

.hero-strip-gallery {
  scrollbar-width: thin;
}

.hero-strip-gallery::-webkit-scrollbar {
  height: 6px;
}

.hero-strip-gallery::-webkit-scrollbar-track {
  background: var(--color-neutral-100);
}

.hero-strip-gallery::-webkit-scrollbar-thumb {
  background: var(--color-neutral-400);
}

.hero-strip-card--wide {
  min-width: 260px;
}

.hero-strip-card--medium {
  min-width: 220px;
}

.hero-strip-card--narrow {
  min-width: 180px;
}

.about-intro-grid .card,
.about-place-card,
.about-experience-card,
.about-testimonial-card,
.about-future-card,
.about-cta-card {
  position: relative;
}

.about-place-card .card-media img,
.about-future-card .card-media img {
  max-height: 360px;
  width: 100%;
  object-fit: cover;
}

.about-contact-form {
  margin-top: var(--space-4);
}

.about-contact-form .btn {
  margin-top: var(--space-2);
}

@media (max-width: 960px) {
  .about-hero-actions {
    flex-direction: column;
  }

  .hero-strip-card--wide,
  .hero-strip-card--medium,
  .hero-strip-card--narrow {
    min-width: 200px;
  }
}

@media (max-width: 768px) {
  .about-contact-form .btn.btn--full {
    width: 100%;
  }
}