@import url('https://fonts.googleapis.com/css2?family=Platypi:ital,wght@0,400;0,500;0,600;0,700;1,500&family=Poppins:wght@400;500;600;700&display=swap');

.oceidon-destination-experience {
  --oceidon-destination-ink: #082f36;
  --oceidon-destination-muted: #536d71;
  --oceidon-destination-teal: #0a7778;
  --oceidon-destination-aqua: #5fcec0;
  --oceidon-destination-pearl: #f5f0e3;
  --oceidon-destination-pale: #e8f3f1;
  --oceidon-destination-line: rgba(8, 47, 54, .16);
  overflow-x: clip;
  background: #fff;
  color: var(--oceidon-destination-muted);
  font-family: Poppins, sans-serif;
}

.oceidon-destination-experience *,
.oceidon-destination-experience *::before,
.oceidon-destination-experience *::after { box-sizing: border-box; }
.oceidon-destination-experience img { display: block; max-width: 100%; }
.oceidon-destination-experience figure,
.oceidon-destination-experience h1,
.oceidon-destination-experience h2,
.oceidon-destination-experience h3,
.oceidon-destination-experience p,
.oceidon-destination-experience ul,
.oceidon-destination-experience dl { margin: 0; }
.oceidon-destination-experience ul { padding: 0; list-style: none; }
.oceidon-destination-experience a { color: inherit; text-decoration: none; }
.oceidon-destination-experience button { font: inherit; }

.oceidon-destination-experience-container {
  width: min(1220px, calc(100% - 64px));
  margin-inline: auto;
}

.oceidon-destination-experience-heading {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
  align-items: end;
  gap: 64px;
  margin-bottom: 54px;
}
.oceidon-destination-experience-heading > div > p,
.oceidon-destination-experience-kicker,
.oceidon-destination-experience-hero-content > p,
.oceidon-destination-experience-breadcrumb-content > p,
.oceidon-destination-experience-cta-grid > div:first-child > p {
  margin-bottom: 15px;
  color: var(--oceidon-destination-teal);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.oceidon-destination-experience-heading h2,
.oceidon-destination-experience-knowledge h2,
.oceidon-destination-experience-cta h2,
.oceidon-destination-experience-editorial-grid > article > h2 {
  color: var(--oceidon-destination-ink);
  font-family: Platypi, serif;
  font-size: clamp(2.5rem, 4.4vw, 4.7rem);
  font-weight: 500;
  letter-spacing: -.045em;
  line-height: 1.02;
  text-wrap: balance;
}
.oceidon-destination-experience-heading h2 span { color: var(--oceidon-destination-teal); font-style: italic; }
.oceidon-destination-experience-heading > p { max-width: 480px; font-size: 1rem; line-height: 1.75; }
.oceidon-destination-experience-heading--light h2 { color: #fff; }
.oceidon-destination-experience-heading--light h2 span,
.oceidon-destination-experience-heading--light > div > p { color: var(--oceidon-destination-aqua); }
.oceidon-destination-experience-heading--light > p { color: rgba(255,255,255,.67); }

/* Directly ported slider wrapper/state from the licensed source; autoplay is intentionally disabled. */
.oceidon-destination-experience-slider-shell { position: relative; z-index: 1; }
.oceidon-destination-experience-slider { overflow: hidden; }
.oceidon-destination-experience-controls { display: flex; align-items: center; gap: 12px; }
.oceidon-destination-experience-controls button {
  display: inline-grid;
  width: 52px;
  height: 52px;
  padding: 0;
  place-items: center;
  border: 1px solid var(--oceidon-destination-line);
  border-radius: 50%;
  background: transparent;
  color: var(--oceidon-destination-ink);
  cursor: pointer;
  transition: background .25s, border-color .25s, color .25s;
}
.oceidon-destination-experience-controls button:hover,
.oceidon-destination-experience-controls button:focus-visible { border-color: var(--oceidon-destination-teal); background: var(--oceidon-destination-teal); color: #fff; }
.oceidon-destination-experience-controls button:disabled { opacity: .35; cursor: default; }
.oceidon-destination-experience-status { min-width: 58px; color: var(--oceidon-destination-muted); font-size: .78rem; font-weight: 700; text-align: center; }

/* index-3 main slider: wrapper, full-height slide, content and external controls retain source order. */
.oceidon-destination-experience-hero { position: relative; margin-top: -100px; background: var(--oceidon-destination-ink); }
.oceidon-destination-experience-hero-slide {
  position: relative;
  display: flex;
  min-height: 850px;
  padding: 220px 0 110px;
  align-items: center;
  overflow: hidden;
  background-position: center;
  background-size: cover;
}
.oceidon-destination-experience-hero-slide::before { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, rgba(3,30,36,.94), rgba(3,30,36,.65) 52%, rgba(3,30,36,.12)), linear-gradient(0deg, rgba(3,30,36,.62), transparent 48%); }
.oceidon-destination-experience-hero-content { position: relative; z-index: 1; width: min(780px, 72%); margin-top: 32px; color: #fff; }
.oceidon-destination-experience-hero-content > p { color: var(--oceidon-destination-aqua); }
.oceidon-destination-experience-hero-content h1,
.oceidon-destination-experience-hero-content h2 {
  color: #fff;
  font-family: Platypi, serif;
  font-size: clamp(3.2rem, 6vw, 6.4rem);
  font-weight: 500;
  letter-spacing: -.05em;
  line-height: .99;
  text-wrap: balance;
}
.oceidon-destination-experience-hero-copy { display: grid; grid-template-columns: 44px 1fr; gap: 20px; width: min(610px,100%); margin-top: 30px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.25); }
.oceidon-destination-experience-hero-copy > span { color: var(--oceidon-destination-aqua); font-size: .78rem; font-weight: 700; }
.oceidon-destination-experience-hero-copy p { color: rgba(255,255,255,.78); font-size: 1.05rem; line-height: 1.75; }
.oceidon-destination-experience-hero-content > a { display: inline-flex; min-height: 50px; margin-top: 32px; padding: 0 22px; align-items: center; gap: 18px; border: 1px solid rgba(255,255,255,.35); border-radius: 999px; color: #fff; font-size: .78rem; font-weight: 700; }
.oceidon-destination-experience-hero-content > a:hover,
.oceidon-destination-experience-hero-content > a:focus-visible { border-color: var(--oceidon-destination-aqua); background: var(--oceidon-destination-aqua); color: var(--oceidon-destination-ink); }
.oceidon-destination-experience-hero .oceidon-destination-experience-controls { position: absolute; z-index: 5; right: max(32px, calc((100vw - 1220px)/2)); bottom: 70px; }
.oceidon-destination-experience-hero .oceidon-destination-experience-controls button { border-color: rgba(255,255,255,.32); color: #fff; }
.oceidon-destination-experience-hero .oceidon-destination-experience-status { color: rgba(255,255,255,.72); }

/* destination.html oceidon-ui-layout-two card composition. */
.oceidon-destination-experience-collection,
.oceidon-destination-experience-related { padding: 112px 0 120px; background: var(--oceidon-destination-pearl); }
.oceidon-destination-experience-collection .oceidon-destination-experience-controls,
.oceidon-destination-experience-related .oceidon-destination-experience-controls { justify-content: flex-end; margin-top: 34px; }
.oceidon-destination-experience-card { background: transparent; }
.oceidon-destination-experience-card-media { position: relative; min-height: 440px; overflow: hidden; border-radius: 24px; background: #d8e8e6; }
.oceidon-destination-experience-card-media::after { position: absolute; inset: 0; content: ""; background: linear-gradient(0deg, rgba(3,30,36,.72), transparent 60%); pointer-events: none; }
.oceidon-destination-experience-card-media > img { width: 100%; height: 440px; object-fit: cover; }
.oceidon-destination-experience-card-media > span { position: absolute; z-index: 2; top: 20px; left: 20px; display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; color: #fff; font-size: .72rem; font-weight: 700; }
.oceidon-destination-experience-card-panel { position: absolute; z-index: 2; right: 20px; bottom: 24px; left: 20px; min-height: 155px; padding: 0 28px 24px; border-radius: 0 0 180px 180px; background: var(--oceidon-destination-ink); color: #fff; text-align: center; }
.oceidon-destination-experience-card-action { display: inline-grid; width: 50px; height: 50px; margin-top: -25px; margin-bottom: 15px; place-items: center; border-radius: 50%; background: rgba(255,255,255,.12); font-size: 1.1rem; transform: rotate(-45deg); }
.oceidon-destination-experience-card-action:hover,
.oceidon-destination-experience-card-action:focus-visible { background: var(--oceidon-destination-aqua); color: var(--oceidon-destination-ink); }
.oceidon-destination-experience-card-panel h3 { color: #fff; font-family: Platypi, serif; font-size: 1.55rem; line-height: 1.1; }
.oceidon-destination-experience-card-panel p { margin-top: 7px; color: var(--oceidon-destination-aqua); font-size: .78rem; }
.oceidon-destination-experience-card-panel small { display: block; margin-top: 4px; color: rgba(255,255,255,.65); font-size: .72rem; }

/* service.html feature section geometry. */
.oceidon-destination-experience-features { position: relative; z-index: 1; overflow: hidden; padding: 112px 0 88px; background: var(--oceidon-destination-ink); }
.oceidon-destination-experience-feature-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 24px; }
.oceidon-destination-experience-feature-card { padding: 32px; border: 1px solid rgba(255,255,255,.12); border-radius: 20px 78px 20px 20px; background: rgba(255,255,255,.07); color: rgba(255,255,255,.7); backdrop-filter: blur(30px); }
.oceidon-destination-experience-feature-card.is-center { border-radius: 78px 78px 20px 20px; }
.oceidon-destination-experience-feature-card > span { display: grid; width: 58px; height: 58px; place-items: center; border-radius: 50%; background: var(--oceidon-destination-aqua); color: var(--oceidon-destination-ink); font-weight: 700; transition: transform .5s; }
.oceidon-destination-experience-feature-card:hover > span { transform: scaleX(-1); }
.oceidon-destination-experience-feature-card h3 { margin-top: 24px; color: #fff; font-family: Platypi,serif; font-size: 1.6rem; font-weight: 500; }
.oceidon-destination-experience-feature-card p { min-height: 116px; margin-top: 12px; font-size: .92rem; line-height: 1.7; }
.oceidon-destination-experience-feature-card figure { height: 190px; margin-top: 26px; overflow: hidden; border-radius: 12px; }
.oceidon-destination-experience-feature-card img { width: 100%; height: 100%; object-fit: cover; }
.oceidon-destination-experience-feature-side { height: 100%; min-height: 500px; overflow: hidden; border-radius: 20px 90px 20px 20px; }
.oceidon-destination-experience-feature-side img { width: 100%; height: 100%; object-fit: cover; }

/* One compact decision module replaces the decorative process/oceidon-marquee layers. */
.oceidon-destination-experience-route { padding: 96px 0; background: #fff; }
.oceidon-destination-experience-route-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 44px 76px; align-items: end; }
.oceidon-destination-experience-route-grid > div > span { display: block; margin-bottom: 14px; color: var(--oceidon-destination-teal); font-size: .74rem; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.oceidon-destination-experience-route-grid h2 { color: var(--oceidon-destination-ink); font-family: Platypi,serif; font-size: clamp(2.5rem,4.4vw,4.7rem); font-weight: 500; letter-spacing: -.045em; line-height: 1.02; }
.oceidon-destination-experience-route-grid > p { max-width: 520px; line-height: 1.75; }
.oceidon-destination-experience-route-grid dl { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.oceidon-destination-experience-route-grid dl > div { padding: 24px; border: 1px solid var(--oceidon-destination-line); border-radius: 18px; background: var(--oceidon-destination-pale); }
.oceidon-destination-experience-route-grid dt { font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; }
.oceidon-destination-experience-route-grid dd { margin-top: 6px; color: var(--oceidon-destination-ink); font-family: Platypi,serif; font-size: 1.28rem; font-weight: 600; }

/* index-3 gallery visual rhythm, intentionally static instead of auto-moving. */
.oceidon-destination-experience-gallery { padding: 110px 0; background: #fff; }
.oceidon-destination-experience-gallery-rails { width: min(1520px,calc(100% - 40px)); margin-inline: auto; display: grid; gap: 25px; }
.oceidon-destination-experience-gallery-rail { display: grid; grid-template-columns: repeat(3,1fr); gap: 25px; }
.oceidon-destination-experience-gallery-rail.is-bottom { padding-inline: 7%; }
.oceidon-destination-experience-gallery-rail a { min-width: 0; }
.oceidon-destination-experience-gallery-rail figure { position: relative; height: 330px; overflow: hidden; border-radius: 22px; }
.oceidon-destination-experience-gallery-rail img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.oceidon-destination-experience-gallery-rail a:hover img { transform: scale(1.035); }
.oceidon-destination-experience-gallery-rail figcaption { position: absolute; right: 18px; bottom: 18px; left: 18px; display: flex; align-items: center; gap: 10px; color: #fff; font-size: .78rem; font-weight: 600; text-shadow: 0 2px 12px rgba(0,0,0,.55); }
.oceidon-destination-experience-gallery-rail figcaption span { color: var(--oceidon-destination-aqua); }

.oceidon-destination-experience-knowledge { padding: 112px 0; background: var(--oceidon-destination-pale); }
.oceidon-destination-experience-knowledge-grid { display: grid; grid-template-columns: minmax(280px,.7fr) minmax(0,1.3fr); align-items: start; gap: 90px; }
.oceidon-destination-experience-knowledge h2 { font-size: clamp(2.6rem,4vw,4.2rem); }
.oceidon-destination-experience-faq-list details { border-bottom: 1px solid var(--oceidon-destination-line); }
.oceidon-destination-experience-faq-list summary { display: grid; min-height: 76px; padding: 20px 0; grid-template-columns: 36px 1fr 24px; align-items: center; gap: 16px; color: var(--oceidon-destination-ink); font-family: Platypi,serif; font-size: 1.08rem; font-weight: 500; cursor: pointer; list-style: none; }
.oceidon-destination-experience-faq-list summary::-webkit-details-marker { display: none; }
.oceidon-destination-experience-faq-list summary > span { color: var(--oceidon-destination-teal); font-family: Poppins,sans-serif; font-size: .72rem; }
.oceidon-destination-experience-faq-list summary i { font-family: Poppins,sans-serif; font-style: normal; text-align: right; transition: transform .25s; }
.oceidon-destination-experience-faq-list details[open] summary i { transform: rotate(45deg); }
.oceidon-destination-experience-faq-list details > p { padding: 0 40px 25px 52px; line-height: 1.75; }
.oceidon-destination-experience-sources { display: grid; gap: 10px; margin-top: 34px; padding-top: 24px; border-top: 1px solid var(--oceidon-destination-line); }
.oceidon-destination-experience-sources strong { color: var(--oceidon-destination-ink); }
.oceidon-destination-experience-sources a,
.oceidon-destination-experience-sources > span { min-height: 44px; padding: 10px 0; color: var(--oceidon-destination-teal); font-size: .84rem; }
.oceidon-destination-experience-sources small { color: var(--oceidon-destination-muted); font-size: .76rem; line-height: 1.6; }

/* destination.html CTA order retained; decorative source figure deliberately omitted. */
.oceidon-destination-experience-cta { padding: 84px 0; background: var(--oceidon-destination-aqua); }
.oceidon-destination-experience-cta-grid { display: grid; grid-template-columns: 1fr .78fr 1fr; align-items: center; gap: 42px; }
.oceidon-destination-experience-cta h2 { max-width: 600px; }
.oceidon-destination-experience-cta-grid > figure { align-self: end; }
.oceidon-destination-experience-cta-grid > figure img { width: 100%; max-height: 250px; object-fit: contain; object-position: center bottom; }
.oceidon-destination-experience-cta-grid > div:last-child > p { max-width: 560px; color: rgba(8,47,54,.78); line-height: 1.75; }
.oceidon-destination-experience-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.oceidon-destination-experience-actions a,
.oceidon-destination-experience-decision > a { display: inline-flex; min-height: 50px; padding: 0 22px; align-items: center; justify-content: center; gap: 12px; border: 1px solid rgba(8,47,54,.3); border-radius: 999px; color: var(--oceidon-destination-ink); font-size: .82rem; font-weight: 700; }
.oceidon-destination-experience-actions a.is-primary,
.oceidon-destination-experience-decision > a.is-primary { border-color: var(--oceidon-destination-ink); background: var(--oceidon-destination-ink); color: #fff; }

/* service.html breadcrumb geometry with explicit safe area for the Oceidon shell. */
.oceidon-destination-experience-breadcrumb { position: relative; z-index: 1; display: flex; min-height: 620px; margin-top: -100px; padding: 210px 0 90px; align-items: center; background-position: center; background-size: cover; }
.oceidon-destination-experience-breadcrumb::before { position: absolute; z-index: -1; inset: 0; content: ""; background: linear-gradient(296deg, rgba(8,47,54,.55) 18%, rgba(3,30,36,.94) 75%); }
.oceidon-destination-experience-breadcrumb-content { width: min(900px,100%); margin-top: 24px; color: #fff; }
.oceidon-destination-experience-breadcrumb-content > p { color: var(--oceidon-destination-aqua); }
.oceidon-destination-experience-breadcrumb h1 { color: #fff; font-family: Platypi,serif; font-size: clamp(3rem,5vw,5.4rem); font-weight: 500; letter-spacing: -.045em; line-height: 1.03; text-wrap: balance; }
.oceidon-destination-experience-breadcrumb ul { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; color: rgba(255,255,255,.7); font-size: .82rem; }
.oceidon-destination-experience-breadcrumb li + li::before { margin-right: 10px; content: "→"; }
.oceidon-destination-experience-breadcrumb a { color: #fff; }

/* tour-details slider + 8/4 editorial/sidebar structure. */
.oceidon-destination-experience-editorial { padding: 112px 0; background: #fff; }
.oceidon-destination-experience-media { margin-bottom: 82px; }
.oceidon-destination-experience-media figure { position: relative; height: min(620px,46vw); overflow: hidden; border-radius: 10px; background: var(--oceidon-destination-pale); }
.oceidon-destination-experience-media img { width: 100%; height: 100%; object-fit: cover; }
.oceidon-destination-experience-media figcaption { position: absolute; right: 18px; bottom: 18px; max-width: 400px; padding: 10px 14px; border-radius: 8px; background: rgba(3,30,36,.85); color: #fff; font-size: .76rem; }
.oceidon-destination-experience-media .oceidon-destination-experience-controls { justify-content: flex-end; margin-top: 24px; }
.oceidon-destination-experience-editorial-grid { display: grid; grid-template-columns: minmax(0,1.7fr) minmax(300px,.68fr); align-items: start; gap: 76px; }
.oceidon-destination-experience-editorial-grid > article { min-width: 0; }
.oceidon-destination-experience-editorial-grid > article > h2 { margin-bottom: 28px; }
.oceidon-destination-experience-editorial-grid > article > p:not(.oceidon-destination-experience-kicker) { margin-top: 18px; font-size: 1rem; line-height: 1.82; }
.oceidon-destination-experience-editorial-grid > article > h3 { margin-top: 42px; color: var(--oceidon-destination-ink); font-family: Platypi,serif; font-size: 1.8rem; font-weight: 500; }
.oceidon-destination-experience-answer { display: grid; grid-template-columns: 100px 1fr; gap: 26px; margin-bottom: 54px; padding: 28px; border-left: 4px solid var(--oceidon-destination-teal); background: var(--oceidon-destination-pale); }
.oceidon-destination-experience-answer > p { color: var(--oceidon-destination-teal); font-size: .68rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.oceidon-destination-experience-answer h2 { color: var(--oceidon-destination-ink); font-family: Platypi,serif; font-size: clamp(1.55rem,2.3vw,2.25rem); font-weight: 500; line-height: 1.12; }
.oceidon-destination-experience-answer div > p { margin-top: 12px; line-height: 1.72; }
.oceidon-destination-experience-editorial-list { margin-top: 18px !important; }
.oceidon-destination-experience-editorial-list li { display: grid; grid-template-columns: 28px 1fr; gap: 14px; padding: 18px 0; border-bottom: 1px solid var(--oceidon-destination-line); }
.oceidon-destination-experience-editorial-list li > span { color: var(--oceidon-destination-teal); }
.oceidon-destination-experience-editorial-list strong { color: var(--oceidon-destination-ink); }
.oceidon-destination-experience-editorial-list p { margin-top: 5px; line-height: 1.65; }
.oceidon-destination-experience-context { margin-top: 42px; padding: 28px; border: 1px solid var(--oceidon-destination-line); }
.oceidon-destination-experience-context strong { color: var(--oceidon-destination-ink); font-family: Platypi,serif; font-size: 1.25rem; }
.oceidon-destination-experience-context p { margin-top: 10px; line-height: 1.75; }
.oceidon-destination-experience-decision { position: sticky; top: 118px; padding: 38px; border-radius: 10px; background: var(--oceidon-destination-pale); box-shadow: 10px 4px 60px rgba(8,47,54,.08); }
.oceidon-destination-experience-decision > p:first-child { color: var(--oceidon-destination-teal); font-size: .72rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.oceidon-destination-experience-decision h3 { margin-top: 12px; color: var(--oceidon-destination-ink); font-family: Platypi,serif; font-size: 1.65rem; font-weight: 500; line-height: 1.15; }
.oceidon-destination-experience-decision h3 + p { margin-top: 12px; line-height: 1.7; }
.oceidon-destination-experience-decision dl { margin-top: 24px; }
.oceidon-destination-experience-decision dl > div { display: flex; justify-content: space-between; gap: 20px; padding: 13px 0; border-bottom: 1px solid var(--oceidon-destination-line); }
.oceidon-destination-experience-decision dt { font-size: .75rem; }
.oceidon-destination-experience-decision dd { color: var(--oceidon-destination-ink); font-size: .78rem; font-weight: 700; text-align: right; }
.oceidon-destination-experience-decision ul { margin-top: 20px; }
.oceidon-destination-experience-decision li { padding: 12px 0; border-bottom: 1px solid var(--oceidon-destination-line); }
.oceidon-destination-experience-decision li small { display: block; color: var(--oceidon-destination-teal); font-size: .68rem; }
.oceidon-destination-experience-decision li strong { display: block; margin-top: 4px; color: var(--oceidon-destination-ink); font-size: .82rem; line-height: 1.5; }
.oceidon-destination-experience-decision > a { width: 100%; margin-top: 18px; }
.oceidon-destination-experience-decision > small { display: block; margin-top: 16px; font-size: .7rem; line-height: 1.55; text-align: center; }
.oceidon-destination-experience-related { background: var(--oceidon-destination-pearl); }
.oceidon-destination-experience-related .oceidon-destination-experience-heading > a { min-height: 44px; padding: 10px 0; align-self: end; color: var(--oceidon-destination-teal); font-weight: 700; }

@media (max-width: 1100px) {
  .oceidon-destination-experience-feature-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .oceidon-destination-experience-feature-space { display: none; }
  .oceidon-destination-experience-gallery-rail figure { height: 300px; }
  .oceidon-destination-experience-editorial-grid { gap: 46px; }
}

@media (max-width: 860px) {
  .oceidon-destination-experience-container { width: min(100% - 40px, 720px); }
  .oceidon-destination-experience-heading,
  .oceidon-destination-experience-knowledge-grid,
  .oceidon-destination-experience-cta-grid,
  .oceidon-destination-experience-editorial-grid,
  .oceidon-destination-experience-route-grid { grid-template-columns: 1fr; gap: 34px; }
  .oceidon-destination-experience-route-grid dl { grid-template-columns: 1fr; }
  .oceidon-destination-experience-gallery-rail { grid-template-columns: repeat(2,1fr); }
  .oceidon-destination-experience-gallery-rail a:last-child { display: none; }
  .oceidon-destination-experience-gallery-rail.is-bottom { padding-inline: 0; }
  .oceidon-destination-experience-hero { margin-top: -84px; }
  .oceidon-destination-experience-hero-slide { min-height: 760px; padding: 190px 0 120px; }
  .oceidon-destination-experience-hero-content { width: 100%; }
  .oceidon-destination-experience-hero .oceidon-destination-experience-controls { right: 20px; bottom: 40px; }
  .oceidon-destination-experience-breadcrumb { min-height: 650px; margin-top: -84px; padding: 180px 0 90px; }
  .oceidon-destination-experience-decision { position: static; }
  .oceidon-destination-experience-media figure { height: 520px; }
}

@media (max-width: 620px) {
  .oceidon-destination-experience-container { width: calc(100% - 40px); }
  .oceidon-destination-experience-heading { margin-bottom: 38px; }
  .oceidon-destination-experience-heading h2,
  .oceidon-destination-experience-knowledge h2,
  .oceidon-destination-experience-cta h2,
  .oceidon-destination-experience-editorial-grid > article > h2 { font-size: clamp(2.25rem,10.8vw,3.4rem); }
  .oceidon-destination-experience-hero-slide { min-height: 720px; padding: 170px 0 130px; background-position: 58% center; }
  .oceidon-destination-experience-hero-content h1,
  .oceidon-destination-experience-hero-content h2 { font-size: clamp(2.65rem,12vw,4.2rem); }
  .oceidon-destination-experience-hero-copy { grid-template-columns: 30px 1fr; gap: 12px; }
  .oceidon-destination-experience-hero-copy p { font-size: .94rem; }
  .oceidon-destination-experience-hero-content > a { margin-top: 24px; }
  .oceidon-destination-experience-collection,
  .oceidon-destination-experience-related,
  .oceidon-destination-experience-features,
  .oceidon-destination-experience-gallery,
  .oceidon-destination-experience-knowledge,
  .oceidon-destination-experience-editorial { padding: 82px 0; }
  .oceidon-destination-experience-card-media,
  .oceidon-destination-experience-card-media > img { height: 430px; }
  .oceidon-destination-experience-feature-grid,
  .oceidon-destination-experience-gallery-rail { grid-template-columns: 1fr; }
  .oceidon-destination-experience-feature-card p { min-height: 0; }
  .oceidon-destination-experience-gallery-rail a:last-child { display: block; }
  .oceidon-destination-experience-gallery-rail figure { height: 300px; }
  .oceidon-destination-experience-breadcrumb { min-height: 680px; padding: 170px 0 80px; background-position: 58% center; }
  .oceidon-destination-experience-breadcrumb h1 { font-size: clamp(2.65rem,12vw,4rem); }
  .oceidon-destination-experience-media { margin-bottom: 58px; }
  .oceidon-destination-experience-media figure { height: 430px; }
  .oceidon-destination-experience-answer { grid-template-columns: 1fr; gap: 12px; padding: 24px; }
  .oceidon-destination-experience-decision { padding: 28px; }
  .oceidon-destination-experience-faq-list summary { grid-template-columns: 28px 1fr 20px; }
  .oceidon-destination-experience-faq-list details > p { padding-left: 44px; }
  .oceidon-destination-experience-actions { display: grid; }
  .oceidon-destination-experience-actions a { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .oceidon-destination-experience *,
  .oceidon-destination-experience *::before,
  .oceidon-destination-experience *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}

/*
 * Editorial destination hub composition.
 *
 * Source anatomy is ported from the licensed index-3 main slider/gallery,
 * destination cards, and service feature cards. The
 * production namespacing keeps the global Oceidon shell and the licensed
 * source tree isolated while preserving the mockup's destination-first flow.
 */
.oceidon-destination-editorial-hub {
  --oceidon-editorial-ink: #102f34;
  --oceidon-editorial-ink-soft: #31565b;
  --oceidon-editorial-teal: #087779;
  --oceidon-editorial-aqua: #68d0c3;
  --oceidon-editorial-pearl: #f4f0e6;
  --oceidon-editorial-pale: #eaf4f2;
  --oceidon-editorial-line: rgba(16,47,52,.16);
  overflow: clip;
  color: var(--oceidon-editorial-ink-soft);
  background: #fff;
}
.oceidon-destination-editorial-hub *,
.oceidon-destination-editorial-hub *::before,
.oceidon-destination-editorial-hub *::after { box-sizing: border-box; }
.oceidon-destination-editorial-hub img { display: block; max-width: 100%; }
.oceidon-destination-editorial-hub figure,
.oceidon-destination-editorial-hub h1,
.oceidon-destination-editorial-hub h2,
.oceidon-destination-editorial-hub h3,
.oceidon-destination-editorial-hub p,
.oceidon-destination-editorial-hub ul,
.oceidon-destination-editorial-hub ol,
.oceidon-destination-editorial-hub dl { margin: 0; }
.oceidon-destination-editorial-hub ul,
.oceidon-destination-editorial-hub ol { padding: 0; list-style: none; }
.oceidon-destination-editorial-hub a { color: inherit; text-decoration: none; }
.oceidon-destination-editorial-hub a:focus-visible { outline: 3px solid var(--oceidon-editorial-aqua); outline-offset: 4px; }
.oceidon-destination-editorial-inner { width: min(1240px, calc(100% - 14%)); margin-inline: auto; }
.oceidon-destination-editorial-eyebrow { margin-bottom: 15px; color: var(--oceidon-editorial-teal); font-size: 11px; font-weight: 700; letter-spacing: .16em; line-height: 1.25; text-transform: uppercase; }
.oceidon-destination-editorial-section-heading { display: flex; align-items: end; justify-content: space-between; gap: 45px; margin-bottom: 40px; }
.oceidon-destination-editorial-section-heading h2 { max-width: 680px; color: var(--oceidon-editorial-ink); font-family: Platypi, Georgia, serif; font-size: clamp(40px, 4.7vw, 64px); font-weight: 500; letter-spacing: -.05em; line-height: .98; text-wrap: balance; }
.oceidon-destination-editorial-section-heading > p,
.oceidon-destination-editorial-section-heading > div > p:last-child { max-width: 390px; font-size: 14px; line-height: 1.75; }

/* index-3 .main-slider-wrpper / .slider-section geometry adapted to the hub hero. */
.oceidon-destination-editorial-hero { position: relative; display: flex; min-height: 600px; padding: 175px 7% 85px; align-items: center; overflow: hidden; background: linear-gradient(90deg, rgba(8,47,54,.8), rgba(8,47,54,.35)), var(--oceidon-editorial-hero-image) center / cover; }
.oceidon-destination-editorial-hero-inner { width: min(760px, 100%); color: #fff; }
.oceidon-destination-editorial-hero .oceidon-destination-editorial-eyebrow { color: var(--oceidon-editorial-aqua); }
.oceidon-destination-editorial-hero h1 { max-width: 710px; color: #fff; font-family: Platypi, Georgia, serif; font-size: clamp(48px, 6vw, 78px); font-weight: 500; letter-spacing: -.06em; line-height: .96; text-wrap: balance; }
.oceidon-destination-editorial-hero-lead { max-width: 620px; margin-top: 26px !important; color: rgba(255,255,255,.82); font-size: 16px; line-height: 1.7; }
/* destination.html .destination-section.style__two navigation rhythm. */
.oceidon-destination-editorial-route-strip { padding: 32px 7%; background: var(--oceidon-editorial-pearl); }
.oceidon-destination-editorial-route-strip > div { display: grid; grid-template-columns: repeat(6, 1fr); gap: 12px; max-width: 1240px; margin-inline: auto; }
.oceidon-destination-editorial-route-card { position: relative; display: block; min-height: 170px; overflow: hidden; border: 1px solid rgba(255,255,255,.72); border-radius: 18px; background: var(--oceidon-editorial-ink); box-shadow: 0 10px 26px rgba(16,47,52,.12); isolation: isolate; transition: box-shadow .25s, transform .25s; }
.oceidon-destination-editorial-route-card::after { position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg, rgba(8,47,54,.02) 22%, rgba(8,47,54,.88) 100%); content: ""; pointer-events: none; }
.oceidon-destination-editorial-route-card:hover,
.oceidon-destination-editorial-route-card:focus-visible { box-shadow: 0 18px 36px rgba(16,47,52,.22); transform: translateY(-4px); }
.oceidon-destination-editorial-route-card figure { position: absolute; inset: 0; margin: 0; }
.oceidon-destination-editorial-route-card figure img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s; }
.oceidon-destination-editorial-route-card:hover figure img,
.oceidon-destination-editorial-route-card:focus-visible figure img { transform: scale(1.07); }
.oceidon-destination-editorial-route-card-copy { position: absolute; z-index: 2; right: 15px; bottom: 14px; left: 15px; color: #fff; }
.oceidon-destination-editorial-route-card-copy > span { display: inline-flex; width: 25px; height: 25px; margin-bottom: 9px; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.82); border-radius: 50%; font-size: 9px; font-weight: 700; }
.oceidon-destination-editorial-route-card-copy strong { display: block; font-size: 12px; line-height: 1.2; }
.oceidon-destination-editorial-route-card-copy small { display: block; margin-top: 5px; color: rgba(255,255,255,.78); font-size: 9px; line-height: 1.25; }

.oceidon-destination-editorial-route-overview { padding: 92px 7%; color: rgba(255,255,255,.78); background: var(--oceidon-editorial-ink); }
.oceidon-destination-editorial-route-overview-inner { display: grid; max-width: 1240px; margin-inline: auto; grid-template-columns: minmax(0,.92fr) minmax(360px,1.08fr); align-items: center; gap: 78px; }
.oceidon-destination-editorial-route-overview .oceidon-destination-editorial-eyebrow { color: var(--oceidon-editorial-aqua); }
.oceidon-destination-editorial-route-overview h2 { max-width: 600px; color: #fff; font-family: Platypi, Georgia, serif; font-size: clamp(40px, 4.7vw, 65px); font-weight: 500; letter-spacing: -.05em; line-height: .98; text-wrap: balance; }
.oceidon-destination-editorial-route-lead { max-width: 540px; margin: 23px 0 30px !important; font-size: 14px; line-height: 1.8; }
.oceidon-destination-editorial-route-overview ol { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0 24px; }
.oceidon-destination-editorial-route-step { border-top: 1px solid rgba(255,255,255,.2); }
.oceidon-destination-editorial-route-step a { display: flex; min-height: 67px; padding: 13px 0; align-items: center; gap: 13px; }
.oceidon-destination-editorial-route-step a:hover,
.oceidon-destination-editorial-route-step a:focus-visible { color: #fff; }
.oceidon-destination-editorial-route-step b { display: grid; width: 31px; height: 31px; flex: 0 0 31px; place-items: center; border: 1px solid var(--oceidon-editorial-aqua); border-radius: 50%; color: var(--oceidon-editorial-aqua); font-size: 10px; }
.oceidon-destination-editorial-route-step strong { display: block; color: #fff; font-size: 12px; }
.oceidon-destination-editorial-route-step small { display: block; margin-top: 4px; color: rgba(255,255,255,.6); font-size: 10px; line-height: 1.3; }
.oceidon-destination-editorial-route-overview figure { position: relative; min-height: 430px; margin: 0; overflow: hidden; border-radius: 22px; background: #173f45; }
.oceidon-destination-editorial-route-overview figure::after { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 40%, rgba(8,47,54,.72)); content: ""; pointer-events: none; }
.oceidon-destination-editorial-route-video { display: block; width: 100%; height: 100%; min-height: 430px; object-fit: cover; }

/* index-3 .gallery-area.style__two motion, adapted into a two-way destination rail. */
.oceidon-destination-editorial-marquee-section { padding: 94px 0 28px; overflow: hidden; background: var(--oceidon-editorial-pearl); }
.oceidon-destination-editorial-marquee { display: grid; gap: 12px; margin-top: 39px; overflow: hidden; }
.oceidon-destination-editorial-marquee-row { overflow: hidden; }
.oceidon-destination-editorial-marquee-track { display: flex; width: max-content; gap: 12px; animation: oceidon-destination-marquee-forward 54s linear infinite; will-change: transform; }
.oceidon-destination-editorial-marquee-row[data-direction="reverse"] .oceidon-destination-editorial-marquee-track { animation-name: oceidon-destination-marquee-reverse; }
.oceidon-destination-editorial-marquee-row:hover .oceidon-destination-editorial-marquee-track,
.oceidon-destination-editorial-marquee-row:focus-within .oceidon-destination-editorial-marquee-track { animation-play-state: paused; }
.oceidon-destination-editorial-hub .oceidon-destination-editorial-marquee-tile { position: relative; display: block; flex: 0 0 clamp(220px, 22vw, 310px); aspect-ratio: 1.45; overflow: hidden; border-radius: 18px; color: #fff; background: var(--oceidon-editorial-ink); isolation: isolate; }
.oceidon-destination-editorial-marquee-tile::after { position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg, rgba(8,47,54,0) 24%, rgba(8,47,54,.9) 100%); content: ""; pointer-events: none; }
.oceidon-destination-editorial-marquee-tile figure { position: absolute; inset: 0; margin: 0; }
.oceidon-destination-editorial-marquee-tile figure img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s; }
.oceidon-destination-editorial-marquee-tile:hover figure img,
.oceidon-destination-editorial-marquee-tile:focus-visible figure img { transform: scale(1.07); }
.oceidon-destination-editorial-marquee-tile > span,
.oceidon-destination-editorial-marquee-tile > small { position: absolute; z-index: 2; right: 17px; left: 17px; }
.oceidon-destination-editorial-marquee-tile > span { bottom: 36px; font-family: Platypi, Georgia, serif; font-size: 22px; line-height: 1; }
.oceidon-destination-editorial-marquee-tile > small { bottom: 17px; color: rgba(255,255,255,.78); font-size: 9px; line-height: 1.2; }
.oceidon-destination-editorial-visual-note { max-width: 1240px; margin: 20px auto 0; padding: 0 7%; color: var(--oceidon-editorial-ink-soft); font-size: 11px; line-height: 1.6; }
@keyframes oceidon-destination-marquee-forward { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@keyframes oceidon-destination-marquee-reverse { from { transform: translateX(-50%); } to { transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) {
  .oceidon-destination-editorial-marquee-track { animation: none !important; transform: none !important; }
}

.oceidon-destination-editorial-index { padding: 94px 7% 100px; background: var(--oceidon-editorial-pale); scroll-margin-top: 30px; }
.oceidon-destination-editorial-index-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.oceidon-destination-editorial-index-card { overflow: hidden; border: 1px solid var(--oceidon-editorial-line); border-radius: 18px; background: #fff; transition: transform .25s, box-shadow .25s; }
.oceidon-destination-editorial-index-card:hover { box-shadow: 0 18px 40px rgba(16,47,52,.12); transform: translateY(-4px); }
.oceidon-destination-editorial-index-card figure { height: 190px; margin: 0; overflow: hidden; background: #dcefeb; }
.oceidon-destination-editorial-index-card figure img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s; }
.oceidon-destination-editorial-index-card:hover figure img { transform: scale(1.035); }
.oceidon-destination-editorial-index-card > div { padding: 21px 22px 22px; }
.oceidon-destination-editorial-index-card h3 { color: var(--oceidon-editorial-ink); font-family: Platypi, Georgia, serif; font-size: 27px; font-weight: 500; letter-spacing: -.04em; line-height: 1.02; }
.oceidon-destination-editorial-index-card p { min-height: 43px; margin: 11px 0 17px; font-size: 12px; line-height: 1.55; }
.oceidon-destination-editorial-index-card a { color: var(--oceidon-editorial-teal); font-size: 11px; font-weight: 700; }

.oceidon-destination-editorial-details { padding: 100px 7% 110px; background: #fff; scroll-margin-top: 30px; }
.oceidon-destination-editorial-details > .oceidon-destination-editorial-inner > .oceidon-destination-editorial-section-heading { margin-bottom: 55px; }
.oceidon-destination-editorial-list { display: grid; max-width: 1240px; margin-inline: auto; gap: 28px; }
.oceidon-destination-editorial-entry { display: grid; min-height: 440px; grid-template-columns: minmax(0,1.08fr) minmax(310px,.92fr); overflow: hidden; border: 1px solid var(--oceidon-editorial-line); border-radius: 22px; background: #fff; }
.oceidon-destination-editorial-entry:nth-child(even) { grid-template-columns: minmax(310px,.92fr) minmax(0,1.08fr); }
.oceidon-destination-editorial-entry:nth-child(even) .oceidon-destination-editorial-photo { order: 2; }
.oceidon-destination-editorial-photo { position: relative; min-height: 440px; margin: 0; overflow: hidden; background: var(--oceidon-editorial-pale); }
.oceidon-destination-editorial-photo img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s; }
.oceidon-destination-editorial-entry:hover .oceidon-destination-editorial-photo img { transform: scale(1.035); }
.oceidon-destination-editorial-photo > span { position: absolute; z-index: 1; top: 22px; left: 22px; display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid rgba(255,255,255,.75); border-radius: 50%; background: rgba(8,47,54,.35); color: #fff; font-size: 12px; font-weight: 700; }
.oceidon-destination-editorial-copy { display: flex; padding: 46px 50px; flex-direction: column; justify-content: center; }
.oceidon-destination-editorial-copy .oceidon-destination-editorial-eyebrow { margin-bottom: 15px; }
.oceidon-destination-editorial-copy h3 { color: var(--oceidon-editorial-ink); font-family: Platypi, Georgia, serif; font-size: clamp(32px, 3.1vw, 50px); font-weight: 500; letter-spacing: -.05em; line-height: 1; }
.oceidon-destination-editorial-summary { margin: 20px 0 26px !important; color: var(--oceidon-editorial-ink-soft); font-size: 15px; line-height: 1.72; }
.oceidon-destination-editorial-copy dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 18px; margin: 0; border-top: 1px solid var(--oceidon-editorial-line); }
.oceidon-destination-editorial-fact { padding: 15px 0 13px; border-bottom: 1px solid var(--oceidon-editorial-line); }
.oceidon-destination-editorial-fact dt { color: var(--oceidon-editorial-teal); font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.oceidon-destination-editorial-fact dd { margin: 6px 0 0; color: var(--oceidon-editorial-ink); font-size: 13px; line-height: 1.45; }
.oceidon-destination-editorial-link { display: inline-flex; width: max-content; min-height: 42px; margin-top: 25px; padding: 0 17px; align-items: center; gap: 12px; border: 1px solid var(--oceidon-editorial-teal); border-radius: 999px; color: var(--oceidon-editorial-teal); font-size: 11px; font-weight: 700; }
.oceidon-destination-editorial-link:hover,
.oceidon-destination-editorial-link:focus-visible { color: #fff; background: var(--oceidon-editorial-teal); }

/* Gallery foto-only: ritme masonry mengambil alih copy agar halaman terasa seperti album perjalanan. */
.oceidon-destination-editorial-gallery { padding: 94px 7% 100px; background: #fff; }
.oceidon-destination-editorial-gallery-grid { display: grid; max-width: 1240px; margin-inline: auto; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-auto-rows: clamp(72px, 7vw, 104px); gap: 14px; }
.oceidon-destination-editorial-gallery-tile { position: relative; display: block; min-height: 0; overflow: hidden; border-radius: 17px; background: var(--oceidon-editorial-pearl); isolation: isolate; }
.oceidon-destination-editorial-gallery-tile figure { height: 100%; margin: 0; }
.oceidon-destination-editorial-gallery-tile img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s; }
.oceidon-destination-editorial-gallery-tile::after { position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.24); border-radius: inherit; content: ""; pointer-events: none; }
.oceidon-destination-editorial-gallery-tile:hover img,
.oceidon-destination-editorial-gallery-tile:focus-visible img { transform: scale(1.045); }
.oceidon-destination-editorial-gallery-tile.is-feature { grid-column: span 5; grid-row: span 4; }
.oceidon-destination-editorial-gallery-tile.is-wide { grid-column: span 4; grid-row: span 2; }
.oceidon-destination-editorial-gallery-tile.is-tall { grid-column: span 3; grid-row: span 4; }
.oceidon-destination-editorial-gallery-tile.is-standard { grid-column: span 4; grid-row: span 2; }
.oceidon-destination-editorial-gallery-tile figcaption { padding: 14px 16px 16px; color: var(--oceidon-editorial-ink); font-size: 12px; line-height: 1.45; }

/* service.html .feature-section decision-card rhythm retained for operational notes. */
.oceidon-destination-editorial-condition { padding: 94px 7%; color: rgba(255,255,255,.78); background: var(--oceidon-editorial-ink); }
.oceidon-destination-editorial-condition .oceidon-destination-editorial-eyebrow { color: var(--oceidon-editorial-aqua); }
.oceidon-destination-editorial-condition .oceidon-destination-editorial-section-heading h2 { color: #fff; }
.oceidon-destination-editorial-condition .oceidon-destination-editorial-section-heading > p { color: rgba(255,255,255,.72); }
.oceidon-destination-editorial-condition-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.oceidon-destination-editorial-condition-card { min-height: 205px; padding: 27px; border: 1px solid rgba(255,255,255,.18); border-radius: 18px; background: rgba(255,255,255,.06); transition: transform .25s, border-color .25s; }
.oceidon-destination-editorial-condition-card:hover { border-color: var(--oceidon-editorial-aqua); transform: translateY(-3px); }
.oceidon-destination-editorial-condition-card > span { color: var(--oceidon-editorial-aqua); font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.oceidon-destination-editorial-condition-card h3 { margin-top: 17px; color: #fff; font-family: Platypi, Georgia, serif; font-size: 28px; font-weight: 500; letter-spacing: -.04em; line-height: 1.04; }
.oceidon-destination-editorial-condition-card p { margin-top: 14px; font-size: 13px; line-height: 1.65; }

.oceidon-destination-editorial-faq { padding: 92px 7% 98px; background: var(--oceidon-editorial-pale); }
.oceidon-destination-editorial-faq-inner { max-width: 840px; margin-inline: auto; }
.oceidon-destination-editorial-faq .oceidon-destination-editorial-section-heading { display: block; margin-bottom: 34px; text-align: center; }
.oceidon-destination-editorial-faq .oceidon-destination-editorial-section-heading h2 { max-width: 700px; margin-inline: auto; }
.oceidon-destination-editorial-faq .oceidon-destination-editorial-section-heading > div > p:last-child { max-width: 560px; margin: 17px auto 0; }
.oceidon-destination-editorial-faq-list { display: grid; gap: 9px; }
.oceidon-destination-editorial-faq-item { border: 1px solid var(--oceidon-editorial-line); border-radius: 13px; background: #fff; }
.oceidon-destination-editorial-faq-item summary { display: flex; min-height: 63px; padding: 19px 21px; align-items: center; justify-content: space-between; gap: 20px; cursor: pointer; color: var(--oceidon-editorial-ink); font-size: 13px; font-weight: 700; list-style: none; }
.oceidon-destination-editorial-faq-item summary::-webkit-details-marker { display: none; }
.oceidon-destination-editorial-faq-item summary > span { display: grid; width: 23px; height: 23px; flex: 0 0 23px; place-items: center; border-radius: 50%; color: var(--oceidon-editorial-teal); background: var(--oceidon-editorial-pale); font-size: 16px; font-weight: 400; }
.oceidon-destination-editorial-faq-item[open] summary > span { font-size: 0; }
.oceidon-destination-editorial-faq-item[open] summary > span::before { content: "−"; font-size: 16px; }
.oceidon-destination-editorial-faq-item p { margin: 0; padding: 0 21px 21px; font-size: 13px; line-height: 1.7; }

.oceidon-destination-editorial-route-note { padding: 80px 7%; background: var(--oceidon-editorial-pale); }
.oceidon-destination-editorial-route-note > div { display: grid; max-width: 980px; margin-inline: auto; grid-template-columns: .75fr 1.25fr; align-items: center; gap: 80px; }
.oceidon-destination-editorial-route-note h2 { color: var(--oceidon-editorial-ink); font-family: Platypi, Georgia, serif; font-size: clamp(38px, 4.4vw, 60px); font-weight: 500; letter-spacing: -.05em; line-height: 1; text-wrap: balance; }
.oceidon-destination-editorial-route-note p { margin: 0; font-size: 14px; line-height: 1.8; }
.oceidon-destination-editorial-route-note p + p { margin-top: 15px; }
.oceidon-destination-editorial-route-note strong { color: var(--oceidon-editorial-ink); }
/* Dua journey offer dari homepage, scoped khusus hub destinasi agar shell global tetap aman. */
.oceidon-destination-editorial-home-cta { position: relative; overflow: hidden; padding: 70px 7%; color: #fff; background: #0b7e80; }
.oceidon-destination-editorial-home-cta--ready { background: linear-gradient(112deg, #07aeca, #0bb8d7 52%, #079bb8); }
.oceidon-destination-editorial-home-cta-inner { position: relative; z-index: 1; display: grid; max-width: 1240px; margin-inline: auto; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(160px, .65fr); align-items: center; gap: 26px; }
.oceidon-destination-editorial-home-cta-title h2 { max-width: 530px; color: #fff; font-family: Platypi, Georgia, serif; font-size: clamp(36px, 4.2vw, 60px); font-weight: 500; letter-spacing: -.05em; line-height: .96; text-wrap: balance; }
.oceidon-destination-editorial-home-cta-offer h3 { color: #fff; font-size: 12px; font-weight: 700; letter-spacing: .14em; line-height: 1.2; text-transform: uppercase; }
.oceidon-destination-editorial-home-cta-offer p { margin-top: 10px; color: rgba(255,255,255,.82); font-size: 13px; line-height: 1.5; }
.oceidon-destination-editorial-home-cta-action { display: flex; justify-content: flex-end; }
.oceidon-destination-editorial-home-cta-action a { display: inline-flex; min-height: 48px; padding: 0 22px; align-items: center; gap: 12px; border-radius: 999px; color: #fff; background: rgba(8,47,54,.82); font-size: 11px; font-weight: 700; letter-spacing: .06em; white-space: nowrap; transition: transform .25s, background .25s; }
.oceidon-destination-editorial-home-cta-action a:hover,
.oceidon-destination-editorial-home-cta-action a:focus-visible { color: #fff; background: #082f36; transform: translateY(-2px); }
.oceidon-destination-editorial-home-cta-boat { position: absolute; z-index: 0; top: 50%; left: 47%; width: min(360px, 32vw); margin: -76px 0 0 -170px; opacity: .72; pointer-events: none; transform: rotate(-2deg); }
.oceidon-destination-editorial-home-cta-boat img { display: block; width: 100%; height: auto; object-fit: contain; }
.oceidon-destination-editorial-home-cta--ready .oceidon-destination-editorial-home-cta-visual { display: flex; justify-content: center; }
.oceidon-destination-editorial-home-cta--ready .oceidon-destination-editorial-home-cta-visual img { width: min(280px, 100%); height: auto; object-fit: contain; filter: drop-shadow(0 12px 12px rgba(0,48,59,.18)); }
.oceidon-destination-editorial-home-cta--ready .oceidon-destination-editorial-home-cta-boat { display: none; }

@media (max-width: 1050px) {
  .oceidon-destination-editorial-route-strip > div { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 860px) {
  .oceidon-destination-editorial-route-overview-inner,
  .oceidon-destination-editorial-route-note > div { grid-template-columns: 1fr; gap: 32px; }
  .oceidon-destination-editorial-index-grid,
  .oceidon-destination-editorial-condition-grid { grid-template-columns: 1fr; }
  .oceidon-destination-editorial-route-overview { padding: 70px 24px; }
  .oceidon-destination-editorial-route-overview figure { min-height: 270px; }
  .oceidon-destination-editorial-route-video { min-height: 270px; }
  .oceidon-destination-editorial-route-note > div { gap: 18px; }
}
@media (max-width: 700px) {
  .oceidon-destination-editorial-inner { width: calc(100% - 40px); }
  .oceidon-destination-editorial-hero { min-height: 640px; padding: 150px 24px 70px; align-items: end; }
  .oceidon-destination-editorial-hero h1 { font-size: 53px; }
  .oceidon-destination-editorial-hero-lead { margin-top: 20px !important; font-size: 14px; }
  .oceidon-destination-editorial-route-strip { padding: 22px 20px; }
  .oceidon-destination-editorial-route-strip > div { display: flex; max-width: none; padding-bottom: 5px; overflow-x: auto; scroll-snap-type: x proximity; scrollbar-width: none; }
  .oceidon-destination-editorial-route-strip > div::-webkit-scrollbar { display: none; }
  .oceidon-destination-editorial-route-card { min-height: 220px; flex: 0 0 min(78vw, 300px); scroll-snap-align: start; }
  .oceidon-destination-editorial-section-heading { display: block; margin-bottom: 30px; }
  .oceidon-destination-editorial-section-heading h2 { font-size: 44px; }
  .oceidon-destination-editorial-section-heading > p,
  .oceidon-destination-editorial-section-heading > div > p:last-child { margin-top: 17px; font-size: 13px; }
  .oceidon-destination-editorial-route-overview ol { grid-template-columns: 1fr; }
  .oceidon-destination-editorial-index,
  .oceidon-destination-editorial-gallery,
  .oceidon-destination-editorial-condition { padding: 70px 20px; }
  .oceidon-destination-editorial-marquee-section { padding: 70px 0 25px; }
  .oceidon-destination-editorial-marquee { margin-top: 30px; }
  .oceidon-destination-editorial-marquee-track { gap: 9px; animation-duration: 46s; }
  .oceidon-destination-editorial-marquee-tile { flex-basis: 72vw; border-radius: 15px; }
  .oceidon-destination-editorial-marquee-tile > span { right: 14px; bottom: 34px; left: 14px; font-size: 20px; }
  .oceidon-destination-editorial-marquee-tile > small { right: 14px; bottom: 15px; left: 14px; }
  .oceidon-destination-editorial-visual-note { padding: 0 20px; font-size: 10px; }
  .oceidon-destination-editorial-index-card { display: grid; grid-template-columns: 42% 58%; }
  .oceidon-destination-editorial-index-card figure { height: 100%; min-height: 152px; }
  .oceidon-destination-editorial-index-card > div { padding: 18px 16px; }
  .oceidon-destination-editorial-index-card h3 { font-size: 23px; }
  .oceidon-destination-editorial-index-card p { min-height: 0; margin: 8px 0 13px; font-size: 11px; }
  .oceidon-destination-editorial-details { padding: 70px 20px 75px; }
  .oceidon-destination-editorial-entry,
  .oceidon-destination-editorial-entry:nth-child(even) { display: flex; min-height: 0; flex-direction: column; }
  .oceidon-destination-editorial-entry:nth-child(even) .oceidon-destination-editorial-photo { order: 0; }
  .oceidon-destination-editorial-photo { min-height: 270px; height: 270px; }
  .oceidon-destination-editorial-photo > span { top: 15px; left: 15px; width: 40px; height: 40px; font-size: 10px; }
  .oceidon-destination-editorial-copy { padding: 28px 24px 30px; }
  .oceidon-destination-editorial-copy h3 { font-size: 34px; }
  .oceidon-destination-editorial-summary { margin: 15px 0 20px !important; font-size: 13px; }
  .oceidon-destination-editorial-copy dl { grid-template-columns: 1fr; }
  .oceidon-destination-editorial-fact { padding: 12px 0; }
  .oceidon-destination-editorial-fact dd { font-size: 12px; }
  .oceidon-destination-editorial-link { margin-top: 19px; font-size: 10px; }
  .oceidon-destination-editorial-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: clamp(92px, 25vw, 125px); gap: 9px; }
  .oceidon-destination-editorial-gallery-tile.is-feature { grid-column: span 2; grid-row: span 3; }
  .oceidon-destination-editorial-gallery-tile.is-wide { grid-column: span 1; grid-row: span 2; }
  .oceidon-destination-editorial-gallery-tile.is-tall { grid-column: span 1; grid-row: span 3; }
  .oceidon-destination-editorial-gallery-tile.is-standard { grid-column: span 2; grid-row: span 2; }
  .oceidon-destination-editorial-condition-card { min-height: 0; padding: 23px 21px; }
  .oceidon-destination-editorial-condition-card h3 { font-size: 27px; }
  .oceidon-destination-editorial-faq { padding: 70px 20px 75px; }
  .oceidon-destination-editorial-faq .oceidon-destination-editorial-section-heading { display: block; }
  .oceidon-destination-editorial-faq-item summary { min-height: 58px; padding: 17px 16px; font-size: 12px; }
  .oceidon-destination-editorial-faq-item p { padding: 0 16px 17px; font-size: 12px; }
  .oceidon-destination-editorial-route-note { padding: 58px 24px; }
  .oceidon-destination-editorial-route-note p { margin-top: 18px; font-size: 13px; }
  .oceidon-destination-editorial-cta { padding: 60px 24px; }
  .oceidon-destination-editorial-cta > div { display: block; }
  .oceidon-destination-editorial-cta h2 { font-size: 43px; }
  .oceidon-destination-editorial-cta > div > div { margin-top: 23px; }
  .oceidon-destination-editorial-home-cta { padding: 58px 20px; }
  .oceidon-destination-editorial-home-cta-inner { grid-template-columns: 1fr; gap: 22px; text-align: center; }
  .oceidon-destination-editorial-home-cta-title h2 { max-width: none; font-size: 42px; }
  .oceidon-destination-editorial-home-cta-offer p { font-size: 12px; }
  .oceidon-destination-editorial-home-cta-action { justify-content: center; }
  .oceidon-destination-editorial-home-cta-boat { top: auto; right: -48px; bottom: -20px; left: auto; width: 250px; margin: 0; opacity: .2; }
  .oceidon-destination-editorial-home-cta--ready .oceidon-destination-editorial-home-cta-visual img { width: min(250px, 82vw); }
}

/* --------------------------------------------------------------------------
   Homepage CTA contract
   The destination hub deliberately uses the same production markup and
   geometry as the approved homepage journey banners and inquiry panel.
   Keep the adapter scoped so the global destination shell cannot inherit
   template-wide rules.
   -------------------------------------------------------------------------- */
.oceidon-destination-editorial-hub > .oceidon-journey-offer-section {
  position: relative;
  z-index: 1;
  color: #fff;
  font-family: Poppins, sans-serif;
  overflow: hidden;
  background: transparent url('/assets/images/oceidon/home/brand/oceidon-journey-bg.png') center / cover no-repeat;
}
.oceidon-destination-editorial-hub > .oceidon-journey-offer-section.oceidon-variant-rounded {
  width: calc(100% - 60px);
  min-height: 240px;
  margin-inline: auto;
  padding: 34px 0;
  border-radius: 30px;
  background-color: #12a0a0;
}
.oceidon-destination-editorial-hub > .oceidon-journey-offer-section.oceidon-variant-two {
  min-height: 184px;
  margin-top: 88px;
  padding: 26px 0;
}
.oceidon-destination-editorial-hub > .oceidon-journey-offer-section.oceidon-variant-two > .oceidon-cta-boat { display: none; }
.oceidon-destination-editorial-hub .oceidon-layout-container-wide {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1470px;
  margin-inline: auto;
  padding-inline: 15px;
}
.oceidon-destination-editorial-hub .oceidon-journey-offer-section .row {
  min-height: 172px;
  margin-inline: -12px;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(250px, .9fr) minmax(190px, .72fr);
  align-items: center;
  gap: 24px;
}
.oceidon-destination-editorial-hub .oceidon-journey-offer-section .row > [class*='col-'] {
  width: auto;
  max-width: none;
  min-width: 0;
  padding-inline: 10px;
}
.oceidon-destination-editorial-hub .oceidon-journey-title h2 {
  margin: 0;
  color: #fff;
  font-family: Platypi, Georgia, serif;
  font-size: clamp(42px, 2.7vw, 48px);
  font-weight: 400;
  letter-spacing: -.04em;
  line-height: 1.04;
  text-wrap: balance;
}
.oceidon-destination-editorial-hub .oceidon-journey-offer {
  position: relative;
  align-self: start;
  padding: 2px 0 96px;
  text-align: center;
}
.oceidon-destination-editorial-hub .oceidon-journey-offer h3 {
  margin: 0;
  color: #fff;
  font-family: Platypi, Georgia, serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.1;
  text-transform: uppercase;
}
.oceidon-destination-editorial-hub .oceidon-journey-offer p {
  margin: 0;
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 20px;
  line-height: 1.5;
}
.oceidon-destination-editorial-hub .oceidon-booking-button-compact {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
}
.oceidon-destination-editorial-hub .oceidon-button a {
  position: relative;
  z-index: 1;
  display: inline-flex;
  min-height: 56px;
  padding: 16px 30px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 30px;
  color: #fff;
  background: #0c8282;
  font-family: Poppins, sans-serif;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 2px;
  line-height: 26px;
  white-space: nowrap;
  transition: transform .25s ease, background-color .25s ease;
}
.oceidon-destination-editorial-hub .oceidon-button a:hover,
.oceidon-destination-editorial-hub .oceidon-button a:focus-visible { color: #fff; background: #122327; transform: translateY(-2px); }
.oceidon-destination-editorial-hub .oceidon-button a svg { flex: 0 0 auto; margin-left: 10px; }
.oceidon-destination-editorial-hub .oceidon-journey-img {
  position: absolute;
  z-index: 0;
  top: auto;
  bottom: 22px;
  left: 50%;
  width: 270px;
  margin: 0 0 0 -135px;
  opacity: .92;
  pointer-events: none;
  animation: oceidon-destination-boat-drift 4.8s ease-in-out infinite;
}
.oceidon-destination-editorial-hub .oceidon-journey-img img { display: block; width: 100%; height: auto; object-fit: contain; }
.oceidon-destination-editorial-hub > .oceidon-journey-offer-section.oceidon-variant-two .row { min-height: 132px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.oceidon-destination-editorial-hub .oceidon-news-image {
  display: flex;
  min-height: 126px;
  align-items: center;
  justify-content: center;
  line-height: 0;
  text-align: center;
}
.oceidon-destination-editorial-hub .oceidon-news-boat img {
  display: block;
  width: min(100%, 300px);
  max-height: 126px;
  margin-inline: auto;
  object-fit: contain;
  animation: oceidon-destination-boat-drift 4.8s ease-in-out infinite;
}
.oceidon-destination-editorial-hub .oceidon-subscribe-card.oceidon-right-column.oceidon-variant-two { padding: 0; background: transparent; }
.oceidon-destination-editorial-hub .oceidon-final-cta { margin: 0; text-align: right; }
.oceidon-destination-editorial-hub .oceidon-final-cta a { min-height: 56px; padding: 15px 40px; font-size: 18px; }

/* Homepage inquiry panel, kept as the same middle step between both banners. */
.oceidon-destination-editorial-hub > .oceidon-contact-section {
  position: relative;
  z-index: 2;
  width: calc(100% - 60px);
  min-height: 0;
  margin: 0 auto;
  padding: 170px 0 0;
  overflow: visible;
  border-radius: 30px;
  color: #fff;
  background: url('/assets/images/oceidon/home/media/contact-bg.jpg') center / cover no-repeat;
  font-family: Poppins, sans-serif;
}
.oceidon-destination-editorial-hub > .oceidon-contact-section > .oceidon-layout-container-wide > .row { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: start; margin-inline: -12px; }
.oceidon-destination-editorial-hub .oceidon-contact-section .row > [class*='col-'] { padding-inline: 12px; }
.oceidon-destination-editorial-hub .oceidon-section-heading { margin: 0; }
.oceidon-destination-editorial-hub .oceidon-section-heading h2 { margin: 0; color: #fff; font-family: Platypi, Georgia, serif; font-size: 50px; font-weight: 400; letter-spacing: -.035em; line-height: 1.06; text-transform: uppercase; }
.oceidon-destination-editorial-hub .oceidon-section-heading h2 span { color: #fff; }
.oceidon-destination-editorial-hub .oceidon-heading-accent { color: #5fcec0 !important; }
.oceidon-destination-editorial-hub .oceidon-info-right { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin: 44px 110px 0 0; }
.oceidon-destination-editorial-hub .oceidon-info-right > [class*='col-'] { padding-inline: 0; }
.oceidon-destination-editorial-hub .oceidon-info-box { display: flex; min-height: 86px; align-items: center; gap: 15px; padding: 22px 30px 20px; border-radius: 15px; color: #fff; background: rgba(255,255,255,.14); backdrop-filter: blur(20px); }
.oceidon-destination-editorial-hub .oceidon-info-icon { display: grid; width: 40px; height: 40px; flex: 0 0 40px; place-items: center; border: 2px solid #12a0a0; border-radius: 50%; color: #12a0a0; }
.oceidon-destination-editorial-hub .oceidon-info-content h2 { margin: 0; color: #fff; font-family: Platypi, Georgia, serif; font-size: 14.4px; font-weight: 400; letter-spacing: .04em; line-height: 1.3; }
.oceidon-destination-editorial-hub .oceidon-contact-form-box { position: relative; z-index: 2; margin-bottom: -60px; padding: 52px 50px 60px; border: 1px solid rgba(255,255,255,.75); border-radius: 30px; background: rgba(255,255,255,.96); box-shadow: 0 30px 70px rgba(7,27,33,.22); color: #1c2d31; }
.oceidon-destination-editorial-hub .oceidon-form-title { margin: 0 0 40px; color: #1c2d31; font-family: Platypi, Georgia, serif; font-size: 40px; font-weight: 400; line-height: 1.2; text-align: center; }
.oceidon-destination-editorial-hub .oceidon-contact-form-box form .row { display: grid; min-height: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 20px; margin: 0; }
.oceidon-destination-editorial-hub .oceidon-contact-form-box form .row > [class*='col-lg-12'] { grid-column: 1 / -1; }
.oceidon-destination-editorial-hub .oceidon-form-field { position: relative; display: flex; margin-bottom: 20px; align-items: center; }
.oceidon-destination-editorial-hub .oceidon-form-field input,
.oceidon-destination-editorial-hub .oceidon-form-field textarea { width: 100%; border: 1px solid rgba(12,35,24,.15); outline: 0; background: transparent; color: #1c2d31; font-family: Poppins, sans-serif; transition: border-color .25s ease; }
.oceidon-destination-editorial-hub .oceidon-form-field input { height: 52px; padding: 0 25px; border-radius: 50px; }
.oceidon-destination-editorial-hub .oceidon-form-field textarea { height: 140px; padding: 15px 25px 0; border-radius: 30px; resize: vertical; }
.oceidon-destination-editorial-hub .oceidon-form-field input:focus,
.oceidon-destination-editorial-hub .oceidon-form-field textarea:focus { border-color: #12a0a0; }
.oceidon-destination-editorial-hub .oceidon-form-field input::placeholder,
.oceidon-destination-editorial-hub .oceidon-form-field textarea::placeholder { color: #536566; font-family: Poppins, sans-serif; font-size: 16px; }
.oceidon-destination-editorial-hub .oceidon-contact-form { grid-column: 1 / -1; }
.oceidon-destination-editorial-hub .oceidon-contact-form button { position: relative; z-index: 1; display: inline-flex; min-height: 0; margin-top: 10px; padding: 12px 30px; align-items: center; gap: 10px; border: 0; border-radius: 45px; color: #fff; background: #12a0a0; font-family: Poppins, sans-serif; font-size: 18px; font-weight: 400; letter-spacing: 2px; line-height: 26px; cursor: pointer; }
.oceidon-destination-editorial-hub .oceidon-contact-form button:hover,
.oceidon-destination-editorial-hub .oceidon-contact-form button:focus-visible { background: #122327; }
.oceidon-destination-editorial-hub .oceidon-honeypot,
.oceidon-destination-editorial-hub .oceidon-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.oceidon-destination-editorial-hub #status { min-height: 0; margin-top: 0; color: #0c8282; font-size: 13px; }

@keyframes oceidon-destination-boat-drift {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
  50% { transform: translate3d(0, -8px, 0) rotate(-1.2deg); }
}

@media (max-width: 1050px) {
  .oceidon-destination-editorial-hub .oceidon-journey-offer-section .row { grid-template-columns: minmax(0, 1.15fr) minmax(230px, .9fr) minmax(150px, .7fr); gap: 18px; }
  .oceidon-destination-editorial-hub .oceidon-journey-title h2 { font-size: clamp(30px, 3.7vw, 42px); }
  .oceidon-destination-editorial-hub .oceidon-contact-section .oceidon-section-heading h2 { font-size: 42px; }
}
@media (max-width: 767px) {
  .oceidon-destination-editorial-hub > .oceidon-journey-offer-section.oceidon-variant-rounded,
  .oceidon-destination-editorial-hub > .oceidon-contact-section { width: calc(100% - 20px); }
  .oceidon-destination-editorial-hub > .oceidon-journey-offer-section.oceidon-variant-rounded { min-height: 0; padding: 30px 20px 22px; }
  .oceidon-destination-editorial-hub .oceidon-journey-offer-section .row,
  .oceidon-destination-editorial-hub > .oceidon-journey-offer-section.oceidon-variant-two .row,
  .oceidon-destination-editorial-hub > .oceidon-contact-section > .oceidon-layout-container-wide > .row { display: flex; min-height: 0; flex-direction: column; gap: 0; }
  .oceidon-destination-editorial-hub .oceidon-journey-offer-section .row > [class*='col-'],
  .oceidon-destination-editorial-hub .oceidon-contact-section .row > [class*='col-'] { width: 100%; padding-inline: 12px; }
  .oceidon-destination-editorial-hub .oceidon-journey-title h2 { font-size: 35px; line-height: 40px; }
  .oceidon-destination-editorial-hub .oceidon-journey-offer { margin: 5px 0 20px; padding: 0; }
  .oceidon-destination-editorial-hub .oceidon-journey-offer h3 { font-size: 24px; line-height: 28.8px; }
  .oceidon-destination-editorial-hub .oceidon-journey-offer p { font-size: 20px; line-height: 28px; }
  .oceidon-destination-editorial-hub .oceidon-booking-button-compact { justify-content: center; margin-top: 0; }
  .oceidon-destination-editorial-hub .oceidon-booking-button-compact a { min-height: 0; padding: 12px 28px; font-size: 17px; line-height: 26px; }
  .oceidon-destination-editorial-hub .oceidon-journey-img { position: relative; inset: auto; width: min(72vw, 250px); margin: 14px auto 0; }
  .oceidon-destination-editorial-hub > .oceidon-journey-offer-section.oceidon-variant-two { min-height: 0; margin-top: 56px; padding: 34px 0; }
  .oceidon-destination-editorial-hub > .oceidon-journey-offer-section.oceidon-variant-two .oceidon-journey-title { text-align: center; }
  .oceidon-destination-editorial-hub .oceidon-news-image { min-height: 112px; margin-top: 12px; }
  .oceidon-destination-editorial-hub .oceidon-news-boat img { width: min(76vw, 260px); max-height: 112px; }
  .oceidon-destination-editorial-hub .oceidon-final-cta { margin-top: 18px; text-align: center; }
  .oceidon-destination-editorial-hub .oceidon-final-cta a { width: min(100%, 320px); }
  .oceidon-destination-editorial-hub > .oceidon-contact-section { padding-top: 115px; }
  .oceidon-destination-editorial-hub .oceidon-contact-section .oceidon-section-heading h2 { font-size: 38px; line-height: 1.08; }
  .oceidon-destination-editorial-hub .oceidon-info-right { grid-template-columns: 1fr; gap: 12px; margin: 30px 0 0; }
  .oceidon-destination-editorial-hub .oceidon-info-box { padding: 18px 20px; }
  .oceidon-destination-editorial-hub .oceidon-contact-form-box { width: 100%; margin: 24px 0 0; padding: 38px 24px 42px; }
  .oceidon-destination-editorial-hub .oceidon-form-title { margin-bottom: 40px; font-size: 32px; line-height: 48px; }
  .oceidon-destination-editorial-hub .oceidon-contact-form-box form .row { display: flex; flex-direction: column; grid-template-columns: none; gap: 0; margin-inline: -12px; }
  .oceidon-destination-editorial-hub .oceidon-contact-form-box form .row > [class*='col-'] { grid-column: 1 / -1; }
  .oceidon-destination-editorial-hub > .oceidon-journey-offer-section.oceidon-variant-two .oceidon-journey-title h2 { font-size: 30px; line-height: 32.4px; }
  .oceidon-destination-editorial-hub > .oceidon-journey-offer-section.oceidon-variant-two .oceidon-news-image { margin-top: 0; }
  .oceidon-destination-editorial-hub > .oceidon-journey-offer-section.oceidon-variant-two .oceidon-final-cta { margin: 0 0 30px; text-align: center; }
  .oceidon-destination-editorial-hub > .oceidon-journey-offer-section.oceidon-variant-two .oceidon-final-cta a { display: inline-block; width: auto; min-height: 0; padding: 12px 28px; font-size: 17px; line-height: 26px; }
}
@media (prefers-reduced-motion: reduce) {
  .oceidon-destination-editorial-hub .oceidon-journey-img,
  .oceidon-destination-editorial-hub .oceidon-news-boat img { animation: none; }
}