:root {
  --jrac-lime: #66af33;
  --jrac-lime-bright: #84d144;
  --jrac-lime-text: #3d7420;
  --jrac-dark: #121512;
  --jrac-dark-soft: #1b201c;
  --jrac-ink: #202420;
  --jrac-muted: #606860;
  --jrac-line: #dfe4de;
  --jrac-mist: #f3f5f1;
  --jrac-white: #ffffff;
  --jrac-danger: #ba2f35;
  --shadow-sm: 0 12px 30px rgba(18, 21, 18, 0.09);
  --shadow-lg: 0 24px 80px rgba(18, 21, 18, 0.2);
  --radius-sm: 0.55rem;
  --radius-md: 1rem;
  --radius-lg: 1.6rem;
  --space-2xs: clamp(0.45rem, 0.35rem + 0.3vw, 0.65rem);
  --space-xs: clamp(0.75rem, 0.6rem + 0.45vw, 1rem);
  --space-sm: clamp(1rem, 0.8rem + 0.8vw, 1.5rem);
  --space-md: clamp(1.5rem, 1.1rem + 1.5vw, 2.5rem);
  --space-lg: clamp(2.5rem, 1.8rem + 3vw, 5rem);
  --space-xl: clamp(4rem, 2.5rem + 5vw, 8rem);
  --content: min(1180px, calc(100% - 2rem));
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--jrac-ink);
  background: var(--jrac-white);
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.65;
  text-rendering: optimizeLegibility;
}
body.menu-open { overflow: hidden; }
img { display: block; max-width: 100%; }
a { color: inherit; text-underline-offset: 0.2em; }
button, input, textarea, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 3px solid var(--jrac-lime-bright); outline-offset: 4px; }
[hidden] { display: none !important; }

h1, h2, h3, h4, p { margin-top: 0; }
h1, h2, h3 {
  color: var(--jrac-dark);
  line-height: 1.02;
}
h1, h2, .display-type {
  font-family: var(--font-display);
  font-weight: 900;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
h1 { font-size: clamp(3.2rem, 11vw, 8.5rem); }
h2 { font-size: clamp(2.25rem, 6vw, 4.8rem); }
h3 { font-size: clamp(1.25rem, 3vw, 1.8rem); }

.skip-link {
  position: fixed;
  z-index: 1000;
  top: 0.75rem;
  left: 0.75rem;
  padding: 0.75rem 1rem;
  color: var(--jrac-dark);
  background: var(--jrac-lime-bright);
  border-radius: var(--radius-sm);
  transform: translateY(-180%);
}
.skip-link:focus { transform: none; }
.container { width: var(--content); margin-inline: auto; }
.section { padding-block: var(--space-xl); }
.section--tight { padding-block: var(--space-lg); }
.section--dark { color: var(--jrac-white); background: var(--jrac-dark); }
.section--dark h2, .section--dark h3 { color: var(--jrac-white); }
.section--mist { background: var(--jrac-mist); }
.section-heading { max-width: 760px; margin-bottom: var(--space-md); }
.section-heading--row { display: flex; align-items: end; justify-content: space-between; gap: var(--space-sm); max-width: none; }
.section-heading h2 { margin-bottom: 0.65rem; }
.section-heading p { max-width: 60ch; color: var(--jrac-muted); font-size: clamp(1rem, 1vw + 0.75rem, 1.2rem); }
.section--dark .section-heading p { color: #c9d0c8; }
.eyebrow {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  margin-bottom: 0.8rem;
  color: var(--jrac-lime-text);
  font-size: 0.8rem;
  font-weight: 850;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.eyebrow::before { width: 2.2rem; height: 3px; content: ""; background: currentColor; }
.section--dark .eyebrow, .page-hero .eyebrow, .featured-event .eyebrow, .audio-card .eyebrow { color: var(--jrac-lime-bright); }
.lead { font-size: clamp(1.08rem, 1.4vw, 1.3rem); line-height: 1.55; }
.muted { color: var(--jrac-muted); }

.site-header {
  position: sticky;
  z-index: 100;
  top: 0;
  color: var(--jrac-white);
  background: rgba(18, 21, 18, 0.96);
  border-bottom: 1px solid rgba(255,255,255,0.1);
  backdrop-filter: blur(16px);
}
.nav-shell { display: flex; align-items: center; min-height: 76px; gap: 1.2rem; }
.brand { display: inline-flex; align-items: center; gap: 0.75rem; color: var(--jrac-white); text-decoration: none; }
.brand__logo { width: 48px; height: 48px; object-fit: cover; border-radius: 50%; background: white; }
.brand__text { display: grid; line-height: 1; }
.brand__name { font-family: var(--font-display); font-size: 1.15rem; letter-spacing: 0.04em; }
.brand__tag { margin-top: 0.3rem; color: var(--jrac-lime-bright); font-size: 0.62rem; font-weight: 800; letter-spacing: 0.13em; text-transform: uppercase; }
.desktop-nav { display: none; margin-left: auto; }
.nav-list { display: flex; align-items: center; gap: 0.15rem; margin: 0; padding: 0; list-style: none; }
.nav-list a { display: inline-flex; padding: 0.7rem 0.62rem; color: #e9eee8; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.07em; text-decoration: none; text-transform: uppercase; }
.nav-list a:hover, .nav-list a[aria-current="page"] { color: var(--jrac-lime-bright); }
.menu-toggle {
  display: grid;
  width: 48px;
  height: 48px;
  margin-left: auto;
  place-items: center;
  color: white;
  background: transparent;
  border: 1px solid rgba(255,255,255,0.25);
  border-radius: 50%;
  cursor: pointer;
}
.menu-toggle__icon, .menu-toggle__icon::before, .menu-toggle__icon::after { width: 20px; height: 2px; content: ""; background: currentColor; transition: transform 180ms ease; }
.menu-toggle__icon { position: relative; }
.menu-toggle__icon::before { position: absolute; left: 0; transform: translateY(-6px); }
.menu-toggle__icon::after { position: absolute; left: 0; transform: translateY(6px); }
.menu-open .menu-toggle__icon { background: transparent; }
.menu-open .menu-toggle__icon::before { transform: rotate(45deg); }
.menu-open .menu-toggle__icon::after { transform: rotate(-45deg); }
.mobile-menu {
  position: fixed;
  z-index: 90;
  inset: 76px 0 0;
  padding: var(--space-md) 1rem;
  color: var(--jrac-white);
  background: var(--jrac-dark);
  opacity: 0;
  pointer-events: none;
  transform: translateX(100%);
  transition: opacity 180ms ease, transform 220ms ease;
}
.menu-open .mobile-menu { opacity: 1; pointer-events: auto; transform: none; }
.mobile-menu nav { width: var(--content); margin-inline: auto; }
.mobile-menu ul { margin: 0; padding: 0; list-style: none; }
.mobile-menu a { display: flex; align-items: center; justify-content: space-between; padding: 0.72rem 0; border-bottom: 1px solid rgba(255,255,255,0.12); font-family: var(--font-display); font-size: clamp(1.65rem, 7vw, 2.5rem); letter-spacing: 0.03em; text-decoration: none; text-transform: uppercase; }
.mobile-menu a::after { color: var(--jrac-lime); content: "↗"; font-family: var(--font-body); font-size: 1rem; }

.button-row, .event-actions { display: flex; flex-wrap: wrap; gap: 0.7rem; align-items: center; }
.button {
  display: inline-flex;
  min-height: 48px;
  align-items: center;
  justify-content: center;
  padding: 0.8rem 1.15rem;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 850;
  letter-spacing: 0.07em;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
  transition: transform 160ms ease, background-color 160ms ease, color 160ms ease;
}
.button:hover { transform: translateY(-2px); }
.button--lime { color: #10200a; background: var(--jrac-lime-bright); }
.button--dark { color: white; background: var(--jrac-dark); }
.button--ghost { color: inherit; background: transparent; border-color: currentColor; }
.button--small { min-height: 40px; padding: 0.55rem 0.9rem; font-size: 0.74rem; }
.text-link, .text-button { color: var(--jrac-dark); font-size: 0.82rem; font-weight: 850; letter-spacing: 0.06em; text-transform: uppercase; }
.text-link { text-decoration-thickness: 2px; text-decoration-color: var(--jrac-lime); }
.text-button { padding: 0.45rem 0; background: none; border: 0; border-bottom: 2px solid var(--jrac-lime); cursor: pointer; }
.section--dark .text-link { color: var(--jrac-white); }

.hero {
  position: relative;
  min-height: min(800px, calc(100svh - 76px));
  display: grid;
  align-items: end;
  color: var(--jrac-white);
  background: var(--jrac-dark);
  isolation: isolate;
  overflow: hidden;
}
.hero::before { position: absolute; z-index: -1; inset: 0; content: ""; background: linear-gradient(90deg, rgba(10,13,10,0.93) 0%, rgba(10,13,10,0.66) 50%, rgba(10,13,10,0.2) 100%); }
.hero__image { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 54% center; }
.hero__inner { padding-block: clamp(5rem, 12vw, 9rem) clamp(3rem, 8vw, 6rem); }
.hero__kicker { margin-bottom: 1rem; color: var(--jrac-lime-bright); font-size: 0.83rem; font-weight: 850; letter-spacing: 0.18em; text-transform: uppercase; }
.hero h1 { max-width: 900px; margin-bottom: 0.65rem; color: white; }
.hero__statement { max-width: 660px; margin-bottom: var(--space-md); font-size: clamp(1.2rem, 2.4vw, 2rem); font-weight: 650; line-height: 1.3; }
.hero__statement span { color: var(--jrac-lime-bright); }
.hero__rail { position: absolute; right: 1rem; bottom: 1rem; display: none; writing-mode: vertical-rl; color: rgba(255,255,255,0.72); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.17em; text-transform: uppercase; }

.page-hero { position: relative; padding-block: var(--space-xl) var(--space-lg); color: white; background: var(--jrac-dark); overflow: hidden; }
.page-hero::after { position: absolute; right: -6rem; bottom: -8rem; width: 25rem; height: 25rem; content: ""; border: 4.5rem solid rgba(102,175,51,0.15); border-radius: 50%; }
.page-hero h1 { max-width: 900px; margin-bottom: 1rem; color: white; font-size: clamp(3rem, 9vw, 7rem); }
.page-hero p { max-width: 700px; margin: 0; color: #d4dad3; font-size: clamp(1.05rem, 1.6vw, 1.3rem); }

.intro-grid, .story-grid, .contact-grid { display: grid; gap: var(--space-md); }
.intro-copy h2, .story-copy h2 { margin-bottom: 1rem; }
.photo-frame { position: relative; overflow: hidden; border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); }
.photo-frame::after { position: absolute; inset: auto 1rem 1rem auto; width: 4.5rem; height: 0.55rem; content: ""; background: var(--jrac-lime-bright); }
.photo-frame img { width: 100%; height: 100%; min-height: 340px; object-fit: cover; }
.stat-line { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; margin-top: var(--space-md); background: var(--jrac-line); border: 1px solid var(--jrac-line); }
.stat { padding: var(--space-sm); background: white; }
.stat strong { display: block; font-family: var(--font-display); font-size: 2.1rem; line-height: 1; }
.stat span { color: var(--jrac-muted); font-size: 0.82rem; font-weight: 750; text-transform: uppercase; }

.benefit-grid, .schedule-grid, .membership-grid, .news-grid { display: grid; gap: 1rem; }
.benefit-card { min-height: 220px; padding: var(--space-sm); border: 1px solid var(--jrac-line); border-radius: var(--radius-md); transition: transform 180ms ease, box-shadow 180ms ease; }
.benefit-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-sm); }
.benefit-card__number { color: var(--jrac-lime-text); font-family: var(--font-display); font-size: 1rem; }
.benefit-card h3 { margin: 2.5rem 0 0.55rem; text-transform: uppercase; }
.benefit-card p { margin-bottom: 0; color: var(--jrac-muted); }

.schedule-card { position: relative; padding: var(--space-md); color: white; background: var(--jrac-dark-soft); border: 1px solid rgba(255,255,255,0.1); border-radius: var(--radius-md); overflow: hidden; }
.schedule-card::after { position: absolute; right: -1.5rem; bottom: -1.5rem; width: 6rem; height: 6rem; content: ""; border: 1.3rem solid rgba(102,175,51,0.2); border-radius: 50%; }
.schedule-card__day { color: var(--jrac-lime-bright); font-size: 0.8rem; font-weight: 850; letter-spacing: 0.13em; text-transform: uppercase; }
.schedule-card__time { display: block; margin-block: 0.35rem; font-family: var(--font-display); font-size: clamp(2.6rem, 7vw, 4.5rem); line-height: 1; }
.schedule-card__distance { font-weight: 800; }
.schedule-card__place { max-width: 30ch; margin: 1.3rem 0 0; color: #c4cbc3; }

.featured-event { display: grid; width: min(1240px, calc(100% - 2rem)); margin: clamp(-2rem, -4vw, -3.5rem) auto 0; color: white; background: var(--jrac-dark); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); overflow: hidden; }
.featured-event__media { min-height: 250px; background: radial-gradient(circle at top left, #91d24c, var(--jrac-dark)); }
.featured-event__media--fallback::after { display: grid; height: 100%; min-height: 250px; place-items: center; content: "JRAC"; color: rgba(255,255,255,0.5); font-family: var(--font-display); font-size: 5rem; }
.featured-event__image { width: 100%; height: 100%; object-fit: cover; }
.featured-event__media--contain { position: relative; display: grid; place-items: center; background: #e6e6e6; }
.featured-event__media--contain .featured-event__image { position: absolute; inset: 0; object-fit: contain; }
.featured-event__content { padding: var(--space-md); }
.featured-event__title { margin-bottom: 1rem; color: white; font-size: clamp(2.2rem, 5vw, 4.4rem); }
.featured-event__facts { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1rem; }
.featured-event__fact { padding: 0.4rem 0.65rem; background: rgba(255,255,255,0.1); border-radius: 999px; font-size: 0.78rem; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; }
.featured-event__description { color: #d5dbd4; }
.countdown { display: flex; gap: 0.5rem; margin: 1.4rem 0; }
.countdown__unit { min-width: 70px; padding: 0.6rem 0.75rem; background: rgba(102,175,51,0.12); border-left: 2px solid var(--jrac-lime); }
.countdown__number { display: block; font-family: var(--font-display); font-size: 1.8rem; line-height: 1; }
.countdown__label { color: #bcc5ba; font-size: 0.65rem; font-weight: 800; letter-spacing: 0.09em; text-transform: uppercase; }

.event-list { display: grid; gap: 1rem; }
.event-card { display: grid; grid-template-columns: 76px 1fr; gap: 1rem; padding: 1rem; background: white; border: 1px solid var(--jrac-line); border-radius: var(--radius-md); transition: transform 180ms ease, box-shadow 180ms ease, border-color 180ms ease; scroll-margin-top: 7rem; }
.event-card:hover { transform: translateY(-3px); box-shadow: var(--shadow-sm); }
.event-card--linked { border-color: var(--jrac-lime); box-shadow: 0 0 0 4px rgba(102,175,51,0.15); }
.event-card--cancelled { opacity: 0.8; }
.event-card__media { grid-column: 1 / -1; min-width: 0; margin: 0; overflow: hidden; border-radius: .6rem; background: var(--jrac-mist); }
.event-card__media a { display: block; }
.event-card__media img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.event-card__media--contain img { object-fit: contain; background: #e6e6e6; }
.event-card__image-link { display: block; padding: .55rem .8rem; font-size: .8rem; font-weight: 750; }
.event-card__media figcaption { padding: 0 .8rem .75rem; color: var(--jrac-muted); font-size: .85rem; }
.event-date { display: grid; align-content: start; justify-items: center; padding: 0.65rem 0.35rem; color: white; background: var(--jrac-dark); border-radius: var(--radius-sm); }
.event-date__day { font-family: var(--font-display); font-size: 2.1rem; line-height: 1; }
.event-date__month { color: var(--jrac-lime-bright); font-size: 0.7rem; font-weight: 850; letter-spacing: 0.1em; text-transform: uppercase; }
.event-card__title { margin: 0.55rem 0 0.5rem; }
.event-card__description { color: var(--jrac-muted); }
.badge-row { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.badge { display: inline-flex; padding: 0.25rem 0.55rem; color: #244116; background: #e6f2dc; border-radius: 999px; font-size: 0.7rem; font-weight: 850; letter-spacing: 0.04em; text-transform: uppercase; }
.badge--soft { color: #4a5149; background: var(--jrac-mist); }
.badge--danger { color: white; background: var(--jrac-danger); }
.event-meta { display: flex; flex-wrap: wrap; gap: 0.75rem 1.2rem; margin-block: 1rem; }
.event-meta__item { display: grid; }
.event-meta__label { color: var(--jrac-muted); font-size: 0.68rem; font-weight: 800; letter-spacing: 0.09em; text-transform: uppercase; }
.event-meta__value { font-size: 0.9rem; }
.event-services { margin: -0.25rem 0 1rem; color: var(--jrac-muted); font-size: 0.83rem; }
.filters { display: flex; gap: 0.5rem; margin-bottom: var(--space-md); padding-bottom: 0.5rem; overflow-x: auto; scrollbar-width: thin; }
.filter-button { flex: 0 0 auto; min-height: 42px; padding: 0.55rem 0.85rem; color: var(--jrac-dark); background: white; border: 1px solid var(--jrac-line); border-radius: 999px; font-size: 0.75rem; font-weight: 850; text-transform: uppercase; cursor: pointer; }
.filter-button[aria-pressed="true"] { color: white; background: var(--jrac-dark); border-color: var(--jrac-dark); }
.empty-state { padding: var(--space-md); color: var(--jrac-muted); background: var(--jrac-mist); border-radius: var(--radius-md); text-align: center; }

.story-quote { padding: var(--space-md); color: white; background: var(--jrac-dark); border-radius: var(--radius-lg); }
.story-quote blockquote { margin: 0; font-family: var(--font-display); font-size: clamp(2rem, 5vw, 4rem); line-height: 1.05; text-transform: uppercase; }
.story-quote blockquote span { color: var(--jrac-lime-bright); }

.testimonial-shell { position: relative; overflow: hidden; }
.testimonial-track { display: flex; transition: transform 400ms ease; }
.testimonial { flex: 0 0 100%; padding: var(--space-md); background: white; border: 1px solid var(--jrac-line); border-radius: var(--radius-lg); }
.testimonial__quote { max-width: 48ch; font-size: clamp(1.1rem, 2.2vw, 1.5rem); line-height: 1.5; }
.testimonial__name { display: block; margin-top: 1rem; color: var(--jrac-lime-text); font-weight: 850; }
.carousel-actions { display: flex; gap: 0.5rem; margin-top: 1rem; }
.circle-button { display: grid; width: 46px; height: 46px; place-items: center; color: white; background: var(--jrac-dark); border: 0; border-radius: 50%; cursor: pointer; }

.gallery-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.7rem; }
.gallery-item { position: relative; min-height: 180px; overflow: hidden; border-radius: var(--radius-sm); }
.gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform 350ms ease; }
.gallery-item:hover img { transform: scale(1.04); }
.gallery-item figcaption { position: absolute; inset: auto 0 0; padding: 2.5rem 0.8rem 0.7rem; color: white; background: linear-gradient(transparent, rgba(0,0,0,0.82)); font-size: 0.77rem; font-weight: 800; }

.membership-card, .news-card, .contact-card { padding: var(--space-sm); background: white; border: 1px solid var(--jrac-line); border-radius: var(--radius-md); }
.membership-card--accent { color: white; background: var(--jrac-dark); border-color: var(--jrac-dark); }
.membership-card--accent h3 { color: white; }
.membership-card__price { display: block; margin-block: 1rem; font-family: var(--font-display); font-size: clamp(2.5rem, 6vw, 4rem); line-height: 1; }
.clean-list { margin: 1rem 0 0; padding: 0; list-style: none; }
.clean-list li { padding: 0.55rem 0; border-top: 1px solid var(--jrac-line); }
.membership-card--accent .clean-list li { border-color: rgba(255,255,255,0.15); }
.news-card { display: grid; padding: 0; overflow: hidden; }
.news-card__image { aspect-ratio: 16 / 10; width: 100%; object-fit: cover; }
.news-card__body { padding: var(--space-sm); }
.news-card__meta { color: var(--jrac-lime-text); font-size: 0.75rem; font-weight: 850; text-transform: uppercase; }
.news-card h3 { margin: 0.55rem 0; }
.news-card p { color: var(--jrac-muted); }

.cta-band { position: relative; padding-block: var(--space-lg); color: white; background: var(--jrac-lime); overflow: hidden; }
.cta-band::after { position: absolute; right: -3rem; bottom: -7rem; width: 18rem; height: 18rem; content: ""; border: 3rem solid rgba(18,21,18,0.12); border-radius: 50%; }
.cta-band__inner { position: relative; z-index: 1; display: grid; gap: 1rem; }
.cta-band h2 { margin: 0; color: var(--jrac-dark); }
.cta-band p { max-width: 55ch; margin-bottom: 0; color: #17300c; font-weight: 650; }

.contact-list { margin: 0; padding: 0; list-style: none; }
.contact-list li { padding-block: 0.75rem; border-bottom: 1px solid var(--jrac-line); }
.contact-list strong { display: block; font-size: 0.75rem; letter-spacing: 0.09em; text-transform: uppercase; }
.contact-list a { color: var(--jrac-lime-text); font-weight: 750; }
.notice { padding: 1rem; background: #edf6e7; border-left: 4px solid var(--jrac-lime); }
.audio-card { padding: var(--space-md); color: white; background: var(--jrac-dark); border-radius: var(--radius-lg); }
.audio-card h2 { color: white; }
.audio-card audio { width: 100%; margin-top: 1rem; }

.site-footer { padding-block: var(--space-lg) 1.5rem; color: #d1d7d0; background: #0d0f0d; }
.footer-grid { display: grid; gap: var(--space-md); }
.footer-brand p { max-width: 34ch; color: #aeb7ad; }
.footer-heading { margin-bottom: 0.75rem; color: white; font-size: 0.8rem; font-weight: 850; letter-spacing: 0.12em; text-transform: uppercase; }
.footer-links { margin: 0; padding: 0; list-style: none; }
.footer-links a { display: inline-block; padding-block: 0.3rem; color: #cbd2ca; text-decoration: none; }
.footer-links a:hover { color: var(--jrac-lime-bright); }
.footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.7rem; margin-top: var(--space-md); padding-top: 1.2rem; border-top: 1px solid rgba(255,255,255,0.12); font-size: 0.78rem; }
.social-row { display: flex; flex-wrap: wrap; gap: 0.5rem 1rem; }

[data-reveal] { opacity: 0; transform: translateY(18px); transition: opacity 500ms ease, transform 500ms ease; }
[data-reveal].is-visible { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
  [data-reveal] { opacity: 1; transform: none; }
}