/* Traveller hero — illustrated image header (all copy is baked into the artwork).
   The artwork runs copy down to ~93% with sea below it, so there is no clear strip
   to overlay buttons on. The CTAs therefore sit in a band beneath the image,
   colour-matched to the artwork's bottom edge so it reads as part of the scene. */
#page-travel .tt-hd{position:relative;overflow:hidden;background:#2186AF;padding:0}
#page-travel .tt-img{position:relative;width:100%;line-height:0}
#page-travel .tt-img img{width:100%;height:auto;display:block}
#page-travel .tt-hd .tt-back{position:absolute;top:18px;left:18px;z-index:3;
  display:inline-flex;align-items:center;gap:7px;line-height:1;
  background:rgba(255,255,255,.90);border:1px solid rgba(36,52,71,.18);color:#243447;
  border-radius:999px;padding:9px 16px 9px 12px;font:inherit;font-weight:700;font-size:.86rem;
  cursor:pointer;backdrop-filter:blur(4px);box-shadow:0 4px 14px rgba(0,60,100,.18)}
#page-travel .tt-hd .tt-back svg{width:17px;height:17px}
#page-travel .tt-hd .tt-back:hover{background:#fff}
#page-travel .tt-ctaband{
  background:linear-gradient(180deg,#2186AF 0%,#0F6FA0 100%);
  display:flex;flex-wrap:wrap;gap:13px;justify-content:center;align-items:center;
  padding:20px 20px 24px}
#page-travel .tt-ctaband .tt-btn{box-shadow:0 10px 26px rgba(0,50,85,.30)}
@media (max-width:560px){
  #page-travel .tt-ctaband{flex-direction:column;align-items:stretch;padding:16px 15px 20px}
  #page-travel .tt-ctaband .tt-btn{justify-content:center}
}