/* Shared sunset scene; foreground layout and card surfaces are unchanged. */
.night-resort { isolation: isolate; }
.night-resort .hero::before { content: ''; position: absolute; inset: auto 0 0; height: 110px; z-index: -1; background: linear-gradient(transparent, #061b24); pointer-events: none; }
.resort-background { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; background: #315763; contain: strict; }
.resort-scene { position: absolute; left: 50%; top: 50%; width: max(100vw, 150lvh); height: max(100lvh, 66.666667vw); transform: translate(-50%, -50%); }
.resort-image, .resort-shade { position: absolute; inset: 0; }
.resort-image { background-image: url('../images/resort-beachbar.jpg'); background-image: image-set(url('../images/resort-beachbar.webp') type('image/webp'), url('../images/resort-beachbar.jpg') type('image/jpeg')); background-size: 100% 100%; background-repeat: no-repeat; }
.resort-shade { background: linear-gradient(90deg, rgba(4,24,32,.14), rgba(4,24,32,.24) 22%, rgba(4,24,32,.24) 78%, rgba(4,24,32,.14)), linear-gradient(180deg, rgba(18,27,37,.12), transparent 48%, rgba(4,24,32,.08)); }
.night-resort .concept, .night-resort .system, .night-resort .features,
.night-resort .qa, .night-resort .access, .night-resort .recruit,
.night-resort .social, .night-resort .coupon, .night-resort .final-cta,
.night-resort .password-found, .night-resort .footer { background: transparent; }
.night-resort .concept::before { content: ''; position: absolute; inset: 0 0 auto; height: min(70px, 10svh); background: linear-gradient(#061b24, transparent); pointer-events: none; }
/* Soft glyph shadows preserve readability without darkening the whole sea. */
.night-resort main :is(h2,h3,p,dt,dd,address,li), .night-resort .footer { text-shadow: 0 1px 3px rgba(0,12,20,.95), 0 0 16px rgba(0,12,20,.7); }
@media (max-width:639px) {
  .resort-scene { left: auto; right: 0; transform: translateY(-50%); width: max(100vw, 66.666667lvh); height: max(100lvh, 150vw); }
  .resort-image { background-image: url('../images/resort-beachbar-mobile.jpg'); background-image: image-set(url('../images/resort-beachbar-mobile.webp') type('image/webp'),url('../images/resort-beachbar-mobile.jpg') type('image/jpeg')); }
  .resort-shade { background: linear-gradient(180deg, rgba(12,27,37,.24), rgba(4,24,32,.20) 38%, rgba(4,24,32,.18)); }
}