.destination-scene { position: relative; isolation: isolate; overflow: clip; margin: 0 0 25px; padding: 18px 170px 20px 20px; border-block: 1px solid #a38bbb30; min-height: 0; background: #110b18; }
.destination-art { position: absolute; z-index: -3; right: 0; top: 0; width: 60%; height: 100%; object-fit: cover; object-position: 70% center; opacity: .86; }
.destination-scene::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(90deg,#100a17 12%,#100a17f5 35%,#100a17a6 66%,#100a1733),linear-gradient(0deg,#0d0712b0,transparent 70%); }
.destination-scene::before { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(115deg,transparent 20%,#d5b7ef06 20.2%,#d5b7ef02 51%,transparent 51.2%); box-shadow: inset 0 1px 0 #d2b5f018; }
.destination-copy { position: relative; z-index: 1; }
.destination-light { position: absolute; inset: 0; z-index: -2; pointer-events: none; background: radial-gradient(ellipse at 95% 0,#bda0e326,transparent 45%); animation: destination-glow 9s ease-in-out infinite alternate; }
.destination-copy .room-title { max-width: 760px; font-size: clamp(28px,3.6cqi,40px); line-height: 1.12; margin: 0 0 13px; letter-spacing: -.035em; text-wrap: balance; }
.destination-detail { color: #bcb1c9; font-size: 13px; line-height: 1.7; max-width: 580px; margin: 0; }
.destination-browse { position: absolute; z-index: 1; right: 18px; bottom: 14px; display: inline-flex; align-items: center; gap: 16px; padding: 10px 0; min-height: 44px; background: transparent; border: 0; color: #ffca80; font-size: 12px; }
.destination-browse:hover { color: #ffe1b0; }
@keyframes destination-glow { to { opacity: .35; } }
html[data-motion="off"] .destination-light, .page-hidden .destination-light { animation: none; }
@container (max-width: 660px) {
  .destination-scene { padding: 14px 12px; margin-bottom: 20px; min-height: 0; }
  .destination-art { opacity: .7; width: 85%; }
  .destination-copy .room-title { font-size: 28px; max-width: 100%; }
  .destination-detail { font-size: 12px; }
  .destination-browse { position: static; font-size: 12px; margin-top: 2px; }
}
@media (prefers-reduced-motion:reduce) { .destination-light { animation: none; } }