/* Luxe Horizon v2.9.4 — compact, user-friendly section rhythm. Hero slider intentionally untouched. */
:root{--lh-section-gap:68px;--lh-card-gap:16px}

/* Compact cinematic covers: enough presence without taking a full screen. */
.lhSectionCover{
 min-height:clamp(245px,25vw,365px)!important;margin-bottom:30px!important;
 padding:clamp(24px,3.5vw,48px)!important;border-radius:8px 42px 8px 42px!important;
 box-shadow:0 24px 70px rgba(0,0,0,.55),0 10px 30px rgba(215,173,95,.1),inset 0 0 0 1px rgba(255,255,255,.08)!important;
}
.lhSectionCover:before{inset:11px!important;border-radius:5px 32px 5px 32px!important}
.lhCoverCopy{max-width:720px!important}
.lhCoverCopy h2{font-size:clamp(38px,4.3vw,62px)!important;line-height:1!important;max-width:720px!important}

/* Remove oversized section gaps inherited from earlier presentation styles. */
#journeys,#fleet{padding-block:var(--lh-section-gap)!important;margin-block:0!important;border-radius:0!important}
#destinations{padding-block:var(--lh-section-gap)!important}
#experiences{margin-block:0!important}
.aboutStrip{padding-block:72px!important}.aboutStrip>div{gap:64px!important}
.reviews{padding-block:72px!important}.reviewGrid{gap:16px!important}.reviewGrid blockquote{padding:28px!important;min-height:220px!important}
.quote{padding-block:86px!important}.quote h2{font-size:clamp(42px,5vw,68px)!important;margin-bottom:38px!important}

/* Up to eight packages are shown; four sit cleanly on each desktop row. */
.cards{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:var(--lh-card-gap)!important}
.card{height:clamp(330px,27vw,430px)!important;border-radius:7px 32px 7px 32px!important}
.card:nth-child(even){border-radius:32px 7px 32px 7px!important}
.card>div{left:24px!important;right:20px!important;bottom:24px!important}
.card h3{font-size:clamp(25px,2vw,31px)!important;overflow-wrap:anywhere}
.card small,.card span{font-size:9px!important;line-height:1.55}

/* Destinations follow the same compact four-column rhythm on large screens. */
.contentGrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:var(--lh-card-gap)!important}
.contentGrid article{height:390px!important;border-radius:7px 30px 7px 30px!important}
.contentGrid a:nth-child(even) article{border-radius:30px 7px 30px 7px!important}
.contentGrid article div{inset:auto 22px 22px!important}.contentGrid h3{font-size:29px!important}

/* The cover and the real Experiences/Fleet content occupy separate rows.
   This removes the overlap and the blank/disrupted areas visible previously. */
#experiences.hasSectionCover{
 display:grid!important;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)!important;
 grid-template-rows:auto auto!important;column-gap:46px!important;row-gap:30px!important;
 padding:var(--lh-section-gap) max(32px,calc((100vw - var(--lh-max))/2))!important;align-items:center!important;
}
#experiences.hasSectionCover>.lhSectionCover{grid-column:1/-1!important;grid-row:1!important;margin:0!important}
#experiences.hasSectionCover>.copy{grid-column:1!important;grid-row:2!important;padding:22px 0!important}
#experiences.hasSectionCover>.image{grid-column:2!important;grid-row:2!important;height:430px!important}
#experiences .copy li{padding:20px 0!important}.experienceLink{font-size:20px!important}

#fleet.hasSectionCover{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr)!important;grid-template-rows:auto auto!important;gap:30px 54px!important;align-items:center!important}
#fleet.hasSectionCover>.lhSectionCover{grid-column:1/-1!important;grid-row:1!important;margin:0!important}
#fleet.hasSectionCover>div:not(.lhSectionCover){grid-column:1!important;grid-row:2!important}
#fleet.hasSectionCover>.image{grid-column:2!important;grid-row:2!important;height:430px!important}

/* Keep hash navigation below the fixed action bar. */
#journeys,#destinations,#experiences,#fleet,#quote{scroll-margin-top:132px!important}

@media(max-width:1180px){
 .cards,.contentGrid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .card{height:410px!important}.contentGrid article{height:380px!important}
}
@media(max-width:900px){
 :root{--lh-section-gap:54px}
 .cards,.contentGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 #experiences.hasSectionCover,#fleet.hasSectionCover{grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important;gap:24px!important}
 #experiences.hasSectionCover>.lhSectionCover,#fleet.hasSectionCover>.lhSectionCover{grid-column:1!important;grid-row:1!important}
 #experiences.hasSectionCover>.image,#fleet.hasSectionCover>.image{grid-column:1!important;grid-row:2!important;height:390px!important}
 #experiences.hasSectionCover>.copy,#fleet.hasSectionCover>div:not(.lhSectionCover){grid-column:1!important;grid-row:3!important;padding:18px 0!important}
}
@media(max-width:600px){
 :root{--lh-section-gap:44px;--lh-card-gap:14px}
 .lhSectionCover{min-height:245px!important;margin-bottom:22px!important;padding:26px 20px!important;border-radius:6px 28px 6px 28px!important}
 .lhSectionCover:before{inset:8px!important;border-radius:4px 21px 4px 21px!important}
 .lhCoverCopy h2{font-size:clamp(34px,10.5vw,48px)!important}
 .cards,.contentGrid{grid-template-columns:1fr!important}
 .card{height:390px!important}.contentGrid article{height:350px!important}
 #experiences.hasSectionCover{padding-inline:15px!important}
 #experiences.hasSectionCover>.image,#fleet.hasSectionCover>.image{height:330px!important}
 .aboutStrip{padding-block:54px!important}.aboutStrip>div{gap:34px!important}
 .reviews{padding-block:54px!important}.quote{padding-block:68px!important}
 #journeys,#destinations,#experiences,#fleet,#quote{scroll-margin-top:94px!important}
}