/* hps/cta: an inset card, with the copy on the side the guest is not on */
.cta-sec { padding-block: var(--sec); }
.faq-sec + .cta-sec, .media-text + .cta-sec, .ota-strip + .cta-sec { padding-top: 0; }
.cta { position: relative; overflow: hidden; display: flex; color: #fff; background: var(--night); border-radius: var(--r-panel); }
.cta.is-right { justify-content: flex-end; }
.cta > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cta::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(26 43 73 / .88) 0, rgb(26 43 73 / .6) 28%, transparent 52%); }
.cta.is-right::after { background: linear-gradient(270deg, rgb(26 43 73 / .88) 0, rgb(26 43 73 / .6) 28%, transparent 52%); }
.cta-body { position: relative; z-index: 1; width: min(100%, 520px); padding: clamp(48px, 7vw, 96px) clamp(24px, 5vw, 64px); }
.cta-body p { margin-block: 12px 24px; font-size: 1.28rem; line-height: 1.34; }
@media (max-width: 760px) {
  .cta, .cta.is-right { display: block; }
  .cta::after, .cta.is-right::after { display: none; }
  .cta > img { position: static; height: auto; aspect-ratio: 3 / 2; }
  .cta-body { width: 100%; padding: 22px 22px 26px; }
}