/* v151 gentle watercolor touches, layered on the existing design.
   Rules: art never sits under text, nothing framed, nothing that can widen the page. */

/* 1. Section dividers: the flat 1px line becomes a thin painted brush line */
html body section[style*="border-top: 1px solid"] {
  border-top: 4px solid transparent !important;
  border-image: url("/wc-rule.webp") 10 0 0 0 / 4px 0 0 0 stretch;
}

/* 2. Soft watercolor blooms in the empty outer corners of sections (wide screens only, where the corners never hold text) */
@media (min-width: 1100px) {
  html body section { position: relative; isolation: isolate; }
  html body section::after {
    content: ""; position: absolute; z-index: -1; pointer-events: none;
    width: clamp(260px, 24vw, 420px); aspect-ratio: 9 / 7;
    background: url("/wc-bloom-blue.webp") center / contain no-repeat;
    opacity: .55; top: 6%; right: max(0px, calc((100% - 1280px) / 2));
    translate: 38% 0;
  }
  html body section:nth-of-type(3n+2)::after { background-image: url("/wc-bloom-sage.webp"); right: auto; left: max(0px, calc((100% - 1280px) / 2)); translate: -38% 0; top: auto; bottom: 4%; }
  html body section:nth-of-type(3n)::after { background-image: url("/wc-bloom-terra.webp"); opacity: .42; top: auto; bottom: 8%; translate: 42% 0; }
  /* never on the hero (photos and art already live there) or on sections that hold their own painted map/scene */
  html body section:first-of-type::after, html body section[data-r="hero"]::after,
  html body section:has(figure[data-r="scene"], .rv-findus, .rv-mi-hero)::after { content: none; }
  /* the bloom must never widen the page */
  html, html body { overflow-x: clip; }
}

/* 3. Footer: its top edge reads as a painted navy wash instead of a hard line */
html body :has(> footer)::before {
  content: ""; display: block; position: relative; z-index: 1; pointer-events: none;
  height: clamp(30px, 3.4vw, 46px); margin: calc(-1 * clamp(30px, 3.4vw, 46px)) 0 -1px;
  background: url("/wc-footer-edge.webp") left bottom / auto 100% repeat-x;
}