/* ==========================================================================
   Renaissance layer - 2026-10-01
   Loaded AFTER styles.css. Pure addition: no palette variable is defined or
   changed here; every colour below is an existing value (gold #e7b95f,
   gold-deep, ink, pine, paper...) written as a var() or as its own rgba.
   Design decisions: no glow / light-ray / tilt layers; gentle overshoot
   easing; photo parallax 1-3 %; hairline frames; chapter index with progress line.
   Works with assets/js/renaissance.js (optional - without it the site just
   keeps the typography, textures and ornaments, and nothing is hidden).
   To switch off: remove the <link> and <script> tags for renaissance.*
   ========================================================================== */

/* --- Cormorant, self-hosted (SIL OFL, see assets/fonts/OFL-cormorant.txt) --- */
@font-face {
  font-family: "Cormorant"; font-style: normal; font-weight: 300 700; font-display: swap;
  src: url("../fonts/cormorant-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Cormorant"; font-style: normal; font-weight: 300 700; font-display: swap;
  src: url("../fonts/cormorant-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "Cormorant"; font-style: italic; font-weight: 300 700; font-display: swap;
  src: url("../fonts/cormorant-latin-ext-wght-italic.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Cormorant"; font-style: italic; font-weight: 300 700; font-display: swap;
  src: url("../fonts/cormorant-latin-wght-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  /* Display serif: Cormorant first, the earlier faces stay as fallbacks. */
  --font-display: "Cormorant", "Fraunces", Georgia, "Times New Roman", serif;
  --rn-bounce: cubic-bezier(.34, 1.16, .64, 1);
  --rn-glide: cubic-bezier(.65, 0, .35, 1);
  --rn-ink: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cfilter id='s' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.006 0.11' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.094  0 0 0 0 0.188  0 0 0 0 0.153  0.20 0 0 0 -0.09'/%3E%3C/filter%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.094  0 0 0 0 0.188  0 0 0 0 0.153  0.16 0 0 0 -0.07'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23s)'/%3E%3Crect width='512' height='512' filter='url(%23g)'/%3E%3C/svg%3E");
  --rn-wash: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='512' height='512'%3E%3Cfilter id='s' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.006 0.11' numOctaves='3' seed='9' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.906  0 0 0 0 0.725  0 0 0 0 0.373  0.20 0 0 0 -0.09'/%3E%3C/filter%3E%3Cfilter id='g' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='12' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.906  0 0 0 0 0.725  0 0 0 0 0.373  0.13 0 0 0 -0.06'/%3E%3C/filter%3E%3Crect width='512' height='512' filter='url(%23s)'/%3E%3Crect width='512' height='512' filter='url(%23g)'/%3E%3C/svg%3E");
  --rn-brush: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3000 400' preserveAspectRatio='none'%3E%3Cg fill='%23000'%3E%3Cpath d='M0 0 L1679 0 L1679 0 L1682 8 L1658 8 L1667 16 L1627 16 L1638 24 L1646 24 L1646 32 L1664 32 L1671 40 L1673 40 L1686 48 L1707 48 L1713 56 L1731 56 L1742 64 L1733 64 L1733 72 L1760 72 L1763 80 L1734 80 L1742 88 L1757 88 L1771 96 L1587 96 L1599 104 L1554 104 L1568 112 L1540 112 L1547 120 L1513 120 L1514 128 L1501 128 L1510 136 L1506 136 L1517 144 L1530 144 L1536 152 L1555 152 L1557 160 L1711 160 L1714 168 L1742 168 L1747 176 L1737 176 L1744 184 L1706 184 L1707 192 L1630 192 L1640 200 L1598 200 L1604 208 L1589 208 L1600 216 L1624 216 L1625 224 L1630 224 L1631 232 L1650 232 L1663 240 L1664 240 L1672 248 L1632 248 L1633 256 L1557 256 L1558 264 L1531 264 L1545 272 L1521 272 L1533 280 L1539 280 L1550 288 L1719 288 L1728 296 L1708 296 L1714 304 L1700 304 L1701 312 L1668 312 L1676 320 L1625 320 L1639 328 L1633 328 L1645 336 L1632 336 L1640 344 L1654 344 L1654 352 L1504 352 L1510 360 L1490 360 L1496 368 L1480 368 L1482 376 L1480 376 L1488 384 L1507 384 L1508 392 L1520 392 L1526 400 L0 400 Z'/%3E%3Crect x='1705' y='376' width='39' height='8'/%3E%3Crect x='1868' y='218' width='33' height='3'/%3E%3Crect x='1951' y='175' width='28' height='3'/%3E%3Crect x='1854' y='393' width='34' height='7'/%3E%3Crect x='1881' y='206' width='49' height='7'/%3E%3Crect x='1941' y='17' width='18' height='4'/%3E%3Crect x='1717' y='112' width='36' height='4'/%3E%3Crect x='1829' y='2' width='64' height='7'/%3E%3Crect x='1726' y='85' width='55' height='3'/%3E%3Crect x='1890' y='15' width='47' height='7'/%3E%3Crect x='1840' y='317' width='66' height='8'/%3E%3Crect x='1713' y='193' width='16' height='7'/%3E%3Crect x='1753' y='67' width='13' height='3'/%3E%3Crect x='1767' y='78' width='41' height='7'/%3E%3Crect x='1887' y='129' width='25' height='7'/%3E%3Crect x='1771' y='259' width='68' height='6'/%3E%3Crect x='1822' y='19' width='25' height='8'/%3E%3Crect x='1714' y='21' width='46' height='4'/%3E%3Crect x='1855' y='92' width='23' height='4'/%3E%3Crect x='1885' y='277' width='11' height='7'/%3E%3Crect x='1898' y='187' width='15' height='3'/%3E%3Crect x='1954' y='39' width='10' height='3'/%3E%3Crect x='1936' y='399' width='55' height='8'/%3E%3Crect x='1910' y='28' width='32' height='6'/%3E%3Crect x='1878' y='305' width='51' height='3'/%3E%3Crect x='1802' y='378' width='48' height='4'/%3E%3C/g%3E%3C/svg%3E");
  --rn-edge: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 24' preserveAspectRatio='none'%3E%3Cpath fill='%23000' d='M0 24 L0 12 L24 7.5 L54 7.7 L64 12.9 L88 13.1 L106 15.5 L120 7.7 L130 8.2 L160 7.1 L190 8.9 L204 15.6 L214 12.2 L244 10.5 L268 10.8 L282 13.8 L306 14.4 L330 6.9 L340 7.9 L370 7.3 L384 14.8 L394 7.8 L408 12.0 L418 6.5 L436 12.1 L460 16.4 L484 11.1 L502 7.0 L512 17.3 L542 14.9 L556 11.7 L574 10.8 L584 10.3 L600 11.0 L600 24 Z'/%3E%3C/svg%3E");
  --rn-edge-flip: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 24' preserveAspectRatio='none'%3E%3Cpath transform='translate(0 24) scale(1 -1)' fill='%23000' d='M0 24 L0 12 L24 7.5 L54 7.7 L64 12.9 L88 13.1 L106 15.5 L120 7.7 L130 8.2 L160 7.1 L190 8.9 L204 15.6 L214 12.2 L244 10.5 L268 10.8 L282 13.8 L306 14.4 L330 6.9 L340 7.9 L370 7.3 L384 14.8 L394 7.8 L408 12.0 L418 6.5 L436 12.1 L460 16.4 L484 11.1 L502 7.0 L512 17.3 L542 14.9 L556 11.7 L574 10.8 L584 10.3 L600 11.0 L600 24 Z'/%3E%3C/svg%3E");
  --rn-orn: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 16' fill='none' stroke='%23e7b95f' stroke-width='1'%3E%3Cpath d='M4 8 H100' stroke-opacity='.75'/%3E%3Cpath d='M140 8 H236' stroke-opacity='.75'/%3E%3Cpath d='M120 2 L126 8 L120 14 L114 8 Z' fill='%23e7b95f' fill-opacity='.9'/%3E%3Cpath d='M104 8 C108 3 110 3 112 8 M136 8 C132 3 130 3 128 8' stroke-opacity='.9'/%3E%3Ccircle cx='100' cy='8' r='1.4' fill='%23e7b95f'/%3E%3Ccircle cx='140' cy='8' r='1.4' fill='%23e7b95f'/%3E%3C/svg%3E");
}

/* ==========================================================================
   1. Typography - display serif with a clean sans for reading
   ========================================================================== */
html body:not(.accessibility-font):not(#ren) :is(.section-head h2, .head-title-row h2, .cta-band-body h2, .news-band h2) {
  font-family: var(--font-display); font-weight: 600; font-size: clamp(2.3rem, 4.1vw, 3.5rem);
  line-height: 1.02; letter-spacing: -.012em; text-wrap: balance;
}
html body:not(.accessibility-font):not(#ren) :is(.hero-title) {
  font-family: var(--font-display); font-weight: 600; font-size: clamp(2.9rem, 5.8vw, 5.4rem);
  line-height: .98; letter-spacing: -.012em; max-width: 16ch;
}
html body:not(.accessibility-font):not(#ren) :is(.page-band h1) {
  font-family: var(--font-display); font-weight: 600; font-size: clamp(2.9rem, 6vw, 5rem);
  line-height: 1; letter-spacing: -.012em;
}
html body:not(.accessibility-font):not(#ren) :is(.overlap-card h2:not(.jump-title), .form-card h2, .campaign-section h2, .certificate h2, .cert-promo h2) {
  font-family: var(--font-display); font-weight: 600; font-size: clamp(1.9rem, 2.6vw, 2.35rem); line-height: 1.08; letter-spacing: -.01em;
}
html body:not(.accessibility-font):not(#ren) :is(.card-body h3, .icon-card h3, .team-card h3) { font-family: var(--font-display); font-weight: 700; font-size: 1.75rem; line-height: 1.08; letter-spacing: -.005em; }
html body:not(.accessibility-font):not(#ren) :is(.news-card h3, .campaign-card h3, .job-card h3) { font-family: var(--font-display); font-weight: 700; font-size: 1.5rem; line-height: 1.1; }
html body:not(.accessibility-font):not(#ren) :is(.story-body h3) { font-family: var(--font-display); font-weight: 700; font-size: 1.9rem; line-height: 1.05; }
html body:not(.accessibility-font):not(#ren) :is(.form-card h3, .pay-card h3, .events-panel h3, .app-faq__item h3) { font-family: var(--font-display); font-weight: 700; font-size: 1.45rem; line-height: 1.12; }
html body:not(.accessibility-font):not(#ren) .quote-card blockquote { font-family: var(--font-display); font-style: italic; font-weight: 500; font-size: clamp(1.7rem, 2.3vw, 2.1rem); line-height: 1.16; text-wrap: balance; }
html body:not(.accessibility-font):not(#ren) :is(.impact-stat strong) { font-size: 2.8rem; font-weight: 700; line-height: .95; font-variant-numeric: lining-nums; }
html body:not(.accessibility-font):not(#ren) :is(.fact strong) { font-size: 2.2rem; font-weight: 700; line-height: 1.05; font-variant-numeric: lining-nums; }
html body:not(.accessibility-font):not(#ren) :is(.float-card strong, .event-date strong) { font-size: 1.8rem; font-weight: 700; font-variant-numeric: lining-nums; }
html body:not(.accessibility-font):not(#ren) .brand-name { font-size: 1.8rem; font-weight: 700; line-height: 1; letter-spacing: -.01em; }
html body:not(.accessibility-font):not(#ren) .footer-brand strong { font-size: 2.1rem; font-weight: 600; }
.eyebrow::before, .hero-kicker--rule::before {
  content: ""; display: inline-block; width: 30px; height: 1px; margin-right: 12px; vertical-align: middle;
  background: currentColor; opacity: .7;
}

/* Dark-green serif drop caps on key paragraphs (.lead, plus .rn-dropcap added by the script) */
.lead::first-letter, .rn-dropcap::first-letter {
  float: left; font-family: var(--font-display); font-weight: 600; color: var(--pine);
  font-size: 3.7em; line-height: .76; padding: .07em .11em 0 0;
}
.rn-dropcap { display: flow-root; }
.lead { display: flow-root; }
body.accessibility-font .lead::first-letter, body.accessibility-font .rn-dropcap::first-letter { font-family: inherit; }

/* ==========================================================================
   2. Painted surfaces - oil-canvas grain, gold wash, ragged brush edges
   ========================================================================== */
.section:not(.section--tint) { background-image: var(--rn-ink); }
.section--tint { background-image: var(--rn-wash); }
.impact-strip, .news-band { background-image: var(--rn-ink); }
.card, .quote-card, .overlap-card, .form-card, .news-card, .job-card { background-image: var(--rn-ink); }
.card, .quote-card, .overlap-card, .form-card, .news-card, .job-card, .app-platform { border-color: rgba(231, 185, 95, .38); }
.navbar { border-bottom-color: rgba(231, 185, 95, .5); }

/* Brush-torn top and bottom edges on tinted bands (same paper colour, ragged outline) */
.section--tint::before, .section--tint::after {
  content: ""; position: absolute; left: 0; right: 0; height: 24px; background: var(--paper); pointer-events: none; z-index: 0;
  -webkit-mask: var(--rn-edge) 0 0 / 600px 100% repeat-x; mask: var(--rn-edge) 0 0 / 600px 100% repeat-x;
}
.section--tint::before { top: -23px; }
.section--tint::after { bottom: -23px; -webkit-mask-image: var(--rn-edge-flip); mask-image: var(--rn-edge-flip); }
.ticker + .section--tint::before { display: none; }
.section--tint > .container { position: relative; z-index: 1; }

/* ==========================================================================
   3. Inner-page bands: painted wash, hairline gallery frame, ornament
   ========================================================================== */
.page-band { position: relative; overflow: hidden; isolation: isolate; }
.page-band > .container { position: relative; z-index: 2; }
.page-band::before {
  content: ""; position: absolute; inset: -30% -10% -10% -10%; z-index: 0; pointer-events: none;
  background: var(--rn-wash);
}
.page-band::after {
  content: ""; position: absolute; z-index: 1; pointer-events: none; left: 18px; right: 18px; top: 16px; bottom: 112px;
  border: 1px solid rgba(231, 185, 95, .5); border-bottom: 0;
  clip-path: inset(0 0 0 0);
  animation: rn-frame-in .6s var(--rn-glide) both;
}
.page-band h1::after {
  content: ""; display: block; width: min(240px, 60%); height: 16px; margin: 16px auto 4px;
  background: var(--rn-orn) center / contain no-repeat;
  transform-origin: 50% 50%; animation: rn-orn-in .5s var(--rn-bounce) .1s both;
}
@keyframes rn-frame-in { from { clip-path: inset(0 100% 100% 0); } to { clip-path: inset(0 0 0 0); } }
@keyframes rn-orn-in { from { transform: scaleX(0); opacity: 0; } to { transform: scaleX(1); opacity: 1; } }

/* Brush wipe: a ragged-edged mask sweeps left to right (used by headings and photographs) */
@keyframes rn-brush-mask { from { -webkit-mask-position: 100% 0; mask-position: 100% 0; } to { -webkit-mask-position: 0 0; mask-position: 0 0; } }
@keyframes rn-brush-text { from { -webkit-mask-position: 100% 0; mask-position: 100% 0; } to { -webkit-mask-position: 0 0; mask-position: 0 0; } }
/* 019: the original whole-block wipes are back (page title, split photo block, CTA band, quote card, news band,
   section headings), 0.9 s instead of 1.5 s. A block that starts on the first screen keeps a faint base so it is never
   an empty box, and wipes in 0.6 s. */
.page-band h1, .rn-wipe {
  -webkit-mask-image: var(--rn-brush); mask-image: var(--rn-brush);
  -webkit-mask-size: 300% 100%; mask-size: 300% 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: 0 0; mask-position: 0 0;
}
.page-band h1, .rn-wipe.rn-first {
  -webkit-mask-image: var(--rn-brush), linear-gradient(#000a, #000a); mask-image: var(--rn-brush), linear-gradient(#000a, #000a);
  -webkit-mask-size: 300% 100%, 100% 100%; mask-size: 300% 100%, 100% 100%;
}
.page-band h1 { animation: rn-brush-text .6s var(--rn-glide) both; }
html.rn-js .rn-wipe:not(.rn-wiped) { -webkit-mask-position: 100% 0; mask-position: 100% 0; }
.rn-in .rn-wipe:not(.rn-wiped), .rn-wipe.rn-in:not(.rn-wiped) { animation: rn-brush-mask .9s var(--rn-glide) both; }
.rn-wipe.rn-wiped, html.rn-failed .rn-wipe { -webkit-mask: none; mask: none; animation: none; }
.rn-wipe--text.rn-in:not(.rn-wiped) { animation-duration: .7s; }
.rn-wipe.rn-first.rn-in:not(.rn-wiped) { animation-duration: .6s; }
html.rn-failed .page-band h1 { -webkit-mask: none; mask: none; animation: none; }

/* ==========================================================================
   4. Home hero: instant CSS/SVG art behind the photographs (visible with no JS and
   before any image arrives; existing palette values only, no blur, no glow)
   ========================================================================== */
.hero-slides { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 700' preserveAspectRatio='xMidYMax slice'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23133c2f'/%3E%3Cstop offset='1' stop-color='%230b2b21'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='1600' height='700' fill='url(%23g)'/%3E%3Ccircle cx='1240' cy='230' r='150' fill='none' stroke='%23e7b95f' stroke-opacity='.35' stroke-width='1.5'/%3E%3Ccircle cx='1240' cy='230' r='96' fill='%23e7b95f' fill-opacity='.9'/%3E%3Cpath d='M0 470 C240 400 420 430 640 380 S1040 360 1260 410 S1500 400 1600 380 V700 H0Z' fill='%23276b4f' fill-opacity='.55'/%3E%3Cpath d='M0 540 C200 480 380 520 600 490 S980 450 1220 500 S1480 520 1600 490 V700 H0Z' fill='%23557b4a' fill-opacity='.4'/%3E%3Cpath d='M0 610 C260 560 460 600 720 575 S1160 540 1380 590 S1540 600 1600 585 V700 H0Z' fill='%23133c2f'/%3E%3C/svg%3E") center bottom / cover no-repeat, var(--pine-dark); }
.hero-kicker { position: relative; }
.hero-title::after { content: none; }
.hero-blurb { border-left-color: var(--gold); }
.hero-controls { z-index: 4; }

.impact-strip { position: relative; }
.impact-strip::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: rgba(12, 40, 31, .22); pointer-events: none;
}

/* ==========================================================================
   5. Self-drawing gold hairline frames (inserted by the script; decoration only)
   ========================================================================== */
.rn-host { --rn-line: var(--gold); }
.rn-rel { position: relative; }
.rn-host.quote-card, .rn-host.overlap-card, .rn-host.form-card, .rn-host.job-card, .rn-host.card, .rn-host.app-platform, .rn-host.news-band { --rn-line: var(--gold-deep); }
.rn-host.news-band { --rn-line: var(--pine); }
.rn-host.card:has(.card-media) { --rn-line: var(--gold); }
.rn-fx { position: absolute; inset: 0; z-index: 4; pointer-events: none; border-radius: inherit; overflow: hidden; }
.rn-fx svg { position: absolute; inset: 9px; width: calc(100% - 18px); height: calc(100% - 18px); overflow: visible; }
.rn-fx rect { fill: none; stroke: var(--rn-line); stroke-width: 1; stroke-opacity: .85; stroke-dasharray: 1; stroke-dashoffset: 0; width: 100%; height: 100%; }
.rn-fx rect.rn-b { x: 5px; y: 5px; width: calc(100% - 10px); height: calc(100% - 10px); stroke-opacity: .45; }
html.rn-js .rn-host:not(.rn-in) .rn-fx rect { stroke-dashoffset: 1; }
.rn-host.rn-in .rn-fx rect { transition: stroke-dashoffset .8s var(--rn-glide) .05s; }
.rn-host.rn-in .rn-fx rect.rn-b { transition-duration: .8s; transition-delay: .2s; }
.rn-host.rn-first .rn-fx rect { transition-duration: .45s; transition-delay: 0s; }
.rn-host.rn-first .rn-fx rect.rn-b { transition-duration: .5s; transition-delay: .1s; }

/* Ink-in for section heading ornaments: a small gold flourish under each heading */
.section-head h2::after {
  content: ""; display: block; width: 150px; height: 14px; margin-top: 12px; background: var(--rn-orn) left center / contain no-repeat;
  transform-origin: 0 50%;
}
.section-head--center h2::after { margin-left: auto; margin-right: auto; background-position: center; transform-origin: 50% 50%; }
html.rn-js .section-head.reveal:not(.is-visible) h2::after { transform: scaleX(0); opacity: 0; }
.section-head.is-visible h2::after { transition: transform .6s var(--rn-bounce) .15s, opacity .5s ease .15s; }

/* ==========================================================================
   6. Parallax photo layers, 1-3 % (script sets --rn-p between -1 and 1; CSS translate/scale only)
   ========================================================================== */
html.rn-js .rn-par > img { scale: 1.06; translate: 0 calc(var(--rn-p, 0) * -2.5%); will-change: translate; }

/* ==========================================================================
   7. Bouncy overshoot on reveals and buttons
   ========================================================================== */
.reveal { --ease-out: var(--rn-bounce); }
.btn, .action-btn { transition: transform .4s var(--rn-bounce), box-shadow .3s ease, background-color .2s ease, filter .2s ease; }
.tile-caption { transition: transform .4s var(--rn-bounce); }
.tile:hover .tile-caption { transform: translateY(-4px); }

/* ==========================================================================
   8. Sticky chapter index (home page, wide screens, built by the script)
   ========================================================================== */
.rn-chapters {
  position: fixed; right: 14px; top: 50%; z-index: 90; translate: 0 -50%; display: none;
  opacity: 0; visibility: hidden; transition: opacity .4s ease, visibility .4s;
}
.rn-chapters.is-on { opacity: 1; visibility: visible; }
.rn-chapters ol { list-style: none; margin: 0; padding: 12px 6px; display: grid; gap: 6px; background: var(--cream-card); border: 1px solid rgba(231, 185, 95, .6); position: relative; }
.rn-chapters ol::before { content: ""; position: absolute; z-index: 0; left: 50%; top: 14px; bottom: 14px; width: 1px; background: rgba(231, 185, 95, .55); }
.rn-chapters ol::after { content: ""; position: absolute; z-index: 0; left: calc(50% - .5px); top: 14px; bottom: 14px; width: 2px; background: var(--gold-deep); transform-origin: 50% 0; transform: scaleY(var(--rn-prog, 0)); transition: transform .3s ease-out; }
.rn-chapters li { position: relative; z-index: 1; display: block; margin: 0; }
.rn-chapters a {
  position: relative; display: grid; place-items: center; width: 32px; height: 32px; border-radius: 50%; text-decoration: none;
  background: var(--cream-card); border: 1px solid var(--gold-deep); color: var(--pine-dark);
  font: 600 .75rem/1 var(--font); font-variant-numeric: lining-nums; transition: transform .4s var(--rn-bounce), background-color .25s ease;
}
.rn-chapters a[aria-current="true"] { background: var(--gold); color: var(--onyx); transform: scale(1.16); }
.rn-chapters .rn-ch-name {
  position: absolute; right: calc(100% + 12px); top: 50%; translate: 10px -50%; white-space: nowrap; padding: 7px 12px;
  background: var(--cream-card); border: 1px solid rgba(231, 185, 95, .7); color: var(--ink); font: 600 .875rem/1.1 var(--font);
  opacity: 0; pointer-events: none; transition: opacity .25s ease, translate .4s var(--rn-bounce);
}
.rn-chapters a:hover .rn-ch-name, .rn-chapters a:focus-visible .rn-ch-name { opacity: 1; translate: 0 -50%; }
.rn-chapters a:hover, .rn-chapters a:focus-visible { transform: scale(1.14); }
.rn-chapters a:focus-visible { outline: 3px solid var(--pine-bright); outline-offset: 3px; }
/* wide screens: the label of the section you are in stays visible next to its number */
@media (min-width: 1560px) { .rn-chapters a[aria-current="true"] .rn-ch-name { opacity: 1; translate: 0 -50%; } }
.rn-chapter-target { scroll-margin-top: 96px; }
@media (min-width: 1320px) and (min-height: 560px) { .rn-chapters { display: block; } }
@media print { .rn-chapters, .rn-fx { display: none !important; } }

/* ==========================================================================
   9. Phones: quieter
   ========================================================================== */
@media (max-width: 700px) {
  .rn-fx svg { inset: 7px; width: calc(100% - 14px); height: calc(100% - 14px); }
  .page-band::after { left: 10px; right: 10px; top: 10px; bottom: 84px; }
  html body:not(.accessibility-font):not(#ren) .impact-stat strong { font-size: 2.1rem; }
  html body:not(.accessibility-font):not(#ren) .brand-name { font-size: 1.6rem; }
  .lead::first-letter, .rn-dropcap::first-letter { font-size: 3.3em; }
}

/* ==========================================================================
   10. Reduced motion: nothing moves, nothing is hidden, frames are simply drawn
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
  .page-band::before, .page-band::after, .page-band h1, .page-band h1::after { animation: none !important; }
  .page-band h1, .rn-wipe { -webkit-mask: none !important; mask: none !important; animation: none !important; }
  html.rn-js .rn-host:not(.rn-in) .rn-fx rect { stroke-dashoffset: 0; }
  html.rn-js .section-head.reveal:not(.is-visible) h2::after { transform: none; opacity: 1; }
  html.rn-js .rn-par > img { scale: 1; translate: none; will-change: auto; }
  .btn, .action-btn, .tile-caption { transition-duration: .01ms; }
  .rn-chapters, .rn-chapters a, .rn-chapters .rn-ch-name, .rn-chapters ol::after { transition: none; }
}
@media print {
  .rn-wipe, .page-band h1 { -webkit-mask: none !important; mask: none !important; animation: none !important; }
  html.rn-js .rn-host:not(.rn-in) .rn-fx rect { stroke-dashoffset: 0; }
}

/* If the script reports a failure everything stays plainly visible */
html.rn-failed .rn-fx rect, html.rn-failed .rn-host:not(.rn-in) .rn-fx rect { stroke-dashoffset: 0; }
html.rn-failed .section-head h2::after { transform: none; opacity: 1; }
html.rn-failed .rn-par > img { scale: 1; translate: none; }

/* ==========================================================================
   Fixes (2026-10-01): no empty boxes, first screen visible at once,
   same padding on donation form and bank card, short hero donate button on phones
   ========================================================================== */
/* 019: fast fades/slides, with a visible base even if an observer fails. */
@media (prefers-reduced-motion: no-preference) {
  /* Whole blocks fade and rise in as one piece (opacity and transform only), 0.6 s instead of 0.8 s.
     On the first screen they start part-visible and finish within 0.6 s with the stagger. */
  html:not(.pref-motion) .reveal {
    transition-duration: .6s, .6s, .35s, .25s, .25s;
  }
  html:not(.pref-motion) .reveal.reveal--first:not(.is-visible) { opacity: .55; transform: translateY(14px); }
  html:not(.pref-motion) .reveal.reveal--first {
    transition-duration: .45s, .45s, .35s, .25s, .25s;
  }
  /* Navigating to a page must keep the first screen opaque too. */
  html.page-enter body { animation: rn-page-enter .35s var(--rn-glide) both; }
  ::view-transition-new(root) { animation: rn-page-enter .35s var(--rn-glide) both; }
}
@keyframes rn-page-enter { from { opacity: 1; transform: translateY(14px); } to { opacity: 1; transform: none; } }
html.pref-motion .rn-wipe { -webkit-mask: none !important; mask: none !important; animation: none !important; }
html.pref-motion .rn-fx rect { stroke-dashoffset: 0 !important; transition: none !important; }
html.pref-motion .section-head h2::after { transform: none !important; opacity: 1 !important; }
html.pref-motion .rn-par > img { scale: 1; translate: none; will-change: auto; }
html.pref-motion .page-band::after, html.pref-motion .page-band h1::after { animation: none !important; }
@media (prefers-reduced-motion: reduce) {
  .rn-fx rect, .section-head h2::after { transition: none !important; }
}
/* b) Hero words are on screen from the first paint (no rise-in from opacity 0) */
.hero-slide.is-active :is(.hero-kicker, .hero-title, .hero-blurb, .hero-actions) { animation: none; }
/* c) Photo cards: dark green behind the photo at once, plus a tiny blurred preview of the photo itself */
.story-card, .tile, .news-card__media, .split-media, .card-media { background-color: var(--onyx); }
.story-card { background-image: linear-gradient(180deg, var(--pine) 0%, var(--onyx) 100%); }
.story-card > img, .tile > img { background-color: var(--onyx); background-size: cover; background-position: center; }
/* d) Donation form and bank card share one inner padding */
#donateForm, #voucherForm, #voucherForm + .form-card, #contactForm { padding: 26px; }
/* e) Hero donate button: long text on wide screens, "Donate" on phones */
.lbl-short { display: none; }
@media (max-width: 640px) { .lbl-long { display: none; } .lbl-short { display: inline; } }
/* f) Tiny blurred previews (data: URIs, allowed by img-src 'self' data:) */img[src*="/opt/gallery-06-"]{background-image:url(data:image/webp;base64,UklGRo4AAABXRUJQVlA4IIIAAADQAwCdASoOABMAPwForE6rJiQiMAgBYCAJbACw7CHZbUF8/EhSFtAA/sX2c5FrkoLjO1ig+fTAzkCtfjcu6CIHdDMPEa2Ac8voSgInZJrB111XnNv2ZN2VK2d9EwrRIniNjwdruow9/FXQI+ds+o0sX367DC+Uq+A2YR2UtGBmDAAA)}
img[src*="/opt/gallery-07-"]{background-image:url(data:image/webp;base64,UklGRlwAAABXRUJQVlA4IFAAAADQAQCdASoOAAoAA8BgJQBYdhbCFK+QIAD+7a3tJlU574a9qt00ikrI4rKPHOw7Vqe7/DGXcCT/UjDA7ta+VuQ7zBiN8VvCyN8vAqFd4WtAAA==)}
img[src*="/opt/gallery-08-"]{background-image:url(data:image/webp;base64,UklGRogAAABXRUJQVlA4IHwAAADwAwCdASoOABMAPwForE6rJaQiMAgBYCAJZQC/OB5VeMwjYeDwBU2gAP7ql+zbI6Sz2gtWJEGhF+oFGI6OZ1aqCyrLM0EaNcXzruR1El7Rbx50USaTJ72T41yc59ur6kkV/qiw9Ng0uKmjY37Ziq4VmsKLA9Ack/HOxbAA)}
img[src*="/opt/gallery-09-"]{background-image:url(data:image/webp;base64,UklGRm4AAABXRUJQVlA4IGIAAAAQBACdASoOABMAPwFqrE8rJiQiMAgBYCAJZwDE2CG9a9h4V9G/lbQ2AAD+7pDceCmawxQBSPhq9YGk49ga8Fazw1ZnsEtiX3pvBbnUf/bp/C988ucJrdzqOL1TLMI2Z/AAAA==)}
img[src*="/opt/gallery-1-"]{background-image:url(data:image/webp;base64,UklGRloAAABXRUJQVlA4IE4AAACwAQCdASoOAAwAA8BgJagCdADHVMwAAP7wOwODoX7hnDAuSZNeyRwJB136aDe2liDUHgpaKJGLiWGQs2ZuEarcO9ZWVExfy4ycZM4ewAA=)}
img[src*="/opt/gallery-10-"]{background-image:url(data:image/webp;base64,UklGRlwAAABXRUJQVlA4IFAAAACwAQCdASoOAAoAA8BgJQBOgCFKdaGAAPZo/cObHF7EqRbkzeWb/d/6dD90E8Kn76+741bYNzRlPYYSWxjHViupnWmzw2DRAELf7HSAw9YAAA==)}
img[src*="/opt/gallery-11-"]{background-image:url(data:image/webp;base64,UklGRkwAAABXRUJQVlA4IEAAAACQAQCdASoOAAoAA8BgJQBOgBojvQAA/Spvi44Es3QGicza0y3l4lS6rNoy5E++zRrLGdjZn4O1Z2qHAsg6AAAA)}
img[src*="/opt/gallery-12-"]{background-image:url(data:image/webp;base64,UklGRogAAABXRUJQVlA4IHwAAACwAwCdASoOABMAPwFqrE6rJiQiMAgBYCAJbACw7BsW8k1p88JYgAD5CrQPesA9DGk+Kiv99kBgmVqdUIuD6MgEiN/1igqobxGWl1qQMTQ6ght5j/ybk1KqIYzxzDE8Mh+9uunaEWYCvi50lYjqD6mXXpA6hG+ANbczAAAA)}
img[src*="/opt/gallery-13-"]{background-image:url(data:image/webp;base64,UklGRlgAAABXRUJQVlA4IEwAAADwAQCdASoOAAoAA8BgJZQCdAEO9YWj/wAA4nfCW292kNhkr+AEtQ7qDofepean3xdWmtoeUKiAPVyaqngg26G6fINU3fpDkAdrWAAA)}
img[src*="/opt/gallery-14-"]{background-image:url(data:image/webp;base64,UklGRpIAAABXRUJQVlA4IIYAAACwAwCdASoOABMAPwFqrE6rJiQiMAgBYCAJaACdABqyjmngvMrrgAD+sy9x8ggLnpM78KlvikDgBj4INDm4MCyP7RSUWJ0EdTxMCvLz7GhziUr/NPo6tHfWYtTkVETLapueMrDzfLbpOQTNioJXxLHE24OS7L7AbBiMy7AEYWNNYsl7zMQAAA==)}
img[src*="/opt/gallery-15-"]{background-image:url(data:image/webp;base64,UklGRm4AAABXRUJQVlA4IGIAAAAwAgCdASoOAAsAA8BgJZACdAEDqd9AIDAo9AD+rVvBiv1+iRrBpPwMIWu7yvrUhJDHkb4schJwOYy0SGbVTaCkDv0SvkXinL7eYtkIFhpTgM7aKYihYaLWOCmzCaIAuv8AAA==)}
img[src*="/opt/gallery-16-"]{background-image:url(data:image/webp;base64,UklGRoAAAABXRUJQVlA4IHQAAACQAwCdASoOABMAPwFqrE8rJiQiMAgBYCAJYgCdABSj/oiR5jdoAP2zo1K9Ya7xmpq+vkZK6HcplWiRH8MzSrRU1eD+G/A5hwPbtKnyukFSekOjz7jQxEbaHBlHpTfvoUWABuoBVI+Hlkg3JkTb+zeJigAAAA==)}
img[src*="/opt/gallery-17-"]{background-image:url(data:image/webp;base64,UklGRowAAABXRUJQVlA4IIAAAADwAwCdASoOABMAPwForE6rJaQiMAgBYCAJbACpIwAVhYoHdwNkBcqAAM4YnwVDWXdwa8vD2lfcDVVHI5e7wwncPkgxq34NkD7/sr4zBOdpSIM25cdWOgT4OwP3laMK0ukif+DgGRhs/F0T9amEeQjr4KbwY7hV7izb1KI9gSUAAA==)}
img[src*="/opt/gallery-18-flyer-"]{background-image:url(data:image/webp;base64,UklGRmQAAABXRUJQVlA4IFgAAACwAwCdASoOABUAPwFqrE8rJaQiMAgBYCAJQBOgBD4byjRKm6CUAAD+7d/2WfLY2D61ugJ44HpgfrJLz+6TxbU2Gtn33ZRaSKTgc8dsJ/2qx0VfqgiZq1AA)}
img[src*="/opt/gallery-19-collage-"]{background-image:url(data:image/webp;base64,UklGRqYAAABXRUJQVlA4IJoAAADwAwCdASoOABUAPwForE8rJaQiMAgBYCAJQBXDg1wQ3/dQ3m7IHzwAAPxoG/YlNSCFOBdowNhVBnV/gK31Yw/PpYr2d+SSAKZAwB59m7sLmXYdYD6cEszz9IRkhKit3318g3xooRqf52rGOglbnZrcapHMtdeoM1yf6e03GVnHMxTK3HYjegktlp7dAkvoYDK+uT8FZMhbQAAA)}
img[src*="/opt/gallery-2-"]{background-image:url(data:image/webp;base64,UklGRkQAAABXRUJQVlA4IDgAAACwAQCdASoOAAgAA8BgJQBOgCFr2gjQAOA196N6IzMkVDykONYfJrFjdqDWahp/388HjkS5BdaAAA==)}
img[src*="/opt/gallery-20-collage-"]{background-image:url(data:image/webp;base64,UklGRpoAAABXRUJQVlA4II4AAADQAwCdASoOABUAPwForE6rJaQiMAgBYCAJQBibA2zDK5bNQoq3CwAAywTyjWohY8eJw+B3hnc7iFEymxKEYblY5PDiD0v1YrbmfWdByOC52GKFc5CVegl0vWszdrsg3CSeQ+C4UZFKHK49NrL41zFGNe/58C3pO0Hs/6yOh3i7+IVJLsp3Vnr9AZIG2UAA)}
img[src*="/opt/gallery-21-"]{background-image:url(data:image/webp;base64,UklGRpIAAABXRUJQVlA4IIYAAAAwBACdASoOABIAPwForE6rJiQiMAgBYCAJZACdMoADQ40XxuKLLv+Ax1AA/tMrFhddDXmbtEXMJ+wLwUwwSwJg3hlF5d5x8ZpUVoNRyn89ci17K4WBqw0vpP5lQUcg5SkwVeuacxl6ss++jOxaE0SHxVghQzMYVqZhbEF8WE7Ek6RzdbgAAA==)}
img[src*="/opt/gallery-22-"]{background-image:url(data:image/webp;base64,UklGRogAAABXRUJQVlA4IHwAAACQAwCdASoOABMAPwForE6rJiQiMAgBYCAJaACdAB3XZjSzMKjgAPxnDU6rR9fJeBzuLz9BQHv/cd/JC8XnIpGP7GxksuVoUxjIgYi2/IREP3REoYmCruQ2WXHiVdWSzUyGGeC74cKJ5OVRJ1Clscufa+eQjR8AZ7IgpAAA)}
img[src*="/opt/gallery-23-"]{background-image:url(data:image/webp;base64,UklGRoAAAABXRUJQVlA4IHQAAACQAwCdASoOABMAPwForE6rJaQiMAgBYCAJYwC7AAx6kKjXlJAAAP6U1eUiGB1EunWZ2CHZ6kbmYrb3rkoUncg+lZn9mh2IbHYxp5Mw3MBl/lCV7JnmxH+LT1qqwKvTatjwvGzboR+RFTd65zx3tFZ3LnpgAA==)}
img[src*="/opt/gallery-24-"]{background-image:url(data:image/webp;base64,UklGRlwAAABXRUJQVlA4IFAAAACQAwCdASoOABMAPwFqrE6rJiQiMAgBYCAJagCw7CHo4KP5ACJAAOHebuf44b1fC5f7jeV0PTNXfz3ISJEfDFeyF4XYKfQMxefUGCKeVLKgAA==)}
img[src*="/opt/gallery-25-"]{background-image:url(data:image/webp;base64,UklGRlwAAABXRUJQVlA4IFAAAAAQBACdASoOABMAPwFqrE8rJiQiMAgBYCAJYwC2yBtswn2Iv41pQPvuAACxyB7DYCDmcaB6/+uMS1dY9M6B5WjEBWWbk1Gx5WuDymVoLEBgAA==)}
img[src*="/opt/gallery-26-"]{background-image:url(data:image/webp;base64,UklGRnAAAABXRUJQVlA4IGQAAADwAwCdASoOABMAPwForE8rJaQiMAgBYCAJQBibA4Uy41zIkVFRPpAAAPymT8hS90Ee7+QovP1Y6/JjdHAspIS+/a50UNoVjuUXUmDxCW7+o9psNtRbhwcy+hW0Abq/DWOACAAA)}
img[src*="/opt/gallery-27-"]{background-image:url(data:image/webp;base64,UklGRnQAAABXRUJQVlA4IGgAAAAQBACdASoOABMAPwForE8rJaQiMAgBYCAJYwDLLCL6xpr+oQYIcsATQAD+4I+531HTc2HNott7lCyprXlLFdBjQAhIcMUICFuEUzXFn7ZXhqVaUF92lS6gFnHMkmlb9LS3jmrDTF9wAA==)}
img[src*="/opt/gallery-28-"]{background-image:url(data:image/webp;base64,UklGRnwAAABXRUJQVlA4IHAAAADwAwCdASoOABMAPwForE8rJaQiMAgBYCAJQBbZZYAyflfxRhVuX84AAPo7KV4dvhWesH1gra49TRX28zTYa30Y4H5s/9BcIGPJjDWfcOFwFn9OMCkkAiH9h1zPNX2xHgXlWwvbgioRwYCNgKv8AAAA)}
img[src*="/opt/gallery-29-"]{background-image:url(data:image/webp;base64,UklGRloAAABXRUJQVlA4IE4AAADwAQCdASoOAAsAA8BgJQBOgBxrM8evWwAA4C1+4TEwrLO4jxbxJPcxgcFMJ8OpUnrh3G6d7tYKLKYxPYhBIW10u3FBeztIHbubqnzAAAA=)}
img[src*="/opt/gallery-3-"]{background-image:url(data:image/webp;base64,UklGRlAAAABXRUJQVlA4IEQAAADwAQCdASoOAAoAA8BgJZQC7AEPP0nCnAAA/tUMgL9TSwwWFIPH4lnr1TKpUja0gh2Nlwq15aMTjAKSDKNYFwv4YsGEAA==)}
img[src*="/opt/gallery-30-"]{background-image:url(data:image/webp;base64,UklGRmwAAABXRUJQVlA4IGAAAACQAwCdASoOABMAPwFqrE8rJiQiMAgBYCAJYwC7ACHCLq5OFJ7AAPdefLFKFZTdPSJoxyPaixpz5XDO30dDvVLbEuBqUBXiPL+A7TOvMsvdt8EGT1g99Ql1EGG2Y+RAAAA=)}
img[src*="/opt/gallery-31-"]{background-image:url(data:image/webp;base64,UklGRmoAAABXRUJQVlA4IF4AAACwAQCdASoOAAsAA8BgJQBOgBoaKApAAP7vW4tJJ210UM2uRGgiTRG3yc/h3r1+ZX/kF9geCEfPm51cLjst1tIQ10K7Q8QiAsi0YGFp/b1xZqPhTe14El0SCXYXAAAA)}
img[src*="/opt/gallery-32-"]{background-image:url(data:image/webp;base64,UklGRmoAAABXRUJQVlA4IF4AAAAQAgCdASoOAAsAA8BgJYgCdAEJwE2P9F4AAOJ6DAJrNiDP4cGU8T5FruEu7eMLcTDm2OAIqMZpL5VAkoGlsFkFyRQJRn8dzBGClg0umb94VaLskiNcFS5Z4gANAAAA)}
img[src*="/opt/gallery-33-"]{background-image:url(data:image/webp;base64,UklGRm4AAABXRUJQVlA4IGIAAADQAwCdASoOABMAPwForE6rJaQiMAgBYCAJQBdgAvOxgs5dO22BitgA72O2dvMYF3TyDSAbc1XKJ1olbm2q3ZbNSmrLBi4zNtxYnf7gQU7GSWEhJsoCoikbPlaeyE731SYAAA==)}
img[src*="/opt/gallery-34-"]{background-image:url(data:image/webp;base64,UklGRlwAAABXRUJQVlA4IFAAAACwAQCdASoOAAoAA8BgJZQAAdIqNdIAAPzwALpEh2plNSxqs+le0PR1NcrZnEIuRUhOeS0yoJG5kEqKTBe6FDohzWU+ZUqbml3PKhDZc+AAAA==)}
img[src*="/opt/gallery-35-"]{background-image:url(data:image/webp;base64,UklGRooAAABXRUJQVlA4IH4AAACQAwCdASoOABkAPwForE8rJaQiMAgBYCAJYwDImA1rAERsczZAAP6xheAZiTMKfJgcqRJLfhk8HpV03Vwm7aTdsCyofE+5mnI0A3rsUNXzT9tnaTjEidbJSrn0CVZ+Byz20Lqtesdzey1oQO6jSxIDKM6FhCDhI+vSUNpkAAA=)}
img[src*="/opt/gallery-36-"]{background-image:url(data:image/webp;base64,UklGRp4AAABXRUJQVlA4IJIAAAAQBACdASoOABkAPwFqrE6rJiQiMAgBYCAJQBhQBFtJQPaiYdwjGiAQYAD9+3CLoiQufrWxNKFjQwMIZPlVmWera/wmLoTsKLMvwQAAo7r3YVc5SnQPgBHRh/kNYb+Efq/18oi05v9fQSKLr1ld1jes27BnXrm0q2IEdLhSTVyOnfnu9KQ1/0FCqSZBq8ikKoAAAA==)}
img[src*="/opt/gallery-37-"]{background-image:url(data:image/webp;base64,UklGRmoAAABXRUJQVlA4IF4AAAAwAwCdASoOABMAPwForE8rJaQiMAgBYCAJQAALiwc5/JPAAOAmXTZpfKA49zydusw1VOnG4EuGG6AXMzypErD6F1bXQtey+jhP05sU3qoxrWm03P3MntOKIy4qQAAA)}
img[src*="/opt/gallery-38-"]{background-image:url(data:image/webp;base64,UklGRmYAAABXRUJQVlA4IFoAAACwAwCdASoOABMAPwFqrE8rJiQiMAgBYCAJYwC/OCHTEzgt8y9QgADNwyLpLCXwqlIsyshRUIbvSyKkFdM1JvxjU4xyNJwAgAPx/0xRAhotbj6+fYzVf+pgAAA=)}
img[src*="/opt/gallery-39-"]{background-image:url(data:image/webp;base64,UklGRmQAAABXRUJQVlA4IFgAAADQAQCdASoOAAsAA8BgJZgCdAD7veCtWAD9xVn3cNFpTsUnIIIQdzqpv+dFCzeen8R3F+nlrB5263oX1F+sIAltkx2XTPLMtTt7jvczIJU3+aS3PEBEQAAA)}
img[src*="/opt/gallery-4-"]{background-image:url(data:image/webp;base64,UklGRlwAAABXRUJQVlA4IFAAAACwAQCdASoOAAoAA8BgJQBOgCFKdaGAAPZo/cObHF7EqRbkzeWb/d/6dD90E8Kn76+741bYNzRlPYYSWxjHViupnWmzw2DRAELf7HSAw9YAAA==)}
img[src*="/opt/gallery-40-"]{background-image:url(data:image/webp;base64,UklGRoIAAABXRUJQVlA4IHYAAABwAwCdASoOABkAPwFqrE8rJiQiMAgBYCAJYwAACHzO+sVIFYAA/etFigY1ik0Vx6jkJj7SotXzdkghOP2ive1+zX1XGbdBgIrdPo+GP6xQujnBynlKO65uh6hUNcbfaGOFxxm0urYtt0MJwe7ygFLoEIdXLwAA)}
img[src*="/opt/gallery-5-"]{background-image:url(data:image/webp;base64,UklGRpAAAABXRUJQVlA4IIQAAAAQBACdASoOABMAPwForE6rJaQiMAgBYCAJbAC7ACHD2KTJnAhYTzPZKAD+xgIbKos+NS0gsO8F3zlO4T/6CL29SglH0Vj6swc4hZetnaSJW/AQ453kjmtpSSCLYSnj6XjK/I/Z7pZuKOGZltz2TYW8/OZSEG8ALmMKF4sbduvXkZgAAAA=)}