/* Luxe Horizon v2.9 — premium editorial image system and navigation stacking fix */
html{scroll-padding-top:108px}
.hero{isolation:auto!important;z-index:auto!important}
.hero .nav{z-index:1000!important}
.heroSlides{z-index:0}.hero:before,.hero:after{z-index:1}.hero .heroCopy{z-index:3}
body.hasScrolled .hero .nav{
 top:12px!important;width:min(1180px,calc(100% - 36px))!important;height:72px!important;
 border:1px solid rgba(215,173,95,.34)!important;border-radius:18px!important;
 background:linear-gradient(115deg,rgba(2,9,20,.97),rgba(7,29,56,.95) 58%,rgba(2,9,20,.97))!important;
 box-shadow:0 22px 70px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
#journeys,#destinations,#experiences,#fleet,#quote{scroll-margin-top:112px!important}

/* Large editorial imagery: sculpted corners, gold inner line and real depth. */
.split .image,.fleet .image{
 position:relative!important;isolation:isolate;overflow:hidden!important;
 border:1px solid rgba(232,193,116,.72)!important;
 box-shadow:0 38px 95px rgba(0,0,0,.62),0 16px 44px rgba(215,173,95,.12),inset 0 1px 0 rgba(255,255,255,.12)!important;
 transition:transform .55s cubic-bezier(.2,.75,.2,1),box-shadow .55s ease,filter .55s ease!important;
}
.split .image{border-radius:12px 88px 12px 88px!important}
.fleet .image{border-radius:88px 12px 88px 12px!important}
.split .image:before,.fleet .image:before{
 content:""!important;position:absolute!important;z-index:3!important;inset:16px!important;pointer-events:none!important;
 border:1px solid rgba(255,224,158,.52)!important;box-shadow:inset 0 0 36px rgba(0,0,0,.18)!important;
}
.split .image:before{border-radius:7px 68px 7px 68px!important}.fleet .image:before{border-radius:68px 7px 68px 7px!important}
.split .image:after{z-index:2!important}
.split .image:hover,.fleet .image:hover{transform:translateY(-8px) scale(1.006)!important;filter:saturate(1.24) contrast(1.06) brightness(1.05)!important;box-shadow:0 52px 125px rgba(0,0,0,.72),0 22px 62px rgba(215,173,95,.17)!important}

/* Cards use alternating editorial silhouettes instead of repeated boxes. */
.card,.contentGrid article{
 overflow:hidden!important;border:1px solid rgba(215,173,95,.4)!important;
 box-shadow:0 28px 75px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.1)!important;
}
.card:nth-child(3n+1),.contentGrid a:nth-child(3n+1) article{border-radius:10px 54px 10px 54px!important}
.card:nth-child(3n+2),.contentGrid a:nth-child(3n+2) article{border-radius:54px 10px 54px 10px!important}
.card:nth-child(3n),.contentGrid a:nth-child(3n) article{border-radius:10px 10px 54px 54px!important}
.card:hover,.contentGrid article:hover{transform:translateY(-10px) scale(1.008)!important;border-color:rgba(239,210,147,.8)!important;box-shadow:0 44px 105px rgba(0,0,0,.7),0 0 40px rgba(215,173,95,.1)!important}

/* Detail galleries receive the same luxury language. */
.gallery img,.detailGallery img,.smallGallery img,.detailContent img,.mediaGrid img{
 border:1px solid rgba(215,173,95,.48)!important;border-radius:38px 7px 38px 7px!important;
 box-shadow:0 25px 70px rgba(0,0,0,.54)!important;
}
.gallery img:nth-child(even),.detailGallery button:nth-child(even) img,.smallGallery img:nth-child(even),.mediaGrid img:nth-child(even){border-radius:7px 38px 7px 38px!important}

@media(max-width:760px){
 html{scroll-padding-top:86px}body.hasScrolled .hero .nav{top:0!important;width:100%!important;height:76px!important;border-radius:0 0 16px 16px!important}
 #journeys,#destinations,#experiences,#fleet,#quote{scroll-margin-top:90px!important}
 .split .image,.fleet .image{border-radius:6px 44px 6px 44px!important;transform:none!important}
 .fleet .image{border-radius:44px 6px 44px 6px!important}
 .split .image:before,.fleet .image:before{inset:10px!important;border-radius:4px 34px 4px 34px!important}
 .fleet .image:before{border-radius:34px 4px 34px 4px!important}
 .card,.contentGrid article{border-radius:6px 34px 6px 34px!important}
 .card:hover,.contentGrid article:hover{transform:none!important}
}