/* Eye of Light – v4.3, loaded after v4.css. The denser, darker paper from the middle of the lotus painting
   (assets/img/paper-v43.jpg: rose ground, drifts and fans of fine red filaments, faint cream arcs) lies behind the whole
   page and runs faintly through its dark bands too; the verse and the lotus share one hero; the painting's own lotus is
   the mark. */
body.v43 { background: #E2B8A9; }
body.v43::before { background: #E2B8A9 url('../img/paper-v43.jpg') center / cover no-repeat; }

/* one hero: the verse on the left, the lotus on the right – on narrow screens the lotus above and the verse below it */
body.v43 .hero { display: grid; align-items: end; }
body.v43 .hero__content { position: relative; inset: auto; background: none; padding: 0 var(--gutter) clamp(26px, 5vh, 48px); }
@media (min-width: 900px) {
  body.v43 .hero { align-items: center; }
  body.v43 .hero__content { width: 50%; padding: 110px clamp(24px, 4vw, 72px) 64px; }
  /* a soft clearing in the paper behind the words, so the filaments never cross them at full strength */
  body.v43 .hero__content::before { content: ''; position: absolute; inset: 12% -4% 6% 2%; z-index: -1; pointer-events: none;
    background: radial-gradient(closest-side, rgba(250, 230, 220, .55), rgba(250, 230, 220, .25) 60%, rgba(250, 230, 220, 0)); }
}
body.v43 .verse__sa { color: #9E0B25; text-shadow: 0 1px 0 rgba(255, 240, 232, .6); }
body.v43 .verse__meaning { background: linear-gradient(90deg, transparent, rgba(255, 240, 232, .5) 18%, rgba(255, 240, 232, .5) 82%, transparent); }
body.v43 .verse__en { color: #571421; }
body.v43 .verse__src { color: #74404A; }
body.v43 .hero__skip { top: 92px; background: rgba(250, 230, 220, .45); }

/* the header: the painted lotus as its mark, and a veil of the deeper paper once the page scrolls */
body.v43 .brand img { width: 58px; filter: drop-shadow(0 2px 3px rgba(110, 8, 28, .22)); }
body.v43 .site-header.is-solid, body.v43 .site-header--solid { background: rgba(230, 188, 174, .76); }
body.v43 .brand__tag { color: #7E3A46; }

/* the light sections show the paper through their cards; the dark ones carry its filaments faintly */
body.v43 .facet > .facet__in { background: linear-gradient(90deg, var(--accent), var(--gold-2) 55%, var(--rose)) top / 100% 4px no-repeat, rgba(255, 246, 240, .82); }
body.v43 .facet--sandal > .facet__in { background: linear-gradient(90deg, var(--accent), var(--gold-2)) top / 100% 4px no-repeat, rgba(252, 238, 226, .84); }
body.v43 .band--night, body.v43 .band--wine, body.v43 .site-footer { position: relative; isolation: isolate; }
body.v43 .band--night::before, body.v43 .band--wine::before, body.v43 .site-footer::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background: url('../img/paper-v43.jpg') center / cover fixed; mix-blend-mode: soft-light; opacity: .7; }