/* ==========================================================================
   Split — text and a photograph side by side.

   Measured off the live Kodungallur Overview at 1440, 810 and 390,
   2026-09-24. Two equal columns 50 apart, centred on each other; below
   desktop the photograph goes under the text, 50 down. On a phone the band
   has 50 above it rather than 100.
   ========================================================================== */

.vv-band--r-split .vv-band__inner {
  overflow: clip;                      /* as live */
  display: flex;
  flex-direction: var(--vv-r-split-direction);
  align-items: var(--vv-r-split-align);
  gap: var(--vv-gap-50);
}

.vv-r-split__text,
.vv-r-split__media { flex: 1 1 0; min-width: 0; }

.vv-r-split__text {
  --vv-r-split-text-gap: var(--vv-gap-25);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--vv-r-split-text-gap);
  overflow: clip;                      /* as live */
}

.vv-r-split__heading { color: var(--vv-color-text-emphasised); }

/* A person's title, 10 under their name (the head gap), as the paragraphs. */
.vv-r-split__person-title { margin-block-start: calc(var(--vv-head-text-gap) - var(--vv-r-split-text-gap)); }

.vv-r-split__paras {
  display: flex;
  flex-direction: column;
  gap: var(--vv-gap-10);
  /* the heading to its text is the section heading gap, whatever the text's own gap */
  margin-block-start: calc(var(--vv-head-text-gap) - var(--vv-r-split-text-gap));
}


.vv-r-split__action { display: flex; }   /* flex: no line-box strut */

.vv-r-split__media { height: var(--vv-card-media-h); overflow: clip; }   /* a single photograph: 588, the card rule (user, 2026-09-25; live 450) */

.vv-r-split__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 100%;           /* measured: cropped from the bottom */
}

/* ---------- Breakpoints ---------- */

:root {
  --vv-r-split-direction: row;
  --vv-r-split-align: center;
}

@media (max-width: 1200.98px) {
  :root { --vv-r-split-direction: column; --vv-r-split-align: stretch; }
  .vv-r-split__text,
  .vv-r-split__media { flex: none; }
}

/* ==========================================================================
   Feature layout — the homepage's Weddings, Gatherings and Packages bands.
   Measured 2026-09-24: two equal halves 40 apart; centred text — the gold
   label 10 over the serif heading (10 above the label), the text link 20
   under; the photograph 500 tall, centred (a focal point overrides), on
   either side. Below desktop the text sits over the photograph, 40 apart:
   400 tall on a tablet, 280 on a phone.
   ========================================================================== */

.vv-r-split--feature .vv-band__inner { gap: var(--vv-gap-40); }
.vv-r-split--media-left .vv-r-split__media { order: -1; }

.vv-r-split--feature .vv-r-split__text {
  --vv-r-split-text-gap: var(--vv-head-text-gap);
  align-items: flex-start;
  text-align: left;
}
.vv-r-split__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--vv-gap-10);
  padding-top: var(--vv-gap-10);
}
.vv-r-split__heading--default { color: var(--vv-color-text-emphasised); }   /* one heading colour */

.vv-r-split--feature .vv-r-split__media { height: var(--vv-card-media-h); }   /* 588 at every width (live 500 / 400 / 280) */
.vv-r-split--feature .vv-r-split__img { object-position: 50% 50%; }

@media (max-width: 1200.98px) {
  .vv-r-split--media-left .vv-r-split__media { order: 0; }
}
@media (max-width: 809.98px) {
  .vv-band--r-split.vv-r-split--feature { padding-block-start: var(--vv-section-y); }
}

/* ==========================================================================
   Story layout — the homepage's "A Memory, Made Present". Measured
   2026-09-24: a secondary band (80 above and below); two equal halves with
   no gap, the photograph stretched to the text's height; the text padded
   50 and centred — the grey label 12 over the heading, the paragraph 25
   under the heading (the heading-to-description gap; live 20), the card link 12 below. Below desktop the label,
   the heading, then the photograph at 320 inside the gutter, then the
   paragraph and link (user, 2026-11-11).
   ========================================================================== */

.vv-band--r-split.vv-r-split--story { padding-block: var(--vv-section-y-compact); }
.vv-r-split--story .vv-band__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: stretch;
  gap: 0;
}
.vv-r-split--story .vv-r-split__media { height: var(--vv-card-media-h); }   /* 588 at every width (live: as tall as the text / 400 / 221) */
.vv-r-split--story .vv-r-split__img { object-position: 50% 50%; }
.vv-r-split--story .vv-r-split__text {
  justify-content: center;
  align-items: flex-start;
  gap: var(--vv-gap-10);
  padding: var(--vv-gap-50);
  text-align: left;
}
.vv-r-split--story .vv-r-split__head { padding-top: 0; }
.vv-r-split__story {
  display: flex;
  flex-direction: column;
  gap: var(--vv-head-text-gap);        /* heading to description: 25 (live 20) */
}

@media (max-width: 1200.98px) {
  /* Label, heading, photograph (320, inside the gutter at every width),
     paragraph, link (user, 2026-11-11, second pass): the text box and the
     story dissolve so the heading can sit above the photograph. */
  .vv-r-split--story .vv-band__inner { grid-template-columns: 1fr; gap: 0; }
  .vv-r-split--story :is(.vv-r-split__text, .vv-r-split__story) { display: contents; }
  .vv-r-split--story .vv-r-split__head { order: 0; padding: 0 0 var(--vv-gap-10); }
  .vv-r-split--story .vv-r-split__heading { order: 0; }
  .vv-r-split--story.vv-r-split--media-left .vv-r-split__media,
  .vv-r-split--story .vv-r-split__media { order: 1; height: var(--vv-card-media-h-package); margin-top: var(--vv-gap-25); }
  .vv-r-split--story .vv-r-split__story > p { order: 2; padding-top: var(--vv-gap-25); }
  .vv-r-split--story .vv-r-split__action { order: 3; padding-top: var(--vv-gap-25); }
}
@media (max-width: 809.98px) {
  /* The link 15 under the paragraph on a phone (#28). */
  .vv-r-split--story .vv-r-split__action { padding-top: var(--vv-gap-15); }
}

/* ==========================================================================
   Room pages — layouts room, aside and collage. Measured off Heritage Rooms
   and the Private Pool Villa at 1440 / 810 / 390, 2026-09-25, Kodungallur's
   as the standard where they drift (#33).
   ========================================================================== */

.vv-r-split--room .vv-r-split__text,
.vv-r-split--collage .vv-r-split__text,
.vv-r-split__aside-body {
  --vv-r-split-text-gap: var(--vv-head-text-gap);
  display: flex;
  flex-direction: column;
  gap: var(--vv-r-split-text-gap);
}
.vv-r-split__room-body,
.vv-r-split__aside-body { display: flex; flex-direction: column; gap: var(--vv-gap-20); }
.vv-r-split__room-body { margin-block-start: calc(var(--vv-head-text-gap) - var(--vv-r-split-text-gap)); }
/* Content, not a description: a body that opens with its list sits 25 under
   the title group (heading, label, description), not 10 (§4; user, 2026-10-12). */
.vv-r-split__room-body:has(> .vv-dlist:first-child) { margin-block-start: calc(var(--vv-gap-25) - var(--vv-r-split-text-gap)); }
.vv-r-split__heading--highlight { color: var(--vv-color-text-emphasised); }

/* ---------- Room: text beside a 588 photograph, 50 apart ---------- */
.vv-r-split__room {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--vv-gap-50);
  align-items: center;   /* the text centred on the photograph, as the rows layout (user, 2026-10-08) */
}
.vv-r-split--room .vv-r-split__media { height: var(--vv-card-media-h); overflow: clip; }
.vv-r-split--room .vv-r-split__img { width: 100%; height: 100%; object-fit: cover; }
/* A feature row's photograph is first in the source; on desktop a
   right-hand one moves back to the second column. */
@media (min-width: 1201px) {
  .vv-r-split--feature-row.vv-r-split--media-right .vv-r-split__media { order: 2; }
}
/* Several photographs: the shared slideshow, its photograph the same 588,
   its dots 20 under it, outside the photograph (user, 2026-11-11). */
.vv-r-split--room .vv-r-split__media:has(.vv-slides) { height: auto; overflow: visible; }
.vv-r-split--room .vv-r-split__media .vv-slides { --vv-slides-h: var(--vv-card-media-h); }

/* ---------- Aside: a 360 heading, 100 from a 740 body ---------- */
/* The aside's optional label sits 20 over its heading, as the hub title
   band's; its optional button keeps its own width. */
.vv-r-split__aside-head { display: flex; flex-direction: column; gap: var(--vv-gap-20); }
.vv-r-split__aside-action { display: flex; }
/* The body tops-aligns with its heading; stacked, the grid gap spaces them. */
.vv-r-split__aside-body .vv-r-split__paras { margin-block-start: 0; }
.vv-r-split__aside {
  display: grid;
  grid-template-columns: 360px minmax(0, 740px);
  gap: var(--vv-gap-100);
}

/* ---------- Collage ----------
   Left: the text in 625, a photograph 100 under it. Right, 50 over: one
   photograph 139 in, another 100 under it at the column's edge. Every
   photograph 347 wide and held at 5:6, so it keeps its framing as the
   column narrows (416 tall; live 419); full column at 4:5 on a phone
   (not the card rule's 588). */
.vv-r-split__collage {
  display: grid;
  grid-template-columns: 625px minmax(0, 1fr);
  column-gap: var(--vv-gap-50);
  align-items: start;
}
.vv-r-split__collage-main,
.vv-r-split__collage-side {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--vv-section-y);
}
.vv-r-split--collage .vv-r-split__heading { max-width: 451px; } /* lint: art-directed (collage) */
/* Each photograph keeps its own aspect ratio at one fixed height (the card
   rule's), so the width follows the picture; below desktop it takes the
   column at its natural ratio (#96). */
.vv-r-split__photo {
  height: var(--vv-card-media-h);
  max-width: 100%;
  overflow: clip;
}
.vv-r-split__photo--1 { margin-left: 139px; } /* lint: art-directed (collage) */
.vv-r-split__photo .vv-r-split__img { display: block; width: auto; max-width: none; height: 100%; }

@media (max-width: 1200.98px) {
  .vv-r-split__room { grid-template-columns: minmax(0, 1fr); }
  .vv-r-split__aside { grid-template-columns: minmax(0, 1fr); gap: var(--vv-section-head-gap); }
  /* Tablet: the collage held on a grid under the text.
     The first two photographs side by side, the third under the second,
     every one 5:6, 50 apart. */
  .vv-r-split__collage {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--vv-gap-50);
  }
  .vv-r-split__collage-main,
  .vv-r-split__collage-side { display: contents; }
  .vv-r-split__collage .vv-r-split__text { grid-column: 1 / -1; grid-row: 1; }
  .vv-r-split__photo--1 { grid-column: 1; grid-row: 2; margin-left: 0; }
  .vv-r-split__photo--2 { grid-column: 2; grid-row: 2; }
  .vv-r-split__photo--3 { grid-column: 2; grid-row: 3; }
  .vv-r-split__collage .vv-r-split__photo { width: 100%; height: auto; }
  .vv-r-split__collage .vv-r-split__photo .vv-r-split__img { width: 100%; height: auto; }
}
@media (max-width: 809.98px) {
  /* Phone: one column, the text then the photographs in turn, 50 apart,
     each the full column at 4:5. */
  .vv-r-split__collage { display: flex; flex-direction: column; }
  .vv-r-split__collage .vv-r-split__text { order: 1; }
  .vv-r-split__photo--1 { order: 2; }
  .vv-r-split__photo--2 { order: 3; }
  .vv-r-split__photo--3 { order: 4; }
  .vv-r-split__aside { gap: var(--vv-section-head-gap); }
}

/* The room layouts fill the band; their label headings keep the muted
   colour the base split's gold heading would override. */
.vv-r-split--room .vv-band__inner > *,
.vv-r-split--aside .vv-band__inner > *,
.vv-r-split--collage .vv-band__inner > * { flex: 1 1 auto; width: 100%; }
.vv-r-split--room .vv-r-split__heading,
.vv-r-split--aside .vv-r-split__heading { color: var(--vv-color-text-emphasised); }
/* Lake View Villas' "A Quieter Kerala Stay" swaps that muted label for the
   gold serif section heading, live (heading_style "section"). */
.vv-r-split--room .vv-r-split__heading--highlight { color: var(--vv-color-text-emphasised); }
/* The Overview split's 50 above on a phone is its own; stacked room bands
   keep 100 between shapes at every width, as live. */
@media (max-width: 809.98px) {
  .vv-band--r-split.vv-band--space-stack:not(.vv-band--nested) { padding-block-start: var(--vv-section-y); }
}

/* ==========================================================================
   Culinary (measured 2026-09-25, #34). Intro: a serif heading beside its
   paragraphs, two equal columns 50 apart; stacked on a phone, 20 apart.
   Room layout, centred: the text centred on the photograph; the list in
   three columns on a tablet; the band's action centred 50 under it all.
   ========================================================================== */

.vv-r-split--intro .vv-band__inner > * { flex: 1 1 auto; width: 100%; }
.vv-r-split--intro .vv-r-split__aside {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: var(--vv-gap-50);
}
/* Text links under the copy: side by side, wrapping (Wellness). A PDF link
   is a document row under them (.vv-doc-list, vv-primitives.css), the
   column's full width. */
.vv-r-split__links { display: flex; flex-wrap: wrap; align-items: center; gap: var(--vv-gap-20) var(--vv-gap-30); }
.vv-r-split__more {
  display: flex;
  margin-top: var(--vv-gap-50);
}
.vv-r-split--room .vv-band__inner { flex-direction: column; }
/* Row columns (Culinary's signature experiences): the venue rows' grid
   above them, mirrored — the text two fifths on the left, centred on the
   photograph, 100 clear of it and level with the band's edge; the
   photograph three fifths. Equal halves on a tablet, 40 clear; on a phone the
   photograph over the text, as the venue rows. */
.vv-r-split--row .vv-r-split__room {
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  gap: 0;
  align-items: center;
}
.vv-r-split--row .vv-r-split__text { padding: var(--vv-gap-40) var(--vv-gap-100) var(--vv-gap-40) 0; }
/* Its button 25 under the list: the CTA closes the content, it isn't part
   of the title group (§4; user, 2026-10-12). */
.vv-r-split--row .vv-r-split__more { margin-top: calc(var(--vv-gap-25) - var(--vv-r-split-text-gap)); }
@media (max-width: 1200.98px) {
  .vv-r-split--row .vv-r-split__room { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .vv-r-split--row .vv-r-split__text { padding: var(--vv-gap-40) var(--vv-gap-40) var(--vv-gap-40) 0; }
}
@media (max-width: 809.98px) {
  .vv-r-split--row .vv-r-split__room { grid-template-columns: minmax(0, 1fr); gap: var(--vv-gap-25); }
  .vv-r-split--row .vv-r-split__media { order: -1; }
  .vv-r-split--row .vv-r-split__text { padding: 0; }
}

@media (max-width: 1200.98px) and (min-width: 810px) {
  .vv-r-split--intro .vv-r-split__aside { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .vv-r-split--list-3 .vv-dlist {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--vv-gap-20);
  }
}
@media (max-width: 809.98px) {
  .vv-r-split--intro .vv-r-split__aside { grid-template-columns: minmax(0, 1fr); gap: var(--vv-section-head-gap); }
}

/* ==========================================================================
   Celebrate layout — Home's Weddings & Events (user, 2026-10-10). Full
   bleed, two halves with no gap, 800 tall on desktop. The text half on the
   page ground, everything centred: the label at the top, the heading and
   paragraph (10 apart) in the middle within the 660 measure, the text links
   (40 apart) at the foot, the section gap above and below. The other half is
   a photograph to the edges with a second, portrait one centred in it at
   the large tier (588). Below desktop the photograph comes first: 588 tall
   with a 400 inset on a tablet, 400 with a 268 inset on a phone; the text
   under it, the label 25 over the heading and the links 50 under the head.
   ========================================================================== */

.vv-band--r-split.vv-r-split--celebrate { padding: 0; }
/* The last of a run keeps a section gap of its ground under it, so the
   photograph never meets the next band's ground (user, 2026-10-16). */
.vv-band--r-split.vv-r-split--celebrate:not(:has(+ .vv-r-split--celebrate)) { padding-block-end: var(--vv-section-y); }
.vv-r-split--celebrate .vv-band__inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: none;
  align-items: stretch;
  min-height: var(--vv-split-full-h);
  gap: 0;
}
.vv-r-split--celebrate.vv-r-split--media-left .vv-r-split__media { order: -1; }
.vv-r-split--celebrate .vv-r-split__text {
  display: flex;
  flex-direction: column;
  justify-content: center;            /* label, title, line and links held together (user, 2026-10-10) */
  align-items: center;
  gap: 0;
  padding: var(--vv-section-y) var(--vv-gutter);
  text-align: center;
}
.vv-r-split--celebrate .vv-r-split__eyebrow { margin-block-end: var(--vv-gap-10); }
.vv-r-split--celebrate .vv-r-split__story {
  align-items: center;
  gap: var(--vv-gap-10);               /* title to line (user, 2026-10-10) */
  max-width: var(--vv-measure-660);
}
.vv-r-split--celebrate .vv-r-split__links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--vv-gap-40);
  margin-block-start: var(--vv-gap-25); /* 25 under the line (user, 2026-10-10) */
}
.vv-r-split--celebrate .vv-r-split__media {
  position: relative;
  display: grid;
  place-items: center;
  height: auto;
  overflow: clip;
}
.vv-r-split--celebrate .vv-r-split__inset {
  position: relative;
  z-index: 1;
  height: var(--vv-card-media-h);
  aspect-ratio: var(--vv-ratio-portrait);
  max-width: 80%;
}

@media (max-width: 1200.98px) {
  .vv-r-split--celebrate .vv-band__inner { grid-template-columns: 1fr; min-height: 0; }
  .vv-r-split--celebrate .vv-r-split__media { order: -1; height: var(--vv-card-media-h); }
  .vv-r-split--celebrate .vv-r-split__inset { height: var(--vv-card-media-h-md); }
}
@media (max-width: 809.98px) {
  .vv-r-split--celebrate .vv-r-split__media { height: var(--vv-card-media-h-md); }
  .vv-r-split--celebrate .vv-r-split__inset { height: var(--vv-card-media-h-sm); }
}
.vv-r-split__eyebrow--highlight { color: var(--vv-color-text-highlight); }   /* type v5: colour by component */

/* ---------- Room with items: the Experiences categories ----------
   Figma 1007:780 (user, 2026-10-11): 50 under the photograph and text (the
   band's own gap), a
   small label 15 over the items, three across 50 apart (two on a tablet, one
   on a phone), rows 25 apart; each a name 5 over its line, a hairline 10
   under it, every item (user, 2026-10-11). */
.vv-r-split__items { display: flex; flex-direction: column; gap: var(--vv-gap-15); }
.vv-r-split__items-label { align-self: flex-start; margin: 0; }
.vv-r-split__items-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--vv-gap-25) var(--vv-gap-50);
  margin: 0;
  padding: 0;
  list-style: none;
}
.vv-r-split__item {
  display: flex;
  flex-direction: column;
  gap: var(--vv-gap-5);
  padding-block-end: var(--vv-gap-10);
  border-block-end: 1px solid var(--vv-color-line);
}
.vv-r-split__item > * { margin: 0; }
@media (max-width: 1200.98px) {
  .vv-r-split__items-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 809.98px) {
  .vv-r-split__items-list { grid-template-columns: minmax(0, 1fr); }
}

/* ==========================================================================
   Phone photographs (design-principles §6, user 2026-11-11): a photograph is
   4:3 of its column, never taller than 300, and comes straight after the
   heading and its description (the first paragraph), before the rest of the
   text, the list and the links. The text column opens into the room's flow
   (display: contents), 25 apart as the column was; the paragraphs after the
   photograph keep their 10. Celebrate keeps its own photograph and inset;
   the collage keeps each photograph's own ratio.
   ========================================================================== */
@media (max-width: 809.98px) {
  .vv-band--r-split:not(.vv-r-split--celebrate) .vv-r-split__media {
    height: auto;
    aspect-ratio: var(--vv-photo-ratio-wide);
    max-height: var(--vv-photo-max-h-phone);
    min-height: 0;   /* a portrait photograph must not stretch the 4:3 box (aspect-ratio's automatic minimum) */
    width: -webkit-fill-available;
    width: stretch;  /* the full column: with an automatic width, the 300 cap would narrow the box to 400 through the ratio */
  }
  .vv-band--r-split .vv-r-split__media:has(.vv-slides) { aspect-ratio: auto; max-height: none; }
  .vv-band--r-split .vv-r-split__media .vv-slides {
    --vv-slides-h: min(calc((100vw - 2 * var(--vv-gutter)) * 3 / 4), var(--vv-photo-max-h-phone));
  }

  /* Room: eyebrow, heading, description, photograph, the rest. */
  .vv-band--r-split .vv-r-split__room {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--vv-gap-25);
  }
  .vv-band--r-split .vv-r-split__room :is(.vv-r-split__text, .vv-r-split__room-body, .vv-r-split__paras) { display: contents; }
  .vv-band--r-split .vv-r-split__room .vv-r-split__media { order: 1; }
  .vv-band--r-split .vv-r-split__room-body > :not(.vv-r-split__paras),
  .vv-band--r-split .vv-r-split__room .vv-r-split__paras > p:nth-child(n+2),
  .vv-band--r-split .vv-r-split__room .vv-r-split__text > .vv-r-split__more { order: 2; }
  .vv-band--r-split .vv-r-split__room :is(.vv-r-split__heading, .vv-r-split__person-title) ~ .vv-r-split__room-body .vv-r-split__paras > p:first-child,
  .vv-band--r-split .vv-r-split__room .vv-r-split__paras > p:nth-child(n+3) { margin-block-start: calc(var(--vv-head-text-gap) - var(--vv-gap-25)); }
  .vv-band--r-split .vv-r-split__room > .vv-r-split__text > * { align-self: flex-start; }
  .vv-band--r-split .vv-r-split__room .vv-r-split__paras > p,
  .vv-band--r-split .vv-r-split__room .vv-dlist { align-self: stretch; }
  .vv-r-split--row .vv-r-split__room .vv-r-split__more { margin-top: 0; }

  /* Split and feature: heading (feature: its label and heading), the first
     paragraph, the photograph, then the other paragraphs and the link. The
     story keeps its own order (label, heading, photograph; user 2026-11-11). */
  .vv-band--r-split:not(.vv-r-split--story):not(.vv-r-split--celebrate) .vv-band__inner:has(> .vv-r-split__text) { gap: var(--vv-gap-25); }
  .vv-band--r-split:not(.vv-r-split--story):not(.vv-r-split--celebrate) .vv-band__inner:has(> .vv-r-split__text) :is(.vv-r-split__text, .vv-r-split__paras) { display: contents; }
  .vv-band--r-split:not(.vv-r-split--story):not(.vv-r-split--celebrate) .vv-band__inner > .vv-r-split__media { order: 1; }
  .vv-band--r-split:not(.vv-r-split--story):not(.vv-r-split--celebrate) .vv-band__inner:has(> .vv-r-split__text) :is(.vv-r-split__paras > p:nth-child(n+2), .vv-r-split__action) { order: 2; }
  .vv-band--r-split:not(.vv-r-split--story):not(.vv-r-split--celebrate) .vv-band__inner:has(> .vv-r-split__text) .vv-r-split__paras > p:is(:first-child, :nth-child(n+3)) { margin-block-start: calc(var(--vv-head-text-gap) - var(--vv-gap-25)); }
}