/* ==========================================================================
   Tour Ceylon +94 — Prose, pullquote and the story column
   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.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Prose — About page story column
   -------------------------------------------------------------------------- */
.tc94-prose > * + * { margin-top: var(--wp--preset--spacing--50); }

.tc94-prose p {
  color: var(--wp--custom--color--text-muted);
  max-width: var(--wp--custom--measure--prose);
}

.tc94-prose h3 {
  margin-top: var(--wp--preset--spacing--80);
  color: var(--wp--custom--color--text);
}

.tc94-prose--on-dark p { color: var(--wp--custom--color--on-dark-muted); }

/* The static design wrote this column by hand and never used a list. The
   owner writes it in a visual editor that offers one, so a plain list keeps
   its bullets and gains the paragraph colour and measure. */
.tc94-prose ul,
.tc94-prose ol {
  padding-left: var(--wp--preset--spacing--60);
  color: var(--wp--custom--color--text-muted);
  max-width: var(--wp--custom--measure--prose);
}

.tc94-prose li + li { margin-top: var(--wp--preset--spacing--20); }

.tc94-prose--on-dark ul,
.tc94-prose--on-dark ol { color: var(--wp--custom--color--on-dark-muted); }

/* A pulled-out line inside the story.
   The visual editor's quote button produces a bare <blockquote>, which is
   exactly this line, so the owner needs no class for it. */
.tc94-pullquote,
.tc94-prose blockquote {
  margin-top: var(--wp--preset--spacing--80);
  padding-left: var(--wp--preset--spacing--60);
  border-left: 3px solid var(--wp--preset--color--highlight);
  font-size: var(--wp--preset--font-size--xl);
  line-height: var(--wp--custom--leading--snug);
  font-weight: var(--wp--custom--weight--semibold);
  color: var(--wp--custom--color--text);
  letter-spacing: var(--wp--custom--tracking--snug);
  max-width: var(--wp--custom--measure--lede);
}

.tc94-section--dark .tc94-pullquote,
.tc94-section--dark .tc94-prose blockquote { color: var(--wp--custom--color--heading-on-dark); }

/* --------------------------------------------------------------------------
   Story column with a standing aside (About page)
   -------------------------------------------------------------------------- */
.tc94-story {
  display: grid;
  gap: var(--wp--preset--spacing--80);
  align-items: start;
}

@media (min-width: 62rem) {
  .tc94-story {
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.9fr);
    gap: var(--wp--preset--spacing--100);
  }
}

.tc94-story__figure {
  position: relative;
  margin: 0;
  border-radius: var(--wp--custom--radius--md);
  overflow: hidden;
  box-shadow: var(--wp--custom--shadow--lg);
  aspect-ratio: 4 / 3;
}

@media (min-width: 62rem) {
  .tc94-story__figure { aspect-ratio: 4 / 5; }
}

.tc94-story__figure img { width: 100%; height: 100%; object-fit: cover; }

.tc94-story__figure figcaption {
  position: absolute;
  inset: auto 0 0 0;
  padding: var(--wp--preset--spacing--70) var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
  font-size: var(--wp--preset--font-size--xs);
  color: var(--wp--custom--color--on-dark);
  background: linear-gradient(to top, var(--wp--custom--alpha--dark-80), transparent);
}

.tc94-story__aside { display: grid; gap: var(--wp--preset--spacing--60); }