.destination-card{height:500px;position:relative;overflow:hidden;color:#fff;display:block}.destination-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,18,25,.82),transparent 58%)}.destination-card>div{position:absolute;z-index:2;left:28px;right:28px;bottom:25px}.destination-card:hover img{transform:scale(1.025)}.destination-card p span{float:right;display:inline-block;padding:6px 9px;border:1px solid rgba(255,255,255,.65);color:#fff;opacity:1;transform:none;transition:background .25s,color .25s,border-color .25s}.destination-card:hover p span,.destination-card:focus-visible p span{border-color:var(--gold);background:var(--gold);color:var(--deep)}@media(max-width:520px){.destination-card{height:420px}}

/* Responsive home hero: the navigation and content stay layered over the photo. */
.hero{isolation:isolate;overflow:hidden;background:#041820;height:92svh;max-height:900px}
.hero-media{position:absolute;inset:0;z-index:-2;display:block;width:100%;height:100%}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center center}
.hero .veil{z-index:-1;pointer-events:none}
.hero-copy{z-index:1}
.nav{background:linear-gradient(180deg,rgba(2,17,24,.48),rgba(2,17,24,0));backdrop-filter:none}
.fleet-card[href*="donzi-38-impulse"] img{object-position:78% 50%}

@media(max-width:900px){
  .hero{height:78svh;min-height:640px;max-height:700px}
  .hero-media img{object-position:72% center}
  .nav{background:linear-gradient(180deg,rgba(2,17,24,.58),rgba(2,17,24,0))}
}