:root {
  --kruger-ink: #262822;
  --kruger-forest: #3f4938;
  --kruger-earth: #9d6f47;
  --kruger-gold: #c49b67;
  --kruger-sand: #eee8dc;
  --kruger-cream: #f6f2ea;
}

.ame-kruger-story {
  --gold: var(--kruger-gold);
  --charcoal: var(--kruger-ink);
  --cream: var(--kruger-cream);
  overflow-x: clip;
}

.ame-kruger-story .kruger-hero video,
.ame-kruger-story .kruger-hero .ame-hero-poster {
  object-position: 54% 50%;
}

.ame-kruger-story .kruger-hero .classic-hero__copy-veil {
  background:
    linear-gradient(90deg, rgba(17, 20, 17, 0.52) 0%, rgba(17, 20, 17, 0.2) 42%, rgba(17, 20, 17, 0.02) 72%),
    radial-gradient(ellipse at 18% 78%, rgba(17, 20, 17, 0.34), transparent 52%);
}

.ame-kruger-story .kruger-hero .classic-hero__lower-blend {
  background: linear-gradient(to bottom, transparent 69%, rgba(38, 40, 34, 0.16) 79%, rgba(38, 40, 34, 0.7) 94%, var(--kruger-ink) 100%);
}

.ame-kruger-story .kruger-glance {
  background: var(--kruger-ink);
}

.ame-kruger-story .kruger-glance::before {
  background: linear-gradient(to bottom, var(--kruger-ink), transparent);
}

.ame-kruger-story .classic-glance__heading > span,
.ame-kruger-story .classic-glance__number,
.ame-kruger-story .classic-glance__stop.is-active strong,
.ame-kruger-story .classic-glance__stop.is-active .classic-glance__number {
  color: #d2ad79;
}

.ame-kruger-story .classic-glance__stop.is-active {
  border-color: rgba(210, 173, 121, 0.62);
  background: rgba(210, 173, 121, 0.08);
}

.ame-kruger-story .classic-primary-subnav {
  background: rgba(246, 242, 234, 0.96);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

.ame-kruger-story .kruger-itinerary {
  --ame-itinerary-ink: var(--kruger-ink);
  --ame-itinerary-earth: var(--kruger-earth);
  --ame-itinerary-cream: var(--kruger-cream);
  --ame-itinerary-sidebar: #eae2d5;
  --ame-itinerary-line: rgba(157, 111, 71, .42);
  --ame-itinerary-border: rgba(70, 74, 60, .16);
  --ame-itinerary-shadow: rgba(38, 40, 34, .13);
}

.ame-kruger-story .kruger-transition {
  width: calc(100% + clamp(48px, 8vw, 150px));
  margin-left: calc(clamp(24px, 4vw, 75px) * -1);
  min-height: clamp(440px, 64vh, 720px);
}

.ame-kruger-story .kruger-transition--winelands .classic-transition__veil {
  background: linear-gradient(112deg, rgba(31, 34, 27, 0.48), rgba(31, 34, 27, 0.06) 66%);
}

.ame-kruger-story .kruger-transition--lowveld {
  min-height: clamp(560px, 78vh, 860px);
}

.ame-kruger-story .kruger-transition--lowveld .classic-transition__veil {
  background:
    linear-gradient(to top, rgba(25, 28, 22, 0.66), transparent 58%),
    linear-gradient(90deg, rgba(25, 28, 22, 0.42), rgba(25, 28, 22, 0.02) 65%);
}

.ame-kruger-story .kruger-transition--lowveld .classic-transition__copy strong {
  color: #f3d5a4;
}

.ame-kruger-story .kruger-chapter--lowveld {
  position: relative;
  margin-inline: calc(clamp(24px, 4vw, 75px) * -1);
  padding-inline: clamp(24px, 4vw, 75px);
  background: linear-gradient(155deg, #eee7da 0%, #e4dac9 100%);
}

.ame-kruger-story .kruger-safari-rhythm {
  border-color: rgba(157, 111, 71, 0.28);
  background: rgba(255, 252, 245, 0.72);
  color: var(--kruger-ink);
  margin-bottom: clamp(44px, 6vw, 76px);
  grid-template-columns: minmax(180px, 0.42fr) minmax(0, 1.58fr);
  gap: clamp(28px, 4vw, 72px);
}

.ame-kruger-story .kruger-safari-rhythm ol {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  min-width: 0;
}

.ame-kruger-story .kruger-safari-rhythm li span {
  color: var(--kruger-earth);
}

.ame-kruger-story .kruger-safari-rhythm li > p {
  color: rgba(38, 40, 34, 0.78);
}

.ame-kruger-story #stays {
  background: #fff;
}

.ame-kruger-story #stays > div > div.grid > div {
  background: #fff !important;
  box-shadow: 0 20px 56px rgba(38, 40, 34, 0.09) !important;
}

.ame-kruger-story .kruger-pricing-clarification {
  max-width: 980px;
  margin: 34px auto 0;
  color: #6e7068;
  font: 400 13px/1.75 Inter, sans-serif;
  text-align: center;
}

.ame-kruger-story #highlights > div:first-child {
  height: min(66vw, 720px) !important;
}

.ame-kruger-story #highlights > div:first-child img {
  object-position: 50% 62%;
}

.ame-kruger-story #enquire .ame-enquire-media img {
  min-height: 760px;
}

@media (max-width: 1023px) {
  .ame-kruger-story .kruger-transition {
    width: calc(100% + (clamp(26px, 6vw, 64px) * 2));
    margin-left: calc(clamp(26px, 6vw, 64px) * -1);
  }
}

@media (max-width: 1399px) {
  .ame-kruger-story .kruger-safari-rhythm {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

@media (max-width: 767px) {
  .ame-kruger-story .kruger-hero video,
  .ame-kruger-story .kruger-hero .ame-hero-poster {
    object-position: 57% 50%;
  }

  .ame-kruger-story .kruger-hero .classic-hero__copy-veil {
    background: linear-gradient(90deg, rgba(17, 20, 17, 0.47), rgba(17, 20, 17, 0.04) 88%);
  }

  .ame-kruger-story .kruger-hero .classic-hero__lower-blend {
    background: linear-gradient(to bottom, transparent 72%, rgba(38, 40, 34, 0.2) 82%, rgba(38, 40, 34, 0.86) 97%, var(--kruger-ink) 100%);
  }

  .ame-kruger-story .kruger-transition {
    width: calc(100% + 40px);
    margin-left: -20px;
    min-height: 66svh;
  }

  .ame-kruger-story .kruger-transition--lowveld {
    min-height: 78svh;
  }

  .ame-kruger-story .kruger-transition .classic-transition__copy {
    left: 24px;
    right: 24px;
    bottom: 42px;
  }

  .ame-kruger-story .kruger-transition .classic-transition__copy strong {
    font-size: clamp(2.5rem, 14vw, 4.4rem);
  }

  .ame-kruger-story .kruger-chapter--lowveld {
    margin-inline: -20px;
    padding-inline: 20px;
  }

  .ame-kruger-story .kruger-safari-rhythm ol {
    grid-template-columns: 1fr;
  }

  .ame-kruger-story .kruger-safari-rhythm li {
    border-left: 0;
    border-top: 1px solid rgba(157, 111, 71, 0.18);
  }

  .ame-kruger-story .kruger-pricing-clarification {
    text-align: left;
    font-size: 13.5px;
  }

  .ame-kruger-story #highlights > div:first-child {
    height: 72svh !important;
  }

  .ame-kruger-story #enquire .ame-enquire-media img {
    min-height: 380px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .ame-kruger-story .kruger-transition img,
  .ame-kruger-story .kenburns-img {
    animation: none !important;
    transform: none !important;
    transition: none !important;
  }
}

/* Keep this journey's video control above the copy and clear of the inquiry bar. */
html[data-ame-page="cape-classic-greater-kruger"] .kruger-hero > .ame-media-control {
  z-index:20!important;top:20px!important;bottom:auto!important;
}
@media(max-width:767px){
 html[data-ame-page="cape-classic-greater-kruger"] .kruger-hero > .ame-media-control {
  top:calc(var(--ame-navigation-height,68px) + 16px)!important;
 }
}
