:root {
  /* Scroll-story palette lock: warm sand/brown system. */
  --wons-scroll-ink: #4e4035;
  --wons-scroll-body: #5f564f;
  --wons-scroll-night: #262522;
  --wons-scroll-night-soft: #4e4035;
  --wons-scroll-gold: #c6a24a;
  --wons-scroll-light: #f6efe4;
  --wons-scroll-surface: #fbf7f0;
  --wons-scroll-line: #d8c7ae;
  --wons-scroll-cool: #8fa3b8;
  --wons-story-leading-display: 1.14;
  --wons-story-leading-body: 1.82;
  --wons-story-leading-card: 1.48;
}

.wons-home-story:has(.wons-scroll-chapter) {
  --wons-story-heading: var(--we-font-size-heading, 25px);
  --wons-story-content: var(--we-font-size-content, 16px);
  --wons-story-display-xl: clamp(43px, calc(var(--wons-story-heading) + var(--wons-story-heading) + var(--wons-story-heading) + 2px), 83px);
  --wons-story-display-lg: clamp(40px, calc(var(--wons-story-heading) + var(--wons-story-heading) + 21px), 75px);
  --wons-story-display-md: clamp(35px, calc(var(--wons-story-heading) + var(--wons-story-heading) + 14px), 65px);
  --wons-story-display-sm: clamp(27px, calc(var(--wons-story-heading) + 18px), 45px);
  --wons-story-display-monument: clamp(50px, calc(var(--wons-story-heading) + var(--wons-story-heading) + var(--wons-story-heading) + var(--wons-story-heading)), 100px);
  --wons-story-lead: clamp(16px, calc(var(--wons-story-content) + 6px), 22px);
  color: var(--wons-scroll-ink);
  background: var(--wons-scroll-night);
}

/* Give the large narrative copy more breathing room regardless of font. */
.wons-home-story .wons-scroll-chapter [data-story-heading],
body > .wons-scroll-city__copy.is-shared-city-copy [data-story-heading],
.wons-home-story [data-roads-phrase],
.wons-home-story [data-eternity-phrase] {
  line-height: 1.5;
}

.wons-smooth-wrapper:has(.wons-home-story[data-scroll-motion="enabled"]) { position: relative; z-index: 5; }
.wons-home-story[data-scroll-motion="enabled"] { background: transparent; }

.wons-scroll-chapter {
  position: relative;
  z-index: 1;
  min-height: 100svh;
  overflow: clip;
  isolation: isolate;
}

/* Transitional wash used only where neighboring chapters change luminance.
   JS fades this layer during chapter entry, so the boundary reads as one scene. */
.wons-scroll-seam {
  position: absolute;
  z-index: 20;
  top: 0;
  right: 0;
  left: 0;
  height: clamp(150px, 30svh, 340px);
  opacity: 1;
  pointer-events: none;
  will-change: opacity;
}
.wons-scroll-seam--from-dark {
  background: linear-gradient(180deg, var(--wons-scroll-night) 0%, rgba(38,37,34,.78) 22%, rgba(38,37,34,.26) 62%, transparent 100%);
}
.wons-scroll-seam--from-light {
  background: linear-gradient(180deg, var(--wons-scroll-light) 0%, rgba(246,239,228,.82) 22%, rgba(246,239,228,.28) 62%, transparent 100%);
}

.wons-scroll-shell {
  width: min(100% - 48px, 1320px);
  margin-inline: auto;
}

.wons-scroll-kicker {
  margin: 0 0 24px;
  color: var(--wons-scroll-gold);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .24em;
  text-transform: uppercase;
}

.wons-scroll-chapter h1,
.wons-scroll-chapter h2 {
  word-break: keep-all;
  text-wrap: balance;
}

.wons-scroll-chapter h1 span,
.wons-scroll-chapter h2 span {
  display: block;
}

.wons-scroll-chapter [data-story-heading] strong {
  color: inherit;
  font-family: inherit;
  font-weight: 700;
}

/* 01 — Seoul through the day */
.wons-scroll-hero {
  z-index: 5;
  color: #fff;
  background: transparent;
}

.wons-scroll-hero__media,
.wons-scroll-hero__skies,
.wons-scroll-sky,
.wons-scroll-hero__veil {
  position: absolute;
  inset: 0;
}

.wons-scroll-hero__media { overflow: hidden; background: #c7dff0; }

.wons-scroll-sky {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0;
  transform: scale(1.06);
  will-change: opacity, transform, filter;
}

.wons-scroll-sky--morning { opacity: 1; filter: saturate(.9) brightness(1.03); }
.wons-scroll-sky--day { filter: saturate(.98) brightness(1.03); }
.wons-scroll-sky--sunset { object-position: center; filter: saturate(1.02) brightness(.98); }
.wons-scroll-sky--night { filter: saturate(.9) brightness(.72); }

.wons-scroll-roads-entry-shared {
  --wons-roads-entry-shade: 1;
  position: fixed;
  inset: 0;
  z-index: 4;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  will-change: opacity;
}

.wons-scroll-roads-entry-shared::before {
  position: absolute;
  z-index: 0;
  inset: -5%;
  background: #17191c var(--wons-roads-city-image) center / cover no-repeat;
  filter: blur(28px) saturate(.7) brightness(.52);
  transform: scale(1.08);
  content: "";
}

.wons-scroll-roads-entry-shared::after {
  position: absolute;
  z-index: 2;
  inset: 0;
  background: linear-gradient(180deg, rgba(10,14,20,.48), rgba(13,15,17,.58) 54%, rgba(18,15,13,.62));
  opacity: var(--wons-roads-entry-shade);
  content: "";
}

.wons-scroll-roads-entry-shared img {
  position: absolute;
  z-index: 1;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 50%;
  filter: saturate(.78) contrast(1.04) brightness(.82);
  transform: scale(1.01);
  will-change: transform;
}

.wons-scroll-hero__foreground {
  position: absolute;
  inset: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  filter: saturate(.88) contrast(1.08) brightness(.92) sepia(.06) hue-rotate(-3deg) grayscale(0);
  transform: scale(1.015);
  transform-origin: center bottom;
  will-change: filter, transform;
}

.wons-scroll-hero__veil {
  z-index: 3;
  background:
    radial-gradient(ellipse at center, rgba(38,37,34,.18) 0, rgba(38,37,34,.06) 34%, rgba(38,37,34,.25) 78%),
    linear-gradient(180deg, rgba(38,37,34,.12), transparent 34%, rgba(38,37,34,.46) 100%);
  pointer-events: none;
  will-change: opacity, background-color;
}

.wons-scroll-hero__copy {
  position: relative;
  z-index: 6;
  display: flex;
  min-height: 100svh;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 4vh;
  text-align: center;
}

.wons-scroll-hero h1 {
  max-width: 1220px;
  margin: 0;
  font-size: var(--wons-story-display-xl);
  font-weight: 540;
  line-height: var(--wons-story-leading-display);
  letter-spacing: -.072em;
  text-shadow: 0 5px 18px rgba(0,0,0,.5), 0 16px 54px rgba(0,0,0,.38);
}

.wons-scroll-hero h1 span:last-child { margin-top: .12em; color: var(--wons-scroll-surface); }
.wons-scroll-hero h1 span { will-change: transform, opacity; }
.wons-scroll-hero .wons-scroll-kicker { color: var(--wons-scroll-gold); text-shadow: 0 2px 12px rgba(0,0,0,.55); }
.wons-scroll-hero__hint { margin: 42px 0 0; color: rgba(255,255,255,.82); font-size: 14px; letter-spacing: .04em; text-shadow: 0 2px 12px rgba(0,0,0,.6); }

.wons-scroll-hero__skip {
  position: absolute;
  bottom: clamp(28px, 5svh, 56px);
  left: 50%;
  display: grid;
  min-width: 214px;
  grid-template-columns: minmax(0, 1fr) 34px;
  align-items: center;
  gap: 2px 14px;
  padding: 13px 13px 13px 18px;
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 999px;
  color: #fff;
  background: rgba(18,22,27,.34);
  box-shadow: 0 16px 42px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.1);
  text-align: left;
  text-decoration: none;
  transform: translateX(-50%);
  transition: border-color .25s ease, background .25s ease, color .25s ease, transform .35s cubic-bezier(.22,1,.36,1);
  backdrop-filter: blur(14px);
}

.wons-scroll-hero__skip span {
  color: var(--wons-scroll-gold);
  font-size: 9px;
  font-weight: 850;
  line-height: 1.2;
  letter-spacing: .18em;
}

.wons-scroll-hero__skip strong {
  grid-column: 1;
  font-size: 13px;
  font-weight: 780;
  line-height: 1.35;
  letter-spacing: -.02em;
}

.wons-scroll-hero__skip i {
  display: inline-flex;
  width: 34px;
  height: 34px;
  grid-column: 2;
  grid-row: 1 / span 2;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--wons-scroll-night);
  background: var(--wons-scroll-gold);
  font-size: 15px;
  font-style: normal;
  transition: transform .35s cubic-bezier(.22,1,.36,1);
}

.wons-scroll-hero__skip:hover,
.wons-scroll-hero__skip:focus-visible {
  border-color: var(--wons-scroll-gold);
  color: #fff;
  background: rgba(18,22,27,.62);
  outline: none;
  transform: translate(-50%, -4px);
}

.wons-scroll-hero__skip:hover i,
.wons-scroll-hero__skip:focus-visible i { transform: translateY(3px); }

/* 02 — the path within, sharing chapter 09's visual language */
.wons-scroll-roads { z-index: 5; min-height: 100svh; color: var(--wons-scroll-ink); background: var(--wons-scroll-light); }
.wons-home-story[data-scroll-motion="enabled"] .wons-scroll-roads { background: transparent; }
.wons-scroll-roads__sticky { position: relative; min-height: 100svh; overflow: hidden; background: transparent; }
.wons-scroll-roads__backdrop,
.wons-scroll-roads__transition { position: absolute; inset: 0; pointer-events: none; }
.wons-scroll-roads__backdrop { z-index: 0; background: var(--wons-scroll-light); }
.wons-scroll-roads__photos { position: absolute; inset: 0; z-index: 1; overflow: hidden; background: #25231f; pointer-events: none; }
.wons-scroll-roads__photos::after {
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(180deg, rgba(10,14,20,.48), rgba(13,15,17,.58) 54%, rgba(18,15,13,.62));
  content: "";
}
.wons-scroll-roads__photo {
  position: absolute;
  inset: -3%;
  width: 106%;
  height: 106%;
  object-fit: cover;
  opacity: 0;
  filter: saturate(.78) contrast(1.04) brightness(.82);
  transform: scale(1.06);
  will-change: opacity, transform;
}
.wons-scroll-roads__photo--city { object-position: center 54%; opacity: 1; }
.wons-scroll-roads__photo--inner { object-position: center 46%; }
.wons-scroll-roads__transition {
  z-index: 2;
  opacity: 0;
  background:
    radial-gradient(circle at 50% 56%, rgba(198,162,74,.14), transparent 34%),
    linear-gradient(180deg, var(--wons-scroll-night) 0%, #3b352f 52%, #5a4b3f 100%);
  will-change: opacity;
}
.wons-home-story[data-scroll-motion="enabled"] .wons-scroll-roads__transition {
  opacity: 0;
  visibility: hidden;
}
.wons-scroll-roads .wons-scroll-roads__story-path { position: absolute; z-index: 3; inset: -10% 0; width: 100%; height: 120%; }
.wons-scroll-roads .wons-scroll-roads__story-path path { stroke: url(#wons-roads-story-gradient); stroke-width: 36; }
.wons-scroll-roads__traveler { opacity: 0; will-change: opacity; }
.wons-scroll-roads__traveler-halo { fill: rgba(255,225,142,.25); filter: blur(10px); }
.wons-scroll-roads__traveler-core { fill: #fff4c5; filter: drop-shadow(0 0 8px #f6cc64) drop-shadow(0 0 18px rgba(246,204,100,.82)); }
.wons-scroll-city-shared { position: fixed; inset: 0; z-index: 4; overflow: hidden; opacity: 0; clip-path: circle(0 at 50% 55.5%); pointer-events: none; visibility: hidden; will-change: clip-path, opacity; }
.wons-scroll-city-shared::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(38,37,34,.62), rgba(78,64,53,.18) 55%, rgba(38,37,34,.42)); content: ""; }
.wons-scroll-city-shared img { width: 100%; height: 115svh; object-fit: cover; filter: grayscale(.22) contrast(1.08); transform: translateY(-5%) scale(1.15); }
.wons-scroll-roads.wons-scroll-roads--eternity .wons-scroll-roads__phrases p {
  top: 50%;
  bottom: auto;
  width: min(39vw, 560px);
  margin-inline: 0;
}
.wons-scroll-roads.wons-scroll-roads--eternity .wons-scroll-roads__phrases { z-index: 4; }
.wons-scroll-roads.wons-scroll-roads--eternity .wons-scroll-roads__phrases p {
  color: #fff;
  text-shadow: 0 3px 24px rgba(0,0,0,.72), 0 1px 2px rgba(0,0,0,.78);
}
.wons-scroll-roads.wons-scroll-roads--eternity .wons-scroll-roads__phrases p:nth-child(4) {
  color: #f0cb71;
  text-shadow: 0 3px 24px rgba(0,0,0,.76), 0 1px 2px rgba(0,0,0,.82);
}
.wons-scroll-roads.wons-scroll-roads--eternity .wons-scroll-roads__phrases p:nth-child(odd) { right: auto; left: 6vw; text-align: right; }
.wons-scroll-roads.wons-scroll-roads--eternity .wons-scroll-roads__phrases p:nth-child(even) { right: 10vw; left: auto; text-align: left; }
.wons-home-story[data-scroll-motion="disabled"] .wons-scroll-roads.wons-scroll-roads--eternity .wons-scroll-roads__phrases {
  display: grid;
  min-height: 100svh;
  align-content: center;
  gap: clamp(18px, 3.5svh, 34px);
  padding: clamp(96px, 13svh, 138px) clamp(24px, 6vw, 88px) clamp(126px, 17svh, 170px);
}
.wons-home-story[data-scroll-motion="disabled"] .wons-scroll-roads.wons-scroll-roads--eternity .wons-scroll-roads__phrases p {
  position: static;
  width: min(100%, 1180px);
  margin: 0;
  opacity: 1;
  overflow-wrap: normal;
  word-break: keep-all;
  text-wrap: balance;
  transform: none;
}
.wons-home-story[data-scroll-motion="disabled"] .wons-scroll-roads.wons-scroll-roads--eternity .wons-scroll-roads__phrases p:nth-child(odd) {
  justify-self: start;
  text-align: left;
}
.wons-home-story[data-scroll-motion="disabled"] .wons-scroll-roads.wons-scroll-roads--eternity .wons-scroll-roads__phrases p:nth-child(even) {
  justify-self: end;
  text-align: right;
}

/* 03 — city pause */
.wons-scroll-city { z-index: 1; display: grid; min-height: 100svh; align-items: center; color: var(--wons-scroll-surface); background: var(--wons-scroll-night); }
.wons-scroll-city .wons-scroll-kicker { color: var(--wons-scroll-gold); }
.wons-scroll-city h2,.wons-scroll-city h2 span { color: var(--wons-scroll-surface); }
.wons-scroll-city h2 span:last-child { color: var(--wons-scroll-light); }
.wons-home-story[data-scroll-motion="enabled"] .wons-scroll-city { z-index: 7; margin-top: -100svh; background: transparent; }
.wons-home-story[data-scroll-motion="enabled"] .wons-scroll-city.is-seam-active { z-index: 7; }
.wons-home-story[data-scroll-motion="enabled"] .wons-scroll-city .wons-scroll-city__media { height: 100svh; opacity: 0; }
.wons-scroll-city__media { position: absolute; inset: 0; margin: 0; }
.wons-scroll-city__media::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(38,37,34,.62), rgba(78,64,53,.18) 55%, rgba(38,37,34,.42)); content: ""; }
.wons-scroll-city__media img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(.22) contrast(1.08); transform: translateY(-5%) scale(1.15); }
.wons-scroll-city__copy { position: relative; z-index: 3; text-shadow: 0 4px 26px rgba(0,0,0,.58), 0 1px 3px rgba(0,0,0,.72); will-change: opacity, transform; }
.wons-scroll-city h2 { max-width: 1050px; margin: 0; font-size: var(--wons-story-display-xl); font-weight: 560; line-height: var(--wons-story-leading-display); letter-spacing: -.065em; }
.wons-scroll-city h2 span:last-child { margin-top: .16em; }
.wons-scroll-city .wons-scroll-city__copy { min-height: min(64svh, 680px); }
.wons-scroll-city .wons-scroll-city__copy h2 { position: relative; width: 100%; max-width: none; min-height: min(64svh, 680px); }
.wons-scroll-city .wons-scroll-city__copy h2 span { position: absolute; }
.wons-scroll-city .wons-scroll-city__copy h2 span:first-child { top: 0; left: clamp(40px, 6vw, 100px); }
.wons-scroll-city .wons-scroll-city__copy h2 span:last-child { right: clamp(76px, 7vw, 120px); bottom: 0; margin: 0; text-align: right; }
.wons-scroll-city__streaks { position: absolute; inset: 0; z-index: 2; overflow: hidden; mix-blend-mode: screen; }
.wons-scroll-city__streaks i { position: absolute; left: -30%; width: 55%; height: 1px; background: linear-gradient(90deg, transparent, rgba(255,221,136,.75), transparent); transform: rotate(-8deg); }
.wons-scroll-city__streaks i:nth-child(1) { top: 22%; }.wons-scroll-city__streaks i:nth-child(2) { top: 36%; }.wons-scroll-city__streaks i:nth-child(3) { top: 54%; }.wons-scroll-city__streaks i:nth-child(4) { top: 68%; }.wons-scroll-city__streaks i:nth-child(5) { top: 81%; }

/* The shared city photo is fixed outside ScrollSmoother. Keep only its copy and
   light streaks in matching fixed layers so previous chapter artwork stays below. */
body > .wons-scroll-city__streaks.is-shared-city-streaks {
  position: fixed;
  inset: 0;
  z-index: 7;
  pointer-events: none;
}
body > .wons-scroll-city__copy.is-shared-city-copy {
  position: fixed;
  inset: 0;
  z-index: 8;
  width: min(100% - 48px, 1320px);
  height: min(64svh, 680px);
  margin: auto;
  color: var(--wons-scroll-surface);
  font-family: var(--wons-section-font-content, "WONDotum", "Noto Sans KR", sans-serif);
  pointer-events: none;
}
body > .wons-scroll-city__copy.is-shared-city-copy:not(.is-city-scene-active),
body > .wons-scroll-city__streaks.is-shared-city-streaks:not(.is-city-scene-active) {
  opacity: 0 !important;
  visibility: hidden !important;
}
body > .wons-scroll-city__copy.is-shared-city-copy .wons-scroll-kicker { color: var(--wons-scroll-gold); }
body > .wons-scroll-city__copy.is-shared-city-copy h2 {
  position: relative;
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
  color: var(--wons-scroll-surface);
  font-family: var(--wons-section-font-heading, "WONDotum", "Noto Sans KR", sans-serif);
  font-size: clamp(43px, calc(var(--we-font-size-heading, 25px) + var(--we-font-size-heading, 25px) + var(--we-font-size-heading, 25px) + 2px), 83px);
  font-weight: var(--wons-section-heading-weight, 400);
  line-height: var(--wons-story-leading-display);
  letter-spacing: -.065em;
  word-break: keep-all;
}
body > .wons-scroll-city__copy.is-shared-city-copy h2 span { position: absolute; display: block; color: var(--wons-scroll-surface); }
body > .wons-scroll-city__copy.is-shared-city-copy h2 span:first-child { top: 0; left: clamp(40px, 6vw, 100px); }
body > .wons-scroll-city__copy.is-shared-city-copy h2 span:last-child { right: clamp(76px, 7vw, 120px); bottom: 0; margin: 0; color: var(--wons-scroll-light); text-align: right; }

@media (min-width: 1025px) {
  .wons-scroll-city-shared img,
  .wons-scroll-city__media img { transform: scale(1.15); }
  .wons-scroll-city-shared img { height: 100svh; }
  .wons-home-story[data-scroll-motion="disabled"] .wons-scroll-door__picture {
    width: min(calc(100% - 240px), 1580px);
    transform: translateX(-50%);
  }
}

/* 04 — opening doors */
.wons-scroll-door { color: var(--wons-scroll-ink); background: var(--wons-scroll-surface); }
.wons-scroll-door__stage { position: absolute; inset: 0; overflow: hidden; background: var(--wons-scroll-surface); }
.wons-scroll-door__picture { position: absolute; z-index: 1; top: clamp(20px, 3svh, 36px); bottom: clamp(20px, 3svh, 36px); left: 50%; width: min(28vw, 430px); overflow: hidden; background: var(--wons-door-image, #d9d8d3) center / cover no-repeat; box-shadow: 0 28px 80px rgba(38,37,34,.22); transform: translateX(-50%) scale(1.08); will-change: width, transform; }
.wons-scroll-door__picture::after { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(38,37,34,.04), rgba(38,37,34,.36)); content: ""; }
.wons-scroll-door__panel { display: none; }
.wons-scroll-door__panel--left { left: 50%; }.wons-scroll-door__panel--right { right: 50%; }
.wons-scroll-door__light { display: none; }
.wons-scroll-door__copy { position: relative; z-index: 4; display: flex; min-height: 100svh; flex-direction: column; justify-content: center; padding-block: clamp(88px, 12svh, 132px) clamp(40px, 5svh, 64px); color: #fff; }
.wons-scroll-door h2 { max-width: 1120px; margin: 0; font-size: var(--wons-story-display-lg); font-weight: 560; line-height: var(--wons-story-leading-display); letter-spacing: -.06em; text-shadow: 0 5px 32px rgba(0,0,0,.48); }
.wons-scroll-door h2 span:last-child { color: var(--wons-scroll-light); }

/* 05 — districts */
.wons-scroll-districts { min-height: 145svh; overflow: visible; background: var(--wons-scroll-light); }
.wons-scroll-chapter__sticky { position: sticky; top: 0; min-height: 100svh; display: flex; align-items: center; overflow: hidden; }
.wons-scroll-districts .wons-story-districts { width: 100%; min-height: 100svh; padding-block: clamp(52px, 7vh, 78px); }
.wons-scroll-districts .wons-story-shell { width: min(100% - 48px, 1440px); }
.wons-scroll-districts .wons-districts-heading h2 { max-width: 900px; font-size: var(--wons-story-display-md); }
.wons-scroll-districts .wons-districts-split { height: min(52svh, 480px); }
.wons-scroll-districts .wons-district-panel { transform-origin: center bottom; }

/* 06 — message */
.wons-scroll-message { z-index: 1; display: grid; min-height: 148svh; grid-template-rows: minmax(0, 100svh) 48svh; color: var(--wons-scroll-surface); background: var(--wons-scroll-night-soft); }
.wons-scroll-message__media { position: absolute; inset: 0 0 0 42%; overflow: hidden; }
.wons-scroll-message__media::after { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(78,64,53,.88) 0, transparent 58%), linear-gradient(180deg, rgba(38,37,34,.02), rgba(38,37,34,.4)); content: ""; }
.wons-scroll-message__media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.72); transform: scale(1.12); }
.wons-scroll-message__halo { position: absolute; top: 50%; left: 38%; width: min(52vw, 760px); aspect-ratio: 1; border: 1px solid rgba(233,195,104,.52); border-radius: 50%; box-shadow: 0 0 100px rgba(221,174,71,.12), inset 0 0 100px rgba(221,174,71,.09); transform: translate(-50%,-50%); }
.wons-scroll-message__copy { position: relative; z-index: 3; grid-row: 1; align-self: center; }
.wons-scroll-message h2 { max-width: 790px; margin: 0; font-size: var(--wons-story-display-lg); font-weight: 560; line-height: var(--wons-story-leading-display); letter-spacing: -.065em; }
.wons-scroll-message h2 span + span { margin-top: .08em; }
.wons-scroll-message h2 span:last-child { margin-top: .15em; color: var(--wons-scroll-light); }
.wons-scroll-message__copy > p:last-child { margin: 42px 0 0; color: rgba(255,255,255,.75); font-size: var(--wons-story-lead); line-height: var(--wons-story-leading-body); }

/* 07 — circular sermon suspended between chapters */
.wons-scroll-sermon { z-index: 3; margin-top: -48svh; overflow: visible; color: #fff; background: transparent; }
.wons-scroll-sermon__sticky { position: relative; display: grid; min-height: 100svh; place-items: center; overflow: visible; background: linear-gradient(180deg, var(--wons-scroll-light) 0 48svh, transparent 48svh); isolation: isolate; }
.wons-scroll-sermon__sticky::before { position: absolute; inset: 48svh 0 0; z-index: -1; background: radial-gradient(circle at 50% 0, var(--wons-scroll-night-soft), var(--wons-scroll-night) 72%); content: ""; }
.wons-scroll-sermon__video { position: relative; z-index: 2; width: min(50vw, 590px); aspect-ratio: 1; margin: 0 0 9svh; overflow: hidden; border: 1px solid rgba(255,255,255,.46); border-radius: 50%; background: #262522; box-shadow: 0 0 0 18px rgba(255,255,255,.035), 0 42px 110px rgba(0,0,0,.52); transform: scale(.76); }
.wons-scroll-sermon__video img,.wons-scroll-sermon__video video { display: block; width: 100%; height: 100%; border: 0; object-fit: cover; }
.wons-scroll-sermon__video iframe { position: absolute; top: 50%; left: 50%; display: block; width: 177.78%; height: 100%; border: 0; transform: translate(-50%,-50%); }
.wons-scroll-sermon__video figcaption { position: absolute; z-index: 2; right: 0; bottom: 10%; left: 0; text-align: center; pointer-events: none; }
.wons-scroll-sermon__video:has(iframe) figcaption { opacity: 0; }
.wons-scroll-sermon__video figcaption span { display: block; margin-bottom: 8px; color: #e8c56f; font-size: 11px; letter-spacing: .2em; }
.wons-scroll-sermon__video figcaption strong { font-size: 20px; }
.wons-scroll-sermon__sidecopy { position: absolute; z-index: 4; width: min(29vw, 410px); opacity: 0; transition: opacity .55s ease, transform .7s cubic-bezier(.2,.75,.25,1); will-change: transform, opacity; pointer-events: none; }
.wons-scroll-sermon__sidecopy .wons-scroll-kicker { margin-bottom: 16px; }
.wons-scroll-sermon__sidecopy h2 { margin: 0; font-size: clamp(28px, 2.15vw, 42px); font-weight: 560; line-height: var(--wons-story-leading-display); letter-spacing: -.055em; }
.wons-scroll-sermon__sidecopy h2 span + span { margin-top: .12em; }
.wons-scroll-sermon__sidecopy--left { top: clamp(74px, 13svh, 142px); left: clamp(34px, 5vw, 94px); color: var(--wons-scroll-ink); transform: translate3d(-48px,18px,0); }
.wons-scroll-sermon__sidecopy--left h2 { color: var(--wons-scroll-ink); }
.wons-scroll-sermon__sidecopy--left h2 strong { display: inline-block; padding-bottom: .12em; border-bottom: 4px solid var(--wons-scroll-gold); }
.wons-scroll-sermon__sidecopy--right { right: clamp(34px, 5vw, 94px); bottom: clamp(74px, 12svh, 132px); color: var(--wons-scroll-surface); text-align: right; transform: translate3d(48px,18px,0); }
.wons-scroll-sermon__sidecopy--right h2 { color: var(--wons-scroll-surface); }
.wons-scroll-sermon__sidecopy--right .wons-scroll-kicker { color: var(--wons-scroll-gold); }
.wons-scroll-sermon__sidecopy-lead { max-width: 360px; margin: 22px 0 0 auto; color: rgba(251,247,240,.74); font-size: 15px; line-height: var(--wons-story-leading-body); word-break: keep-all; }
.wons-scroll-sermon__sidecopy.is-sermon-copy-visible { opacity: 1; transform: translate3d(0,0,0); }
.wons-scroll-sermon__orbit { position: absolute; z-index: 1; width: min(59vw, 690px); aspect-ratio: 1; margin-bottom: 9svh; border: 1px solid rgba(224,187,91,.18); border-radius: 50%; }
.wons-scroll-sermon__orbit::before,.wons-scroll-sermon__orbit::after { position: absolute; inset: 11%; border: 1px solid rgba(224,187,91,.14); border-radius: 50%; content: ""; }.wons-scroll-sermon__orbit::after { inset: 23%; }
.wons-scroll-sermon__orbit i { position: absolute; top: 50%; left: 50%; width: 9px; height: 9px; border-radius: 50%; background: #f5d77c; box-shadow: 0 0 18px #f5d77c; }
.wons-scroll-sermon__orbit i:nth-child(1) { transform: translate(-340px,-250px); }.wons-scroll-sermon__orbit i:nth-child(2) { transform: translate(315px,80px); }.wons-scroll-sermon__orbit i:nth-child(3) { transform: translate(-170px,350px); }
.wons-scroll-sermon__captions { position: absolute; z-index: 4; right: 50%; bottom: clamp(24px, 5svh, 52px); width: min(82vw, 820px); min-height: 2.5em; text-align: center; transform: translateX(50%); }
.wons-scroll-sermon__captions p { position: absolute; right: 0; bottom: 0; width: 100%; margin: 0; opacity: 0; color: #fff; font-size: var(--wons-story-display-sm); font-weight: 650; line-height: 1.28; letter-spacing: -.045em; text-shadow: 0 3px 24px rgba(0,0,0,.62); transition: opacity .25s ease, transform .25s ease; transform: translateY(12px); }
.wons-scroll-sermon__captions p.is-current { opacity: 1; transform: translateY(0); }

/* 08 — activity cards */
.wons-scroll-activity { display: flex; min-height: 100svh; align-items: center; background: var(--wons-scroll-light); }
.wons-scroll-activity > .wons-home-activity { width: 100%; }
.wons-scroll-activity .wons-home-activity { padding-block: clamp(70px, 10vh, 120px); }
.wons-scroll-activity .wons-activity-card { opacity: 0; transform: translateY(120px) rotate(1.5deg); }
.wons-scroll-activity .wons-activity-card:nth-child(even) { transform: translateY(150px) rotate(-1.5deg); }
.wons-scroll-activity[data-activity-scroll-motion="enabled"] .wons-home-updates-heading[data-story-reveal] { transition: none !important; }
.wons-scroll-activity .wons-activity-card > a { overflow: hidden; border: 1px solid var(--wons-scroll-line); border-radius: 14px; background: var(--wons-scroll-surface); box-shadow: 0 22px 58px rgba(78,64,53,.1); }
.wons-scroll-activity .wons-activity-card figure { border-radius: 0; }
.wons-scroll-activity .wons-activity-card__body { min-height: 132px; padding: 22px 28px 24px 22px; }
.wons-scroll-activity .wons-activity-card__body > i { right: 20px; }

/* 09 — eternal path */
.wons-scroll-eternity { color: var(--wons-scroll-ink); background: var(--wons-scroll-light); }
.wons-scroll-eternity__sticky { position: relative; min-height: 100svh; overflow: hidden; }
.wons-scroll-eternity__path { position: absolute; inset: -4% 5%; width: 90%; height: 108%; overflow: visible; }
.wons-scroll-eternity__path path { fill: none; stroke: url(#wons-eternity-gradient); stroke-linecap: round; stroke-width: 6; filter: drop-shadow(0 0 18px rgba(247,215,123,.65)); }
.wons-scroll-eternity__phrases { position: relative; z-index: 3; min-height: 100svh; }
.wons-scroll-eternity__phrases p { position: absolute; width: min(80%, 950px); margin: 0; opacity: 0; font-size: var(--wons-story-display-xl); font-weight: 560; line-height: var(--wons-story-leading-display); letter-spacing: -.065em; overflow-wrap: normal; word-break: keep-all; text-wrap: balance; }
.wons-scroll-eternity .wons-scroll-eternity__phrases p { color: var(--wons-scroll-ink); text-shadow: 0 2px 18px rgba(255,255,255,.36); }
.wons-scroll-eternity .wons-scroll-eternity__phrases p:nth-child(1) { top: 19%; left: 7%; }.wons-scroll-eternity .wons-scroll-eternity__phrases p:nth-child(2) { top: 39%; right: 7%; text-align: right; }.wons-scroll-eternity .wons-scroll-eternity__phrases p:nth-child(3) { top: 58%; left: 14%; }.wons-scroll-eternity .wons-scroll-eternity__phrases p:nth-child(4) { right: 7%; bottom: 13%; text-align: right; color: var(--wons-scroll-gold); }

/* 10 — memorial */
.wons-scroll-memorial { display: grid; place-items: center; color: var(--wons-scroll-ink); background: var(--wons-scroll-surface); }
.wons-scroll-memorial::after { position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(251,247,240,.88), rgba(251,247,240,.42) 52%, rgba(251,247,240,.14)); content: ""; }
.wons-scroll-memorial__media { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(.78) contrast(.96); transform: scale(1.06); }
.wons-scroll-memorial__copy { position: relative; z-index: 2; text-align: center; text-shadow: 0 2px 18px rgba(255,255,255,.8); }
.wons-home-story .wons-scroll-chapter.wons-scroll-memorial h2 { margin: 0; font-size: var(--wons-story-display-monument); font-weight: 700; line-height: var(--wons-story-leading-display); letter-spacing: -.07em; }
.wons-scroll-memorial__copy > p:not(.wons-scroll-kicker) { margin: 28px 0 0; color: var(--wons-scroll-body); font-size: var(--wons-story-lead); line-height: var(--wons-story-leading-body); }
.wons-scroll-content-slot { display: inline-flex; min-height: 46px; align-items: center; margin-top: 38px; padding: 0 22px; border: 1px solid rgba(36,36,32,.2); border-radius: 999px; color: #625d50; font-size: 13px; }
[data-story-follow-scope] { --wons-follow-size: 116px; }
.wons-scroll-follow-cursor { position: absolute; top: 0; left: 0; z-index: 12; display: grid; width: var(--wons-follow-size, 116px); aspect-ratio: 1; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: rgba(38,37,34,.92); box-shadow: 0 18px 42px rgba(38,37,34,.28); opacity: 0; color: #fff; font-size: 13px; font-weight: 760; line-height: 1.25; text-align: center; text-decoration: none; transform: translate3d(-240px,-240px,0); transition: opacity .18s ease, background-color .2s ease, border-color .2s ease; pointer-events: none; will-change: transform, opacity; }
.wons-scroll-follow-cursor > span { display: block; max-width: 78px; word-break: keep-all; }
[data-story-follow-scope].is-story-follow-active .wons-scroll-follow-cursor { opacity: 1; }
.wons-scroll-follow-cursor.is-viewport-fixed { position: fixed; }
.wons-scroll-follow-cursor.is-viewport-fixed.is-story-follow-active { opacity: 1; }
.wons-scroll-follow-cursor--sermon { border-color: rgba(255,255,255,.36); color: var(--wons-scroll-night); background: rgba(224,187,91,.96); box-shadow: 0 18px 42px rgba(0,0,0,.28); }
.wons-scroll-follow-cursor--memorial { background: rgba(78,64,53,.93); border-color: rgba(198,162,74,.4); }
.wons-scroll-follow-cursor.is-placeholder { opacity: 0; }
.wons-scroll-touch-cta { display: none; }
.wons-scroll-memorial:not(.is-memorial-pin-active) .wons-scroll-follow-cursor { opacity: 0; pointer-events: none; }
.wons-scroll-memorial.is-memorial-pin-active { isolation: isolate; }
[data-story-follow-scope].is-memorial-pin-active.is-story-follow-active .wons-scroll-follow-cursor.is-placeholder { opacity: .78; }

@media (hover: hover) and (pointer: fine) {
  [data-story-follow-scope].is-story-follow-active { cursor: none; }
}

/* 11 — closing and quick links */
.wons-scroll-closing { display: flex; min-height: 100svh; align-items: center; color: var(--wons-scroll-surface); background: var(--wons-scroll-night-soft); }
.wons-scroll-closing__inner { position: relative; z-index: 2; padding-block: 90px; text-align: center; }
.wons-scroll-closing h2 { max-width: 980px; margin: 0 auto; font-size: var(--wons-story-display-xl); font-weight: 540; line-height: var(--wons-story-leading-display); letter-spacing: -.07em; }
.wons-scroll-closing__lead { margin: 30px auto 0; color: rgba(255,255,255,.7); font-size: var(--wons-story-lead); line-height: var(--wons-story-leading-body); }
.wons-scroll-closing__aura { position: absolute; top: 50%; left: 50%; width: 70vw; height: 70vw; border-radius: 50%; background: radial-gradient(circle, rgba(211,171,74,.2), transparent 63%); transform: translate(-50%,-50%); }
.wons-scroll-quicklinks { display: grid; max-width: 1120px; margin: 72px auto 0; grid-template-columns: repeat(6, minmax(0,1fr)); border-top: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); }
.wons-scroll-quicklinks a { position: relative; display: flex; min-height: 178px; flex-direction: column; align-items: center; justify-content: center; gap: 16px; border-right: 1px solid rgba(255,255,255,.15); color: #fff; transition: color .35s ease, background-color .35s ease, transform .35s ease; }
.wons-scroll-quicklinks a:last-child { border-right: 0; }
.wons-scroll-quicklinks a > i { font-size: 27px; color: var(--wons-scroll-gold); }
.wons-scroll-quicklinks a > span { font-size: 15px; font-weight: 750; }
.wons-scroll-quicklinks a > b { position: absolute; top: 18px; right: 18px; opacity: .38; font-weight: 400; }
.wons-scroll-quicklinks a:hover,.wons-scroll-quicklinks a:focus-visible { color: var(--wons-scroll-night); background: var(--wons-scroll-gold); transform: translateY(-8px); }
.wons-scroll-quicklinks a:hover > i,.wons-scroll-quicklinks a:focus-visible > i { color: var(--wons-scroll-night); }

@media (max-width: 1024px) {
  .wons-home-story:has(.wons-scroll-chapter) {
    --wons-story-display-xl: clamp(35px, calc(var(--wons-story-heading) + var(--wons-story-heading) + 10px), 60px);
    --wons-story-display-lg: clamp(33px, calc(var(--wons-story-heading) + var(--wons-story-heading) + 5px), 55px);
    --wons-story-display-md: clamp(31px, calc(var(--wons-story-heading) + 16px), 45px);
    --wons-story-display-sm: clamp(25px, calc(var(--wons-story-heading) + 10px), 40px);
    --wons-story-display-monument: clamp(50px, calc(var(--wons-story-heading) + var(--wons-story-heading) + 10px), 75px);
  }
  .wons-scroll-chapter { min-height: auto; overflow: hidden; }
  .wons-scroll-shell { width: min(100% - 32px, 760px); }
  .wons-scroll-hero,.wons-scroll-roads,.wons-scroll-door,.wons-scroll-sermon,.wons-scroll-eternity,.wons-scroll-memorial,.wons-scroll-closing { min-height: 100svh; }
  .wons-scroll-hero__foreground,.wons-scroll-sky { object-position: center; }
  .wons-scroll-city { min-height: 100svh; }
  .wons-scroll-city-shared img { height: 100svh; }
  body > .wons-scroll-city__copy.is-shared-city-copy { width: min(100% - 32px, 760px); height: min(62svh, 620px); }
  body > .wons-scroll-city__copy.is-shared-city-copy h2 { font-size: clamp(35px, calc(var(--we-font-size-heading, 25px) + var(--we-font-size-heading, 25px) + 10px), 60px); }
  .wons-scroll-activity .wons-activity-card,
  .wons-scroll-activity .wons-activity-card:nth-child(even) { transform: translateY(90px) rotate(0deg); }
  .wons-scroll-message { min-height: 128svh; grid-template-rows: minmax(0, 100svh) 28svh; }
  .wons-scroll-message__media { inset: 0; opacity: .56; }
  .wons-scroll-message__copy { padding-block: clamp(64px, 8svh, 88px); }
  .wons-scroll-districts { min-height: auto; }
  .wons-scroll-chapter__sticky { position: static; min-height: auto; }
  .wons-scroll-districts .wons-story-districts { min-height: auto; }
  .wons-scroll-door__picture { top: clamp(16px, 2.5svh, 24px); bottom: clamp(16px, 2.5svh, 24px); width: calc(100% - 24px); transform: translateX(-50%); }
  .wons-scroll-door__panel { display: none; }
  .wons-scroll-sermon { margin-top: -28svh; }
  .wons-scroll-sermon__sticky::before { inset-block-start: 28svh; }
  .wons-scroll-sermon__video { width: min(76vw, 540px); margin-bottom: 10svh; transform: scale(1); }
  .wons-scroll-sermon__captions { right: 50%; bottom: 5svh; width: 88vw; }
  .wons-scroll-sermon__captions p { font-size: var(--wons-story-display-sm); }
  .wons-scroll-sermon__sidecopy { width: min(34vw, 330px); }
  .wons-scroll-sermon__sidecopy--left { top: 9svh; left: 28px; }
  .wons-scroll-sermon__sidecopy--right { right: 28px; bottom: 8svh; }
  .wons-scroll-sermon__sidecopy h2 { font-size: clamp(24px, 3.2vw, 34px); }
  [data-story-follow-scope] { --wons-follow-size: 104px; }
  .wons-scroll-activity:not([data-activity-scroll-motion="enabled"]) .wons-activity-card { opacity: 1; transform: none; }
  .wons-scroll-eternity__phrases p { font-size: var(--wons-story-display-xl); }
  .wons-scroll-quicklinks { grid-template-columns: repeat(3, minmax(0,1fr)); }
  .wons-scroll-quicklinks a:nth-child(3) { border-right: 0; }
  .wons-scroll-quicklinks a:nth-child(-n+3) { border-bottom: 1px solid rgba(255,255,255,.15); }
}

@media (max-width: 640px) {
  .wons-home-story:has(.wons-scroll-chapter) {
    --wons-story-display-xl: clamp(32px, calc(var(--wons-story-heading) + 12px), 50px);
    --wons-story-display-lg: clamp(30px, calc(var(--wons-story-heading) + 10px), 45px);
    --wons-story-display-md: clamp(28px, calc(var(--wons-story-heading) + 7px), 41px);
    --wons-story-display-sm: clamp(24px, calc(var(--wons-story-heading) + 3px), 37px);
    --wons-story-display-monument: clamp(48px, calc(var(--wons-story-heading) + var(--wons-story-heading) + 10px), 75px);
  }
  .wons-scroll-shell { width: min(100% - 40px, 560px); }
  .wons-scroll-kicker { margin-bottom: 18px; font-size: 10px; }
  .wons-scroll-hero h1 { font-size: var(--wons-story-display-xl); }
  .wons-scroll-hero__hint { margin-top: 32px; }
  .wons-scroll-hero__copy { padding: 5vh 20px 0; }
  .wons-scroll-hero__skip { bottom: calc(86px + env(safe-area-inset-bottom)); min-width: 204px; padding-block: 11px; }
  .wons-scroll-city h2,.wons-scroll-door h2,.wons-scroll-message h2 { font-size: var(--wons-story-display-lg); }
  .wons-scroll-city .wons-scroll-city__copy,
  .wons-scroll-city .wons-scroll-city__copy h2 { min-height: 0; }
  .wons-scroll-city .wons-scroll-city__copy h2 span { position: static; }
  .wons-scroll-city .wons-scroll-city__copy h2 span:first-child { left: auto; }
  .wons-scroll-city .wons-scroll-city__copy h2 span:last-child { margin-top: .45em; text-align: left; }
  body > .wons-scroll-city__copy.is-shared-city-copy { width: min(100% - 40px, 560px); height: max-content; }
  body > .wons-scroll-city__copy.is-shared-city-copy h2 { font-size: clamp(30px, calc(var(--we-font-size-heading, 25px) + 10px), 45px); }
  body > .wons-scroll-city__copy.is-shared-city-copy h2 span { position: static; }
  body > .wons-scroll-city__copy.is-shared-city-copy h2 span:first-child { left: auto; }
  body > .wons-scroll-city__copy.is-shared-city-copy h2 span:last-child { margin-top: .45em; text-align: left; }
  .wons-scroll-door__copy { padding-block: clamp(72px, 10svh, 96px) clamp(32px, 6svh, 56px); }
  .wons-scroll-districts .wons-story-shell { width: min(100% - 28px, 560px); }
  .wons-scroll-sermon__video { width: 88vw; }
  .wons-scroll-sermon__orbit { width: 104vw; }
  .wons-scroll-sermon__captions { right: 50%; bottom: 6vh; width: calc(100% - 40px); }
  .wons-scroll-sermon__sidecopy { z-index: 5; width: calc(100% - 40px); max-width: 520px; text-align: left; }
  .wons-scroll-sermon__sidecopy--left { top: 5.5svh; left: 20px; }
  .wons-scroll-sermon__sidecopy--right { right: 20px; bottom: 5.5svh; }
  .wons-scroll-sermon__sidecopy h2 { font-size: clamp(22px, 7vw, 30px); }
  .wons-scroll-sermon__sidecopy-lead { display: none; }
  .wons-scroll-follow-cursor { top: auto !important; right: 20px; bottom: 20px; left: auto !important; width: auto; min-width: 116px; aspect-ratio: auto; min-height: 44px; padding: 0 18px; border-radius: 999px; opacity: 1; transform: none !important; pointer-events: auto; }
  .wons-scroll-follow-cursor.is-placeholder { display: none; }
  .wons-scroll-eternity__phrases p { width: 90%; font-size: var(--wons-story-display-xl); }
  .wons-scroll-eternity .wons-scroll-eternity__phrases p:nth-child(1) { left: 5%; }.wons-scroll-eternity .wons-scroll-eternity__phrases p:nth-child(2) { right: 5%; }.wons-scroll-eternity .wons-scroll-eternity__phrases p:nth-child(3) { left: 5%; }.wons-scroll-eternity .wons-scroll-eternity__phrases p:nth-child(4) { right: 5%; }
  .wons-scroll-roads.wons-scroll-roads--eternity .wons-scroll-roads__phrases p { width: 76vw; font-size: var(--wons-story-display-sm); }
  .wons-scroll-roads.wons-scroll-roads--eternity .wons-scroll-roads__phrases p:nth-child(odd) { right: auto; left: 4vw; }
  .wons-scroll-roads.wons-scroll-roads--eternity .wons-scroll-roads__phrases p:nth-child(even) { right: 4vw; left: auto; }
  .wons-scroll-memorial h2 { font-size: var(--wons-story-display-monument); }
  .wons-scroll-closing__inner { padding-block: 82px; }
  .wons-scroll-closing h2 { font-size: var(--wons-story-display-xl); }
  .wons-scroll-quicklinks { margin-top: 52px; grid-template-columns: repeat(2, minmax(0,1fr)); }
  .wons-scroll-quicklinks a { min-height: 136px; }
  .wons-scroll-quicklinks a:nth-child(3) { border-right: 1px solid rgba(255,255,255,.15); }
  .wons-scroll-quicklinks a:nth-child(even) { border-right: 0; }
  .wons-scroll-quicklinks a:nth-child(-n+4) { border-bottom: 1px solid rgba(255,255,255,.15); }
}

@media (prefers-reduced-motion: reduce) {
  .wons-scroll-seam { display: none; }
  .wons-scroll-chapter *,.wons-scroll-chapter *::before,.wons-scroll-chapter *::after { animation: none !important; transition: none !important; }
  .wons-scroll-sermon__captions p:first-child,.wons-scroll-eternity__phrases p,.wons-scroll-activity .wons-activity-card,.wons-scroll-sermon__sidecopy { opacity: 1; transform: none; }
  .wons-scroll-roads__photo--city { opacity: 1; }
  .wons-scroll-roads__photo--inner { opacity: 0; }
}

@media (max-width: 760px), (hover: none) and (pointer: coarse) {
  .wons-scroll-follow-cursor--sermon,
  .wons-scroll-follow-cursor--memorial { display: none !important; }

  .wons-scroll-touch-cta {
    z-index: 8;
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 0 20px;
    border: 1px solid transparent;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 780;
    line-height: 1;
    text-decoration: none;
    box-shadow: 0 14px 34px rgba(38,37,34,.22);
    -webkit-tap-highlight-color: transparent;
    touch-action: manipulation;
  }

  .wons-scroll-touch-cta i {
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    transition: transform .22s ease;
  }

  .wons-scroll-touch-cta:active i { transform: translateX(3px); }

  .wons-scroll-touch-cta--sermon {
    position: absolute;
    right: 20px;
    bottom: max(88px, calc(env(safe-area-inset-bottom) + 78px));
    color: var(--wons-scroll-night);
    background: rgba(224,187,91,.97);
    border-color: rgba(255,255,255,.34);
  }

  .wons-scroll-touch-cta--memorial {
    margin-top: 32px;
    color: #fff;
    background: rgba(78,64,53,.94);
    border-color: rgba(198,162,74,.42);
  }
}