.destination-flip { position: relative; perspective: 1500px; min-width: 0; }
.flip-track,.flip-front { height: 100%; }
.flip-front .destination-card { height: 100%; }
.flip-back { display: none; }
.flip-ready .flip-track { display: grid; transform-style: preserve-3d; transition: transform .85s cubic-bezier(.2,.75,.2,1); }
.flip-ready .flip-front,.flip-ready .flip-back { grid-area: 1/1; backface-visibility: hidden; -webkit-backface-visibility: hidden; }
.flip-ready .flip-front { transform: rotateY(0); }
.flip-ready .flip-back { display: flex; flex-direction: column; justify-content: center; transform: rotateY(180deg); border: 1px solid #cb9d44; background: #071a3d; color: white; border-radius: 18px; padding: 4.4rem 1.5rem 1.6rem; min-height: 490px; }
.flip-ready.is-flipped .flip-track { transform: rotateY(180deg); }
.flip-toggle { position: absolute; right: 12px; top: 12px; z-index: 4; display: inline-flex; gap: 7px; align-items: center; border: 1px solid #dec17f; background: #fff; color: #071a3d; border-radius: 6px; padding: .5rem .65rem; font-size: .65rem; font-weight: 700; box-shadow: 0 4px 14px #071a3d22; min-height: 38px; }
.flip-toggle[hidden] { display: none; }
.flip-toggle>span:first-child { font-size: 1.1rem; transition: rotate .6s; }
.is-flipped .flip-toggle>span:first-child { rotate: 180deg; }
.flip-back .eyebrow { font-size: .56rem; letter-spacing: .14em; }
.flip-back h3 { color: #f2cd82; font-size: 2rem; font-weight: 700; margin: 0 0 1rem; }
.flip-back ul { padding: 0; margin: 0 0 1rem; list-style: none; }
.flip-back li { display: flex; align-items: center; gap: .65rem; padding: .65rem 0; border-bottom: 1px solid #ffffff24; font-size: .73rem; line-height: 1.5; }
.flip-back .line-icon { flex: 0 0 26px; width: 26px; height: 26px; background: none; color: #e3b45a; }
.flip-back .line-icon svg { width: 22px; height: 22px; }
.flip-back .flip-note { color: #bcc9dc; font-size: .7rem; line-height: 1.6; }
.flip-back .button { margin-top: auto; font-size: .65rem; padding-inline: .8rem; }
.page-wipe { background: #071a3d; overflow: hidden; }
.page-wipe::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 5px; background: #e3b45a; }
.page-wipe::after { content: 'OM GLOBAL'; position: absolute; inset: 0; display: grid; place-items: center; color: #e3b45a; font: 700 clamp(1.2rem,5vw,4rem)/1 var(--sans); letter-spacing: .2em; }
@media (prefers-reduced-motion:reduce) {
  .flip-ready .flip-track,.flip-ready.is-flipped .flip-track,.flip-ready .flip-front,.flip-ready .flip-back { transform: none; transition: none; }
  .flip-ready:not(.is-flipped) .flip-back,.flip-ready.is-flipped .flip-front { visibility: hidden; pointer-events: none; }
}