body.rt-destination-sticky-simple-page {
  background:
    radial-gradient(circle at top left, rgba(78, 112, 210, 0.12), transparent 20%),
    linear-gradient(180deg, #050811 0%, #070d19 32%, #050811 100%) !important;
}

/* =================================================
   DESTINATIONS HERO — visible BG image + corner pic
   ================================================= */

/* 1. Section: set the real background image (families/corporate group) */
body.rt-destination-sticky-simple-page main > section:first-of-type {
  background:
    url("/images/corporate.jpg")
    center center / cover no-repeat !important;
  min-height: clamp(420px, 58vh, 640px) !important;
  position: relative !important;
  overflow: hidden !important;
}

/* 2. The existing inner overlay <div> is opaque — make it semi-transparent
      so the background image shows clearly                               */
body.rt-destination-sticky-simple-page main > section:first-of-type > div:not(.page-hero-content) {
  background: linear-gradient(
    135deg,
    rgba(6, 14, 30, 0.55) 0%,
    rgba(10, 22, 46, 0.48) 50%,
    rgba(6, 14, 30, 0.62) 100%
  ) !important;
}

/* 3. Text block: left-anchored, z-index above overlay */
body.rt-destination-sticky-simple-page main > section:first-of-type .page-hero-content {
  max-width: 1280px !important;
  width: 100% !important;
  margin: 0 auto !important;
  position: relative !important;
  z-index: 4 !important;
  padding-right: clamp(1rem, 22vw, 18rem) !important;
}

/* 4. Bottom-right corner image (destination landscape) */
body.rt-destination-sticky-simple-page main > section:first-of-type::before {
  content: "" !important;
  position: absolute !important;
  right: clamp(1.2rem, 3.5vw, 3rem) !important;
  bottom: clamp(1.2rem, 3.2vw, 2.6rem) !important;
  width: clamp(140px, 18vw, 270px) !important;
  height: clamp(100px, 14vw, 200px) !important;
  border-radius: 18px !important;
  border: 3px solid rgba(255, 255, 255, 0.42) !important;
  box-shadow: 0 18px 48px rgba(4, 14, 30, 0.5) !important;
  pointer-events: none !important;
  z-index: 5 !important;
  background:
    linear-gradient(180deg, rgba(6, 14, 30, 0.06), rgba(6, 14, 30, 0.22)),
    url("https://res.cloudinary.com/dkzycxzwj/image/upload/q_auto/f_auto/v1778220159/Kerala_Backwaters_Hills_a1q241.jpg")
    center / cover no-repeat !important;
}

body.rt-destination-sticky-simple-page main > section:first-of-type::after {
  content: none !important;
  display: none !important;
}

/* --- Tablet --- */
@media (max-width: 900px) {
  body.rt-destination-sticky-simple-page main > section:first-of-type .page-hero-content {
    padding-right: clamp(1rem, 14vw, 8rem) !important;
  }
  body.rt-destination-sticky-simple-page main > section:first-of-type::before {
    width: clamp(110px, 22vw, 180px) !important;
    height: clamp(80px, 16vw, 132px) !important;
    right: 1rem !important;
    bottom: 1rem !important;
  }
}

/* --- Mobile --- */
@media (max-width: 600px) {
  body.rt-destination-sticky-simple-page main > section:first-of-type {
    min-height: clamp(320px, 56vw, 420px) !important;
  }
  body.rt-destination-sticky-simple-page main > section:first-of-type .page-hero-content {
    padding-right: clamp(1rem, 5vw, 1.4rem) !important;
  }
  body.rt-destination-sticky-simple-page main > section:first-of-type::before {
    width: clamp(88px, 28vw, 120px) !important;
    height: clamp(66px, 20vw, 90px) !important;
    border-radius: 12px !important;
    right: .7rem !important;
    bottom: .7rem !important;
  }
}

@media (max-width: 420px) {
  body.rt-destination-sticky-simple-page main > section:first-of-type::before {
    display: none !important;
    content: none !important;
  }
}

.rt-destination-sticky-simple-section {
  position: relative !important;
  padding: clamp(3rem, 6vw, 5rem) clamp(1rem, 4vw, 4rem) 8rem !important;
  background: transparent !important;
  overflow: visible !important;
}

.rt-destination-sticky-simple-wrap {
  max-width: 1320px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

.rt-destination-sticky-simple-card {
  position: sticky !important;
  top: 108px !important;
  display: grid !important;
  grid-template-columns: minmax(320px, 1.08fr) minmax(360px, 1fr) !important;
  gap: clamp(2rem, 4vw, 3rem) !important;
  align-items: center !important;
  min-height: clamp(480px, 70vh, 620px) !important;
  padding: clamp(1.8rem, 3vw, 2.4rem) !important;
  border-radius: 34px !important;
  background: linear-gradient(180deg, rgba(243, 247, 253, 0.98), rgba(233, 239, 248, 0.98)) !important;
  border: 1px solid rgba(132, 164, 228, 0.14) !important;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.45) !important;
  transform-origin: center top !important;
  z-index: calc(50 + var(--rt-card-order)) !important;
  transition:
    transform 0.8s cubic-bezier(.22, 1, .36, 1),
    box-shadow 0.45s ease,
    filter 0.45s ease,
    opacity 0.45s ease !important;
}

.rt-destination-sticky-simple-card + .rt-destination-sticky-simple-card {
  margin-top: -22vh !important;
}

.rt-destination-sticky-simple-card:nth-child(even) {
  grid-template-columns: minmax(360px, 1fr) minmax(320px, 1.08fr) !important;
}

.rt-destination-sticky-simple-card:nth-child(even) .rt-destination-card-media {
  order: 2 !important;
}

.rt-destination-sticky-simple-card:nth-child(even) .rt-destination-card-copy {
  order: 1 !important;
}

.rt-destination-sticky-simple-card.is-current {
  transform: translateY(-6px) scale(1) !important;
  box-shadow: 0 42px 120px rgba(0, 0, 0, 0.58) !important;
}

.rt-destination-sticky-simple-card.is-past {
  transform:
    translateY(calc(var(--rt-stack-depth, 0) * -10px))
    scale(calc(1 - (var(--rt-stack-depth, 0) * 0.024))) !important;
  box-shadow: 0 24px 66px rgba(0, 0, 0, 0.42) !important;
  filter: saturate(0.94) brightness(0.97) !important;
}

.rt-destination-sticky-simple-card.is-future {
  transform: translateY(18px) scale(0.992) !important;
}

.rt-destination-sticky-simple-card:hover {
  box-shadow: 0 40px 120px rgba(0, 0, 0, 0.55) !important;
}

.rt-destination-card-media {
  width: 100% !important;
  height: clamp(300px, 36vw, 474px) !important;
  border-radius: 28px !important;
  overflow: hidden !important;
  position: relative !important;
}

.rt-destination-card-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(9, 19, 38, 0) 45%, rgba(9, 19, 38, 0.12) 100%);
  pointer-events: none;
}

.rt-destination-card-media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.85s cubic-bezier(.22, 1, .36, 1) !important;
}

.rt-destination-sticky-simple-card.is-current .rt-destination-card-media img {
  transform: scale(1.035) !important;
}

.rt-destination-card-copy {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  min-height: 100% !important;
}

.rt-destination-card-copy h2 {
  margin: 1rem 0 0.65rem !important;
  font-size: clamp(2rem, 3vw, 3.15rem) !important;
  line-height: 0.98 !important;
  color: #101c31 !important;
}

.rt-destination-card-copy > p:nth-of-type(1) {
  font-size: 1rem !important;
  color: #95a0b7 !important;
  margin-bottom: 1.1rem !important;
}

.rt-destination-card-copy > p:nth-of-type(2) {
  max-width: 28ch !important;
  font-size: clamp(1.02rem, 1.22vw, 1.18rem) !important;
  line-height: 1.75 !important;
  color: #324664 !important;
  margin-bottom: 1.65rem !important;
}

.rt-destination-card-copy div:first-child {
  display: flex !important;
  gap: 0.65rem !important;
  flex-wrap: wrap !important;
  margin-bottom: 0.2rem !important;
}

.rt-destination-card-copy span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0.5rem 1rem !important;
  border-radius: 999px !important;
  background: #eaf1fb !important;
  color: #2b62b0 !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.rt-destination-card-copy div:nth-last-of-type(1) {
  display: flex !important;
  gap: clamp(1.5rem, 3vw, 2.2rem) !important;
  margin-bottom: 2rem !important;
}

.rt-destination-card-copy div:nth-last-of-type(1) > div p:first-child {
  font-size: 0.82rem !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: #a1acc1 !important;
  margin-bottom: 0.35rem !important;
}

.rt-destination-card-copy div:nth-last-of-type(1) > div p:last-child {
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  color: #111c31 !important;
}

.rt-destination-card-copy a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 58px !important;
  padding: 0.95rem 2.5rem !important;
  border-radius: 0 !important;
  background: linear-gradient(135deg, #2d64b4, #2f5da1) !important;
  color: #ffffff !important;
  font-size: 0.94rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  box-shadow: 0 18px 42px rgba(45, 100, 180, 0.2) !important;
}

body.rt-destination-sticky-simple-page main > section:nth-of-type(3) {
  padding-top: 4rem !important;
}

@media (max-width: 960px) {
  .rt-destination-sticky-simple-card,
  .rt-destination-sticky-simple-card:nth-child(even) {
    grid-template-columns: 1fr !important;
    min-height: auto !important;
  }

  .rt-destination-sticky-simple-card:nth-child(even) .rt-destination-card-media,
  .rt-destination-sticky-simple-card:nth-child(even) .rt-destination-card-copy {
    order: initial !important;
  }

  .rt-destination-card-media {
    height: clamp(260px, 46vw, 360px) !important;
  }

  .rt-destination-card-copy > p:nth-of-type(2) {
    max-width: none !important;
  }

  .rt-destination-sticky-simple-card + .rt-destination-sticky-simple-card {
    margin-top: -16vh !important;
  }
}

@media (max-width: 640px) {
  .rt-destination-sticky-simple-section {
    padding: 2rem 0.8rem 5rem !important;
  }

  .rt-destination-sticky-simple-card {
    top: 78px !important;
    padding: 1rem !important;
    border-radius: 24px !important;
    min-height: 72vh !important;
  }

  .rt-destination-sticky-simple-card + .rt-destination-sticky-simple-card {
    margin-top: -10vh !important;
  }

  .rt-destination-sticky-simple-card.is-current {
    transform: translateY(-4px) scale(1) !important;
  }

  .rt-destination-sticky-simple-card.is-past {
    transform:
      translateY(calc(var(--rt-stack-depth, 0) * -7px))
      scale(calc(1 - (var(--rt-stack-depth, 0) * 0.018))) !important;
  }

  .rt-destination-card-media {
    height: 248px !important;
    border-radius: 18px !important;
  }

  .rt-destination-card-copy h2 {
    font-size: clamp(1.7rem, 8vw, 2.2rem) !important;
  }

  .rt-destination-card-copy > p:nth-of-type(1) {
    font-size: 0.92rem !important;
  }

  .rt-destination-card-copy > p:nth-of-type(2) {
    font-size: 0.95rem !important;
    line-height: 1.64 !important;
  }

  .rt-destination-card-copy div:nth-last-of-type(1) {
    gap: 1.2rem !important;
    flex-wrap: wrap !important;
  }

  .rt-destination-card-copy a {
    width: 100% !important;
    min-height: 52px !important;
    padding-inline: 1.4rem !important;
    font-size: 0.82rem !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rt-destination-sticky-simple-card,
  .rt-destination-card-media img {
    transition: none !important;
  }
}
/* Legacy single-section sticky — OFF when Arina-style stack is active */
body.dest-section-stack-active.destinations-premium-page main > section:nth-of-type(2),
body.dest-section-stack-active main > section:nth-of-type(2) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  background: transparent !important;
}

body.dest-section-stack-active.destinations-premium-page main > section:nth-of-type(2) > div > div,
body.dest-section-stack-active main > section:nth-of-type(2) > div > div {
  position: relative !important;
  top: auto !important;
  margin: 0 !important;
  transform: none !important;
  filter: none !important;
  box-shadow: none !important;
}

/* Exact scroll workflow: Hero -> Card 1 -> Card 2 stacks over Card 1 -> ... */
body.destinations-premium-page:not(.dest-section-stack-active) main > section:nth-of-type(2) {
  --rt-destination-stack-top: clamp(82px, 10vh, 112px);
  padding-top: clamp(5rem, 9vw, 9rem) !important;
  padding-bottom: clamp(10rem, 18vw, 18rem) !important;
  background:
    radial-gradient(circle at 12% 12%, rgba(43, 97, 173, .08), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f7fbff 42%, #ffffff 100%) !important;
}

body.destinations-premium-page:not(.dest-section-stack-active) main > section:nth-of-type(2) > div {
  gap: 0 !important;
  max-width: 1380px !important;
}

body.destinations-premium-page:not(.dest-section-stack-active) main > section:nth-of-type(2) > div > div {
  position: sticky !important;
  top: var(--rt-destination-stack-top) !important;
  margin: 0 auto clamp(7rem, 18vh, 13rem) !important;
  transform-origin: center top !important;
  transition:
    transform .72s cubic-bezier(.22, 1, .36, 1),
    filter .72s cubic-bezier(.22, 1, .36, 1),
    box-shadow .72s cubic-bezier(.22, 1, .36, 1) !important;
}

body.destinations-premium-page:not(.dest-section-stack-active) main > section:nth-of-type(2) > div > div:nth-child(1) { z-index: 101 !important; }
body.destinations-premium-page:not(.dest-section-stack-active) main > section:nth-of-type(2) > div > div:nth-child(2) { z-index: 102 !important; }
body.destinations-premium-page:not(.dest-section-stack-active) main > section:nth-of-type(2) > div > div:nth-child(3) { z-index: 103 !important; }
body.destinations-premium-page:not(.dest-section-stack-active) main > section:nth-of-type(2) > div > div:nth-child(4) { z-index: 104 !important; }
body.destinations-premium-page:not(.dest-section-stack-active) main > section:nth-of-type(2) > div > div:nth-child(5) { z-index: 105 !important; }
body.destinations-premium-page:not(.dest-section-stack-active) main > section:nth-of-type(2) > div > div:nth-child(6) { z-index: 106 !important; }
body.destinations-premium-page:not(.dest-section-stack-active) main > section:nth-of-type(2) > div > div:nth-child(7) { z-index: 107 !important; }
body.destinations-premium-page:not(.dest-section-stack-active) main > section:nth-of-type(2) > div > div:nth-child(8) { z-index: 108 !important; }

body.destinations-premium-page:not(.dest-section-stack-active) main > section:nth-of-type(2) > div > div.is-stack-current {
  transform: translate3d(0, 0, 0) scale(1) !important;
  filter: saturate(1.05) brightness(1.02) !important;
  box-shadow:
    0 34px 98px rgba(15, 35, 68, .14),
    0 1px 0 rgba(255, 255, 255, .92) inset !important;
}

body.destinations-premium-page:not(.dest-section-stack-active) main > section:nth-of-type(2) > div > div.is-stack-past {
  transform: translate3d(0, -18px, 0) scale(.965) !important;
  filter: saturate(.9) brightness(.96) !important;
  box-shadow:
    0 18px 52px rgba(15, 35, 68, .08),
    0 1px 0 rgba(255, 255, 255, .82) inset !important;
}

body.destinations-premium-page:not(.dest-section-stack-active) main > section:nth-of-type(2) > div > div.is-stack-future {
  transform: translate3d(0, 22px, 0) scale(.99) !important;
}

body.destinations-premium-page:not(.dest-section-stack-active) main > section:nth-of-type(2) > div > div > *,
body.destinations-premium-page:not(.dest-section-stack-active) main > section:nth-of-type(2) > div > div > div:first-child,
body.destinations-premium-page:not(.dest-section-stack-active) main > section:nth-of-type(2) > div > div > div:nth-child(2) {
  opacity: 1 !important;
  visibility: visible !important;
}

@media (max-width: 900px) {
  body.destinations-premium-page:not(.dest-section-stack-active) main > section:nth-of-type(2) {
    padding-top: 3rem !important;
    padding-bottom: 4rem !important;
  }

  body.destinations-premium-page:not(.dest-section-stack-active) main > section:nth-of-type(2) > div {
    gap: 1.5rem !important;
  }

  body.destinations-premium-page:not(.dest-section-stack-active) main > section:nth-of-type(2) > div > div {
    position: relative !important;
    top: auto !important;
    margin-bottom: 0 !important;
    transform: none !important;
  }
}

/* ============================================
   DESTINATIONS HERO — Text visibility + Animations
   ============================================ */

/* Make all hero text fully visible and sharp against the photo */
body.rt-destination-sticky-simple-page main > section:first-of-type .page-hero-content {
  padding-bottom: clamp(1.5rem, 3vw, 2.5rem) !important;
}

/* Label line: "DESTINATIONS" */
body.rt-destination-sticky-simple-page main > section:first-of-type .page-hero-content > div:first-child {
  color: rgba(255, 255, 255, 0.92) !important;
  text-shadow: 0 1px 8px rgba(0,0,0,0.55) !important;
  opacity: 0;
  animation: destHeroLabel .55s cubic-bezier(.34,1.56,.64,1) 0.1s both !important;
}

/* "DESTINATIONS" label line decoration */
body.rt-destination-sticky-simple-page main > section:first-of-type .page-hero-content > div:first-child span {
  background: rgba(255, 255, 255, 0.5) !important;
}

/* H1 heading */
body.rt-destination-sticky-simple-page main > section:first-of-type h1 {
  color: #ffffff !important;
  text-shadow:
    0 2px 18px rgba(0,0,0,0.55),
    0 1px 4px rgba(0,0,0,0.4) !important;
  opacity: 0;
  animation: destHeroHeading .7s cubic-bezier(.22,1,.36,1) 0.28s both !important;
}

/* The italic "Beautiful Journeys" line */
body.rt-destination-sticky-simple-page main > section:first-of-type h1 em {
  color: rgba(255, 255, 255, 0.68) !important;
  text-shadow: 0 2px 16px rgba(0,0,0,0.45) !important;
}

/* Paragraph */
body.rt-destination-sticky-simple-page main > section:first-of-type p {
  color: rgba(255, 255, 255, 0.88) !important;
  text-shadow: 0 1px 8px rgba(0,0,0,0.5) !important;
  opacity: 0;
  animation: destHeroPara .65s cubic-bezier(.22,1,.36,1) 0.52s both !important;
}

/* ---- Keyframes ---- */
@keyframes destHeroLabel {
  0%   { opacity: 0; transform: translateX(-22px) scale(.94); }
  65%  { opacity: 1; transform: translateX(3px) scale(1.02); }
  100% { opacity: 1; transform: translateX(0) scale(1); }
}

@keyframes destHeroHeading {
  0%   { opacity: 0; transform: translateY(32px); }
  60%  { opacity: 1; transform: translateY(-5px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes destHeroPara {
  0%   { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* Reduce motion support */
@media (prefers-reduced-motion: reduce) {
  body.rt-destination-sticky-simple-page main > section:first-of-type .page-hero-content > div:first-child,
  body.rt-destination-sticky-simple-page main > section:first-of-type h1,
  body.rt-destination-sticky-simple-page main > section:first-of-type p {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* ================================================================
   DESTINATIONS — TRAVEL DIARY JOURNAL LAYOUT (Section 2 — Cards)
   Each destination card is a premium open-book travel journal page
   ================================================================ */

/* Section: aged parchment paper background */
body.rt-destination-sticky-simple-page main > section:nth-of-type(2) {
  background:
    radial-gradient(ellipse at 8% 92%, rgba(36,92,168,.07), transparent 32%),
    radial-gradient(ellipse at 94% 6%, rgba(200,168,110,.12), transparent 34%),
    #f0ece3 !important;
  padding: clamp(3.5rem,6vw,6rem) clamp(1rem,4vw,3rem) !important;
  position: relative !important;
  counter-reset: diary-entry !important;
}

/* Section heading line at top (decorative binding strip) */
body.rt-destination-sticky-simple-page main > section:nth-of-type(2)::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  height: 6px !important;
  background: linear-gradient(90deg, #123f7a, #245ca8, #3b72c4, #245ca8, #123f7a) !important;
  pointer-events: none !important;
}

/* Inner container */
body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div {
  display: flex !important;
  flex-direction: column !important;
  gap: clamp(2.2rem,4.5vw,3.5rem) !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  position: relative !important;
}

/* ── INDIVIDUAL JOURNAL PAGE CARD ── */
body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div {
  background: #fdfaf4 !important;
  border-radius: 6px !important;
  border: 1px solid rgba(195,172,130,.32) !important;
  overflow: visible !important;
  box-shadow:
    0 1px 0 rgba(210,185,140,.7),
    0 2px 0 rgba(195,170,120,.4),
    0 8px 28px rgba(40,28,10,.09),
    0 28px 72px rgba(40,28,10,.11) !important;
  position: relative !important;
  gap: 0 !important;
  /* cards visible by default — JS adds diary-js class to body to enable animation */
  opacity: 1;
  transform: none;
  transition:
    opacity .8s cubic-bezier(.22,1,.36,1),
    transform .8s cubic-bezier(.22,1,.36,1),
    box-shadow .35s ease !important;
  align-items: stretch !important;
  counter-increment: diary-entry !important;
}

/* Only hide cards when JS is confirmed active */
body.diary-js-ready.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div:not(.diary-in) {
  opacity: 0 !important;
  transform: translateY(56px) !important;
}

/* When in viewport: slide in */
body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div.diary-in {
  opacity: 1 !important;
  transform: translateY(0) !important;
}

/* Hover lift */
body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div:hover {
  box-shadow:
    0 1px 0 rgba(210,185,140,.7),
    0 2px 0 rgba(195,170,120,.4),
    0 16px 48px rgba(40,28,10,.14),
    0 48px 100px rgba(40,28,10,.14) !important;
  transform: translateY(-4px) !important;
}

/* LEFT accent spine strip (journal binding tab) */
body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div::before {
  content: "" !important;
  position: absolute !important;
  left: -1px !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 5px !important;
  background: linear-gradient(to bottom, #245ca8 0%, #123f7a 100%) !important;
  border-radius: 6px 0 0 6px !important;
  z-index: 3 !important;
}

/* Entry number badge in top-right corner — like a journal page index */
body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div::after {
  content: counter(diary-entry, decimal-leading-zero) !important;
  position: absolute !important;
  top: -1px !important;
  right: clamp(1rem,2.5vw,2.2rem) !important;
  font-family: 'Playfair Display', Georgia, serif !important;
  font-size: .72rem !important;
  font-weight: 700 !important;
  letter-spacing: .12em !important;
  color: rgba(36,92,168,.55) !important;
  background: #fdfaf4 !important;
  padding: .3rem .65rem !important;
  border: 1px solid rgba(195,172,130,.32) !important;
  border-top: none !important;
  border-radius: 0 0 6px 6px !important;
  z-index: 4 !important;
  line-height: 1 !important;
}

/* ── IMAGE PANEL ── */
body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div > div:first-child {
  border-radius: 0 !important;
  height: clamp(280px,33vw,430px) !important;
  width: 45% !important;
  flex-shrink: 0 !important;
  overflow: hidden !important;
  position: relative !important;
}

/* Photo zoom-in on card hover */
body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div > div:first-child img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform .9s cubic-bezier(.22,1,.36,1), filter .5s ease !important;
  filter: saturate(1.08) contrast(1.03) !important;
}

body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div:hover > div:first-child img {
  transform: scale(1.06) !important;
}

/* Photo gradient overlay at bottom — like a caption band */
body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div > div:first-child::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important; right: 0 !important; bottom: 0 !important;
  height: 60px !important;
  background: linear-gradient(to top, rgba(18,14,6,.35), transparent) !important;
  pointer-events: none !important;
}

/* ── CONTENT PANEL ── */
body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div > div:last-child {
  padding: clamp(1.8rem,3vw,2.8rem) clamp(1.6rem,3vw,2.8rem) clamp(1.8rem,3vw,2.8rem) clamp(2rem,3.5vw,3rem) !important;
  background: #fdfaf4 !important;
  position: relative !important;
  /* Subtle horizontal ruled lines — journal paper texture */
  background-image:
    repeating-linear-gradient(
      to bottom,
      transparent 0px,
      transparent 28px,
      rgba(190,165,120,.09) 28px,
      rgba(190,165,120,.09) 29px
    ) !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* Tags — ink-stamp border labels */
body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div div[style*="flex-wrap"] {
  margin-bottom: .9rem !important;
}

body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div span {
  background: transparent !important;
  color: #245ca8 !important;
  border: 1.5px solid rgba(36,92,168,.5) !important;
  border-radius: 2px !important;
  padding: .25rem .7rem !important;
  font-size: .6rem !important;
  letter-spacing: .16em !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

/* Title — journal chapter heading */
body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div h2 {
  color: #1a1008 !important;
  font-size: clamp(1.4rem,2.1vw,2rem) !important;
  line-height: 1.12 !important;
  margin-bottom: .25rem !important;
  position: relative !important;
  padding-bottom: .75rem !important;
}

/* Blue rule under title */
body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div h2::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 0 !important;
  width: clamp(44px,5vw,64px) !important;
  height: 2.5px !important;
  background: linear-gradient(90deg, #245ca8, rgba(36,92,168,.3)) !important;
  border-radius: 2px !important;
}

/* State/region subtitle — like journal location annotation */
body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div > div:last-child > p:first-of-type {
  color: #8a6f48 !important;
  font-size: .72rem !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
  margin-bottom: .85rem !important;
}

/* Description body text */
body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div > div:last-child > p:nth-of-type(2) {
  color: #3a2c18 !important;
  line-height: 1.85 !important;
  font-size: clamp(.88rem,.95vw,.97rem) !important;
  margin-bottom: 1.4rem !important;
}

/* Stats row — dashed divider above, like handwritten journal note */
body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div > div:last-child > div:first-of-type {
  border-top: 1.5px dashed rgba(185,158,110,.4) !important;
  padding-top: 1rem !important;
  margin-top: .4rem !important;
  margin-bottom: 1.4rem !important;
}

body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div > div:last-child > div:first-of-type > div p:first-child {
  color: #9a7a52 !important;
  font-size: .64rem !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  margin-bottom: .18rem !important;
}

body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div > div:last-child > div:first-of-type > div p:last-child {
  color: #1a1008 !important;
  font-weight: 800 !important;
  font-size: .9rem !important;
}

/* CTA Button — premium journal wax-stamp style */
body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div a {
  background: linear-gradient(135deg, #245ca8 0%, #123f7a 100%) !important;
  color: #fff !important;
  border-radius: 2px !important;
  padding: .8rem 1.9rem !important;
  font-size: .7rem !important;
  letter-spacing: .16em !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  display: inline-block !important;
  box-shadow:
    3px 3px 0 rgba(18,63,122,.35),
    0 6px 20px rgba(36,92,168,.22) !important;
  transition:
    transform .22s ease,
    box-shadow .22s ease !important;
}

body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div a:hover {
  transform: translate(-2px,-3px) !important;
  box-shadow:
    5px 6px 0 rgba(18,63,122,.35),
    0 14px 36px rgba(36,92,168,.3) !important;
}

/* ── LAST SECTION (CTA) — diary closing page ── */
body.rt-destination-sticky-simple-page main > section:nth-of-type(3) {
  background: #f0ece3 !important;
  border-top: 1px solid rgba(195,172,130,.35) !important;
  padding: clamp(3rem,5vw,4.5rem) clamp(1rem,4vw,3rem) !important;
}

body.rt-destination-sticky-simple-page main > section:nth-of-type(3) h2 {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: #1a1008 !important;
}

body.rt-destination-sticky-simple-page main > section:nth-of-type(3) p {
  color: #6b5a40 !important;
}

body.rt-destination-sticky-simple-page main > section:nth-of-type(3) a {
  background: linear-gradient(135deg, #245ca8, #123f7a) !important;
  border-radius: 2px !important;
  box-shadow: 3px 3px 0 rgba(18,63,122,.3) !important;
  transition: transform .22s ease, box-shadow .22s ease !important;
}

body.rt-destination-sticky-simple-page main > section:nth-of-type(3) a:hover {
  transform: translate(-2px,-3px) !important;
  box-shadow: 5px 6px 0 rgba(18,63,122,.35) !important;
}

/* ── RESPONSIVE ── */

/* Tablet: stack image above content */
@media (max-width: 860px) {
  body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div {
    flex-direction: column !important;
    overflow: hidden !important;
    border-radius: 6px !important;
  }

  body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div > div:first-child {
    width: 100% !important;
    height: clamp(220px,45vw,340px) !important;
  }

  body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div > div:last-child {
    padding: 1.8rem 1.6rem 1.8rem 1.8rem !important;
  }

  /* Disable staggered tilt from row-reverse on tablet */
  body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div[style*="row-reverse"] {
    flex-direction: column !important;
  }
}

/* Mobile: tighter padding, smaller text */
@media (max-width: 560px) {
  body.rt-destination-sticky-simple-page main > section:nth-of-type(2) {
    padding: 2.5rem 1rem !important;
  }

  body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div {
    gap: 1.8rem !important;
  }

  body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div > div:first-child {
    height: clamp(180px,52vw,260px) !important;
  }

  body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div > div:last-child {
    padding: 1.4rem 1.2rem 1.4rem 1.4rem !important;
  }

  body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div h2 {
    font-size: 1.3rem !important;
  }

  body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div::after {
    font-size: .62rem !important;
    padding: .25rem .5rem !important;
  }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  body.rt-destination-sticky-simple-page main > section:nth-of-type(2) > div > div {
    opacity: 1 !important;
    transform: none !important;
    transition: box-shadow .35s ease !important;
  }
}

/* =============================================================
   DESTINATIONS — 3D SCRAPBOOK FAN CAROUSEL
   Journal/diary pages fanned in perspective like a deck of cards
   ============================================================= */

/* Section: deep navy travel journal */
body.rt-destination-sticky-simple-page main > section.dsb-section {
  background: linear-gradient(160deg, #0b1830 0%, #13254a 48%, #0b1830 100%) !important;
  padding: clamp(3rem,6vw,5.5rem) clamp(1rem,3vw,2rem) clamp(4rem,7vw,6rem) !important;
  overflow: hidden !important;
  position: relative !important;
  border-top: 1px solid rgba(255,255,255,.04) !important;
  counter-reset: unset !important;
}

/* Remove the old diary parchment top strip */
body.rt-destination-sticky-simple-page main > section.dsb-section::before {
  display: none !important;
}

.dsb-wrap {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* Header */
.dsb-header {
  text-align: center;
  margin-bottom: clamp(1.8rem,3.5vw,3rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .4rem;
}

.dsb-header-label {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(1.5rem,2.8vw,2.4rem);
  font-weight: 900;
  color: #fff;
  letter-spacing: .02em;
}

.dsb-header-count {
  font-size: .68rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: rgba(255,255,255,.35);
  display: flex;
  align-items: center;
  gap: .5rem;
}

.dsb-header-count::before {
  content: '';
  display: inline-block;
  width: 13px;
  height: 13px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,.38)' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cline x1='3' y1='9' x2='21' y2='9'/%3E%3Cline x1='9' y1='21' x2='9' y2='9'/%3E%3C/svg%3E") center/contain no-repeat;
  opacity: .7;
}

/* 3D Stage */
.dsb-stage {
  perspective: 1500px;
  perspective-origin: 50% 42%;
  width: 100%;
  height: clamp(320px,48vw,540px);
  position: relative;
  overflow: visible;
}

.dsb-fan {
  position: relative;
  width: 100%;
  height: 100%;
}

/* Individual journal page cards */
.dsb-card {
  position: absolute;
  left: 50%;
  top: 50%;
  width: clamp(160px,18vw,280px);
  height: clamp(260px,30vw,430px);
  margin-left: calc(-1 * clamp(80px,9vw,140px));
  margin-top: calc(-1 * clamp(130px,15vw,215px));
  border-radius: clamp(12px,1.5vw,18px);
  overflow: hidden;
  cursor: pointer;
  transform-origin: center center;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  border: 2.5px solid rgba(255,255,255,.16);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06),
    0 16px 50px rgba(0,0,0,.6),
    0 6px 18px rgba(0,0,0,.4);
  will-change: transform, opacity;
}

.dsb-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
  transition: transform .9s cubic-bezier(.22,1,.36,1);
  -webkit-user-drag: none;
}

.dsb-card-active img {
  transform: scale(1.04);
}

.dsb-card-active {
  border-color: rgba(255,255,255,.55) !important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.12),
    0 0 48px rgba(36,92,168,.45),
    0 28px 80px rgba(0,0,0,.65),
    0 10px 30px rgba(0,0,0,.4) !important;
}

/* Shine sheen on each card */
.dsb-card-shine {
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(255,255,255,.13) 0%, transparent 55%);
  pointer-events: none;
  border-radius: inherit;
}

/* Nav arrows */
.dsb-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: clamp(36px,4vw,50px);
  height: clamp(36px,4vw,50px);
  border-radius: 50%;
  background: rgba(255,255,255,.08);
  border: 1.5px solid rgba(255,255,255,.2);
  color: #fff;
  font-size: clamp(.9rem,1.3vw,1.3rem);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 40;
  transition: background .22s ease, transform .22s ease;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.dsb-prev { left: clamp(.4rem,1.5vw,1.5rem); }
.dsb-next { right: clamp(.4rem,1.5vw,1.5rem); }

.dsb-nav:hover {
  background: rgba(36,92,168,.52);
  transform: translateY(-50%) scale(1.12);
}

/* Info panel below fan */
.dsb-info {
  width: 100%;
  max-width: 660px;
  text-align: center;
  margin-top: clamp(2rem,4vw,3.5rem);
  min-height: 220px;
  position: relative;
}

.dsb-entry {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  opacity: 0;
  transform: translateY(16px);
  pointer-events: none;
  transition: opacity .5s cubic-bezier(.22,1,.36,1), transform .5s cubic-bezier(.22,1,.36,1);
}

.dsb-entry-active {
  opacity: 1 !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
  position: relative !important;
}

.dsb-entry-tags {
  display: flex;
  gap: .5rem;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: .2rem;
}

.dsb-entry-tags span {
  font-size: .58rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  font-weight: 700;
  color: rgba(255,255,255,.65);
  border: 1.5px solid rgba(255,255,255,.25);
  border-radius: 2px;
  padding: .22rem .62rem;
  background: transparent;
}

.dsb-entry-title {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: clamp(1.4rem,2.6vw,2.2rem);
  font-weight: 900;
  color: #fff;
  line-height: 1.1;
  margin: 0;
}

.dsb-entry-loc {
  font-size: .7rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.4);
  font-weight: 700;
  margin: 0;
}

.dsb-entry-desc {
  font-size: clamp(.86rem,.92vw,.95rem);
  line-height: 1.78;
  color: rgba(255,255,255,.62);
  max-width: 55ch;
  margin: .2rem auto 0;
}

.dsb-entry-stats {
  display: flex;
  gap: 2.5rem;
  justify-content: center;
  margin-top: .5rem;
  padding-top: .75rem;
  border-top: 1px dashed rgba(255,255,255,.14);
  width: 100%;
}

.dsb-stat span {
  font-size: .62rem;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: rgba(255,255,255,.32);
  display: block;
  margin-bottom: .15rem;
}

.dsb-stat strong {
  font-size: .88rem;
  font-weight: 800;
  color: rgba(255,255,255,.85);
}

.dsb-entry-cta {
  display: inline-block;
  margin-top: .65rem;
  background: linear-gradient(135deg, #245ca8, #123f7a);
  color: #fff;
  font-size: .68rem;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 700;
  padding: .75rem 1.8rem;
  border-radius: 2px;
  text-decoration: none;
  box-shadow: 3px 3px 0 rgba(18,63,122,.42), 0 6px 20px rgba(36,92,168,.24);
  transition: transform .22s ease, box-shadow .22s ease;
}

.dsb-entry-cta:hover {
  transform: translate(-2px,-3px);
  box-shadow: 5px 6px 0 rgba(18,63,122,.42), 0 14px 32px rgba(36,92,168,.36);
}

/* Navigation dots */
.dsb-dots {
  display: flex;
  gap: .55rem;
  justify-content: center;
  margin-top: 2rem;
}

.dsb-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255,255,255,.2);
  border: none;
  cursor: pointer;
  padding: 0;
  transition: background .25s ease, transform .28s ease, width .28s ease;
}

.dsb-dot-active {
  background: #245ca8 !important;
  width: 22px !important;
  border-radius: 4px !important;
  transform: none !important;
}

/* CTA section (3rd section) styling for navy continuity */
body.rt-destination-sticky-simple-page main > section:nth-of-type(3) {
  background: linear-gradient(180deg, #0b1830 0%, #0e1c38 100%) !important;
  border-top: 1px solid rgba(255,255,255,.07) !important;
  padding: clamp(3rem,5vw,4.5rem) clamp(1rem,4vw,3rem) !important;
}

body.rt-destination-sticky-simple-page main > section:nth-of-type(3) h2 {
  font-family: 'Playfair Display', Georgia, serif !important;
  color: #fff !important;
}

body.rt-destination-sticky-simple-page main > section:nth-of-type(3) p {
  color: rgba(255,255,255,.52) !important;
}

body.rt-destination-sticky-simple-page main > section:nth-of-type(3) a {
  background: linear-gradient(135deg, #245ca8, #123f7a) !important;
  border-radius: 2px !important;
  box-shadow: 3px 3px 0 rgba(18,63,122,.35) !important;
  transition: transform .22s ease, box-shadow .22s ease !important;
}

body.rt-destination-sticky-simple-page main > section:nth-of-type(3) a:hover {
  transform: translate(-2px,-3px) !important;
  box-shadow: 5px 6px 0 rgba(18,63,122,.4) !important;
}

/* ── Responsive ── */
@media (max-width: 768px) {
  .dsb-stage {
    height: clamp(280px,68vw,420px);
    perspective: 1000px;
  }
  .dsb-info {
    max-width: 100%;
    min-height: 200px;
  }
}

@media (max-width: 480px) {
  .dsb-stage {
    height: clamp(240px,78vw,340px);
    perspective: 800px;
  }
  .dsb-prev { left: .2rem; }
  .dsb-next { right: .2rem; }
  .dsb-entry-desc { font-size: .86rem; }
  .dsb-entry-stats { gap: 1.8rem; }
}

@media (prefers-reduced-motion: reduce) {
  .dsb-card {
    transition: none !important;
  }
  .dsb-entry {
    transition: none !important;
  }
}

/* Stack layout: see /destinations-stack.css (Arina Our Services port) */