/* Content sets the hero height; the closing line follows the copy in normal flow. */
.ux17 .hero{height:auto;max-height:none;min-height:610px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.ux17 .hero-image,.ux17 .hero-shade{inset:0;pointer-events:none}
.ux17 .hero-copy{width:100%;max-width:none;flex:0 0 auto;padding:65px max(5.5vw,calc((100vw - 1175px)/2)) 24px}
.ux17 .hero h1{max-width:740px;overflow-wrap:normal}
.ux17 .hero-copy>p{max-width:570px}
.ux17 .hero-actions{max-width:740px;row-gap:16px}
.ux17 .hero-copy p.hero-note{margin:16px 0 0;line-height:1.6}
.ux17 .hero-bottom{position:relative;inset:auto;z-index:1;flex:0 0 auto;width:auto;margin:0;padding:20px max(5.5vw,calc((100vw - 1175px)/2)) 26px;align-items:flex-end;flex-wrap:wrap;row-gap:12px}
.ux17 .hero-bottom>span{max-width:100%;line-height:1.6}
.ux17 .hero-bottom>a{max-width:100%;line-height:1.6}
@media(max-width:650px){
 .ux17 .hero{height:auto;min-height:600px;max-height:none}
 .ux17 .hero-copy{padding:42px 22px 22px}
 .ux17 .hero h1{font-size:clamp(2.85rem,11vw,4.2rem);line-height:1.08;max-width:100%}
 .ux17 .hero-copy .eyebrow{max-width:100%;overflow-wrap:anywhere}
 .ux17 .hero-actions{align-items:flex-start;gap:16px}
 .ux17 .hero-facts{margin:24px 0}
 .ux17 .hero-bottom{position:relative;inset:auto;padding:16px 22px 26px;flex-direction:column;align-items:flex-start;gap:12px}
}

/* V2.2.51: complete adventure illustrations on phones, above their text. */
@media (max-width:650px){
 .ux17 .week-grid .week-card,
 .ux17 .week-grid .week-card:nth-child(n+4){
  display:grid;
  grid-template-columns:minmax(0,1fr);
  grid-column:auto;
 }
 .ux17 .week-grid .week-card>img{
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  min-height:0;
  max-height:none;
  object-fit:contain;
  object-position:center;
  align-self:start;
 }
 .ux17 .week-grid .week-card>div{min-width:0}
}