/* The Tanzania hero is shared by destination and mountain collections, island holidays and destination details. */
.destination-page-hero { position: relative; isolation: isolate; height: 490px; overflow: hidden; background: #6B4B3B; color: #FFFFFF; font-family: 'Montserrat', sans-serif; line-height: 1.7; }
.destination-page-hero-cover { position: absolute; z-index: -2; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 55%; }
.destination-page-hero-shade { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.52), rgba(0,0,0,.12) 75%), linear-gradient(0deg, rgba(0,0,0,.65), transparent 70%); }
.destination-page-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; margin: 0; padding: 27px 22px 0; color: #FFFFFF; font-size: 10px; font-weight: 700; line-height: 1.7; }
.destination-page-breadcrumb a { color: #FFFFFF; text-decoration: none; }
.destination-page-breadcrumb a:hover { color: #CC9138; }
.destination-page-breadcrumb a:focus-visible { outline: 2px solid #CC9138; outline-offset: 5px; }
.destination-page-hero-copy { position: absolute; right: 6vw; bottom: 64px; left: max(6vw, calc((100vw - 1240px) / 2)); max-width: 720px; min-width: 0; color: #FFFFFF; }
.destination-page-hero .destination-page-hero-eyebrow { margin: 0 0 18px; color: #FAF7EF; font-size: 11px; font-weight: 700; line-height: 1.5; letter-spacing: 3px; text-transform: uppercase; }
.site-content--page .destination-page-hero .destination-page-hero-copy h1 { max-width: 700px; margin: 0; color: #FFFFFF; font-family: 'Montserrat', sans-serif !important; font-size: clamp(34px,4vw,52px) !important; font-weight: 800 !important; line-height: 1.12 !important; letter-spacing: 1px; text-transform: uppercase; text-wrap: balance; overflow-wrap: break-word; }
.destination-page-hero .destination-page-hero-description { max-width: 550px; margin: 18px 0 0; color: #FAF7EF; font-size: 14px; line-height: 1.75; }
@media (max-width: 899px) {
    .destination-page-hero { height: 440px; }
    .destination-page-hero-copy { right: 28px; bottom: 47px; left: 28px; }
}
@media (max-width: 599px) {
    .destination-page-hero { height: 420px; }
    .destination-page-hero-copy { right: 24px; bottom: 42px; left: 24px; }
    .site-content--page .destination-page-hero .destination-page-hero-copy h1 { font-size: clamp(27px,8vw,32px) !important; letter-spacing: .5px; }
    .destination-page-hero .destination-page-hero-eyebrow { font-size: 9px; letter-spacing: 2px; }
    .destination-page-hero .destination-page-hero-description { font-size: 12px; line-height: 1.7; }
}