/* Destination identity: editorial navy hero, a compact trip selector, then clear facts and costs. */ .departure-page{ --destination-navy:#101b30; --destination-navy-soft:#1c2d47; --destination-gold:#b8955a; --destination-paper:#f5f7fa; --destination-line:#e2e8ef; background:var(--destination-paper); } .departure-page #main{position:relative;width:100%;max-width:none;margin:0;padding:0 0 24px;background:#f5f7fa} .departure-page #main>.departure-breadcrumb{position:absolute;z-index:3;top:20px;left:max(32px,calc((100% - 1280px)/2));display:flex;align-items:center;gap:10px;color:#dce3ed;font-size:11px;line-height:1.5} .departure-page .departure-breadcrumb a{color:#dce3ed;text-decoration:none} .departure-page .departure-breadcrumb a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px} .departure-page .departure-breadcrumb>span[aria-hidden]{color:#c9a66d;font-size:18px} .departure-page #departureHero{position:relative;width:100%;min-height:355px;margin:0;border:0;border-radius:0;background:linear-gradient(115deg,#101b30 0%,#17243b 55%,#34455e 100%);overflow:hidden;color:#fff;isolation:isolate} .departure-page #departureHero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 50%;z-index:-2} .departure-page #departureHero::after{position:absolute;inset:0;z-index:-1;content:"";background:linear-gradient(90deg,rgba(8,17,31,.96) 0%,rgba(10,22,39,.88) 34%,rgba(12,24,40,.55) 62%,rgba(12,24,40,.13) 100%),linear-gradient(0deg,rgba(9,18,32,.46),transparent 54%)} .departure-page .departure-hero-content{width:min(1280px,calc(100% - 64px));max-width:none;margin:0 auto;padding:82px 0 88px} .departure-page .departure-hero-kicker{display:flex;align-items:center;gap:10px;min-height:24px} .departure-page .departure-hero-kicker img{width:27px;height:19px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px #ffffff38} .departure-page .departure-hero .departure-eyebrow{color:#dfc590;font-size:10px;letter-spacing:.14em} .departure-page .departure-hero h1{max-width:760px;margin:13px 0 10px;color:#fff;font-size:clamp(38px,4.2vw,58px);font-weight:720;line-height:1.08;letter-spacing:-.045em} .departure-page .departure-hero p{max-width:590px;color:#e2e7ef;font-size:15px;line-height:1.65} .departure-page .departure-hero-note{gap:8px;margin-top:19px;color:#e3e8ef;font-size:11px} .departure-page .departure-hero-note svg{color:#d1ad70} .departure-page .departure-photo-credit{right:max(24px,calc((100% - 1280px)/2));bottom:27px;background:#0d192da8;color:#eef1f5!important} .departure-page #main>.departure-container>.departure-summary{position:relative;z-index:4;width:min(1280px,calc(100% - 64px));grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:-34px auto 0;padding:12px;background:#fff;border:1px solid #e7eaf0;border-radius:15px;box-shadow:0 14px 38px #15233a17} .departure-page .departure-summary-field{min-width:0} .departure-page .departure-summary-item.departure-choice{position:relative;display:flex;align-items:center;gap:13px;width:100%;min-width:0;min-height:68px;padding:11px 15px;border:1px solid #e6eaf0;border-radius:11px;background:#f8f9fb;color:#17243b;text-align:left;transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease} .departure-page .departure-summary-item.departure-choice:hover{border-color:#c9b386;background:#fff;box-shadow:0 5px 15px #17243b0c;transform:translateY(-1px)} .departure-page .departure-summary-icon{width:37px!important;height:37px!important;flex:none;border:1px solid #e5e9ef!important;border-radius:10px!important;background:#fff!important;color:#263c5a!important;box-shadow:none!important} .departure-page .departure-summary-icon[data-tone=indigo],.departure-page .departure-summary-icon[data-tone=violet],.departure-page .departure-summary-icon[data-tone=teal]{--icon-primary:#263c5a;--icon-secondary:#ad8a50;--icon-bg:#fff;--icon-border:#e5e9ef} .departure-page .departure-summary-icon svg{width:19px!important;height:19px!important;stroke:#263c5a!important} .departure-page .departure-summary-icon img{width:25px!important;height:18px!important;border-radius:3px!important} .departure-page .departure-summary-copy{display:block;min-width:0;flex:1} .departure-page .departure-summary-copy>span{display:block;color:#758196;font-size:10px;line-height:1.4} .departure-page .departure-summary-copy strong{display:block;margin-top:3px;color:#15243b;font-size:13px;font-weight:680;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .departure-page .departure-choice-chevron{width:16px;height:16px;flex:none;color:#526177;stroke-width:1.8} .departure-page .departure-layout{width:100%;grid-template-columns:minmax(0,1fr);gap:0;margin:0;padding:24px 0} .departure-page .departure-main-column{display:block;min-width:0} .departure-page #departureResult{display:grid;grid-template-columns:minmax(0,1fr) 350px;align-items:start;column-gap:27px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none} .departure-page #departureResult .departure-result-heading{grid-column:1;grid-row:1;margin:0 0 18px;padding:0 0 15px;border-bottom:1px solid #dfe5ec} .departure-page #departureResult .departure-result-heading h2{margin:0 0 5px;color:#17243b;font-size:24px;font-weight:700;line-height:1.3;letter-spacing:-.03em} .departure-page #departureResult .departure-result-heading p{max-width:720px;margin:0;color:#687689;font-size:12px;line-height:1.6} .departure-page #departureResult .route-layout{display:contents} .departure-page #departureRouteDetails{grid-column:1;grid-row:2;min-width:0;padding:20px 22px;border:1px solid var(--destination-line);border-radius:13px;background:#fff;box-shadow:0 4px 16px #17243b06} .departure-page #departureResult #departureRouteSummary{grid-column:2;grid-row:1 / span 2;align-self:start;position:sticky;top:20px;min-width:0;padding:22px;border:1px solid #e1e6ed;border-radius:14px;background:#fff;box-shadow:0 8px 26px #17243b0b} .departure-page #departureResult .route-offer>h3{margin:0 0 14px;color:#17243b;font-size:13px;font-weight:800;line-height:1.4;letter-spacing:.075em;text-transform:uppercase} .departure-page #departureRouteDetails .route-overview{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 0 18px;margin:0 0 20px;border-bottom:1px solid #e8edf2} .departure-page #departureRouteDetails .route-overview>div{min-height:78px;padding:12px 13px 11px 56px;border:1px solid #e8edf2;border-radius:10px;background:#f8f9fb} .departure-page #departureRouteDetails .route-overview>div:nth-child(n+4){padding-top:11px} .departure-page #departureRouteDetails .route-overview dt{color:#78859a;font-size:10px;line-height:1.45} .departure-page #departureRouteDetails .route-overview dd{margin-top:4px;color:#17243b;font-size:12px;font-weight:720;line-height:1.45} .departure-page #departureRouteDetails .route-overview dt>.route-icon{top:12px;left:9px;width:27px;height:27px;border-radius:8px;background:#fff} .departure-page #departureRouteDetails .route-overview .route-icon svg{width:16px;height:16px} .departure-page #departureRouteDetails .route-section+.route-section{margin-top:20px;padding-top:19px;border-top:1px solid #e8edf2} .departure-page #departureRouteDetails .route-section>h3{margin:0 0 13px;color:#17243b;font-size:16px;font-weight:730;line-height:1.4;letter-spacing:-.02em} .departure-page #departureRouteDetails .route-document-list{gap:13px 18px} .departure-page #departureRouteDetails .route-document-label{gap:9px} .departure-page #departureRouteDetails .route-document-label>.route-icon{width:28px;height:28px;border-radius:8px;background:#f6f3eb} .departure-page #departureRouteDetails .route-document-label>.route-icon svg{width:16px;height:16px} .departure-page #departureRouteDetails .route-document-label strong{color:#253751;font-size:11px;line-height:1.5} .departure-page #departureRouteDetails .route-document-detail{margin-top:2px;color:#687689;font-size:10px;line-height:1.55} .departure-page #departureRouteDetails .route-condition-list{gap:12px} .departure-page #departureRouteDetails .route-condition-list>li{gap:9px} .departure-page #departureRouteDetails .route-condition-list .route-icon{width:27px;height:27px;border-radius:8px} .departure-page #departureRouteDetails .route-condition-copy>strong{color:#253751;font-size:11px;line-height:1.5} .departure-page #departureRouteDetails .route-condition-copy>span:not(.route-references){color:#687689;font-size:10px;line-height:1.6} .departure-page #departureRouteDetails .route-references{max-width:76px} .departure-page #departureRouteDetails .route-references a{font-size:9px} .departure-page #departureRouteDetails .route-conditional-heading{margin:16px 0 10px;color:#927241;font-size:10px;letter-spacing:.07em;text-transform:uppercase} .departure-page #departureResult .route-summary-facts{margin-top:0} .departure-page #departureResult .route-summary-facts dt{font-size:10px} .departure-page #departureResult .route-summary-facts dd{margin:2px 0 0;font-size:12px;line-height:1.5} .departure-page #departureResult .route-price-breakdown{margin:4px 0 12px;border-color:#e8ebef;border-radius:10px;background:#fff} .departure-page #departureResult .route-price-row{gap:12px;padding:10px 11px} .departure-page #departureResult .route-price-row+.route-price-row{border-top:1px solid #edf0f3} .departure-page #departureResult .route-price-name{color:#5f6e82;font-size:11px;font-weight:580} .departure-page #departureResult .route-price-name .route-icon{display:none} .departure-page #departureResult .route-price-row>strong{color:#17243b;font-size:13px;font-weight:720} .departure-page #departureResult .route-price-row--atlas{background:linear-gradient(100deg,#faf7f0,#fff 78%)} .departure-page #departureResult .route-price-row--atlas .route-price-name,.departure-page #departureResult .route-price-row--atlas>strong{color:#806236} .departure-page #departureResult .route-price-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0 3px;border-top:1px solid #e7ebf0} .departure-page #departureResult .route-price-total span{color:#18273e;font-size:12px;font-weight:700} .departure-page #departureResult .route-price-total strong{color:#18273e;font-size:22px;font-weight:780;letter-spacing:-.035em;white-space:nowrap} .departure-page #departureResult .route-price-today{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:12px 0 13px;padding:10px 11px;border:1px solid #e9e1d2;border-radius:9px;background:linear-gradient(110deg,#fbf8f1,#fff)} .departure-page #departureResult .route-price-today-copy strong{display:block;color:#28364a;font-size:11px;line-height:1.4} .departure-page #departureResult .route-price-today-copy small{display:block;margin-top:2px;color:#748095;font-size:9px;line-height:1.45} .departure-page #departureResult .route-price-today>strong{color:#17243b;font-size:15px;white-space:nowrap} .departure-page #departureResult .route-price-limit{margin:8px 0 12px;color:#738095;font-size:9px;line-height:1.55} .departure-page #departureResult .route-offer>.departure-primary{min-height:48px;border:1px solid #263b59!important;border-radius:9px!important;background:linear-gradient(135deg,#243955,#101b30)!important;box-shadow:0 7px 17px #10233f1b!important;font-size:12px;font-weight:720!important} .departure-page #departureResult .route-action-note{margin:9px 0 0;color:#7a8696;font-size:9px;line-height:1.55;text-align:center} .departure-page #departureResult .route-selection-status{font-size:10px} .departure-page #departureRouteEvidence{grid-column:1/-1;margin-top:18px} .departure-page .departure-result[data-kind=fallback]{grid-template-columns:minmax(0,760px);gap:0} .departure-page .departure-result[data-kind=fallback] .departure-result-heading{grid-column:1;grid-row:1} .departure-page .departure-result[data-kind=fallback] .route-layout{display:block} .departure-page .departure-result[data-kind=fallback] #departureRouteDetails{grid-column:1;grid-row:2} .departure-page .departure-result[data-kind=fallback] #departureRouteSummary{display:none!important} .departure-page .departure-steps,.departure-page .departure-side{display:none} .departure-page .departure-unavailable{border-color:#e2e8ef;background:#fff} .departure-page .departure-footer{width:min(1280px,calc(100% - 64px));margin:0 auto} @media(max-width:1120px){ .departure-page #main>.departure-breadcrumb{left:24px} .departure-page .departure-hero-content{width:calc(100% - 48px)} .departure-page .departure-photo-credit{right:24px} .departure-page #main>.departure-container>.departure-summary,.departure-page .departure-footer{width:calc(100% - 48px)} .departure-page #departureRouteDetails .route-overview{grid-template-columns:repeat(3,minmax(0,1fr))} .departure-page #departureResult{grid-template-columns:minmax(0,1fr) 315px;column-gap:20px} } @media(max-width:820px){ .departure-page #departureHero{min-height:335px} .departure-page .departure-hero-content{padding-top:78px;padding-bottom:68px} .departure-page #main>.departure-container>.departure-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .departure-page .departure-summary-field:last-child{grid-column:1/-1} .departure-page #departureResult{grid-template-columns:minmax(0,1fr)} .departure-page #departureResult .departure-result-heading{grid-column:1;grid-row:1} .departure-page #departureResult #departureRouteSummary{position:static;grid-column:1;grid-row:2;margin:0 0 18px} .departure-page #departureRouteDetails{grid-column:1;grid-row:3} .departure-page #departureRouteEvidence{grid-column:1;grid-row:4} .departure-page #departureRouteDetails .route-overview{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:560px){ .departure-page #main{padding-bottom:28px} .departure-page #main>.departure-breadcrumb{top:14px;left:18px;font-size:10px} .departure-page #departureHero{min-height:310px} .departure-page #departureHero::after{background:linear-gradient(90deg,rgba(8,17,31,.92),rgba(10,22,39,.68) 70%,rgba(12,24,40,.38)),linear-gradient(0deg,rgba(9,18,32,.4),transparent 60%)} .departure-page .departure-hero-content{width:calc(100% - 36px);padding:70px 0 60px} .departure-page .departure-hero h1{max-width:100%;margin:12px 0 8px;font-size:clamp(34px,10vw,43px)} .departure-page .departure-hero p{max-width:340px;font-size:13px;line-height:1.55} .departure-page .departure-hero-note{margin-top:14px;font-size:10px} .departure-page .departure-photo-credit{right:17px;bottom:22px;max-width:52%;font-size:8px} .departure-page #main>.departure-container>.departure-summary{width:calc(100% - 28px);grid-template-columns:1fr;gap:7px;margin-top:-22px;padding:8px;border-radius:12px} .departure-page .departure-summary-field:last-child{grid-column:auto} .departure-page .departure-summary-item.departure-choice{min-height:58px;padding:8px 11px} .departure-page .departure-summary-icon{width:34px!important;height:34px!important;border-radius:9px!important} .departure-page .departure-layout{width:100%;padding:20px 0 24px} .departure-page #departureResult{display:block} .departure-page #departureResult .departure-result-heading{margin-bottom:15px;padding-bottom:12px} .departure-page #departureResult .departure-result-heading h2{font-size:20px} .departure-page #departureResult .departure-result-heading p{font-size:11px} .departure-page #departureResult #departureRouteSummary{margin-bottom:15px;padding:17px} .departure-page #departureRouteDetails{padding:15px} .departure-page #departureRouteDetails .route-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-bottom:15px;margin-bottom:16px} .departure-page #departureRouteDetails .route-overview>div{min-height:70px;padding:10px 10px 9px 48px} .departure-page #departureRouteDetails .route-overview>div:nth-child(n+4){padding-top:9px} .departure-page #departureRouteDetails .route-overview dt>.route-icon{top:10px;left:7px;width:25px;height:25px} .departure-page #departureRouteDetails .route-overview dt{font-size:9px} .departure-page #departureRouteDetails .route-overview dd{font-size:11px} .departure-page #departureRouteDetails .route-document-list{grid-template-columns:1fr;gap:12px} .departure-page #departureRouteDetails .route-document-label strong{font-size:12px} .departure-page #departureRouteDetails .route-document-detail{font-size:11px} .departure-page #departureRouteDetails .route-condition-list>li{gap:8px} .departure-page #departureRouteDetails .route-condition-copy>strong{font-size:12px} .departure-page #departureRouteDetails .route-condition-copy>span:not(.route-references){font-size:11px} .departure-page .departure-footer{width:calc(100% - 32px)} } @media(prefers-reduced-motion:reduce){.departure-page .departure-summary-item.departure-choice{transition:none}} /* Production page wrapper keeps the compact selectors and content aligned below the full-bleed hero. */ .departure-page #main>.departure-container{position:relative;width:min(1280px,calc(100% - 64px));max-width:none;margin:0 auto;padding:0} .departure-page #main>.departure-container>.departure-summary{width:100%} .departure-page #departureHero:has(#departurePhoto:not([hidden])) p{display:block} .departure-page #departureHero .departure-photo-credit{z-index:2} .departure-page .departure-breadcrumb-separator{color:#c9a66d;font-size:18px} .departure-page #departureCrumbCountry:empty,.departure-page #departureCrumbSeparator[hidden]{display:none} @media(max-width:1120px){.departure-page #main>.departure-container{width:calc(100% - 48px)}} @media(max-width:820px){.departure-page .departure-hero-content{width:calc(100% - 48px)}.departure-page #main>.departure-container>.departure-summary{width:100%}} @media(max-width:560px){ .departure-page #main>.departure-container{width:calc(100% - 28px)} .departure-page #main>.departure-container>.departure-summary{width:100%} .departure-page #departureResult .route-layout{display:flex;flex-direction:column;gap:15px} .departure-page #departureResult #departureRouteSummary{order:-1;position:static;width:100%;margin:0 0 15px} } /* Destination composition: a panoramic photo behind the heading and the official facts beside the estimate. */ @media(min-width:821px){ .departure-page #departureHero{min-height:clamp(420px,25.5vw,520px);background:#101b30} .departure-page #departureHero>img{left:0;right:auto;width:100%;height:100%;object-position:center 58%;-webkit-mask-image:none;mask-image:none;filter:saturate(1.08) contrast(1.03)} .departure-page #departureHero[data-country="DEU"]>img{object-position:65% 68%} .departure-page #departureHero[data-country="AUS"]>img{object-position:35% 56%} .departure-page #departureHero[data-country="THA"]>img{object-position:center 70%} .departure-page #departureHero::after{background:linear-gradient(90deg,rgba(8,17,31,.94) 0%,rgba(10,22,39,.8) 32%,rgba(12,24,40,.36) 62%,rgba(12,24,40,.08) 100%),linear-gradient(0deg,rgba(9,18,32,.38),transparent 62%)} .departure-page .departure-hero-content{padding:95px 0 104px} } .departure-page #departureResult{display:grid;grid-template-columns:minmax(0,1fr) 350px;grid-template-rows:auto auto auto;column-gap:27px;row-gap:0;align-items:start} .departure-page #departureResult[hidden]{display:none} .departure-page #departureResult .departure-result-heading{grid-column:1;grid-row:1;display:block;min-width:0;margin:0;padding:22px 23px 10px;border:1px solid var(--destination-line);border-bottom:0;border-radius:14px 14px 0 0;background:#fff;box-shadow:0 4px 16px #17243b06} .departure-page #departureResult .departure-result-heading h2{font-size:23px;line-height:1.25} .departure-page #departureResult .departure-result-heading p{font-size:13px} .departure-page #departureResult .departure-result-verified{margin-top:10px;font-size:10px} .departure-page #departureOverview{grid-column:1;grid-row:2;min-width:0;margin:0 0 18px;padding:6px 23px 20px;border:1px solid var(--destination-line);border-top:0;border-radius:0 0 14px 14px;background:#fff;box-shadow:0 8px 18px #17243b06} .departure-page #departureOverview[hidden]{display:none!important} .departure-page #departureOverview .route-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:0;padding:0;border:0} .departure-page #departureOverview .route-overview>div{position:relative;min-width:0;min-height:82px;padding:13px 12px 12px 52px;border:1px solid #e4e9f0;border-radius:10px;background:#f6f8fb} .departure-page #departureOverview .route-overview>div:nth-child(even){background:#fbf8f2;border-color:#ebe1d0} .departure-page #departureOverview .route-overview dt{color:#687789;font-size:11px;line-height:1.45} .departure-page #departureOverview .route-overview dd{margin:4px 0 0;color:#17243b;font-size:14px;font-weight:700;line-height:1.35;overflow-wrap:anywhere} .departure-page #departureOverview .route-overview dt>.route-icon{position:absolute;top:12px;left:12px;display:grid;place-items:center;width:29px;height:29px;border:1px solid #dfe5ec;border-radius:8px;background:#fff} .departure-page #departureOverview .route-overview .route-icon svg{width:17px;height:17px} .departure-page #departureResult #departureRouteSummary{grid-column:2;grid-row:1 / span 3;position:sticky;top:20px;margin:0;align-self:start} .departure-page #departureRouteDetails{grid-column:1;grid-row:3;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none} .departure-page #departureRouteDetails #route-documents,.departure-page #departureRouteDetails #route-conditions,.departure-page #departureRouteDetails .route-fee-conditions,.departure-page #departureRouteDetails .route-editorial-sources{border-radius:13px} .departure-page #departureRouteDetails .route-document-label strong{font-size:13px;line-height:1.5} .departure-page #departureRouteDetails .route-document-detail{font-size:12px;line-height:1.6} .departure-page #departureRouteDetails .route-condition-copy>strong{font-size:13px;line-height:1.5} .departure-page #departureRouteDetails .route-condition-copy>span:not(.route-references){font-size:12px;line-height:1.6} .departure-page #departureRouteDetails .route-references a{font-size:11px} .departure-page #departureRouteEvidence{grid-column:1;grid-row:4} .departure-page .departure-result[data-kind=fallback] .departure-result-heading{grid-column:1;grid-row:1;border:1px solid var(--destination-line);border-radius:14px;padding-bottom:22px} .departure-page .departure-result[data-kind=fallback] #departureRouteSummary{display:none!important} @media(min-width:821px) and (max-width:1120px){ .departure-page #departureResult{grid-template-columns:minmax(0,1fr) 315px;column-gap:20px} .departure-page #departureOverview .route-overview{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(max-width:820px){ .departure-page #departureHero[data-country="DEU"]>img{object-position:65% 68%} .departure-page #departureResult{grid-template-columns:minmax(0,1fr);grid-template-rows:none} .departure-page #departureResult .departure-result-heading{grid-column:1;grid-row:1;margin:0} .departure-page #departureOverview{grid-column:1;grid-row:2} .departure-page #departureRouteDetails{grid-column:1;grid-row:3;margin-bottom:18px} .departure-page #departureResult #departureRouteSummary{grid-column:1;grid-row:4;position:static;margin:0} .departure-page #departureRouteEvidence{grid-column:1;grid-row:5} } @media(max-width:560px){ .departure-page #departureResult{display:grid} .departure-page #departureResult .departure-result-heading{margin:0;padding:18px 16px 8px} .departure-page #departureResult .departure-result-heading h2{font-size:20px} .departure-page #departureResult .departure-result-heading p{font-size:12px} .departure-page #departureOverview{padding:5px 16px 17px;margin-bottom:15px} .departure-page #departureOverview .route-overview{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .departure-page #departureOverview .route-overview>div{min-height:76px;padding:10px 8px 9px 43px} .departure-page #departureOverview .route-overview dt>.route-icon{top:10px;left:7px;width:27px;height:27px} .departure-page #departureOverview .route-overview dt{font-size:10px} .departure-page #departureOverview .route-overview dd{font-size:12px} .departure-page #departureResult #departureRouteSummary{width:100%;margin:0 0 15px} .departure-page #departureRouteDetails .route-document-label strong,.departure-page #departureRouteDetails .route-condition-copy>strong{font-size:13px} .departure-page #departureRouteDetails .route-document-detail,.departure-page #departureRouteDetails .route-condition-copy>span:not(.route-references){font-size:12px} } @media(max-width:359px){.departure-page #departureOverview .route-overview{grid-template-columns:1fr}} /* Give the photography more room while keeping the practical information close to the trip selector on wide screens. */ @media(min-width:1121px){ .departure-page #main>.departure-breadcrumb{left:max(32px,calc((100% - 1440px)/2))} .departure-page .departure-hero-content{width:min(1440px,calc(100% - 64px))} .departure-page .departure-photo-credit{right:max(24px,calc((100% - 1440px)/2))} .departure-page #main>.departure-container{width:min(1440px,calc(100% - 64px))} .departure-page .departure-footer{width:min(1440px,calc(100% - 64px))} .departure-page #departureResult{grid-template-columns:minmax(0,1fr) 370px;column-gap:24px} } @media(min-width:821px){ .departure-page #main>.departure-container>.departure-summary{margin-top:-42px} .departure-page .departure-layout{width:100%;padding-top:20px} .departure-page #departureResult{grid-template-rows:auto auto} .departure-page #departureResult .departure-facts-panel{grid-column:1;grid-row:1;min-width:0;margin:0 0 14px;border:1px solid var(--destination-line);border-radius:14px;background:#fff;box-shadow:0 6px 18px #17243b08} .departure-page #departureResult .departure-result-heading{padding:18px 22px 8px;border:0;border-radius:0;box-shadow:none} .departure-page #departureOverview{margin:0;padding:3px 22px 17px;border:0;border-radius:0;box-shadow:none} .departure-page #departureOverview .route-overview>div{min-height:75px;padding-top:10px;padding-bottom:10px} .departure-page #departureRouteDetails{grid-row:2} .departure-page #departureResult #departureRouteSummary{grid-row:1 / span 2} .departure-page #departureRouteEvidence{grid-row:3} } /* Keep facts on a full-width row; the heading must not squeeze their labels. */ @media(min-width:821px){ .departure-page #departureResult .departure-facts-panel{display:block;overflow:hidden} .departure-page #departureResult .departure-result-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 16px;padding:20px 22px 14px;background:transparent} .departure-page #departureResult .departure-result-eyebrow{grid-column:1;grid-row:1;align-self:center} .departure-page #departureResult .departure-result-verified{grid-column:2;grid-row:1;max-width:100%;margin:0;white-space:normal} .departure-page #departureResult .departure-result-heading h2{grid-column:1/-1;grid-row:2;margin:3px 0 0;font-size:23px} .departure-page #departureResult .departure-result-heading p{grid-column:1/-1;grid-row:3} .departure-page #departureOverview{padding:0 22px 20px;background:transparent} .departure-page #departureOverview .route-overview{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))} .departure-page #departureOverview .route-overview>div{min-height:80px} .departure-page #departureResult #departureRouteSummary{top:100px} } .departure-page #departureResult[data-kind=fallback] .departure-facts-panel{grid-template-columns:1fr} @media(max-width:820px){ .departure-page #departureResult .departure-facts-panel{grid-column:1;grid-row:1;min-width:0;margin-bottom:15px;border:1px solid var(--destination-line);border-radius:14px;background:#fff;overflow:hidden} .departure-page #departureResult .departure-result-heading{border:0;border-radius:0;box-shadow:none} .departure-page #departureOverview{margin:0;padding:3px 16px 16px;border:0;border-radius:0;box-shadow:none} .departure-page #departureRouteDetails{grid-row:2} .departure-page #departureResult #departureRouteSummary{grid-row:3} .departure-page #departureRouteEvidence{grid-row:4} } /* The proposed Atlas guarantee remains a price simulation until its terms and checkout are ready. */ .departure-page #departureResult .route-price-row[data-offered="true"]>strong{color:#17805b!important} .departure-page #departureResult .route-price-row--guarantee{cursor:pointer} .departure-page #departureResult .route-price-row--guarantee .route-price-name{display:flex;align-items:center;gap:9px;min-width:0} .departure-page #departureResult .route-price-row--guarantee .route-price-name>span{display:grid;gap:2px} .departure-page #departureResult .route-price-row--guarantee .route-price-name small{color:#788597;font-size:10px;font-weight:450;line-height:1.3} .departure-page #departureResult .route-price-row--guarantee input{width:16px;height:16px;flex:none;margin:0;accent-color:#b58e4b;cursor:pointer} .departure-page #departureResult .route-price-row--guarantee:focus-within{outline:2px solid #b58e4b;outline-offset:3px;border-radius:4px} .departure-page #departureResult .route-price-row--guarantee[data-selected="true"]>strong{color:#9a7134} .departure-page #departureResult .route-price-row--total{margin-top:8px;padding:12px 0!important;border-top:1px solid #d9dfe7!important;border-bottom:0!important} .departure-page #departureResult .route-price-row--total .route-price-name{color:#17243b;font-size:13px;font-weight:760} .departure-page #departureResult .route-price-row--total>strong{color:#17243b;font-size:17px;font-weight:800;text-align:right} .departure-page #departureResult .departure-result-heading{position:relative} .departure-page #departureResult .departure-procedure-badge:not([hidden]){display:inline-flex;position:absolute;top:18px;right:20px;max-width:42%;padding:5px 9px;border:1px solid #e8d9bd;border-radius:999px;background:#fbf5e9;color:#795b2c;font-size:11px;font-weight:720;line-height:1.35;white-space:nowrap} @media(max-width:560px){.departure-page #departureResult .departure-procedure-badge:not([hidden]){position:static;max-width:100%;margin:5px 0 7px}} /* Dedicated high-resolution heroes: keep the skyline and its reflection together. */ .departure-page #departureHero>img{filter:none;object-position:center 52%} .departure-page #departureHero[data-country="DEU"]>img{object-position:50% 48%} .departure-page #departureHero[data-country="FRA"]>img{object-position:50% 43%} .departure-page #departureHero[data-country="THA"]>img{object-position:50% 58%} .departure-page #departureHero[data-country="AUS"]>img{object-position:50% 55%} .departure-page #departureHero[data-country="SGP"]>img{object-position:50% 53%} .departure-page #departureHero[data-country="CAN"]>img{object-position:50% 57%} /* Natural panorama: neutral, feathered shade only for the menu and title. Avoid a blue/navy wash over bright skies, sea and mountains. */ .departure-page #departureHero::after { background: linear-gradient(180deg,rgba(12,13,17,.52),transparent 150px), linear-gradient(90deg,rgba(9,18,30,.72),rgba(9,18,30,.40) 36%,rgba(9,18,30,.08) 65%,transparent); } @media(max-width:760px) { .departure-page #departureHero::after { background: linear-gradient(180deg,rgba(12,13,17,.52),transparent 120px), linear-gradient(90deg,rgba(9,18,30,.73),rgba(9,18,30,.45) 65%,rgba(9,18,30,.14)); } } @media(max-width:760px){.departure-page #departureHero[data-country="DEU"]>img{object-position:66% 48%}.departure-page #departureHero[data-country="FRA"]>img{object-position:20% 43%}.departure-page #departureHero[data-country="AUS"]>img{object-position:35% 55%}.departure-page #departureHero[data-country="SGP"]>img{object-position:35% 53%}} /* Individually reviewed destination photograph focal points. */ .departure-page #departureHero[data-country="AGO"]>img{object-position:50% 30%} .departure-page #departureHero[data-country="ATG"]>img{object-position:50% 56%} .departure-page #departureHero[data-country="AUT"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="BEL"]>img{object-position:50% 55%} .departure-page #departureHero[data-country="BGR"]>img{object-position:50% 43%} .departure-page #departureHero[data-country="BHS"]>img{object-position:50% 58%} .departure-page #departureHero[data-country="BRA"]>img{object-position:50% 48%} .departure-page #departureHero[data-country="CHE"]>img{object-position:50% 52%} .departure-page #departureHero[data-country="CRI"]>img{object-position:50% 38%} .departure-page #departureHero[data-country="GBR"]>img{object-position:50% 38%} .departure-page #departureHero[data-country="HRV"]>img{object-position:50% 55%} .departure-page #departureHero[data-country="HUN"]>img{object-position:50% 52%} .departure-page #departureHero[data-country="IDN"]>img{object-position:50% 48%} .departure-page #departureHero[data-country="ITA"]>img{object-position:50% 55%} .departure-page #departureHero[data-country="JPN"]>img{object-position:50% 48%} .departure-page #departureHero[data-country="MAR"]>img{object-position:50% 45%} .departure-page #departureHero[data-country="MDV"]>img{object-position:50% 85%} .departure-page #departureHero[data-country="MEX"]>img{object-position:50% 52%} .departure-page #departureHero[data-country="MYS"]>img{object-position:50% 48%} .departure-page #departureHero[data-country="PRT"]>img{object-position:50% 55%} .departure-page #departureHero[data-country="SYC"]>img{object-position:50% 55%} .departure-page #departureHero[data-country="USA"]>img{object-position:50% 36%} .departure-page #departureHero[data-country="ESP"]>img{object-position:50% 40%} .departure-page #departureHero[data-country="GRC"]>img{object-position:50% 16%} .departure-page #departureHero[data-country="NZL"]>img{object-position:50% 48%} @media(max-width:760px){ .departure-page #departureHero[data-country="AGO"]>img{object-position:50% 30%} .departure-page #departureHero[data-country="ATG"]>img{object-position:65% 56%} .departure-page #departureHero[data-country="AUT"]>img{object-position:36% 50%} .departure-page #departureHero[data-country="BEL"]>img{object-position:58% 55%} .departure-page #departureHero[data-country="BGR"]>img{object-position:50% 43%} .departure-page #departureHero[data-country="BHS"]>img{object-position:50% 58%} .departure-page #departureHero[data-country="BRA"]>img{object-position:50% 48%} .departure-page #departureHero[data-country="CHE"]>img{object-position:50% 52%} .departure-page #departureHero[data-country="CRI"]>img{object-position:50% 38%} .departure-page #departureHero[data-country="GBR"]>img{object-position:57% 38%} .departure-page #departureHero[data-country="HRV"]>img{object-position:52% 55%} .departure-page #departureHero[data-country="HUN"]>img{object-position:55% 52%} .departure-page #departureHero[data-country="IDN"]>img{object-position:52% 48%} .departure-page #departureHero[data-country="ITA"]>img{object-position:65% 55%} .departure-page #departureHero[data-country="JPN"]>img{object-position:68% 48%} .departure-page #departureHero[data-country="MAR"]>img{object-position:57% 45%} .departure-page #departureHero[data-country="MDV"]>img{object-position:50% 85%} .departure-page #departureHero[data-country="MEX"]>img{object-position:50% 52%} .departure-page #departureHero[data-country="MYS"]>img{object-position:52% 48%} .departure-page #departureHero[data-country="PRT"]>img{object-position:65% 55%} .departure-page #departureHero[data-country="SYC"]>img{object-position:55% 55%} .departure-page #departureHero[data-country="USA"]>img{object-position:58% 36%} .departure-page #departureHero[data-country="ESP"]>img{object-position:45% 40%} .departure-page #departureHero[data-country="GRC"]>img{object-position:70% 32%} .departure-page #departureHero[data-country="NZL"]>img{object-position:57% 48%} } /* Individually reviewed destination photograph focal points. */ .departure-page #departureHero[data-country="ABW"]>img{object-position:50% 30%} .departure-page #departureHero[data-country="AFG"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="ALB"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="AND"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="ARE"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="ARG"]>img{object-position:50% 35%} .departure-page #departureHero[data-country="ARM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="ATF"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="AZE"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="BDI"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="BEN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="BFA"]>img{object-position:50% 22%} .departure-page #departureHero[data-country="BGD"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="BHR"]>img{object-position:50% 35%} .departure-page #departureHero[data-country="BIH"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="BLR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="BLZ"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="BMU"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="BOL"]>img{object-position:50% 35%} .departure-page #departureHero[data-country="BRB"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="BRN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="BTN"]>img{object-position:50% 40%} .departure-page #departureHero[data-country="BWA"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="CAF"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="CHL"]>img{object-position:50% 20%} .departure-page #departureHero[data-country="CHN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="CIV"]>img{object-position:50% 65%} .departure-page #departureHero[data-country="CMR"]>img{object-position:50% 65%} .departure-page #departureHero[data-country="COD"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="COG"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="COL"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="COM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="CPV"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="CUB"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="CUW"]>img{object-position:50% 40%} .departure-page #departureHero[data-country="CYM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="CYP"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="CZE"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="DJI"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="DNK"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="DOM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="DZA"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="ECU"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="EGY"]>img{object-position:50% 35%} .departure-page #departureHero[data-country="ERI"]>img{object-position:50% 35%} .departure-page #departureHero[data-country="ESH"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="EST"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="ETH"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="FIN"]>img{object-position:50% 25%} .departure-page #departureHero[data-country="FJI"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="FLK"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="FSM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="GAB"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="GEO"]>img{object-position:50% 60%} .departure-page #departureHero[data-country="GGY"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="GHA"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="GIB"]>img{object-position:50% 40%} .departure-page #departureHero[data-country="GIN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="GMB"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="GNB"]>img{object-position:50% 20%} .departure-page #departureHero[data-country="GNQ"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="GRD"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="GRL"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="GTM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="GUY"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="HKG"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="HND"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="HTI"]>img{object-position:50% 25%} .departure-page #departureHero[data-country="IMN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="IND"]>img{object-position:50% 28%} .departure-page #departureHero[data-country="IRL"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="IRN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="IRQ"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="ISL"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="ISR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="JAM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="JEY"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="JOR"]>img{object-position:50% 35%} .departure-page #departureHero[data-country="KAZ"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="KEN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="KGZ"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="KHM"]>img{object-position:50% 45%} .departure-page #departureHero[data-country="KIR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="KNA"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="KOR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="KWT"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="LAO"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="LBN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="LBR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="LBY"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="LCA"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="LIE"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="LKA"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="LSO"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="LTU"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="LUX"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="LVA"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MAC"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MCO"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MDA"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MDG"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MHL"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MKD"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MLI"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MLT"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MMR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MNE"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MNG"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MOZ"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MRT"]>img{object-position:50% 20%} .departure-page #departureHero[data-country="MUS"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MWI"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="NAM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="NCL"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="NER"]>img{object-position:50% 40%} .departure-page #departureHero[data-country="NGA"]>img{object-position:50% 20%} .departure-page #departureHero[data-country="NIC"]>img{object-position:50% 35%} .departure-page #departureHero[data-country="NLD"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="NOR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="NPL"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="OMN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="PAK"]>img{object-position:50% 25%} .departure-page #departureHero[data-country="PAN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="PER"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="PHL"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="PLW"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="PNG"]>img{object-position:50% 55%} .departure-page #departureHero[data-country="POL"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="PRI"]>img{object-position:50% 40%} .departure-page #departureHero[data-country="PRK"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="PRY"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="PSE"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="QAT"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="ROU"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="RUS"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="RWA"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SAU"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SDN"]>img{object-position:50% 30%} .departure-page #departureHero[data-country="SEN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SLB"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SLE"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SLV"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SMR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SOM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SRB"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SSD"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="STP"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SUR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SVK"]>img{object-position:50% 25%} .departure-page #departureHero[data-country="SVN"]>img{object-position:50% 45%} .departure-page #departureHero[data-country="SWE"]>img{object-position:50% 65%} .departure-page #departureHero[data-country="SWZ"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SYR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="TCA"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="TCD"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="TGO"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="TJK"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="TKM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="TLS"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="TON"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="TTO"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="TUN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="TUR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="TWN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="TZA"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="UGA"]>img{object-position:40% 50%} .departure-page #departureHero[data-country="UKR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="URY"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="UZB"]>img{object-position:50% 45%} .departure-page #departureHero[data-country="VCT"]>img{object-position:50% 65%} .departure-page #departureHero[data-country="VEN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="VGB"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="VNM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="VUT"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="WSM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="XKX"]>img{object-position:50% 60%} .departure-page #departureHero[data-country="XNC"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="XSL"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="YEM"]>img{object-position:50% 55%} .departure-page #departureHero[data-country="ZAF"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="ZMB"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="ZWE"]>img{object-position:50% 55%} @media(max-width:760px){ .departure-page #departureHero[data-country="ABW"]>img{object-position:50% 30%} .departure-page #departureHero[data-country="AFG"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="ALB"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="AND"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="ARE"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="ARG"]>img{object-position:50% 35%} .departure-page #departureHero[data-country="ARM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="ATF"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="AZE"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="BDI"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="BEN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="BFA"]>img{object-position:50% 22%} .departure-page #departureHero[data-country="BGD"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="BHR"]>img{object-position:50% 35%} .departure-page #departureHero[data-country="BIH"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="BLR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="BLZ"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="BMU"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="BOL"]>img{object-position:50% 35%} .departure-page #departureHero[data-country="BRB"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="BRN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="BTN"]>img{object-position:40% 40%} .departure-page #departureHero[data-country="BWA"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="CAF"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="CHL"]>img{object-position:50% 20%} .departure-page #departureHero[data-country="CHN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="CIV"]>img{object-position:50% 65%} .departure-page #departureHero[data-country="CMR"]>img{object-position:50% 65%} .departure-page #departureHero[data-country="COD"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="COG"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="COL"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="COM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="CPV"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="CUB"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="CUW"]>img{object-position:50% 40%} .departure-page #departureHero[data-country="CYM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="CYP"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="CZE"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="DJI"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="DNK"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="DOM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="DZA"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="ECU"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="EGY"]>img{object-position:65% 35%} .departure-page #departureHero[data-country="ERI"]>img{object-position:50% 35%} .departure-page #departureHero[data-country="ESH"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="EST"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="ETH"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="FIN"]>img{object-position:50% 25%} .departure-page #departureHero[data-country="FJI"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="FLK"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="FSM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="GAB"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="GEO"]>img{object-position:60% 60%} .departure-page #departureHero[data-country="GGY"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="GHA"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="GIB"]>img{object-position:50% 40%} .departure-page #departureHero[data-country="GIN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="GMB"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="GNB"]>img{object-position:50% 20%} .departure-page #departureHero[data-country="GNQ"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="GRD"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="GRL"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="GTM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="GUY"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="HKG"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="HND"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="HTI"]>img{object-position:55% 25%} .departure-page #departureHero[data-country="IMN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="IND"]>img{object-position:50% 28%} .departure-page #departureHero[data-country="IRL"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="IRN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="IRQ"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="ISL"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="ISR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="JAM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="JEY"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="JOR"]>img{object-position:30% 35%} .departure-page #departureHero[data-country="KAZ"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="KEN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="KGZ"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="KHM"]>img{object-position:50% 45%} .departure-page #departureHero[data-country="KIR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="KNA"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="KOR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="KWT"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="LAO"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="LBN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="LBR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="LBY"]>img{object-position:50% 25%} .departure-page #departureHero[data-country="LCA"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="LIE"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="LKA"]>img{object-position:50% 25%} .departure-page #departureHero[data-country="LSO"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="LTU"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="LUX"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="LVA"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MAC"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MCO"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MDA"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MDG"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MHL"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MKD"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MLI"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MLT"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MMR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MNE"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MNG"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MOZ"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MRT"]>img{object-position:50% 20%} .departure-page #departureHero[data-country="MUS"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="MWI"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="NAM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="NCL"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="NER"]>img{object-position:18% 40%} .departure-page #departureHero[data-country="NGA"]>img{object-position:50% 20%} .departure-page #departureHero[data-country="NIC"]>img{object-position:75% 35%} .departure-page #departureHero[data-country="NLD"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="NOR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="NPL"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="OMN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="PAK"]>img{object-position:50% 25%} .departure-page #departureHero[data-country="PAN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="PER"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="PHL"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="PLW"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="PNG"]>img{object-position:50% 55%} .departure-page #departureHero[data-country="POL"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="PRI"]>img{object-position:65% 40%} .departure-page #departureHero[data-country="PRK"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="PRY"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="PSE"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="QAT"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="ROU"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="RUS"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="RWA"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SAU"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SDN"]>img{object-position:65% 30%} .departure-page #departureHero[data-country="SEN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SLB"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SLE"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SLV"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SMR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SOM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SRB"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SSD"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="STP"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SUR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SVK"]>img{object-position:50% 25%} .departure-page #departureHero[data-country="SVN"]>img{object-position:65% 45%} .departure-page #departureHero[data-country="SWE"]>img{object-position:50% 65%} .departure-page #departureHero[data-country="SWZ"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="SYR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="TCA"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="TCD"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="TGO"]>img{object-position:50% 25%} .departure-page #departureHero[data-country="TJK"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="TKM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="TLS"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="TON"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="TTO"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="TUN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="TUR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="TWN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="TZA"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="UGA"]>img{object-position:35% 50%} .departure-page #departureHero[data-country="UKR"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="URY"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="UZB"]>img{object-position:50% 45%} .departure-page #departureHero[data-country="VCT"]>img{object-position:50% 65%} .departure-page #departureHero[data-country="VEN"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="VGB"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="VNM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="VUT"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="WSM"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="XKX"]>img{object-position:50% 60%} .departure-page #departureHero[data-country="XNC"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="XSL"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="YEM"]>img{object-position:50% 55%} .departure-page #departureHero[data-country="ZAF"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="ZMB"]>img{object-position:50% 50%} .departure-page #departureHero[data-country="ZWE"]>img{object-position:60% 55%} } /* Individually reviewed destination photograph focal points. */ .departure-page #departureHero[data-country="COM"]>img{object-position:50% 60%} @media(max-width:760px){ .departure-page #departureHero[data-country="COM"]>img{object-position:50% 60%} } /* Destination photo-first navigation, scoped to this page (16 Oct 2026). The shared Atlas header stays unchanged on all other pages. */ html body.departure-page [data-site-header] { position:sticky; top:0; z-index:45; margin-bottom:-82px; border-bottom:0; background-color:transparent; background-image:none; /* The continuous top fade lives on the hero, not in a separate 82px strip. */ box-shadow:none; transition:background-color 240ms ease,box-shadow 240ms ease; } html body.departure-page [data-site-header].is-scrolled { background-color:#101b30; box-shadow:0 7px 22px rgba(8,18,34,.18); } html body.departure-page [data-site-header] :is(.aa-brand,.aa-nav a,.site-language-button,.site-language select) { text-shadow:0 1px 8px rgba(8,18,34,.45); } html body.departure-page #main>.departure-breadcrumb { top:103px; text-shadow:0 1px 8px rgba(8,18,34,.65); } html body.departure-page #departureHero { min-height:clamp(420px,29vw,480px); } html body.departure-page #departureHero .departure-hero-content { padding-top:164px; } @media(max-width:760px) { html body.departure-page [data-site-header] {margin-bottom:-96px;} html body.departure-page #main>.departure-breadcrumb {top:115px;} html body.departure-page #departureHero {min-height:405px;} html body.departure-page #departureHero .departure-hero-content { padding-top:174px; padding-bottom:64px; } } @media(prefers-reduced-motion:reduce) { html body.departure-page [data-site-header] {transition:none;} } /* Release polish: readable secondary information and one consistent mobile gutter. */ .departure-page .departure-summary-copy>span{color:#526175;font-size:11px} .departure-page .departure-summary-copy strong{font-size:14px} .departure-page #departureResult .departure-result-heading p, .departure-page #departureResult .departure-result-verified, .departure-page #departureOverview .route-overview dt{color:#526175} .departure-page #departureRouteDetails .route-document-detail, .departure-page #departureRouteDetails .route-condition-copy>span:not(.route-references){color:#526175;font-size:13px;line-height:1.6} .departure-page #departureRouteDetails .route-document-label strong, .departure-page #departureRouteDetails .route-condition-copy>strong{font-size:14px;line-height:1.5} .departure-page #departureRouteDetails #route-documents>h3{padding:17px 22px;font-size:18px} .departure-page #departureRouteDetails #route-conditions{padding:18px 22px;background:#f4f6f8} .departure-page #departureRouteDetails .route-condition-list{gap:16px} .departure-page #departureRouteDetails[data-route-view=information] #route-conditions .route-condition-list>li+li{margin-top:12px;padding-top:12px!important} .departure-page #departureRouteDetails .route-section+.route-section{margin-top:16px} .departure-page #departureResult .departure-result-eyebrow{color:#89642f} .departure-page #departureResult .departure-procedure-badge:not([hidden]){position:static;justify-self:start;max-width:100%;grid-column:1/-1;grid-row:4;white-space:normal} @media(max-width:1120px){ .departure-page #departureOverview .route-overview{grid-template-columns:repeat(2,minmax(0,1fr))} .departure-page #departureOverview .route-overview>div:last-child:nth-child(odd):not(:first-child){grid-column:1/-1} } @media(max-width:820px){ .departure-page #departureResult .departure-result-heading{padding:18px 16px 12px} .departure-page #departureOverview .route-overview dd{font-size:13px;line-height:1.5} .departure-page #departureOverview .route-overview>div{padding-top:12px;padding-bottom:12px} .departure-page #departureRouteDetails #route-documents>h3{padding:16px} .departure-page #departureRouteDetails #route-conditions{padding:18px 16px} .departure-page #departureRouteDetails .route-document-detail, .departure-page #departureRouteDetails .route-condition-copy>span:not(.route-references){font-size:14px} } @media(max-width:760px){ html body.departure-page [data-site-header] .aa-header-inner{grid-template-columns:minmax(0,1fr) auto;column-gap:8px} html body.departure-page [data-site-header] .aa-nav{gap:16px;min-width:0} html body.departure-page [data-site-header] .aa-nav a{font-size:11px} } @media(max-width:359px){ .departure-page #departureOverview .route-overview{grid-template-columns:1fr} html body.departure-page [data-site-header] .aa-nav{gap:10px} html body.departure-page [data-site-header] .aa-account, html body.departure-page [data-site-header] .atlas-identity{width:100px;min-width:0} } /* Facts were moved out of RouteDetails: retain a clear, generous details target. */ .departure-page #departureOverview .route-fact-detail{margin-top:4px;font-weight:450} .departure-page #departureOverview .route-fact-detail>summary{display:flex;align-items:center;gap:8px;min-height:44px;width:100%;padding:6px 0;box-sizing:border-box;color:#795b2c;font-size:12px;font-weight:700;cursor:pointer;list-style:none} .departure-page #departureOverview .route-fact-detail>summary::-webkit-details-marker{display:none} .departure-page #departureOverview .route-fact-detail>summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px)} .departure-page #departureOverview .route-fact-detail[open]>summary::after{transform:rotate(225deg) translateY(-2px)} .departure-page #departureOverview .route-fact-detail>summary:hover{color:#17243b} .departure-page #departureOverview .route-fact-detail>summary:focus-visible{outline:2px solid #a57a38;outline-offset:2px;border-radius:4px} .departure-page #departureOverview .route-fact-detail>p{margin:2px 0 0;color:#526175;font-size:13px;line-height:1.6;font-weight:450} /* Loading and connection errors use the same panel, preserving the selection. */ .departure-page #departureResult[data-kind=fallback]{grid-template-columns:minmax(0,1fr)} .departure-page #departureResult[data-kind=fallback] .departure-facts-panel{max-width:880px;width:100%;box-sizing:border-box} .departure-page #departureFallback:not([hidden]){padding:2px 22px 22px} .departure-page .departure-loading-indicator{display:block;width:min(260px,100%);height:5px;overflow:hidden;border-radius:999px;background:#eee7db} .departure-page .departure-loading-indicator::after{content:"";display:block;width:40%;height:100%;border-radius:inherit;background:#b28a4d;animation:departure-loading 1.5s ease-in-out infinite alternate} .departure-page .departure-retry{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;min-width:140px;max-width:100%;padding:10px 20px;border:1px solid #172b46;border-radius:9px;background:#172b46;color:#fff;font:inherit;font-size:14px;font-weight:650;cursor:pointer} .departure-page .departure-retry:hover:not(:disabled){background:#243c5c} .departure-page .departure-retry:focus-visible{outline:3px solid #b8955a;outline-offset:3px} .departure-page .departure-retry:disabled{cursor:wait;opacity:.85} .departure-page .departure-retry[aria-busy=true]::before{content:"";width:12px;height:12px;flex:none;border:2px solid #ffffff66;border-top-color:#fff;border-radius:50%;animation:departure-retry-spin .8s linear infinite} @keyframes departure-loading{to{transform:translateX(150%)}} @keyframes departure-retry-spin{to{transform:rotate(360deg)}} @media(max-width:820px){.departure-page #departureFallback:not([hidden]){padding:2px 16px 20px}} @media(prefers-reduced-motion:reduce){.departure-page .departure-loading-indicator::after,.departure-page .departure-retry[aria-busy=true]::before{animation:none}}