/* ==========================================================================
   Tour Ceylon +94 — Split band
   Ported from the static design's pages.css. Every length, colour and
   duration resolves through a theme.json token, so Global Styles still
   re-skins this section.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Split band — a two-column feature with a tinted panel
   -------------------------------------------------------------------------- */
.tc94-split {
  display: grid;
  gap: var(--wp--preset--spacing--80);
  align-items: center;
}

@media (min-width: 62rem) {
  .tc94-split {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--wp--preset--spacing--110);
  }
  .tc94-split--media-right .tc94-split__media { order: 2; }
}

.tc94-split__media {
  border-radius: var(--wp--custom--radius--lg);
  overflow: hidden;
  box-shadow: var(--wp--custom--shadow--media);
}

.tc94-split__media img {
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}

.tc94-split__body > * + * { margin-top: var(--wp--preset--spacing--50); }