/* Scoped to: history-template-destinations-hero */
[data-component-slug="history-template-destinations-hero"].dest-slide, [data-component-slug="history-template-destinations-hero"] .dest-slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 1s ease;
  z-index: 1;
  object-fit: cover;
  object-position: top;
}

[data-component-slug="history-template-destinations-hero"].dest-slide.active, [data-component-slug="history-template-destinations-hero"] .dest-slide.active {
  opacity: 1;
  z-index: 2;
}

[data-component-slug="history-template-destinations-hero"].dest-hero-content, [data-component-slug="history-template-destinations-hero"] .dest-hero-content {
  cursor: grab;
}

[data-component-slug="history-template-destinations-hero"].dest-hero-content:active, [data-component-slug="history-template-destinations-hero"] .dest-hero-content:active {
  cursor: grabbing;
}

[data-component-slug="history-template-destinations-hero"].dest-progress-track, [data-component-slug="history-template-destinations-hero"] .dest-progress-track {
  width: 120px;
  height: 2px;
  background: rgba(255, 255, 255, 0.3);
  overflow: hidden;
}

[data-component-slug="history-template-destinations-hero"].dest-progress-fill, [data-component-slug="history-template-destinations-hero"] .dest-progress-fill {
  width: 0%;
  height: 100%;
  background: #ffffff;
}

@media (max-width: 1024px) {
  [data-component-slug="history-template-destinations-hero"].dest-hero-content h1, [data-component-slug="history-template-destinations-hero"] .dest-hero-content h1 {
    font-size: 44px;
  }
  [data-component-slug="history-template-destinations-hero"].dest-hero-content p, [data-component-slug="history-template-destinations-hero"] .dest-hero-content p {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  [data-component-slug="history-template-destinations-hero"].dest-hero-content h1, [data-component-slug="history-template-destinations-hero"] .dest-hero-content h1 {
    font-size: 36px;
  }
  [data-component-slug="history-template-destinations-hero"].dest-hero-content p, [data-component-slug="history-template-destinations-hero"] .dest-hero-content p {
    font-size: 18px;
    line-height: 120%;
  }
  [data-component-slug="history-template-destinations-hero"].dest-progress-track, [data-component-slug="history-template-destinations-hero"] .dest-progress-track {
    width: 80px;
  }
}
[data-component-slug="history-template-destinations-hero"].dest-hero-content h1, [data-component-slug="history-template-destinations-hero"] .dest-hero-content h1 {
  max-width: 1200px;
}

[data-component-slug="history-template-destinations-hero"].dest-hero-content p, [data-component-slug="history-template-destinations-hero"] .dest-hero-content p {
  max-width: 620px;
}

@media (max-width: 1024px) {
  [data-component-slug="history-template-destinations-hero"].dest-hero-content h1, [data-component-slug="history-template-destinations-hero"] .dest-hero-content h1 {
    max-width: 560px;
  }
  [data-component-slug="history-template-destinations-hero"].dest-hero-content p, [data-component-slug="history-template-destinations-hero"] .dest-hero-content p {
    max-width: 520px;
  }
}
@media (max-width: 768px) {
  [data-component-slug="history-template-destinations-hero"].dest-hero-content h1, [data-component-slug="history-template-destinations-hero"] .dest-hero-content h1, [data-component-slug="history-template-destinations-hero"].dest-hero-content p, [data-component-slug="history-template-destinations-hero"] .dest-hero-content p {
    max-width: 100%;
  }
}