/* Generated by the verified runtime partition on 2026-08-29. Keep selectors scoped to this surface. */
.church-video-kicker {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
  color: #f4d27a;
  font-size: var(--type-min);
  font-weight: 850;
  letter-spacing: .09em;
  line-height: 1.2;
  text-transform: uppercase;
}
.church-video-kicker .picto {
  width: 1.25rem;
  height: 1.25rem;
}
body.is-church-videos {
  --church-video-inset: clamp(1rem, 2.6vw, 4rem);
  --street-hub-col: 100vw;
  --street-hub-inset: var(--church-video-inset);
  min-height: 100%;
  color: #fff8e8;
  background: #050d1b;
}
body.is-church-videos .shell {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  gap: 0;
}
.church-video-world {
  position: relative;
  min-height: 100vh;
  min-height: 100svh;
  padding: calc(6.7rem + env(safe-area-inset-top)) max(var(--church-video-inset), env(safe-area-inset-left)) calc(7rem + env(safe-area-inset-bottom));
  overflow: hidden;
  isolation: isolate;
}
.church-video-world::before {
  position: fixed;
  inset: 0;
  z-index: -2;
  content: "";
  background:
    linear-gradient(180deg, rgba(3, 10, 24, .38) 0%, rgba(3, 10, 24, .88) 48%, #050d1b 82%),
    var(--church-video-art) 64% top / cover no-repeat,
    #050d1b;
}
.church-video-world::after {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  content: "";
  opacity: .48;
  background:
    radial-gradient(circle at 76% 13%, rgba(244, 210, 122, .2), transparent 27rem),
    radial-gradient(circle at 12% 30%, rgba(72, 116, 190, .13), transparent 22rem);
}
.church-video-hero,
.church-video-catalog,
.church-video-attribution {
  width: 100%;
}
.church-video-hero {
  min-height: min(42vh, 28rem);
  display: grid;
  grid-template-columns: minmax(20rem, .78fr) minmax(28rem, 1.22fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 6rem);
  padding-block: var(--space-5) var(--space-7);
}
.church-video-hero-copy {
  display: grid;
  align-content: center;
  gap: var(--space-4);
  text-shadow: 0 .2rem 1.2rem rgba(0, 0, 0, .5);
}
.church-video-hero h1 {
  max-width: 11ch;
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(3rem, 7vw, 6.25rem);
  font-weight: 760;
  letter-spacing: -.035em;
  line-height: .88;
  text-wrap: balance;
}
.church-video-hero-copy > p:not(.church-video-kicker) {
  max-width: 39rem;
  margin: 0;
  color: rgba(255, 248, 232, .8);
  font-size: clamp(1rem, 2vw, 1.24rem);
  line-height: 1.5;
  text-wrap: pretty;
}
.church-video-channel {
  justify-self: start;
  display: inline-flex;
  min-height: 2.35rem;
  align-items: center;
  padding: .45rem .8rem;
  border: 1px solid rgba(244, 210, 122, .32);
  border-radius: var(--radius-pill);
  color: #f4d27a;
  background: rgba(5, 13, 27, .58);
  font-size: var(--type-min);
  font-weight: 750;
  backdrop-filter: blur(12px);
}
.church-video-hero-window {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border: 1px solid rgba(244, 210, 122, .5);
  border-radius: clamp(1.25rem, 3vw, 2.4rem);
  background: #071426;
  box-shadow: 0 2rem 5rem rgba(0, 0, 0, .48), 0 0 4rem rgba(212, 160, 23, .11);
  transform: rotate(1.3deg);
  width: min(100%, 54rem);
  justify-self: end;
}
.church-video-hero-window::after {
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(135deg, rgba(255, 255, 255, .09), transparent 36%, rgba(2, 8, 19, .2));
}
.church-video-hero-window > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.church-video-hero-window > span {
  position: absolute;
  right: var(--space-5);
  bottom: var(--space-5);
  z-index: 1;
  width: 4.6rem;
  height: 4.6rem;
  color: #f4d27a;
  filter: drop-shadow(0 .5rem 1rem rgba(0, 0, 0, .4));
}
.church-video-catalog {
  padding: clamp(1.25rem, 3vw, 2.6rem);
  border: 1px solid rgba(255, 248, 232, .13);
  border-radius: clamp(1.35rem, 3vw, 2.5rem);
  background: linear-gradient(180deg, rgba(10, 26, 48, .92), rgba(5, 14, 29, .96));
  box-shadow: 0 1.8rem 5rem rgba(0, 0, 0, .42);
  backdrop-filter: blur(18px);
}
.church-video-search {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: var(--space-3);
  margin-bottom: clamp(1.5rem, 3vw, 2.6rem);
  padding: .65rem;
  border: 1px solid rgba(244, 210, 122, .28);
  border-radius: var(--radius-pill);
  background: rgba(2, 9, 20, .66);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
}
.church-video-search-mark {
  width: 2.45rem;
  height: 2.45rem;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #f4d27a;
}
.church-video-search-mark .picto {
  width: 1.35rem;
  height: 1.35rem;
}
.church-video-search input[type="search"] {
  width: 100%;
  min-width: 0;
  min-height: 3rem;
  padding: .55rem .25rem;
  border: 0;
  outline: 0;
  color: #fff8e8;
  background: transparent;
  font: inherit;
  font-size: clamp(1rem, 1.6vw, 1.15rem);
}
.church-video-search input[type="search"]::placeholder { color: rgba(255, 248, 232, .48); }
.church-video-search .btn { min-width: 8rem; min-height: 3rem; }
.church-video-search-clear {
  color: rgba(255, 248, 232, .72);
  font-size: var(--type-min);
  font-weight: 750;
  text-underline-offset: .2em;
}
.church-video-playlists {
  margin-bottom: clamp(2rem, 4vw, 3.5rem);
}
.church-video-playlists-head {
  display: grid;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
}
.church-video-playlists-head h2 {
  margin: 0;
  font-size: clamp(1.75rem, 3vw, 2.6rem);
}
.church-video-playlist-rail {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: clamp(13.5rem, 18vw, 19rem);
  gap: var(--space-4);
  padding: .2rem .2rem var(--space-3);
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline proximity;
  scrollbar-color: rgba(244, 210, 122, .5) rgba(255, 255, 255, .05);
}
.church-video-playlist {
  min-width: 0;
  display: grid;
  overflow: hidden;
  border: 1px solid rgba(255, 248, 232, .14);
  border-radius: var(--radius-m);
  color: inherit;
  background: rgba(255, 255, 255, .045);
  text-decoration: none;
  scroll-snap-align: start;
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}
.church-video-playlist:hover,
.church-video-playlist.is-active {
  border-color: rgba(244, 210, 122, .72);
  background: rgba(244, 210, 122, .1);
  transform: translateY(-2px);
}
.church-video-playlist.is-active { box-shadow: 0 0 0 1px rgba(244, 210, 122, .2) inset; }
.church-video-playlist.is-featured {
  border-color: rgba(244, 210, 122, .62);
  background: linear-gradient(145deg, rgba(244, 210, 122, .14), rgba(255, 255, 255, .045) 58%);
  box-shadow: 0 0 0 1px rgba(244, 210, 122, .09) inset, 0 .75rem 2rem rgba(0, 0, 0, .18);
}
.church-video-playlist-art {
  position: relative;
  aspect-ratio: 16 / 9;
  display: block;
  overflow: hidden;
  background: #020713;
}
.church-video-playlist-art > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .8;
}
.church-video-playlist-icon {
  position: absolute;
  right: .65rem;
  bottom: .55rem;
  width: 2.2rem;
  height: 2.2rem;
  display: grid;
  place-items: center;
  border: 1px solid rgba(244, 210, 122, .5);
  border-radius: 50%;
  color: #f4d27a;
  background: rgba(2, 9, 20, .82);
}
.church-video-playlist-art .picto { width: 1.25rem; height: 1.25rem; }
.church-video-playlist-featured {
  position: absolute;
  top: .55rem;
  left: .55rem;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  padding: .3rem .55rem;
  border: 1px solid rgba(255, 248, 232, .58);
  border-radius: var(--radius-pill);
  color: #17243d;
  background: linear-gradient(135deg, #f8df91, #e3ad21);
  box-shadow: 0 .3rem 1rem rgba(0, 0, 0, .28);
  font-size: .68rem;
  font-weight: 900;
  letter-spacing: .055em;
  line-height: 1;
  text-transform: uppercase;
}
.church-video-playlist-featured .picto { width: .82rem; height: .82rem; }
.church-video-playlist-copy {
  min-width: 0;
  display: grid;
  gap: .3rem;
  padding: .8rem .9rem .9rem;
}
.church-video-playlist-copy strong {
  overflow: hidden;
  font-size: var(--type-min);
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.church-video-playlist-copy small {
  color: rgba(255, 248, 232, .58);
  font-size: .76rem;
}
.church-video-catalog-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: var(--space-5);
  margin-bottom: var(--space-6);
}
.church-video-catalog h2 {
  margin: var(--space-2) 0 0;
  font-family: var(--font-display);
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: .96;
}
.church-video-privacy-note {
  max-width: 24rem;
  display: flex;
  align-items: center;
  gap: var(--space-2);
  margin: 0;
  color: rgba(255, 248, 232, .68);
  font-size: var(--type-min);
  line-height: 1.35;
}
.church-video-privacy-note .picto {
  flex: 0 0 auto;
  width: 1.5rem;
  height: 1.5rem;
  color: #f4d27a;
}
.church-video-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(1rem, 2.5vw, 1.6rem);
}
.church-video-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 248, 232, .12);
  border-radius: var(--radius-m);
  background: rgba(255, 255, 255, .045);
  transition: transform 180ms ease, border-color 180ms ease, background 180ms ease;
}
.church-video-card:hover {
  border-color: rgba(244, 210, 122, .45);
  background: rgba(255, 255, 255, .075);
  transform: translateY(-3px);
}
.church-video-trigger {
  width: 100%;
  display: grid;
  padding: 0;
  border: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}
.church-video-thumb {
  position: relative;
  aspect-ratio: 16 / 9;
  display: block;
  overflow: hidden;
  background: #020713;
}
.church-video-thumb > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 450ms cubic-bezier(.2, .8, .2, 1), opacity 180ms ease;
}
.church-video-trigger:hover .church-video-thumb > img { transform: scale(1.045); }
.church-video-play {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 3.35rem;
  height: 3.35rem;
  color: #f4d27a;
  filter: drop-shadow(0 .35rem .8rem rgba(0, 0, 0, .6));
  transform: translate(-50%, -50%);
}
.church-video-duration {
  position: absolute;
  right: .55rem;
  bottom: .5rem;
  padding: .2rem .42rem;
  border-radius: .35rem;
  color: #fff;
  background: rgba(2, 7, 19, .88);
  font-size: .74rem;
  font-variant-numeric: tabular-nums;
  font-weight: 800;
}
.church-video-card-copy {
  min-height: 7.3rem;
  display: grid;
  align-content: start;
  gap: var(--space-3);
  padding: var(--space-4);
}
.church-video-card-copy strong {
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--type-ui);
  line-height: 1.3;
  text-wrap: pretty;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.church-video-card-copy time {
  color: rgba(255, 248, 232, .58);
  font-size: var(--type-min);
}
.church-video-empty {
  min-height: 20rem;
  display: grid;
  place-items: center;
  align-content: center;
  gap: var(--space-3);
  padding: var(--space-7);
  text-align: center;
}
.church-video-empty > .picto {
  width: 4.5rem;
  height: 4.5rem;
  color: #f4d27a;
}
.church-video-empty h2 { margin: 0; }
.church-video-empty p { max-width: 34rem; margin: 0; color: rgba(255, 248, 232, .68); line-height: 1.5; }
.church-video-back,
.church-video-page-link {
  min-height: 2.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: .55rem 1rem;
  border: 1px solid rgba(244, 210, 122, .46);
  border-radius: var(--radius-pill);
  color: #f4d27a;
  background: rgba(244, 210, 122, .08);
  font-weight: 800;
  text-decoration: none;
}
.church-video-pagination {
  display: flex;
  justify-content: center;
  gap: var(--space-4);
  margin-top: var(--space-7);
}
.church-video-page-link .picto { width: 1rem; height: 1rem; }
.church-video-page-link.is-previous .picto { transform: rotate(180deg); }
.church-video-attribution {
  display: grid;
  justify-items: center;
  gap: var(--space-3);
  padding: var(--space-7) var(--space-4) var(--space-6);
  color: rgba(255, 248, 232, .58);
  font-size: var(--type-min);
  text-align: center;
}
.church-video-attribution p { margin: 0; }
.church-video-attribution nav { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--space-3) var(--space-5); }
.church-video-attribution a { color: rgba(255, 248, 232, .76); text-underline-offset: .2em; }
.church-video-dialog {
  width: min(calc(100vw - 1.5rem), 62rem);
  max-width: none;
  max-height: calc(100dvh - 1.5rem);
  padding: 0;
  overflow: visible;
  border: 1px solid rgba(244, 210, 122, .48);
  border-radius: clamp(1.25rem, 3vw, 2rem);
  color: #fff8e8;
  background: #071426;
  box-shadow: 0 2rem 7rem rgba(0, 0, 0, .7), 0 0 4rem rgba(212, 160, 23, .13);
}
.church-video-dialog::backdrop {
  background: rgba(1, 5, 13, .84);
  backdrop-filter: blur(12px);
}
.church-video-dialog-card {
  position: relative;
  min-height: min(32rem, calc(100dvh - 1.5rem));
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: inherit;
  background:
    radial-gradient(circle at 50% 0%, rgba(244, 210, 122, .15), transparent 35%),
    linear-gradient(145deg, #0d2340, #050d1b 72%);
}
.church-video-dialog-close-form {
  position: absolute;
  right: var(--space-4);
  top: var(--space-4);
  z-index: 4;
  margin: 0;
}
.church-video-dialog-close {
  width: 3rem;
  height: 3rem;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(5, 13, 27, .84);
  cursor: pointer;
}
.church-video-dialog-close .picto { width: 100%; height: 100%; }
.church-video-consent {
  max-width: 36rem;
  display: grid;
  justify-items: center;
  gap: var(--space-4);
  padding: clamp(2rem, 6vw, 4.5rem);
  text-align: center;
}
.church-video-consent[hidden],
.church-video-player[hidden] { display: none; }
.church-video-consent-mark {
  width: 4rem;
  height: 4rem;
  color: #f4d27a;
}
.church-video-consent h2 {
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(2rem, 6vw, 3.4rem);
  line-height: 1;
  text-wrap: balance;
}
.church-video-consent > p:not(.church-video-kicker) {
  margin: 0;
  color: rgba(255, 248, 232, .72);
  line-height: 1.5;
}
.church-video-consent .btn { min-height: 3.3rem; }
.church-video-consent .btn .picto { width: 1.25rem; height: 1.25rem; color: #17243d; }
.church-video-player {
  width: 100%;
  aspect-ratio: 16 / 9;
  background: #000;
}
.church-video-player iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}
.church-video-trigger:focus-visible,
.church-video-playlist:focus-visible,
.church-video-search input[type="search"]:focus-visible,
.church-video-search-clear:focus-visible,
.church-video-dialog-close:focus-visible,
.church-video-back:focus-visible,
.church-video-page-link:focus-visible {
  outline: 3px solid #f4d27a;
  outline-offset: 4px;
}
@media (min-width: 720px) {
.church-video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 960px) {
.church-video-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1280px) {
.church-video-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 1840px) {
.church-video-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
@media (max-width: 719px) {
.church-video-world { padding-top: calc(5.25rem + env(safe-area-inset-top)); padding-inline: var(--space-3); }
.church-video-hero { min-height: 0; grid-template-columns: 1fr; gap: var(--space-4); padding-block: var(--space-4) var(--space-6); }
.church-video-hero h1 { font-size: clamp(2.8rem, 13vw, 4.1rem); }
.church-video-hero-window { order: -1; aspect-ratio: 2 / 1; transform: none; }
.church-video-hero-window > span { width: 3.7rem; height: 3.7rem; }
.church-video-catalog { padding: var(--space-3); }
.church-video-search { grid-template-columns: auto minmax(0, 1fr) auto; border-radius: var(--radius-m); }
.church-video-search-clear { grid-column: 2; justify-self: start; }
.church-video-search .btn { min-width: 0; padding-inline: 1rem; }
.church-video-playlist-rail { grid-auto-columns: min(74vw, 17rem); }
.church-video-catalog-head { display: grid; align-items: start; }
.church-video-grid { grid-template-columns: 1fr; }
.church-video-card-copy { min-height: 0; }
.church-video-empty { min-height: 18rem; padding: var(--space-5); }
.church-video-dialog-card { min-height: 24rem; }
}
@media (max-width: 390px) {
.church-video-pagination { display: grid; }
}
@media (prefers-reduced-motion: reduce) {
.church-video-playlist,
.church-video-card,
.church-video-thumb > img { transition: none; }
}
.is-stats .stats-about-icon,
.is-stats .stats-about-chevron {
  color: #e0bb5c;
}
.is-stats .stats-about-desc {
  color: var(--muted);
}
.is-discovery {
  --discovery-night: #071324;
  --discovery-ink: #fff9e8;
  --discovery-muted: rgba(255, 249, 232, .7);
  background: var(--discovery-night);
  color: var(--discovery-ink);
}
.is-discovery .shell {
  max-width: none;
  padding: 0;
}
.discovery-world {
  min-height: 100dvh;
  background:
    radial-gradient(circle at 50% 0, rgba(198, 156, 67, .2), transparent 28rem),
    linear-gradient(180deg, #0b1e35, var(--discovery-night) 42rem);
}
.discovery-nav,
.discovery-hero,
.discovery-chapters,
.discovery-next,
.discovery-foot {
  width: min(68rem, calc(100% - 2rem));
  margin-inline: auto;
}
.discovery-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding-block: var(--space-5);
  border-bottom: 1px solid rgba(255, 249, 232, .14);
}
.discovery-nav a {
  color: var(--discovery-muted);
  text-decoration: none;
}
.discovery-nav > div {
  display: flex;
  gap: clamp(.75rem, 3vw, 2rem);
  font-size: var(--type-min);
}
.discovery-locales {
  display: flex !important;
  gap: .45rem !important;
}
.discovery-locales a {
  padding: .2rem .35rem;
  border-radius: var(--radius-s);
  font-size: .68rem;
}
.discovery-locales a[aria-current="page"] {
  background: rgba(255, 249, 232, .12);
  color: var(--discovery-ink);
}
.discovery-brand {
  font-family: var(--font-display);
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--discovery-ink) !important;
}
.discovery-hero {
  display: grid;
  justify-items: center;
  padding-block: clamp(4rem, 13vw, 9rem);
  text-align: center;
}
.discovery-kicker {
  margin: 0 0 var(--space-3);
  color: #d9b969;
  font-size: var(--type-min);
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.discovery-hero h1 {
  max-width: 16ch;
  margin: 0;
  font-family: var(--font-display);
  font-size: clamp(2.65rem, 9vw, 6rem);
  line-height: .98;
  letter-spacing: -.035em;
}
.discovery-lede {
  max-width: 44rem;
  margin: var(--space-5) 0 0;
  color: var(--discovery-muted);
  font-size: clamp(1.05rem, 2.5vw, 1.35rem);
  line-height: 1.55;
}
.discovery-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-3);
  margin-top: var(--space-6);
}
.is-discovery .btn-ghost {
  border-color: rgba(255, 249, 232, .3);
  color: var(--discovery-ink);
}
.discovery-chapters {
  border-top: 1px solid rgba(255, 249, 232, .16);
}
.discovery-chapter {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: clamp(1rem, 4vw, 3rem);
  padding-block: clamp(2rem, 6vw, 4rem);
  border-bottom: 1px solid rgba(255, 249, 232, .16);
}
.discovery-chapter > span {
  color: #d9b969;
  font-family: var(--font-display);
}
.discovery-chapter h2 {
  margin: 0 0 var(--space-3);
  font-family: var(--font-display);
  font-size: clamp(1.6rem, 4vw, 2.5rem);
}
.discovery-chapter p {
  max-width: 48rem;
  margin: 0;
  color: var(--discovery-muted);
  font-size: 1.05rem;
  line-height: 1.7;
}
.discovery-next {
  padding-block: clamp(4rem, 9vw, 7rem);
  text-align: center;
}
.discovery-next h2 {
  margin: 0 0 var(--space-6);
  font-family: var(--font-display);
  font-size: clamp(2rem, 5vw, 3.5rem);
}
.discovery-related {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-3);
  text-align: left;
}
.discovery-related-link {
  display: grid;
  gap: var(--space-2);
  padding: var(--space-5);
  border: 1px solid rgba(255, 249, 232, .18);
  border-radius: var(--radius-m);
  color: var(--discovery-ink);
  text-decoration: none;
}
.discovery-related-link span {
  color: var(--discovery-muted);
  font-size: var(--type-min);
  line-height: 1.5;
}
.discovery-foot {
  display: flex;
  justify-content: center;
  gap: var(--space-5);
  padding-block: var(--space-5);
  border-top: 1px solid rgba(255, 249, 232, .14);
}
.discovery-foot a {
  color: var(--discovery-muted);
  font-size: var(--type-min);
}
@media (max-width: 700px) {
.discovery-nav { align-items: flex-start; flex-wrap: wrap; }
.discovery-nav > div { display: grid; gap: .35rem; text-align: right; }
.discovery-locales { order: 3; width: 100%; justify-content: center; }
.discovery-related { grid-template-columns: 1fr; }
}
.is-stats .stats-about-chevron {
  display: grid;
  place-items: center;
  width: 1.25rem;
  height: 1.25rem;
  color: var(--gold-primary);
}
.is-stats .stats-about-chevron .picto {
  width: 100%;
  height: 100%;
}
.street-liga-search-mark { left: .95rem; color: var(--muted); }
.street-liga-search-mark .picto { width: 1.2rem; height: 1.2rem; }
.street-leaderboard-page .street-leaderboard-search {
  display: block;
  padding: 0;
  border: 0;
}
.street-liga-search-mark {
  position: absolute;
  z-index: 2;
  left: .75rem;
  top: 50%;
  display: grid;
  transform: translateY(-50%);
  color: var(--gold-deep);
  pointer-events: none;
}
.street-liga-search-mark .picto { width: 1rem; height: 1rem; }
.street-leaderboard-page.is-searching .street-liga-podium { opacity: .38; filter: saturate(.7); transform: translateY(-3px); }
.home-menu .home-search { width: 100%; }
.belief-stack {
  display: flex;
  flex-direction: column;
  gap: var(--space-6);
}
.belief-beat {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  overflow: hidden;
  padding: 0 0 var(--space-4);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.78) 0%, color-mix(in srgb, var(--temple-marble, var(--surface)) 88%, transparent) 48%, color-mix(in srgb, var(--temple-marble-deep, var(--paper)) 72%, transparent) 100%);
  border: 1.5px solid var(--temple-gold-border, color-mix(in srgb, var(--gold-deep) 55%, transparent));
  border-radius: var(--radius-l);
  box-shadow: var(--street-card-shadow, var(--shadow));
}
.belief-beat:not(:has(.hall-still)) { padding: var(--space-4); }
.belief-beat .hall-still {
  margin: 0;
  border: 0;
  border-bottom: 1.5px solid var(--temple-gold-hairline, var(--line));
  border-radius: 0;
}
.belief-beat h3,
.belief-beat .lede {
  padding-inline: var(--space-4);
}
.belief-beat:not(:has(.hall-still)) h3,
.belief-beat:not(:has(.hall-still)) .lede { padding-inline: 0; }
.belief-beat h3 {
  margin: 0;
  color: var(--ink);
  font-family: var(--font-display);
  font-size: 1.18rem;
  font-weight: 700;
  text-align: left;
}
.belief-beat .lede {
  margin: 0;
  text-align: left;
  font-size: 1.05rem;
}
.belief-faq {
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
}
.belief-faq > h3 {
  margin: 0;
  padding: var(--space-4);
  color: var(--ink);
  font-family: var(--font-display);
  font-size: 1.18rem;
  font-weight: 700;
  text-align: center;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, color-mix(in srgb, var(--temple-ivory, var(--surface)) 90%, white) 100%);
  border: 1.5px solid var(--temple-gold-hairline, var(--line));
  border-radius: var(--radius-m);
  box-shadow: var(--street-card-shadow, var(--shadow));
}
.belief-q {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.78) 0%, color-mix(in srgb, var(--temple-marble, var(--surface)) 88%, transparent) 100%);
  border: 1.5px solid var(--temple-gold-hairline, var(--line));
  border-radius: var(--radius-m);
  box-shadow: var(--street-card-shadow, var(--shadow));
}
.belief-q summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding: var(--space-4);
  font-weight: 650;
  cursor: pointer;
  list-style: none;
}
.belief-q summary::-webkit-details-marker { display: none; }
.belief-q summary::after {
  content: "";
  flex: 0 0 auto;
  width: 0.55rem;
  height: 0.55rem;
  clip-path: var(--temple-star);
  background: var(--temple-gold-leaf, var(--gold-deep));
}
.belief-q p {
  margin: 0;
  padding: 0 var(--space-4) var(--space-4);
  color: var(--parchment);
  font-size: 1.02rem;
  line-height: 1.45;
}
.stats-about-icon {
  color: var(--gold-deep);
  flex-shrink: 0;
  position: relative;
}
.stats-about-icon .picto {
  width: 1.5rem;
  height: 1.5rem;
}
.stats-about-icon::after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  background: var(--temple-gold-leaf, var(--gold));
  opacity: 0;
  transition: opacity 200ms ease;
}
.stats-about:hover .stats-about-icon::after {
  opacity: 0.15;
}
.stats-about-text {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
}
.stats-about-title {
  font-weight: 700;
  font-size: var(--type-ui);
}
.stats-about-desc {
  color: var(--muted);
  font-size: var(--type-min);
  font-weight: 500;
}
.stats-about-chevron {
  font-size: 1.3em;
  color: var(--muted);
  flex-shrink: 0;
}
.about-intro {
  display: grid;
  justify-items: center;
  gap: var(--space-3);
  max-width: 38rem;
  margin: var(--space-2) auto 0;
  text-align: center;
}
.about-intro h1 {
  max-width: 15ch;
  font-family: var(--font-display);
  font-size: clamp(2.15rem, 8vw, 4.25rem);
  font-weight: 650;
  line-height: 0.98;
  letter-spacing: -0.04em;
  text-wrap: balance;
}
.about-eyebrow {
  margin: 0;
  color: var(--gold-deep);
  font-size: var(--type-min);
  font-weight: 800;
  letter-spacing: 0.12em;
  line-height: 1.3;
  text-transform: uppercase;
}
.about-declaration {
  max-width: 34rem;
  margin: 0;
  color: var(--parchment);
  font-family: var(--font-display);
  font-size: clamp(1.12rem, 3.4vw, 1.55rem);
  line-height: 1.35;
  text-wrap: balance;
}
.about-origin-art {
  position: relative;
  width: calc(100% + clamp(var(--space-8), 14vw, 8rem));
  margin: 0 calc(clamp(var(--space-8), 14vw, 8rem) / -2);
  overflow: hidden;
  border-block: 1px solid var(--temple-gold-hairline, var(--line));
  background: var(--navy);
}
.about-origin-art::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 55%, rgba(9, 18, 37, 0.72));
}
.about-origin-art img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  object-position: center;
}
.about-origin-art figcaption {
  position: absolute;
  z-index: 1;
  left: clamp(var(--space-4), 6vw, var(--space-7));
  right: clamp(var(--space-4), 6vw, var(--space-7));
  bottom: var(--space-4);
  display: flex;
  align-items: center;
  gap: var(--space-3);
  color: var(--story-type, #fffaf0);
  font-family: var(--font-display);
  font-size: clamp(1rem, 3vw, 1.3rem);
  font-weight: 650;
}
.about-origin-art figcaption span,
.about-chapter-number {
  color: var(--gold-bright);
  font-family: var(--font-ui);
  font-size: var(--type-min);
  font-weight: 800;
  letter-spacing: 0.12em;
}
.about-chapter {
  display: grid;
  grid-template-columns: 2.2rem minmax(0, 1fr);
  gap: var(--space-3);
  max-width: 40rem;
  width: 100%;
  margin-inline: auto;
}
.about-chapter > div {
  display: grid;
  gap: var(--space-4);
}
.about-chapter h2,
.about-maker h2 {
  margin: 0;
  color: var(--ink);
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 5vw, 2.35rem);
  font-weight: 650;
  line-height: 1.05;
  letter-spacing: -0.025em;
  text-wrap: balance;
}
.about-chapter .lede {
  color: var(--parchment);
  font-size: clamp(var(--type-ui), 2.7vw, 1.08rem);
  line-height: 1.58;
}
.about-chapter.is-open,
.about-chapter.is-promise {
  padding-top: var(--space-6);
  border-top: 1px solid var(--temple-gold-hairline, var(--line));
}
.about-github {
  justify-self: start;
  width: auto;
  min-height: 3.25rem;
}
.about-disclaimer {
  margin: var(--space-2) 0 0;
  padding: var(--space-4);
  color: var(--muted);
  font-size: var(--type-min);
  line-height: 1.55;
  border-left: 2px solid var(--gold-deep);
  background: color-mix(in srgb, var(--temple-marble, var(--paper)) 72%, white);
}
.about-maker {
  display: grid;
  gap: var(--space-5);
  align-items: center;
  max-width: 42rem;
  width: 100%;
  margin-inline: auto;
  padding: var(--space-6);
  border-radius: 1.5rem;
  border: 1.5px solid var(--temple-gold-hairline, var(--line));
  background:
    radial-gradient(circle at 15% 10%, color-mix(in srgb, var(--gold-bright) 15%, transparent), transparent 42%),
    color-mix(in srgb, var(--temple-marble, var(--paper)) 84%, white);
}
.about-maker-copy {
  display: grid;
  gap: var(--space-3);
}
.about-reach {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: var(--space-2);
  border-radius: 1.35rem;
  border: 1.5px solid var(--temple-gold-hairline, color-mix(in srgb, var(--gold-deep) 38%, transparent));
  background: color-mix(in srgb, var(--temple-marble, var(--paper)) 72%, white);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
}
.about-reach-chip {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-height: 3.15rem;
  padding: 0.35rem 0.7rem 0.35rem 0.4rem;
  border-radius: 1rem;
  color: var(--ink);
  text-decoration: none;
  text-align: start;
}
.about-reach-chip:hover,
.about-reach-chip:focus-visible {
  background: color-mix(in srgb, var(--gold-bright) 12%, var(--temple-ivory, var(--surface)));
}
.about-reach-chip:focus-visible {
  outline: 2px solid var(--gold-deep);
  outline-offset: 2px;
}
.about-reach-seal {
  display: grid;
  place-items: center;
  width: 2.4rem;
  height: 2.4rem;
  flex: 0 0 auto;
  overflow: hidden;
  border-radius: 50%;
  border: 2.5px solid transparent;
  background:
    var(--navy) padding-box,
    var(--temple-gold-leaf, linear-gradient(145deg, #c9a23a 0%, #f2d98a 42%, #a37a12 78%, #d4a017 100%)) border-box;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.38),
    0 2px 8px color-mix(in srgb, var(--navy) 18%, transparent);
}
.about-reach-seal .picto {
  width: 1.28rem;
  height: 1.28rem;
}
.about-reach-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.12rem;
  min-width: 0;
}
.about-reach-copy em {
  font-style: normal;
  font-size: var(--type-min);
  font-weight: 650;
  letter-spacing: 0.04em;
  color: var(--muted);
}
.about-reach-copy strong {
  color: var(--ink);
  font-size: var(--type-ui);
  font-weight: 700;
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
  line-height: 1.15;
}
.about-reach-rule {
  position: relative;
  height: 1px;
  margin: 0 var(--space-4);
  background: var(--temple-gold-hairline, color-mix(in srgb, var(--gold-deep) 38%, transparent));
}
.about-reach-rule::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 0.38rem;
  height: 0.38rem;
  background: var(--temple-gold-leaf, var(--gold-deep));
  box-shadow: 0 0 6px color-mix(in srgb, var(--gold-deep) 40%, transparent);
}
.about-face {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
  align-self: center;
  width: 100%;
  margin: 0;
  text-align: center;
}
.about-face img {
  width: 8.5rem;
  height: 8.5rem;
  border-radius: 50%;
  object-fit: cover;
  background: var(--paper);
  border: 3px solid var(--gold);
  box-shadow: var(--street-card-shadow, var(--shadow));
}
.about-face figcaption {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}
.about-face strong {
  color: var(--ink);
  font-size: var(--type-ui);
  font-weight: 700;
}
.about-face span {
  color: var(--muted);
  font-size: var(--type-min);
  font-weight: 650;
}
@media (min-width: 720px) {
.about-maker {
    grid-template-columns: 11rem minmax(0, 1fr);
  }
.about-face img {
    width: 10rem;
    height: 10rem;
  }
}
@media (max-width: 420px) {
.about-origin-art img {
    aspect-ratio: 4 / 5;
    object-position: 62% center;
  }
.about-maker {
    padding: var(--space-5) var(--space-4);
  }
}
.hall-sheet .missionary-card {
  padding: var(--space-4);
  background: color-mix(in srgb, var(--temple-ivory, var(--surface)) 88%, white);
  border: 1.5px solid var(--temple-gold-hairline, var(--line));
  border-radius: var(--radius-m);
  text-align: left;
}
.home-paper .home-search {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--space-3);
  padding: var(--space-4);
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.78) 0%, color-mix(in srgb, var(--temple-marble, var(--surface)) 88%, transparent) 48%, color-mix(in srgb, var(--temple-marble-deep, var(--paper)) 72%, transparent) 100%);
  border: 1.5px solid var(--temple-gold-border, color-mix(in srgb, var(--gold-deep) 55%, transparent));
  border-radius: var(--radius-l);
  box-shadow: var(--street-card-shadow, var(--shadow));
}
.home-paper .home-search-lede {
  margin: 0;
  text-align: center;
  font-size: 0.98rem;
  color: var(--ink);
  font-weight: 600;
  -webkit-text-stroke: 0.28px #fffef8;
  paint-order: stroke fill;
  text-shadow: var(--temple-type-halo);
}
.home-paper .home-search label {
  font-weight: 650;
  color: var(--ink);
}
.home-paper .home-search .btn { width: 100%; }
.home-search { display: flex; flex-direction: column; gap: var(--space-3); width: 100%; }
.home-search-fold > summary { list-style: none; cursor: pointer; }
.home-search-fold > summary::-webkit-details-marker { display: none; }
.desk-search { display: flex; }
.desk-search input {
  width: 100%; min-height: 2.75rem; padding: var(--space-3) var(--space-4);
  border: 1.5px solid var(--line); border-radius: var(--desk-radius);
  background: var(--surface); color: var(--ink); font: inherit; font-size: 1.15rem;
}
.desk-search input:focus {
  outline: 3px solid rgba(212, 160, 23, 0.35); outline-offset: 2px; border-color: var(--gold);
}
.street-leaderboard-search {
  display: grid;
  grid-template-columns: minmax(6.75rem, 1.1fr) minmax(9rem, 1fr);
  gap: var(--space-2);
  align-items: stretch;
  padding-bottom: var(--space-2);
  border-bottom: 1.5px solid var(--temple-gold-hairline, color-mix(in srgb, var(--gold-deep) 28%, var(--line)));
}
.street-leaderboard-search-row {
  min-width: 0;
}
.street-leaderboard-search-row.is-filled .street-leaderboard-query {
  padding-right: 4.7rem;
}
.street-leaderboard-query::-webkit-search-decoration,
.street-leaderboard-query::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.street-leaderboard-search-row {
  position: relative;
  display: block;
}
.street-leaderboard-search-go {
  position: absolute;
  right: 0.2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.15rem;
  height: 2.15rem;
  min-height: 2.15rem;
  padding: 0;
  border: 0;
  border-radius: var(--radius-s);
  background: transparent;
  color: var(--gold-deep);
  display: grid;
  place-items: center;
  cursor: pointer;
}
.street-leaderboard-search-go .picto {
  width: 1.15rem;
  height: 1.15rem;
  color: var(--gold-deep);
}
.street-leaderboard-search-go .picto-search circle,
.street-leaderboard-search-go .picto-search path {
  stroke: var(--gold-deep);
}
.street-leaderboard-search-clear {
  position: absolute;
  right: 2.25rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.85rem;
  height: 1.85rem;
  display: grid;
  place-items: center;
  color: color-mix(in srgb, var(--ink) 55%, transparent);
  border-radius: var(--radius-s);
}
.street-leaderboard-search-clear .picto {
  width: 0.85rem;
  height: 0.85rem;
}
.street-leaderboard-search-clear:hover,
.street-leaderboard-search-clear:focus-visible {
  color: var(--ink);
}
.street-leaderboard-empty.is-search .street-leaderboard-empty-mark .picto-search circle,
.street-leaderboard-empty.is-search .street-leaderboard-empty-mark .picto-search path {
  stroke: var(--gold-deep);
}
@media (min-width: 720px) {
.street-leaderboard-search {
    grid-template-columns: minmax(12rem, 1.25fr) minmax(11rem, 0.85fr);
  }
}
.ficha-search {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  align-items: end;
  margin-bottom: var(--space-4);
}
.play-sheet .missionary-card { padding: var(--space-5); gap: var(--space-4); display: flex; flex-direction: column; }
.play-sheet .home-search { padding-top: var(--space-2); }
.ward-picker-search { display: flex; flex-direction: column; gap: var(--space-2); }
body.is-rama-search {
  --street-hub-col: 52rem;
  --rama-search-art: url("/media/rama/celestial-parish-path-v1.webp");
}
body.is-rama-search .sky {
  background:
    linear-gradient(180deg, rgba(9, 31, 58, 0.18) 0%, transparent 26%, rgba(7, 24, 44, 0.2) 100%),
    var(--rama-search-art) center 58% / cover no-repeat;
}
body.is-rama-search .sky::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(ellipse 76% 34% at 50% 4%, rgba(255, 252, 242, 0.52), transparent 72%),
    linear-gradient(180deg, transparent 54%, rgba(8, 27, 48, 0.34) 100%);
}
.rama-search-scene {
  justify-content: flex-start;
  padding-top: max(7rem, calc(env(safe-area-inset-top) + 6.1rem));
  padding-bottom: max(var(--space-6), env(safe-area-inset-bottom));
  gap: var(--space-4);
}
.rama-search-scene::before { content: none; }
.rama-search-intro {
  position: relative;
  width: min(100%, 42rem);
  margin-inline: auto;
  padding: var(--space-4) var(--space-5) var(--space-3);
  color: var(--story-type, #fffaf0);
  text-align: center;
  text-shadow: 0 2px 16px rgba(5, 22, 40, 0.72);
}
.rama-search-intro::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: -1.25rem -2rem -1.5rem;
  background: radial-gradient(ellipse 66% 72% at 50% 48%, rgba(8, 29, 51, 0.44), transparent 74%);
  pointer-events: none;
}
.rama-search-sigil {
  width: 2.45rem;
  height: 2.45rem;
  margin: 0 auto var(--space-2);
  display: grid;
  place-items: center;
  color: #17324d;
  border: 1px solid rgba(255, 247, 213, 0.8);
  border-radius: 50%;
  background: var(--temple-gold-leaf, var(--gold));
  box-shadow: 0 0 1.6rem rgba(244, 207, 105, 0.48), inset 0 1px 0 rgba(255,255,255,.72);
}
.rama-search-sigil .picto { width: 1.35rem; height: 1.35rem; }
.rama-search-kicker {
  margin: 0 0 var(--space-1);
  color: rgba(255, 250, 240, 0.82);
  font-size: var(--type-min);
  font-weight: 800;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.rama-search-intro h1 {
  max-width: 16ch;
  margin: 0 auto;
  color: var(--story-type, #fffaf0);
  font-family: var(--font-display);
  font-size: clamp(2rem, 7vw, 3.35rem);
  font-weight: 700;
  line-height: 0.94;
  text-wrap: balance;
}
.rama-search-intro .home-search-lede {
  max-width: 32rem;
  margin: var(--space-2) auto 0;
  color: rgba(255, 250, 240, 0.88);
  font-size: clamp(var(--type-min), 2.2vw, 1rem);
}
.rama-search-sheet {
  position: relative;
  width: min(100%, 42rem);
  margin-inline: auto;
  padding: calc(var(--space-4) + 0.35rem) clamp(var(--space-3), 4vw, var(--space-5)) var(--space-4);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  color: var(--ink);
  border: 1.5px solid var(--temple-gold-border, var(--line));
  border-radius: 1.75rem 1.75rem 1.15rem 1.15rem;
  background:
    radial-gradient(ellipse 80% 42% at 50% 0%, rgba(255, 255, 255, 0.9), transparent 64%),
    color-mix(in srgb, var(--temple-ivory, var(--surface)) 82%, transparent);
  box-shadow: 0 1.2rem 3rem rgba(5, 22, 40, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.88);
  backdrop-filter: blur(20px) saturate(1.12);
  -webkit-backdrop-filter: blur(20px) saturate(1.12);
}
.rama-search-apex {
  position: absolute;
  top: -0.58rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1.15rem;
  height: 1.15rem;
  display: grid;
  place-items: center;
  color: var(--gold-deep);
  border: 1px solid var(--temple-gold-border, var(--gold-deep));
  border-radius: 0;
  background: var(--temple-ivory, var(--surface));
  box-shadow: 0 0 0 0.35rem color-mix(in srgb, var(--temple-ivory, var(--surface)) 86%, transparent);
  clip-path: var(--temple-star);
}
.rama-search-apex .picto { width: 0.72rem; height: 0.72rem; }
.rama-search-sheet .ward-picker-search-row {
  min-height: 4.05rem;
  padding-left: var(--space-4);
  border-width: 1px;
  background: rgba(255, 254, 249, 0.96);
  box-shadow: 0 0.55rem 1.5rem rgba(22, 40, 55, 0.12), inset 0 1px 0 white;
}
.rama-search-sheet .ward-picker-search-go {
  width: 3.55rem;
  flex-basis: 3.55rem;
  border: 1px solid rgba(255, 247, 213, 0.72);
}
.rama-search-sheet .ward-picker-locate {
  color: var(--ink);
  font-weight: 760;
}
.rama-search-sheet .ward-picker-results { margin-top: var(--space-3); }
.rama-search-sheet .ward-picker-stake {
  margin: 0 0 var(--space-2);
  padding-inline: var(--space-2);
  color: var(--muted);
  font-family: var(--font-ui);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-shadow: none;
  -webkit-text-stroke: 0;
}
.rama-search-sheet .ward-picker-stake::before { content: none; }
.rama-search-sheet .ward-pick-form.is-featured { padding-top: 0; }
.rama-search-sheet .ward-pick-star { display: none; }
.rama-search-sheet .ward-pick-row,
.rama-search-sheet .ward-pick-row.is-featured {
  min-height: 5.4rem;
  flex-direction: row;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-3) var(--space-4);
  text-align: left;
  border-width: 1px;
  border-color: color-mix(in srgb, var(--gold-deep) 38%, transparent);
  border-radius: 1rem;
  background: rgba(255, 254, 249, 0.84);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.82);
  animation: none;
}
.rama-search-sheet .ward-pick-row.is-featured::before {
  content: "✦";
  width: 2.85rem;
  height: 2.85rem;
  flex: 0 0 2.85rem;
  display: grid;
  place-items: center;
  color: #17324d;
  border-radius: 50%;
  background:
    var(--temple-gold-leaf, var(--gold));
  box-shadow: 0 0.35rem 1rem rgba(163, 122, 18, 0.2), inset 0 1px 0 rgba(255,255,255,.7);
  font-size: 1.25rem;
  line-height: 1;
  text-shadow: 0 1px 0 rgba(255,255,255,.36);
}
.rama-search-sheet .ward-pick-row.is-featured .ward-pick-copy { align-items: flex-start; }
.rama-search-sheet .ward-pick-row.is-featured .ward-pick-name {
  font-size: 1.12rem;
  line-height: 1.08;
}
.rama-search-sheet .ward-pick-enter {
  margin-top: var(--space-1);
  color: var(--gold-deep);
  font-size: 0.82rem;
}
@media (max-width: 42rem) {
.rama-search-scene {
    padding: max(5.9rem, calc(env(safe-area-inset-top) + 5.25rem)) var(--space-3) max(var(--space-5), env(safe-area-inset-bottom));
    gap: var(--space-3);
  }
.rama-search-intro { padding: var(--space-2) var(--space-3); }
.rama-search-sigil { width: 2.2rem; height: 2.2rem; margin-bottom: var(--space-1); }
.rama-search-intro h1 { font-size: clamp(1.9rem, 9vw, 2.5rem); }
.rama-search-sheet {
    padding: calc(var(--space-4) + 0.2rem) var(--space-3) var(--space-3);
    border-radius: 1.5rem 1.5rem 1rem 1rem;
  }
}
@media (prefers-reduced-transparency: reduce) {
.rama-search-sheet {
    background: linear-gradient(180deg, var(--temple-ivory, var(--surface)), var(--temple-marble, var(--paper)));
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
}
.ward-picker-search-row {
  display: flex; gap: var(--space-2); align-items: stretch;
  min-height: 3.15rem;
  border: 1.5px solid var(--temple-gold-border, color-mix(in srgb, var(--gold-deep) 55%, transparent));
  border-radius: 999px;
  background: color-mix(in srgb, var(--temple-ivory, var(--surface)) 82%, white);
  padding: 0.2rem 0.2rem 0.2rem var(--space-4);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), 0 1px 0 color-mix(in srgb, var(--gold-deep) 12%, transparent);
}
.ward-picker-search-row:focus-within {
  border-color: var(--gold-deep);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.78),
    0 0 0 3px color-mix(in srgb, var(--gold-deep) 22%, transparent);
}
.ward-picker-search-row.is-filled {
  border-color: var(--temple-gold-border, var(--gold-deep));
}
.ward-picker-search.is-searching .ward-picker-locate {
  visibility: hidden;
}
.ward-picker-search-go {
  display: grid; place-items: center;
  width: 2.65rem; flex: 0 0 2.65rem; border: 0; border-radius: 999px;
  background: var(--temple-gold-leaf, linear-gradient(145deg, #c9a23a 0%, #f2d98a 42%, #a37a12 78%, #d4a017 100%));
  color: var(--ink); cursor: pointer;
  box-shadow:
    0 2px 6px rgba(163, 122, 18, 0.28),
    inset 0 1px 0 rgba(255, 255, 255, 0.55);
}
.ward-picker-search-go .picto { width: 1.15rem; height: 1.15rem; color: var(--ink); }
.ward-picker-search.is-searching .ward-picker-wait,
.ward-picker-search:has(+ turbo-frame[busy]) .ward-picker-wait {
  display: flex;
}
.ward-picker-search.is-searching .ward-picker-search-go .picto,
.ward-picker-search:has(+ turbo-frame[busy]) .ward-picker-search-go .picto {
  opacity: 0.35;
}
.street-wizard-panel .ward-picker-search { text-align: start; }
.ceremony-temple::before {
  content: "";
  position: absolute;
  inset: 0.45rem 0.65rem auto;
  height: 8.5rem;
  border: 3px solid var(--temple-gold-border);
  border-bottom: 0;
  border-radius: 50% 50% 0 0 / 100% 100% 0 0;
  pointer-events: none;
  box-shadow:
    inset 0 0 32px color-mix(in srgb, var(--gold-deep) 12%, transparent),
    0 0 24px color-mix(in srgb, var(--gold-deep) 10%, transparent);
  z-index: 1;
}
.ceremony-temple > *:not(.ceremony-column-scrim) { position: relative; z-index: 1; }
.street-leaderboard-page .street-leaderboard-search-row {
  min-height: 3.35rem;
  border-color: color-mix(in srgb, var(--gold-deep) 28%, transparent);
  background: rgba(255,255,255,.54);
}
.street-liga-search-mark { left: .95rem; color: var(--muted); }
.street-liga-search-mark .picto { width: 1.2rem; height: 1.2rem; }
.study-highlight-search { min-height: 3rem; display: grid; grid-template-columns: 1.35rem minmax(0,1fr); align-items: center; gap: .6rem; padding: .45rem .8rem; border: 1px solid var(--study-line); border-radius: 999px; background: rgba(255,253,247,.9); color: var(--gold-deep); }
.study-highlight-search .picto { width: 1.25rem; height: 1.25rem; }
.study-highlight-search input { width: 100%; min-width: 0; border: 0; outline: 0; background: transparent; color: var(--study-ink); font: 680 .9rem/1.2 var(--font-ui); }
.study-highlight-search input::placeholder { color: var(--study-muted); opacity: .9; }
.study-highlight-search:focus-within { border-color: var(--gold-deep); box-shadow: 0 0 0 3px color-mix(in srgb, var(--gold-deep) 14%, transparent); }
body.is-church-journey {
  --church-col: min(100vw, 50rem);
  --church-dock-h: calc(5.3rem + env(safe-area-inset-bottom));
  --church-chrome-inset: clamp(.75rem, 2.5vw, 2rem);
  --surface-primary: #0b2037;
  --surface-glass: rgba(8, 27, 48, .82);
  --text-on-glass: #fff8e8;
  --text-secondary: rgba(255, 248, 232, .72);
  --hub-muted: rgba(255, 248, 232, .62);
  --gold-primary: var(--gold-highlight, var(--gold-bright));
  background: #10182a;
}
body.is-church-journey .shell { width: 100%; max-width: none; min-height: 100dvh; padding: 0; }
body.is-church-journey .sky { background: #10182a; }
body.is-church-journey .chrome-tools { display: none !important; }
body.is-church-journey .home-menu.is-split:not(.is-hud) {
  left: max(env(safe-area-inset-left), var(--church-chrome-inset));
  right: max(env(safe-area-inset-right), var(--church-chrome-inset));
}
.about-journey {
  width: 100%;
  max-width: none;
  min-height: 100dvh;
  margin-inline: auto;
  padding-bottom: var(--church-dock-h);
  overflow: hidden;
  color: #fffaf0;
  background:
    radial-gradient(circle at 50% 30%, rgba(52,75,117,.42), transparent 34rem),
    #091326;
}
.about-journey-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: flex-end;
  min-height: 100svh;
  padding: max(5.5rem, calc(env(safe-area-inset-top) + 5rem)) var(--space-4) calc(var(--church-dock-h) + 2.8rem);
  background: #172039 var(--about-scene) 58% 50% / cover no-repeat;
}
.about-journey-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(5,10,20,.16) 0%, rgba(5,10,20,.04) 32%, rgba(5,10,20,.32) 58%, rgba(5,10,20,.94) 87%, #091326 100%),
    radial-gradient(circle at 58% 44%, transparent 0 24%, rgba(5,10,20,.24) 78%);
}
.about-journey-intro {
  width: min(100%, calc(var(--church-col) - 2 * var(--space-4)));
  max-width: 38rem;
  margin-inline: auto;
  text-shadow: 0 2px 16px #000;
  animation: church-copy-in 600ms var(--ease-out) 120ms both;
}
.about-journey-intro h1 {
  max-width: 13ch;
  margin: 0;
  color: #fffaf0;
  font: 700 clamp(2.4rem, 10vw, 4.8rem)/.94 var(--font-display);
  letter-spacing: -.04em;
  text-wrap: balance;
}
.about-journey-intro .lede {
  max-width: 35rem;
  margin: .9rem 0 0;
  color: #fffaf0;
  font-size: clamp(1rem, 2.8vw, 1.18rem);
  line-height: 1.5;
}
.about-journey-caption {
  position: absolute;
  right: max(var(--space-4), calc((100vw - var(--church-col)) / 2 + var(--space-4)));
  bottom: calc(var(--church-dock-h) + .8rem);
  display: flex;
  align-items: center;
  gap: .55rem;
  margin: 0;
  color: rgba(255,250,240,.75);
  font-size: .72rem;
  font-weight: 750;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.about-journey-caption span { color: #f1cf70; }
.about-journey-thread {
  display: flex;
  align-items: center;
  gap: .75rem;
  width: calc(100% - 2rem);
  max-width: 44rem;
  margin: 0 auto;
  padding: 1.35rem 0 .35rem;
  color: #e8bf4f;
}
.about-journey-thread span { height: 1px; flex: 1; background: linear-gradient(90deg, transparent, rgba(232,191,79,.66)); }
.about-journey-thread span:last-child { transform: scaleX(-1); }
.about-journey-thread .picto { width: 1.15rem; height: 1.15rem; filter: drop-shadow(0 0 9px rgba(232,191,79,.45)); }
.about-journey-story {
  display: grid;
  gap: 1rem;
  width: calc(100% - 2rem);
  max-width: 44rem;
  margin: 0 auto;
  padding: .65rem 0 2rem;
}
.about-journey-act,
.about-journey-maker {
  position: relative;
  isolation: isolate;
  display: grid;
  gap: 1rem;
  overflow: hidden;
  padding: 1.25rem;
  border: 1px solid rgba(240,204,99,.32);
  border-radius: 1.35rem;
  background: linear-gradient(145deg, rgba(20,33,56,.98), rgba(7,14,28,.99));
  box-shadow: 0 22px 50px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.06);
}
.about-journey-act::before,
.about-journey-maker::before {
  content: "";
  position: absolute;
  top: -5rem;
  right: -4rem;
  z-index: -1;
  width: 12rem;
  height: 12rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(239,195,70,.17), transparent 68%);
}
.about-journey-number {
  color: #f1cf70;
  font: 850 .75rem/1 var(--font-ui);
  letter-spacing: .12em;
}
.about-journey-emblem {
  display: grid;
  place-items: center;
  width: 3rem;
  height: 3rem;
  border: 1px solid rgba(255,235,172,.52);
  border-radius: 50%;
  color: #f1cf70;
  background: rgba(7,13,26,.48);
  box-shadow: 0 8px 22px rgba(0,0,0,.25), 0 0 24px rgba(241,207,112,.12);
}
.about-journey-emblem .picto { width: 1.5rem; height: 1.5rem; }
.about-journey-copy { display: grid; gap: .8rem; }
.about-journey-copy .church-scene-kicker,
.about-maker-copy .church-scene-kicker { margin: 0; }
.about-journey-copy h2,
.about-journey-maker h2 {
  margin: 0;
  color: #fffaf0;
  font: 700 clamp(1.75rem, 6vw, 3rem)/.98 var(--font-display);
  letter-spacing: -.025em;
  text-wrap: balance;
}
.about-journey-copy .lede {
  margin: 0;
  color: rgba(255,250,240,.82);
  font-size: clamp(.96rem, 2.5vw, 1.06rem);
  line-height: 1.58;
}
.about-journey .about-github {
  display: grid;
  grid-template-columns: auto 1fr auto;
  justify-self: stretch;
  width: 100%;
  min-height: 4rem;
  margin-top: .35rem;
  text-align: left;
}
.about-journey-disclaimer {
  margin: .35rem 0 0;
  padding: .9rem 1rem;
  color: rgba(255,250,240,.64);
  font-size: var(--type-min);
  line-height: 1.52;
  border-left: 2px solid #e8bf4f;
  background: rgba(4,10,22,.34);
}
.about-journey-maker { align-items: center; }
.about-journey .about-face { margin: 0; color: #fffaf0; }
.about-journey .about-face img {
  width: 8.5rem;
  height: 8.5rem;
  border-color: #e8bf4f;
  box-shadow: 0 12px 34px rgba(0,0,0,.34), 0 0 24px rgba(232,191,79,.14);
}
.about-journey .about-face strong { color: #fffaf0; }
.about-journey .about-face span { color: rgba(255,250,240,.66); }
.about-journey .about-maker-copy { display: grid; gap: .8rem; }
.about-journey .about-reach {
  border-color: rgba(240,204,99,.28);
  background: rgba(5,11,23,.44);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}
.about-journey .about-reach-chip { color: #fffaf0; }
.about-journey .about-reach-chip:hover,
.about-journey .about-reach-chip:focus-visible { background: rgba(241,207,112,.1); }
.about-journey .about-reach-copy em { color: rgba(255,250,240,.62); }
.about-journey .about-reach-copy strong { color: #fffaf0; }
.about-journey .about-reach-rule { background: rgba(240,204,99,.28); }
.about-journey-foot { display: flex; justify-content: center; padding: .65rem 0 1rem; }
.about-journey-foot .about-stats-link {
  min-height: 2.75rem;
  padding: .55rem .85rem;
  border: 1px solid rgba(240,204,99,.34);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(20,36,58,.58), rgba(5,11,23,.28));
  color: #fffaf0;
  box-shadow: 0 12px 30px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.1);
  text-decoration: none;
  -webkit-backdrop-filter: blur(14px) saturate(1.12);
  backdrop-filter: blur(14px) saturate(1.12);
}
.about-journey-foot .about-stats-link .picto {
  width: 1rem;
  height: 1rem;
  color: #f1cf70;
}
.about-journey-foot .about-stats-link:hover,
.about-journey-foot .about-stats-link:focus-visible {
  border-color: rgba(240,204,99,.52);
  background: linear-gradient(135deg, rgba(35,52,75,.66), rgba(241,207,112,.1));
  color: #fffaf0;
}
@media (min-width: 720px) {
.about-journey-hero { background-position: 50% 50%; }
.about-journey-act { grid-template-columns: 2.5rem minmax(0, 1fr); padding: 1.6rem; }
.about-journey-act.is-open { grid-template-columns: 2.5rem 3rem minmax(0, 1fr); }
.about-journey-maker { grid-template-columns: 11rem minmax(0, 1fr); padding: 1.6rem; }
.about-journey .about-face img { width: 10rem; height: 10rem; }
}
@media (prefers-reduced-motion: reduce) {
.about-journey-intro { animation: none; }
}
body.is-charter-journey {
  --charter-bg: #091326;
  --charter-card-start: #142138;
  --charter-card-end: #070e1c;
  --charter-text: #fffaf0;
  --charter-text-soft: rgba(255, 250, 240, .8);
  --charter-gold: #f1cf70;
  --charter-line: rgba(240, 204, 99, .34);
  background: var(--charter-bg);
}
body.is-charter-journey .sky { background: var(--charter-bg); }
.charter-journey {
  width: 100%;
  max-width: none;
  min-height: 100dvh;
  padding-bottom: var(--church-dock-h);
  overflow: hidden;
  color: var(--charter-text);
  background:
    radial-gradient(circle at 50% 0%, rgba(52, 75, 117, .28), transparent 34rem),
    var(--charter-bg);
}
.charter-journey-hero {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: flex-end;
  min-height: 100svh;
  padding: max(5.5rem, calc(env(safe-area-inset-top) + 5rem)) var(--space-4) calc(var(--church-dock-h) + 2.5rem);
  background: #172039 var(--charter-scene) 50% 50% / cover no-repeat;
}
.charter-journey--legal .charter-journey-hero { background-position: 50% 48%; }
.charter-journey--privacy .charter-journey-hero { background-position: 50% 50%; }
.charter-journey-hero::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  content: "";
  background:
    linear-gradient(180deg, rgba(5, 10, 20, .38) 0%, rgba(5, 10, 20, .05) 32%, rgba(5, 10, 20, .2) 54%, rgba(5, 10, 20, .92) 86%, var(--charter-bg) 100%),
    radial-gradient(circle at 50% 40%, transparent 0 24%, rgba(5, 10, 20, .2) 78%);
}
.charter-journey-intro {
  position: relative;
  z-index: 1;
  width: min(100%, calc(var(--church-col) - 2 * var(--space-4)));
  max-width: 44rem;
  margin-inline: auto;
  text-shadow: 0 2px 16px rgba(0, 0, 0, .88);
  animation: church-copy-in 600ms var(--ease-out) 120ms both;
}
.charter-journey-intro h1 {
  max-width: 14ch;
  margin: 0;
  color: var(--charter-text);
  font: 700 clamp(2.35rem, 10vw, 4.8rem)/.94 var(--font-display);
  letter-spacing: -.04em;
  text-wrap: balance;
}
.charter-journey-updated {
  margin: .9rem 0 0;
  color: var(--charter-text-soft);
  font-size: clamp(.9rem, 2.4vw, 1rem);
  font-weight: 750;
  letter-spacing: .015em;
}
.charter-journey-thread {
  display: flex;
  align-items: center;
  gap: .75rem;
  width: calc(100% - 2rem);
  max-width: 44rem;
  margin: 0 auto;
  padding: 1.35rem 0 .35rem;
  color: var(--charter-gold);
}
.charter-journey-thread span {
  height: 1px;
  flex: 1;
  background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--charter-gold) 68%, transparent));
}
.charter-journey-thread span:last-child { transform: scaleX(-1); }
.charter-journey-thread .picto {
  width: 1.15rem;
  height: 1.15rem;
  filter: drop-shadow(0 0 9px color-mix(in srgb, var(--charter-gold) 48%, transparent));
}
.charter-journey-story {
  counter-reset: charter-act;
  display: grid;
  gap: 1rem;
  width: calc(100% - 2rem);
  max-width: 44rem;
  margin: 0 auto;
  padding: .65rem 0 2.5rem;
}
.charter-journey-act {
  position: relative;
  isolation: isolate;
  counter-increment: charter-act;
  display: grid;
  gap: .85rem;
  overflow: hidden;
  padding: 1.25rem;
  border: 1px solid var(--charter-line);
  border-radius: 1.35rem;
  background: linear-gradient(145deg, var(--charter-card-start), var(--charter-card-end));
  box-shadow: 0 22px 50px rgba(0, 0, 0, .3), inset 0 1px 0 rgba(255, 255, 255, .06);
}
.charter-journey-act::before {
  position: absolute;
  top: 1rem;
  right: 1rem;
  color: var(--charter-gold);
  content: counter(charter-act, decimal-leading-zero);
  font: 850 .72rem/1 var(--font-ui);
  letter-spacing: .1em;
}
.charter-journey-act::after {
  position: absolute;
  top: -6rem;
  right: -5rem;
  z-index: -1;
  width: 14rem;
  height: 14rem;
  border-radius: 50%;
  content: "";
  background: radial-gradient(circle, color-mix(in srgb, var(--charter-gold) 15%, transparent), transparent 68%);
}
.charter-journey-act h2 {
  max-width: calc(100% - 3rem);
  margin: 0;
  color: var(--charter-text);
  font: 700 clamp(1.45rem, 5.5vw, 2.25rem)/1.02 var(--font-display);
  letter-spacing: -.02em;
  text-wrap: balance;
}
.charter-journey-act > p {
  margin: 0;
  color: var(--charter-text-soft);
  font-size: clamp(.96rem, 2.45vw, 1.06rem);
  line-height: 1.58;
  text-wrap: pretty;
}
.charter-journey a {
  color: var(--charter-gold);
  text-underline-offset: .22em;
}
.charter-journey .paper-facts {
  display: grid;
  gap: 0;
  margin: 0;
  color: var(--charter-text);
}
.charter-journey .paper-facts > div {
  position: relative;
  display: grid;
  gap: .45rem;
  min-width: 0;
  padding: 1rem 0;
}
.charter-journey .paper-facts > div:first-child { padding-top: .15rem; }
.charter-journey .paper-facts > div:last-child { padding-bottom: .15rem; }
.charter-journey .paper-facts > div + div {
  border-top: 1px solid var(--charter-line);
}
.charter-journey .paper-facts dt {
  color: var(--charter-gold);
  font-size: .72rem;
  font-weight: 850;
  letter-spacing: .1em;
  line-height: 1.2;
  text-transform: uppercase;
}
.charter-journey .paper-facts dd {
  display: grid;
  gap: .18rem;
  margin: 0;
  color: var(--charter-text);
  font-size: clamp(.94rem, 2.35vw, 1.03rem);
  line-height: 1.5;
  overflow-wrap: anywhere;
}
.charter-journey .paper-facts dd strong {
  color: var(--charter-text);
  font-weight: 800;
}
.charter-journey .paper-facts dd span { color: var(--charter-text-soft); }
.charter-journey .paper-facts .quiet-link {
  justify-self: start;
  min-height: 2.75rem;
  margin-top: .45rem;
  padding: .65rem .9rem;
  border: 1px solid var(--charter-line);
  border-radius: 999px;
  background: color-mix(in srgb, var(--charter-gold) 8%, transparent);
  font-weight: 800;
  line-height: 1.35;
  text-decoration: none;
}
.charter-journey .paper-facts .quiet-link:is(:hover, :focus-visible) {
  border-color: color-mix(in srgb, var(--charter-gold) 64%, transparent);
  background: color-mix(in srgb, var(--charter-gold) 14%, transparent);
}
.charter-cookies {
  display: grid;
  gap: 0;
  margin: .15rem 0;
  border-bottom: 1px solid var(--charter-line);
}
.charter-cookies > div {
  min-width: 0;
  display: grid;
  gap: .3rem;
  padding: .85rem 0;
  border-top: 1px solid var(--charter-line);
}
.charter-cookies dt {
  margin: 0;
  color: var(--charter-gold);
  font-family: var(--font-ui);
  font-size: var(--type-min);
  font-weight: 850;
  letter-spacing: .01em;
  overflow-wrap: anywhere;
}
.charter-cookies dd {
  margin: 0;
  color: var(--charter-text-soft);
  font-size: clamp(.92rem, 2.3vw, 1rem);
  line-height: 1.48;
}
.charter-ttl {
  display: block;
  margin-bottom: .12rem;
  color: rgba(255, 250, 240, .58);
  font-size: var(--type-min);
  font-weight: 750;
}
.charter-journey-foot {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .75rem 1.5rem;
  padding: .8rem .5rem 1rem;
}
.charter-journey-foot .quiet-link {
  color: rgba(255, 250, 240, .7);
  font-size: var(--type-min);
}
@supports (animation-timeline: view()) {
.charter-journey-act {
    animation: charter-act-in linear both;
    animation-timeline: view();
    animation-range: entry 8% cover 28%;
  }
}
@keyframes charter-act-in {
  from { opacity: .18; transform: translateY(26px) scale(.985); filter: saturate(.76); }
}
@media (min-width: 720px) {
.charter-journey-hero { padding-inline: 2rem; }
.charter-journey-story { gap: 1.35rem; }
.charter-journey-act { padding: clamp(1.5rem, 3vw, 2.25rem); }
.charter-journey-act::before { top: 1.5rem; right: 1.6rem; }
.charter-journey-act--facts .paper-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 1.75rem;
  }
  .charter-journey-act--facts .paper-fact {
    padding: .2rem 0 1.25rem;
  }
  .charter-journey-act--facts .paper-fact--contact {
    border-top: 0;
    border-left: 1px solid var(--charter-line);
    padding-left: 1.75rem;
  }
  .charter-journey-act--facts .paper-fact--host {
    grid-column: 1 / -1;
    grid-template-columns: minmax(8.5rem, .55fr) minmax(0, 1.45fr);
    align-items: start;
    gap: 1.75rem;
    padding: 1.35rem 0 .2rem;
  }
.charter-cookies {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 1.5rem;
  }
}
@media (prefers-reduced-motion: reduce) {
.charter-journey-intro,
.charter-journey-act { animation: none !important; }
}
.church-landing,
.church-beliefs {
  position: relative;
  isolation: isolate;
  width: var(--church-col);
  min-height: 100dvh;
  margin-inline: auto;
  overflow: hidden;
  color: #fffaf0;
  background: #172039 var(--church-scene) 50% 42% / cover no-repeat fixed;
}
.church-landing {
  width: 100%;
  max-width: none;
}
.church-landing::before,
.church-beliefs-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(180deg, rgba(8,14,28,.58) 0%, rgba(8,14,28,.18) 28%, rgba(8,14,28,.36) 52%, rgba(8,14,28,.94) 82%, #0b1222 100%),
    radial-gradient(ellipse at 50% 36%, transparent 24%, rgba(5,10,20,.22) 100%);
}
.church-scene-atmosphere { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.church-scene-atmosphere i { position: absolute; bottom: 12%; width: .28rem; height: .28rem; border-radius: 50%; background: #f6d77c; box-shadow: 0 0 12px #f6d77c; animation: church-mote 8s linear infinite; }
.church-scene-atmosphere i:nth-child(1) { left: 18%; animation-delay: -2s; }
.church-scene-atmosphere i:nth-child(2) { left: 54%; animation-delay: -5s; animation-duration: 11s; }
.church-scene-atmosphere i:nth-child(3) { left: 82%; animation-delay: -7s; animation-duration: 9s; }
.church-landing { display: grid; align-content: end; gap: .8rem; padding: 4.5rem var(--space-4) calc(var(--church-dock-h) + .7rem); }
.church-landing-copy,
.church-portals { width: min(100%, calc(var(--church-col) - 2 * var(--space-4))); margin-inline: auto; }
.church-landing-copy { max-width: 36rem; text-align: left; text-shadow: 0 2px 14px #000; animation: church-copy-in 600ms var(--ease-out) 120ms both; }
.church-scene-kicker { margin: 0 0 .45rem; color: #f1cf70; font: 800 .75rem/1 var(--font-ui); letter-spacing: .15em; text-transform: uppercase; }
.church-landing-copy h1,
.church-beliefs-intro h1 { margin: 0; color: #fffaf0; font: 700 clamp(2.2rem, 9vw, 4.5rem)/.96 var(--font-display); letter-spacing: -.03em; text-wrap: balance; }
.church-landing-copy > p:last-child { max-width: 34rem; margin: .8rem 0 0; font-size: clamp(.98rem, 2.8vw, 1.18rem); line-height: 1.5; }
.church-portals { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; animation: church-portals-in 650ms var(--ease-out) 260ms both; }
.church-portals .paper-door.is-cinematic {
  position: relative;
  isolation: isolate;
  min-height: clamp(10rem, 25vh, 13rem);
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(249,225,151,.62);
  border-radius: 1.15rem;
  background: #111a2c var(--portal-art) 50% 44% / cover no-repeat;
  color: #fffaf0;
  text-decoration: none;
  box-shadow: 0 18px 38px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.08);
  transform: translateZ(0);
  transition: transform 260ms var(--ease-out), border-color 260ms ease, box-shadow 260ms ease;
  animation: church-portal-reveal 520ms var(--ease-out) calc(280ms + var(--portal-order) * 70ms) both;
}
.church-portals .paper-door.is-cinematic::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(180deg, rgba(5,10,20,.14) 0%, transparent 38%, rgba(5,10,20,.32) 58%, rgba(5,10,20,.94) 100%),
    radial-gradient(circle at 50% 28%, rgba(255,225,143,.12), transparent 42%);
  pointer-events: none;
}
.church-portals .paper-door.is-cinematic::after {
  content: "";
  position: absolute;
  inset: -30% -70%;
  z-index: 1;
  width: 32%;
  transform: rotate(16deg) translateX(-250%);
  background: linear-gradient(90deg,transparent,rgba(255,244,200,.28),transparent);
  transition: transform 650ms ease;
  pointer-events: none;
}
.church-portals .paper-door.is-cinematic:hover,
.church-portals .paper-door.is-cinematic:focus-visible {
  transform: translateY(-5px) scale(1.015);
  border-color: #f8dd86;
  box-shadow: 0 24px 48px rgba(0,0,0,.42), 0 0 26px rgba(229,181,57,.2), inset 0 0 0 1px rgba(255,255,255,.14);
}
.church-portals .paper-door.is-cinematic:hover::after,
.church-portals .paper-door.is-cinematic:focus-visible::after { transform: rotate(16deg) translateX(620%); }
.church-portals .paper-door.is-cinematic:active { transform: translateY(-1px) scale(.985); }
.church-portals .paper-door-still { display: none; }
.church-portals .paper-door-copy {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-content: end;
  align-items: end;
  gap: .25rem .65rem;
  height: 100%;
  padding: .9rem;
}
.church-portals .paper-door-chapter {
  position: absolute;
  top: .75rem;
  left: .75rem;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  border: 1px solid rgba(255,239,183,.72);
  border-radius: 50%;
  background: rgba(8,14,28,.5);
  color: #f7d978;
  font: 800 .67rem/1 var(--font-ui);
  letter-spacing: .08em;
  box-shadow: 0 5px 16px rgba(0,0,0,.26);
  backdrop-filter: blur(12px);
}
.church-portals .paper-door-ico { display: none; }
.church-portals .paper-door-words { min-width: 0; align-self: end; text-shadow: 0 2px 12px #000; }
.church-portals .paper-door strong { color: #fffaf0; font: 700 clamp(1rem,3vw,1.28rem)/1.05 var(--font-display); text-wrap: balance; }
.church-portals .paper-door strong,
.church-portals .paper-door-hint { display: block; overflow-wrap: anywhere; text-decoration: none; }
.church-portals .paper-door-hint { margin-top: .35rem; color: rgba(255,250,240,.78); font-size: clamp(.68rem,1.9vw,.8rem); line-height: 1.25; }
.church-portals .paper-door-enter {
  display: grid;
  place-items: center;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background: linear-gradient(145deg,#f7dfa0,#c68b18);
  color: #111b31;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.7), 0 5px 14px rgba(0,0,0,.3);
}
.church-portals .paper-door-enter .picto { width: 1rem; height: 1rem; }
.church-scene-head { position: relative; z-index: 2; display: grid; grid-template-columns: 2.8rem 1fr auto; align-items: center; gap: .7rem; color: #fffaf0; font-size: .75rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; text-shadow: 0 2px 10px #000; }
.church-back { display: grid; place-items: center; width: 2.75rem; height: 2.75rem; border: 1px solid rgba(241,207,112,.55); border-radius: 50%; background: rgba(8,14,28,.54); color: #fffaf0; backdrop-filter: blur(14px); }
.church-back .picto { width: 1.1rem; transform: rotate(180deg); }
.church-chapter { color: #f1cf70; }
.church-meet { min-height:100dvh; padding-bottom:var(--church-dock-h); overflow:hidden; background:#091326; color:#fffaf0; }
.church-meet-hero { position:relative; isolation:isolate; display:flex; align-items:flex-end; min-height:100svh; padding:max(5.5rem,calc(env(safe-area-inset-top) + 5rem)) var(--space-4) calc(var(--church-dock-h) + 1.15rem); background:var(--church-scene) 50% 44% / cover no-repeat; }
.church-meet-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(5,10,20,.2) 0%,rgba(5,10,20,.05) 30%,rgba(5,10,20,.32) 58%,rgba(5,10,20,.94) 84%,#091326 100%),radial-gradient(circle at 52% 35%,transparent 0 26%,rgba(5,10,20,.2) 76%); }
.church-meet-hero > .church-scene-head { position:absolute; top:max(5.5rem,calc(env(safe-area-inset-top) + 5rem)); right:var(--space-4); left:var(--space-4); }
.church-meet-intro { width:100%; max-width:38rem; text-shadow:0 2px 14px #000; animation:church-copy-in 550ms var(--ease-out) 160ms both; }
.church-meet-intro h1 { margin:0; color:#fffaf0; font:700 clamp(2.2rem,9vw,4.5rem)/.96 var(--font-display); letter-spacing:-.035em; text-wrap:balance; }
.church-meet-intro .lede { margin:.8rem 0 0; max-width:36rem; color:#fffaf0; font-size:1.05rem; line-height:1.5; }
.church-meet-thread { display:flex; align-items:center; gap:.75rem; width:calc(100% - 2rem); max-width:44rem; margin:0 auto; padding:1.35rem 0 .35rem; color:#e8bf4f; }
.church-meet-thread span { height:1px; flex:1; background:linear-gradient(90deg,transparent,rgba(232,191,79,.66)); }
.church-meet-thread span:last-child { transform:scaleX(-1); }
.church-meet-thread .picto { width:1.15rem; height:1.15rem; filter:drop-shadow(0 0 9px rgba(232,191,79,.45)); }
.church-meet-story { display:grid; gap:1rem; width:calc(100% - 2rem); max-width:44rem; margin:0 auto; padding:.65rem 0 2rem; }
.church-meet-card { position:relative; isolation:isolate; display:grid; gap:1rem; overflow:hidden; padding:1.25rem; border:1px solid rgba(240,204,99,.38); border-radius:1.35rem; background:linear-gradient(145deg,rgba(20,33,56,.98),rgba(7,14,28,.99)); box-shadow:0 22px 50px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06); }
.church-meet-card::before { content:""; position:absolute; top:-4rem; right:-4rem; z-index:-1; width:11rem; height:11rem; border-radius:50%; background:radial-gradient(circle,rgba(239,195,70,.2),transparent 68%); pointer-events:none; }
.church-meet-card-heading { display:grid; gap:.45rem; }
.church-meet-card-heading .church-scene-kicker { margin:0; }
.church-meet-card-heading h2 { margin:0; max-width:38rem; color:#fffaf0; font:700 clamp(1.75rem,6vw,3rem)/.98 var(--font-display); letter-spacing:-.02em; text-wrap:balance; }
.church-meet-pair { display:flex; align-items:flex-end; width:max-content; padding:.38rem .62rem; border:1px solid rgba(255,235,172,.52); border-radius:999px; background:rgba(7,13,26,.48); color:#f2cf70; box-shadow:0 8px 22px rgba(0,0,0,.25); }
.church-meet-pair i { display:grid; place-items:center; width:1.5rem; height:1.5rem; font-style:normal; }
.church-meet-pair i + i { margin-left:-.35rem; transform:translateY(.12rem) scale(.9); }
.church-meet-pair .picto { width:1.2rem; height:1.2rem; filter:drop-shadow(0 0 8px rgba(241,207,112,.28)); }
.church-meet-notes { display:grid; gap:.55rem; }
.church-meet-note { display:grid; grid-template-columns:2.35rem 1fr; gap:.7rem; align-items:start; padding:.85rem; border:1px solid rgba(244,219,146,.22); border-radius:.95rem; background:rgba(5,11,23,.38); }
.church-meet-note .lede { margin:0; color:rgba(255,250,240,.8); font-size:clamp(.94rem,2.4vw,1.04rem); line-height:1.52; }
.church-meet-note > span { color:#f1cf70; font:.8rem/1.5 var(--font-ui); font-weight:850; letter-spacing:.08em; }
.church-meet-card > .btn { display:grid; grid-template-columns:auto 1fr auto; gap:.65rem; width:100%; min-height:4rem; padding-inline:1rem; text-align:left; }
.church-meet-card > .btn .picto:last-child { width:1rem; height:1rem; }
.church-meet-paths { display:grid; grid-template-columns:1fr 1fr; gap:.55rem; padding-top:.1rem; }
.church-meet-path { display:flex; align-items:center; gap:.5rem; min-width:0; min-height:3.25rem; padding:.55rem .65rem; border:1px solid rgba(255,239,187,.32); border-radius:.9rem; background:rgba(6,13,27,.5); color:#fffaf0; text-decoration:none; backdrop-filter:blur(12px); transition:transform 180ms var(--ease-out),border-color 180ms ease,background 180ms ease; }
.church-meet-path:hover,
.church-meet-path:focus-visible { transform:translateY(-2px); border-color:#f1cf70; background:rgba(19,31,54,.78); }
.church-meet-path > span { display:grid; min-width:0; font-size:.72rem; font-weight:800; line-height:1.12; }
.church-meet-path small { color:#e6be50; font:.6rem/1.2 var(--font-ui); letter-spacing:.1em; }
.church-meet-path .picto { flex:0 0 auto; width:.85rem; height:.85rem; }
.church-meet-path.is-back .picto { transform:rotate(180deg); }
.church-meet-path.is-next { justify-content:flex-end; text-align:right; }
@supports (animation-timeline:view()) {
.church-meet-card { animation:missionary-act-in linear both; animation-timeline:view(); animation-range:entry 8% cover 28%; }
}
@media (min-width:720px) {
.church-meet-hero { padding-inline:2rem; }
.church-meet-story { gap:1.35rem; }
.church-meet-card { grid-template-columns:auto 1fr; padding:clamp(1.5rem,3vw,2.25rem); }
.church-meet-card-heading,
.church-meet-notes,
.church-meet-card > .btn { grid-column:2; }
}
.church-missionaries { min-height:100dvh; padding-bottom:var(--church-dock-h); overflow:hidden; background:#091326; color:#fffaf0; }
.church-missionaries-hero { position:relative; isolation:isolate; display:flex; align-items:flex-end; min-height:100svh; padding:max(5.5rem,calc(env(safe-area-inset-top) + 5rem)) var(--space-4) calc(var(--church-dock-h) + 1.15rem); background:var(--church-scene) 50% 48% / cover no-repeat; }
.church-missionaries-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(5,10,20,.2) 0%,rgba(5,10,20,.06) 30%,rgba(5,10,20,.32) 58%,rgba(5,10,20,.94) 84%,#091326 100%),radial-gradient(circle at 52% 37%,transparent 0 26%,rgba(5,10,20,.2) 76%); }
.church-missionaries-hero > .church-scene-head { position:absolute; top:max(5.5rem,calc(env(safe-area-inset-top) + 5rem)); right:var(--space-4); left:var(--space-4); }
.church-missionaries-intro { width:100%; max-width:38rem; text-shadow:0 2px 14px #000; animation:church-copy-in 550ms var(--ease-out) 160ms both; }
.church-missionaries-intro h1 { margin:0; color:#fffaf0; font:700 clamp(2.2rem,9vw,4.5rem)/.96 var(--font-display); letter-spacing:-.035em; text-wrap:balance; }
.church-missionaries-intro .lede { margin:.8rem 0 0; max-width:36rem; color:#fffaf0; font-size:1.05rem; line-height:1.5; }
.missionary-thread { display:flex; align-items:center; gap:.75rem; width:calc(100% - 2rem); max-width:44rem; margin:0 auto; padding:1.35rem 0 .35rem; color:#e8bf4f; }
.missionary-thread span { height:1px; flex:1; background:linear-gradient(90deg,transparent,rgba(232,191,79,.66)); }
.missionary-thread span:last-child { transform:scaleX(-1); }
.missionary-thread .picto { width:1.15rem; height:1.15rem; filter:drop-shadow(0 0 9px rgba(232,191,79,.45)); }
.missionary-story { display:grid; gap:1rem; width:calc(100% - 2rem); max-width:44rem; margin:0 auto; padding:.65rem 0 2rem; }
.missionary-act { position:relative; isolation:isolate; display:grid; gap:1rem; padding:1.25rem; overflow:hidden; border:1px solid rgba(240,204,99,.38); border-radius:1.35rem; background:linear-gradient(145deg,rgba(20,33,56,.98),rgba(7,14,28,.99)); box-shadow:0 22px 50px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.06); }
.missionary-act::before { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(circle at 92% 0,rgba(236,192,63,.16),transparent 35%); pointer-events:none; }
.missionary-act-number { position:absolute; top:.85rem; right:1rem; color:rgba(241,207,112,.34); font:800 2.6rem/1 var(--font-display); }
.missionary-act-emblem { display:grid; place-items:center; width:4.5rem; height:4.5rem; border:1px solid rgba(255,238,178,.84); border-radius:50%; background:linear-gradient(145deg,#f8dda0,#b97a0f); color:#101c34; box-shadow:0 0 0 6px rgba(233,188,59,.09),0 14px 30px rgba(0,0,0,.32); }
.missionary-act-emblem .picto { width:2rem; height:2rem; }
.missionary-act-copy { display:grid; gap:.65rem; }
.missionary-act-copy h2 { margin:0; max-width:38rem; color:#fffaf0; font:700 clamp(1.75rem,6vw,3rem)/.98 var(--font-display); letter-spacing:-.02em; text-wrap:balance; }
.missionary-act-copy .lede { margin:0; max-width:38rem; color:rgba(255,250,240,.8); font-size:clamp(.96rem,2.5vw,1.06rem); line-height:1.58; }
.missionary-gifts { display:grid; gap:.65rem; }
.missionary-gift { display:grid; grid-template-columns:2.8rem 1fr; gap:.2rem .75rem; align-items:start; padding:.85rem; border:1px solid rgba(243,213,126,.22); border-radius:1rem; background:rgba(5,11,24,.38); }
.missionary-gift > span { grid-row:1 / span 2; display:grid; place-items:center; width:2.8rem; height:2.8rem; border-radius:50%; background:rgba(232,190,72,.12); color:#f1cf70; }
.missionary-gift .picto { width:1.35rem; height:1.35rem; }
.missionary-gift h3 { margin:0; padding-right:1.8rem; color:#fffaf0; font:700 1.05rem/1.1 var(--font-display); }
.missionary-gift p { margin:0; color:rgba(255,250,240,.7); font-size:.84rem; line-height:1.45; }
.missionary-steps { display:grid; gap:.55rem; margin:0; padding:0; list-style:none; counter-reset:none; }
.missionary-steps li { display:grid; grid-template-columns:2.65rem 1fr; gap:.75rem; align-items:start; padding:.8rem; border:1px solid rgba(241,207,112,.24); border-radius:.95rem; background:rgba(5,11,23,.38); }
.missionary-steps li > span { display:grid; place-items:center; width:2.35rem; height:2.35rem; border:1px solid rgba(247,220,139,.56); border-radius:50%; color:#f1cf70; font-size:.7rem; font-weight:850; }
.missionary-steps h3 { margin:0; color:#fffaf0; font:700 1rem/1.15 var(--font-display); }
.missionary-steps p { margin:.25rem 0 0; color:rgba(255,250,240,.7); font-size:.84rem; line-height:1.45; }
.missionary-serve-cta { display:grid; grid-template-columns:auto 1fr auto; gap:.65rem; width:100%; min-height:4rem; padding-inline:1rem; text-align:left; }
.missionary-serve-cta .picto:last-child { width:1rem; height:1rem; }
.missionary-source { justify-self:center; color:rgba(255,250,240,.66); font-size:.78rem; text-underline-offset:.25em; }
.missionary-chapter-paths { position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr); gap:.6rem; align-items:stretch; margin-top:.5rem; padding:2rem .15rem .25rem; }
.missionary-chapter-paths::before { content:""; position:absolute; top:.5rem; left:8%; right:8%; height:1px; background:linear-gradient(90deg,transparent,rgba(241,207,112,.58) 18% 82%,transparent); }
.missionary-path-progress { position:absolute; top:.25rem; left:50%; display:flex; align-items:center; gap:.38rem; padding:.22rem .48rem; transform:translateX(-50%); border:1px solid rgba(255,239,187,.22); border-radius:99px; background:#091326; box-shadow:0 0 0 .35rem #091326; }
.missionary-path-progress i { width:.28rem; height:.28rem; border-radius:50%; background:rgba(255,250,240,.34); }
.missionary-path-progress i.is-current { width:.95rem; border-radius:99px; background:#f1cf70; box-shadow:0 0 10px rgba(241,207,112,.68); }
.missionary-chapter-path,
.missionary-chapter-home { position:relative; display:flex; align-items:center; gap:.6rem; min-width:0; min-height:4.25rem; padding:.72rem; overflow:hidden; border:1px solid rgba(255,239,187,.3); border-radius:1.15rem; background:linear-gradient(145deg,rgba(20,33,57,.82),rgba(6,13,27,.92)); color:#fffaf0; text-decoration:none; box-shadow:0 14px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.06); backdrop-filter:blur(16px); transition:transform 180ms var(--ease-out),border-color 180ms ease,background 180ms ease,box-shadow 180ms ease; }
.missionary-chapter-path::before { content:""; position:absolute; inset:0; opacity:0; background:radial-gradient(circle at var(--path-light-x,10%) 50%,rgba(241,207,112,.17),transparent 56%); transition:opacity 180ms ease; }
.missionary-chapter-path.is-next { --path-light-x:90%; justify-content:flex-end; text-align:right; }
.missionary-chapter-path:hover,
.missionary-chapter-path:focus-visible,
.missionary-chapter-home:hover,
.missionary-chapter-home:focus-visible { transform:translateY(-3px); border-color:rgba(248,220,134,.82); background:linear-gradient(145deg,rgba(27,43,72,.94),rgba(8,17,34,.98)); box-shadow:0 18px 36px rgba(0,0,0,.32),0 0 22px rgba(224,174,42,.1),inset 0 1px 0 rgba(255,255,255,.1); }
.missionary-chapter-path:hover::before,
.missionary-chapter-path:focus-visible::before { opacity:1; }
.missionary-chapter-path:active,
.missionary-chapter-home:active { transform:translateY(-1px) scale(.98); }
.missionary-path-copy { position:relative; z-index:1; display:grid; gap:.18rem; min-width:0; line-height:1.08; }
.missionary-path-copy small { color:#e8bf4f; font:800 .58rem/1.2 var(--font-ui); letter-spacing:.12em; }
.missionary-path-copy strong { overflow:hidden; color:#fffaf0; font:700 clamp(.72rem,2.4vw,.9rem)/1.08 var(--font-display); text-overflow:ellipsis; }
.missionary-path-arrow { position:relative; z-index:1; display:grid; flex:0 0 auto; place-items:center; width:2rem; height:2rem; border:1px solid rgba(247,220,139,.38); border-radius:50%; background:rgba(241,207,112,.08); color:#f1cf70; }
.missionary-path-arrow .picto { width:.78rem; height:.78rem; }
.missionary-chapter-path.is-back .missionary-path-arrow .picto { transform:rotate(180deg); }
.missionary-chapter-home { flex-direction:column; justify-content:center; gap:.3rem; width:4.45rem; padding:.45rem .3rem; color:#f4d77e; }
.missionary-home-emblem { display:grid; place-items:center; width:2rem; height:2rem; border:1px solid rgba(255,237,177,.58); border-radius:50%; background:linear-gradient(145deg,#f7dda0,#bd7e12); color:#111c32; box-shadow:0 5px 14px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.62); }
.missionary-home-emblem .picto { width:.88rem; height:.88rem; }
.missionary-chapter-home > span:last-child { max-width:100%; overflow:hidden; font-size:.6rem; font-weight:800; letter-spacing:.02em; text-overflow:ellipsis; white-space:nowrap; }
.church-beliefs > .missionary-chapter-paths { width:calc(100% - 2rem); max-width:44rem; margin:1rem auto 2rem; }
.missionary-chapter-paths.is-light::before { background:linear-gradient(90deg,transparent,rgba(156,106,13,.5) 18% 82%,transparent); }
.missionary-chapter-paths.is-light .missionary-path-progress { border-color:rgba(117,82,16,.22); background:#eee6d7; box-shadow:0 0 0 .35rem #eee6d7; }
.missionary-chapter-paths.is-light .missionary-path-progress i { background:rgba(24,29,39,.3); }
.missionary-chapter-paths.is-light .missionary-path-progress i.is-current { background:#b47d13; box-shadow:0 0 10px rgba(180,125,19,.38); }
.missionary-chapter-paths.is-light .missionary-chapter-path,
.missionary-chapter-paths.is-light .missionary-chapter-home { border-color:rgba(117,82,16,.3); background:linear-gradient(145deg,rgba(255,253,247,.96),rgba(238,230,215,.96)); color:var(--ink); box-shadow:0 14px 30px rgba(77,54,15,.11),inset 0 1px 0 rgba(255,255,255,.82); }
.missionary-chapter-paths.is-light .missionary-chapter-path:hover,
.missionary-chapter-paths.is-light .missionary-chapter-path:focus-visible,
.missionary-chapter-paths.is-light .missionary-chapter-home:hover,
.missionary-chapter-paths.is-light .missionary-chapter-home:focus-visible { border-color:#b47d13; background:#fffdf6; box-shadow:0 18px 36px rgba(77,54,15,.15),0 0 20px rgba(180,125,19,.08); }
.missionary-chapter-paths.is-light .missionary-path-copy strong { color:var(--ink); }
.missionary-chapter-paths.is-light .missionary-path-copy small,
.missionary-chapter-paths.is-light .missionary-path-arrow { color:#9c6a0d; }
.missionary-chapter-paths.is-light .missionary-path-arrow { border-color:rgba(156,106,13,.32); background:rgba(180,125,19,.07); }
@supports (animation-timeline:view()) {
.missionary-act { animation:missionary-act-in linear both; animation-timeline:view(); animation-range:entry 8% cover 28%; }
.missionary-gift { animation:missionary-gift-in linear both; animation-timeline:view(); animation-range:entry 6% cover 22%; }
}
@keyframes missionary-act-in { from { opacity:.15; transform:translateY(28px) scale(.985); filter:saturate(.72); } }
@keyframes missionary-gift-in { from { opacity:.1; transform:translateX(18px); } }
@media (min-width:720px) {
.church-missionaries-hero { padding-inline:2rem; }
.missionary-story { gap:1.35rem; }
.missionary-act { padding:clamp(1.5rem,3vw,2.25rem); }
.missionary-act.is-call { grid-template-columns:auto 1fr; align-items:center; }
.missionary-gifts { grid-template-columns:repeat(3,1fr); }
.missionary-gift { grid-template-columns:1fr; align-content:start; }
.missionary-gift > span { grid-row:auto; }
.missionary-steps { grid-template-columns:repeat(3,1fr); }
.missionary-steps li { grid-template-columns:1fr; }
.missionary-chapter-paths { gap:.85rem; }
.missionary-chapter-home { width:5.25rem; }
.missionary-chapter-home > span:last-child { font-size:.7rem; }
}
.church-worship { min-height:100dvh; padding-bottom:var(--church-dock-h); overflow:hidden; background:linear-gradient(180deg,#ebe5d7,#f8f4e9 44%,#e9e0ce); color:var(--ink); }
.church-worship-hero { position:relative; isolation:isolate; display:flex; align-items:flex-end; min-height:100svh; padding:max(5.5rem,calc(env(safe-area-inset-top) + 5rem)) var(--space-4) calc(var(--church-dock-h) + 1.15rem); background:var(--church-scene) 50% 50% / cover no-repeat; }
.church-worship-hero::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(49,34,13,.12) 0%,rgba(20,16,10,.03) 32%,rgba(12,14,19,.3) 58%,rgba(7,12,21,.94) 84%,#091326 100%),radial-gradient(circle at 50% 25%,rgba(255,249,220,.1),transparent 42%); }
.church-worship-hero > .church-scene-head { position:absolute; top:max(5.5rem,calc(env(safe-area-inset-top) + 5rem)); right:var(--space-4); left:var(--space-4); }
.church-worship-intro { width:100%; max-width:38rem; color:#fffaf0; text-shadow:0 2px 14px #000; animation:church-copy-in 550ms var(--ease-out) 160ms both; }
.church-worship-intro h1 { margin:0; color:#fffaf0; font:700 clamp(2.2rem,9vw,4.5rem)/.96 var(--font-display); letter-spacing:-.035em; text-wrap:balance; }
.church-worship-intro .lede { margin:.8rem 0 0; max-width:36rem; color:#fffaf0; font-size:1.05rem; line-height:1.5; }
.worship-story { display:grid; gap:1rem; width:calc(100% - 2rem); max-width:44rem; margin:0 auto; padding:1.35rem 0 2rem; }
.worship-overview,
.worship-first-visit { position:relative; display:grid; gap:.85rem; padding:1.25rem; overflow:hidden; border:1px solid rgba(175,126,25,.34); border-radius:1.35rem; background:rgba(255,252,242,.95); box-shadow:0 20px 46px rgba(66,47,16,.16),inset 0 1px 0 #fff; }
.worship-overview::before,
.worship-first-visit::before { content:""; position:absolute; top:-6rem; right:-5rem; width:14rem; height:14rem; border-radius:50%; background:radial-gradient(circle,rgba(222,175,61,.15),transparent 68%); pointer-events:none; }
.worship-story .church-scene-kicker { color:#9c6a0d; text-shadow:none; }
.worship-overview h2,
.worship-first-visit h2,
.worship-sacrament h2 { margin:0; color:var(--ink); font:700 clamp(1.85rem,6.5vw,3.1rem)/.98 var(--font-display); letter-spacing:-.022em; text-wrap:balance; }
.worship-overview > .lede,
.worship-first-heading > .lede { margin:0; max-width:38rem; color:rgba(24,29,39,.72); font-size:clamp(.96rem,2.5vw,1.06rem); line-height:1.58; }
.worship-schedule { display:grid; gap:.65rem; margin:0; padding:0; list-style:none; }
.worship-schedule li { position:relative; display:grid; grid-template-columns:2.4rem 2.8rem 1fr; gap:.65rem; align-items:start; padding:.85rem .8rem; border:1px solid rgba(166,118,22,.23); border-radius:1rem; background:rgba(255,255,255,.6); }
.worship-time { color:#ad7814; font-size:.67rem; font-weight:900; letter-spacing:.08em; padding-top:.85rem; }
.worship-schedule-icon { display:grid; place-items:center; width:2.65rem; height:2.65rem; border-radius:50%; background:linear-gradient(145deg,#f5dc98,#c58a1a); color:#12203a; box-shadow:inset 0 1px 0 rgba(255,255,255,.65); }
.worship-schedule-icon .picto { width:1.25rem; height:1.25rem; }
.worship-schedule h3 { margin:.08rem 0 0; color:var(--ink); font:700 1.04rem/1.15 var(--font-display); }
.worship-schedule p { margin:.3rem 0 0; color:rgba(24,29,39,.66); font-size:.84rem; line-height:1.46; }
.worship-sacrament { position:relative; isolation:isolate; display:grid; justify-items:center; gap:.75rem; padding:2.25rem 1.25rem; overflow:hidden; border:1px solid rgba(245,215,126,.57); border-radius:1.45rem; background:radial-gradient(circle at 50% 4%,rgba(246,211,104,.24),transparent 37%),linear-gradient(145deg,#1b2b49,#081326); color:#fffaf0; text-align:center; box-shadow:0 24px 55px rgba(11,19,33,.34); }
.worship-sacrament .church-scene-kicker { color:#f1cf70; }
.worship-sacrament h2 { color:#fffaf0; }
.worship-sacrament .lede { margin:0; max-width:36rem; color:rgba(255,250,240,.82); font-size:clamp(.96rem,2.5vw,1.06rem); line-height:1.6; }
.worship-sacrament-emblem { display:grid; place-items:center; width:4.8rem; height:4.8rem; border:1px solid #f8e4a5; border-radius:50%; background:linear-gradient(145deg,#fff0b6,#c99120); color:#14213a; box-shadow:0 0 0 7px rgba(234,190,65,.1),0 15px 32px rgba(0,0,0,.3); }
.worship-sacrament-emblem .picto { width:2.35rem; height:2.35rem; }
.worship-symbols { display:flex; align-items:center; gap:.75rem; margin-top:.35rem; color:#f1cf70; }
.worship-symbols span { display:grid; place-items:center; width:2.8rem; height:2.8rem; border:1px solid rgba(246,220,143,.4); border-radius:50%; background:rgba(6,13,27,.4); }
.worship-symbols .picto { width:1.35rem; height:1.35rem; }
.worship-symbols i { width:3rem; height:1px; background:linear-gradient(90deg,transparent,#e8bf4f,transparent); }
.worship-first-heading { display:grid; gap:.65rem; }
.worship-reassurances { display:grid; gap:.65rem; }
.worship-reassurances article { display:grid; grid-template-columns:2.75rem 1fr; gap:.2rem .7rem; align-items:start; padding:.8rem; border:1px solid rgba(166,118,22,.22); border-radius:.95rem; background:rgba(255,255,255,.58); }
.worship-reassurances article > span { grid-row:1 / span 2; display:grid; place-items:center; width:2.65rem; height:2.65rem; border-radius:50%; background:rgba(203,146,29,.12); color:#93620a; }
.worship-reassurances .picto { width:1.25rem; height:1.25rem; }
.worship-reassurances h3 { margin:0; color:var(--ink); font:700 1rem/1.14 var(--font-display); }
.worship-reassurances p { margin:0; color:rgba(24,29,39,.65); font-size:.83rem; line-height:1.45; }
.worship-actions { display:grid; gap:.6rem; margin-top:.2rem; }
.worship-map-cta { display:grid; grid-template-columns:auto 1fr auto; gap:.65rem; width:100%; min-height:4rem; padding-inline:1rem; text-align:left; }
.worship-map-cta .picto:last-child { width:1rem; height:1rem; }
.worship-meet-link { display:flex; align-items:center; justify-content:center; gap:.55rem; min-height:3.25rem; border:1px solid rgba(34,45,65,.35); border-radius:999px; background:#15233d; color:#fffaf0; font-size:.84rem; font-weight:800; text-decoration:none; box-shadow:0 10px 22px rgba(25,35,55,.15); }
.worship-meet-link .picto { width:1.15rem; height:1.15rem; }
.worship-source { justify-self:center; color:rgba(27,31,40,.6); font-size:.78rem; text-underline-offset:.25em; }
.worship-chapter-paths { display:grid; grid-template-columns:1fr auto 1fr; gap:.5rem; }
.worship-chapter-path,
.worship-chapter-home { display:flex; align-items:center; gap:.45rem; min-width:0; min-height:3.3rem; padding:.55rem .65rem; border:1px solid rgba(117,82,16,.32); border-radius:.95rem; background:rgba(255,252,243,.72); color:var(--ink); text-decoration:none; box-shadow:0 8px 20px rgba(77,54,15,.09); transition:transform 180ms var(--ease-out),border-color 180ms ease,background 180ms ease; }
.worship-chapter-path:hover,
.worship-chapter-path:focus-visible,
.worship-chapter-home:hover,
.worship-chapter-home:focus-visible { transform:translateY(-2px); border-color:#b47d13; background:#fffdf6; }
.worship-chapter-path span { display:grid; min-width:0; font-size:.7rem; font-weight:800; line-height:1.12; }
.worship-chapter-path small { color:#a16d0d; font:.58rem/1.2 var(--font-ui); letter-spacing:.1em; }
.worship-chapter-path .picto,
.worship-chapter-home .picto { flex:0 0 auto; width:.85rem; height:.85rem; }
.worship-chapter-path.is-back .picto { transform:rotate(180deg); }
.worship-chapter-path.is-next { justify-content:flex-end; text-align:right; }
.worship-chapter-home { justify-content:center; padding-inline:.8rem; }
.worship-chapter-home span { display:none; }
@supports (animation-timeline:view()) {
.worship-overview,
.worship-sacrament,
.worship-first-visit { animation:worship-act-in linear both; animation-timeline:view(); animation-range:entry 8% cover 28%; }
}
@keyframes worship-act-in { from { opacity:.16; transform:translateY(26px) scale(.985); filter:saturate(.78); } }
@media (min-width:720px) {
.church-worship-hero { padding-inline:2rem; }
.worship-story { gap:1.35rem; }
.worship-overview,
.worship-first-visit { padding:clamp(1.5rem,3vw,2.25rem); }
.worship-schedule { grid-template-columns:1fr 1fr; }
.worship-schedule li { grid-template-columns:2.8rem 1fr; }
.worship-time { position:absolute; top:.85rem; right:.9rem; }
.worship-schedule-icon { grid-row:1 / span 2; }
.worship-reassurances { grid-template-columns:repeat(3,1fr); }
.worship-reassurances article { grid-template-columns:1fr; align-content:start; }
.worship-reassurances article > span { grid-row:auto; }
.worship-actions { grid-template-columns:minmax(16rem,1fr) auto; }
.worship-meet-link { min-width:13rem; padding-inline:1rem; }
.worship-chapter-home span { display:inline; font-size:.72rem; font-weight:800; }
}
.church-beliefs { width:100%; max-width:none; min-height:100dvh; margin-inline:0; padding-bottom:var(--church-dock-h); background:#0b1428; overflow:visible; }
.church-beliefs-hero { position:relative; z-index:0; isolation:isolate; display:flex; align-items:flex-end; min-height:100svh; padding:max(5.5rem,calc(env(safe-area-inset-top) + 5rem)) var(--space-4) calc(var(--church-dock-h) + 1.15rem); background:var(--church-scene) 50% 50% / cover no-repeat; }
.church-beliefs-hero::before { background:linear-gradient(180deg,rgba(5,10,20,.2) 0%,rgba(5,10,20,.05) 30%,rgba(5,10,20,.32) 58%,rgba(5,10,20,.94) 84%,#0b1428 100%),radial-gradient(circle at 52% 35%,transparent 0 26%,rgba(5,10,20,.2) 76%); }
.church-beliefs-hero > .church-scene-head { position:absolute; top:max(5.5rem,calc(env(safe-area-inset-top) + 5rem)); right:var(--space-4); left:var(--space-4); }
.church-beliefs-intro { width:100%; max-width:38rem; text-shadow:0 2px 14px #000; animation:church-copy-in 550ms var(--ease-out) 160ms both; }
.church-beliefs-intro .lede { margin:.8rem 0 0; max-width:36rem; color:#fffaf0; font-size:1.05rem; line-height:1.5; }
.church-beliefs .belief-stack,
.church-beliefs .belief-faq,
.church-beliefs-invitation { position: relative; z-index: 1; width: calc(100% - 2rem); max-width: 44rem; margin: 0 auto; }
.church-beliefs .belief-stack { gap: 1rem; padding-top: 1rem; }
.church-beliefs .belief-q,
.church-beliefs .belief-faq > h3 { color:#fffaf0; border-color:rgba(235,202,107,.38); background:linear-gradient(145deg,rgba(19,30,51,.97),rgba(8,15,29,.98)); box-shadow:0 18px 44px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.06); }
.church-beliefs .belief-faq { margin-top: 1rem; }
.church-beliefs .belief-q summary { color:#fffaf0; }
.church-beliefs .belief-q p { color:rgba(255,250,240,.76); }
.church-beliefs-invitation {
  --belief-invitation-art: url("/media/church/beliefs/invitation-v2.webp");
  isolation:isolate;
  display:grid;
  align-items:end;
  min-height:clamp(32rem,74svh,46rem);
  margin-top:1.5rem;
  margin-bottom:2rem;
  overflow:hidden;
  border:1px solid rgba(248,220,134,.6);
  border-radius:clamp(1.4rem,5vw,2.35rem);
  background:var(--belief-invitation-art) 67% 50% / cover no-repeat;
  box-shadow:0 34px 70px rgba(0,0,0,.48),0 0 34px rgba(225,176,47,.12),inset 0 1px 0 rgba(255,255,255,.18);
}
.church-beliefs-invitation::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(180deg,rgba(5,10,21,.08) 5%,rgba(5,10,21,.18) 35%,rgba(5,10,21,.88) 67%,#071020 100%),linear-gradient(90deg,rgba(5,10,21,.62),transparent 72%); }
.church-beliefs-invitation::after { content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; box-shadow:inset 0 0 0 1px rgba(255,248,213,.12),inset 0 -100px 120px rgba(4,8,18,.42); pointer-events:none; }
.belief-invitation-copy { display:grid; gap:.75rem; max-width:37rem; padding:clamp(1.25rem,5vw,2.6rem); color:#fffaf0; text-shadow:0 2px 16px rgba(0,0,0,.82); }
.belief-invitation-emblem { display:grid; place-items:center; width:3.5rem; height:3.5rem; margin-bottom:.15rem; border:1px solid rgba(255,238,177,.82); border-radius:50%; background:linear-gradient(145deg,rgba(248,219,131,.96),rgba(181,119,12,.94)); color:#111d35; box-shadow:0 0 0 6px rgba(235,191,69,.1),0 12px 28px rgba(0,0,0,.34); text-shadow:none; }
.belief-invitation-emblem .picto { width:1.65rem; height:1.65rem; }
.belief-invitation-copy h2 { margin:0; color:#fffaf0; font:700 clamp(2rem,8vw,3.75rem)/.94 var(--font-display); letter-spacing:-.025em; text-wrap:balance; }
.belief-invitation-copy .lede { margin:0; max-width:34rem; color:rgba(255,250,240,.84); font-size:clamp(.98rem,2.5vw,1.12rem); line-height:1.55; }
.belief-invitation-actions { display:grid; gap:.65rem; margin-top:.45rem; }
.belief-invitation-cta { display:grid; grid-template-columns:auto 1fr auto; gap:.7rem; width:100%; min-height:4rem; padding-inline:1.05rem; text-align:left; text-shadow:none; box-shadow:0 15px 34px rgba(206,150,22,.25),inset 0 1px 0 rgba(255,255,255,.55); }
.belief-invitation-cta .picto:last-child { width:1rem; height:1rem; }
.belief-invitation-back { display:flex; align-items:center; justify-content:center; gap:.55rem; min-height:3rem; border:1px solid rgba(255,244,201,.4); border-radius:999px; background:rgba(7,14,28,.5); color:#fffaf0; font-size:.82rem; font-weight:800; letter-spacing:.04em; text-decoration:none; backdrop-filter:blur(14px); transition:background 180ms ease,border-color 180ms ease,transform 180ms ease; }
.belief-invitation-back .picto { width:.9rem; height:.9rem; transform:rotate(180deg); }
.belief-invitation-back:hover,
.belief-invitation-back:focus-visible { background:rgba(20,32,56,.78); border-color:#f1cf70; transform:translateY(-1px); }
.belief-official-link { justify-self:center; margin-top:.2rem; color:rgba(255,250,240,.62); font-size:.76rem; font-weight:750; text-underline-offset:.25em; }
.church-beliefs-paths { width:calc(100% - 2rem); max-width:44rem; margin:1rem auto 2rem; }
.belief-passage { display:flex; align-items:center; gap:.75rem; width:calc(100% - 2rem); max-width:44rem; margin:0 auto; padding-top:1.2rem; color:#e8bf4f; }
.belief-passage span { height:1px; flex:1; background:linear-gradient(90deg,transparent,rgba(232,191,79,.7)); }
.belief-passage span:last-child { transform:scaleX(-1); }
.belief-passage .picto { width:1.1rem; height:1.1rem; filter:drop-shadow(0 0 8px rgba(232,191,79,.45)); }
.church-beliefs .belief-stack { position:relative; }
.church-beliefs .belief-stack::before { content:""; position:absolute; top:0; bottom:0; left:1.05rem; width:1px; background:linear-gradient(180deg,rgba(232,191,79,.75),rgba(232,191,79,.08)); }
.church-beliefs .belief-beat {
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  margin-left:1.65rem;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(235,202,107,.38);
  border-radius:1.25rem;
  background:linear-gradient(145deg,rgba(19,30,51,.97),rgba(8,15,29,.98));
  color:#fffaf0;
  box-shadow:0 18px 44px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.06);
}
.church-beliefs .belief-index { position:absolute; top:.8rem; left:.8rem; z-index:4; display:grid; place-items:center; width:2.35rem; height:2.35rem; border:1px solid rgba(255,233,166,.72); border-radius:50%; background:rgba(7,13,25,.68); color:#f1cf70; font:800 .72rem/1 var(--font-ui); letter-spacing:.08em; box-shadow:0 8px 20px rgba(0,0,0,.3); backdrop-filter:blur(12px); }
.church-beliefs .belief-beat::before { content:""; position:absolute; top:1.95rem; left:-1.12rem; width:.7rem; height:.7rem; border-radius:50%; background:#e9bf4e; box-shadow:0 0 0 4px #0b1428,0 0 16px rgba(233,191,78,.6); }
.church-beliefs .belief-beat .hall-still { position:relative; margin:0; border:0; border-radius:0; overflow:hidden; }
.church-beliefs .belief-beat .hall-still::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 52%,rgba(8,15,29,.88) 100%); pointer-events:none; }
.church-beliefs .belief-beat .hall-still img { width:100%; aspect-ratio:16/10; object-fit:cover; transform:scale(1.01); transition:transform 900ms var(--ease-out),filter 500ms ease; }
.church-beliefs .belief-beat:hover .hall-still img { transform:scale(1.045); filter:saturate(1.08) brightness(1.04); }
.church-beliefs .belief-beat-copy { position:relative; display:grid; gap:.65rem; padding:1rem 1rem 1.2rem; }
.church-beliefs .belief-star { position:absolute; top:-1.15rem; right:1rem; display:grid; place-items:center; width:2.3rem; height:2.3rem; border-radius:50%; background:linear-gradient(145deg,#f5dea1,#bd8115); color:#14203a; box-shadow:0 8px 18px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.7); }
.church-beliefs .belief-star .picto { width:1.2rem; height:1.2rem; }
.church-beliefs .belief-beat h3 { margin:0; padding:0 2.7rem 0 0; color:#fffaf0; font:700 clamp(1.35rem,5vw,2rem)/1.02 var(--font-display); text-wrap:balance; }
.church-beliefs .belief-beat .lede { margin:0; padding:0; color:rgba(255,250,240,.8); font-size:clamp(.94rem,2.4vw,1.04rem); line-height:1.55; }
.belief-finale { position:relative; isolation:isolate; display:grid; justify-items:center; gap:.7rem; margin-left:1.65rem; padding:2.25rem 1.3rem; overflow:hidden; border:1px solid rgba(239,204,100,.52); border-radius:1.4rem; background:radial-gradient(circle at 50% 12%,rgba(242,199,73,.24),transparent 38%),linear-gradient(145deg,#1a2947,#091225); color:#fffaf0; text-align:center; box-shadow:0 22px 50px rgba(0,0,0,.38); }
.belief-finale::before { content:""; position:absolute; inset:0; z-index:-1; background:radial-gradient(circle at 50% -8%,rgba(255,244,200,.16),transparent 48%); }
.belief-finale-emblem { display:grid; place-items:center; width:5rem; height:5rem; border-radius:50%; background:linear-gradient(145deg,#fff0b3,#d09a24 58%,#8f5d08); color:#14203a; box-shadow:0 0 0 1px #fff1b0,0 0 0 7px rgba(221,174,57,.12),0 16px 30px rgba(0,0,0,.32); }
.belief-finale-emblem .picto { width:2.55rem; height:2.55rem; }
.belief-finale h3 { margin:0; color:#fffaf0; font:700 clamp(1.7rem,6vw,2.6rem)/1 var(--font-display); text-wrap:balance; }
.belief-finale .lede { margin:0; max-width:35rem; color:rgba(255,250,240,.82); font-size:1rem; line-height:1.55; }
.church-beliefs .belief-faq { padding:1rem 0 0 1.65rem; }
.church-beliefs .belief-faq > h3 { position:relative; padding:1.2rem; border-radius:1rem; font-size:clamp(1.25rem,4vw,1.7rem); }
.church-beliefs .belief-q { overflow:hidden; border-radius:.9rem; box-shadow:0 10px 24px rgba(0,0,0,.18); }
.church-beliefs .belief-q[open] { border-color:rgba(216,174,63,.8); box-shadow:0 14px 30px rgba(0,0,0,.24),0 0 20px rgba(216,174,63,.1); }
.church-beliefs .belief-q summary::after { transition:transform 240ms var(--ease-out); }
.church-beliefs .belief-q[open] summary::after { transform:rotate(45deg) scale(1.15); }
@supports (animation-timeline:view()) {
.church-beliefs .belief-beat,
.belief-finale { animation:belief-act-in linear both; animation-timeline:view(); animation-range:entry 8% cover 28%; }
}
@keyframes belief-act-in { from { opacity:.18; transform:translateY(28px) scale(.985); filter:saturate(.75); } }
@media (min-width:720px) {
.church-beliefs .belief-stack { gap:1.35rem; }
.church-beliefs .belief-beat { grid-template-columns:minmax(0,1.08fr) minmax(18rem,.92fr); min-height:19rem; }
.church-beliefs .belief-beat.is-even { grid-template-columns:minmax(18rem,.92fr) minmax(0,1.08fr); }
.church-beliefs .belief-beat.is-even .hall-still { order:2; }
.church-beliefs .belief-beat.is-even .belief-beat-copy { order:1; }
.church-beliefs .belief-beat .hall-still img { height:100%; aspect-ratio:auto; }
.church-beliefs .belief-beat-copy { align-content:center; padding:clamp(1.35rem,3vw,2.25rem); }
.church-beliefs .belief-star { top:1.2rem; right:1.2rem; }
.church-beliefs .belief-beat h3 { padding-right:2.8rem; }
.belief-finale { padding:3rem 2.5rem; }
.church-beliefs-invitation {
    max-width:40rem;
    min-height:clamp(29rem,62svh,38rem);
    background-position:50% 50%;
  }
.belief-invitation-copy { max-width:33rem; padding:clamp(1.5rem,3vw,2rem); }
.belief-invitation-copy h2 { font-size:clamp(2.35rem,4.6vw,3rem); line-height:.96; }
.belief-invitation-copy .lede { max-width:31rem; font-size:1rem; }
.belief-invitation-actions { grid-template-columns:minmax(15rem,1fr) auto; align-items:center; }
.belief-invitation-cta { min-height:3.5rem; gap:.5rem; font-size:.92rem; }
.belief-invitation-cta span { white-space:nowrap; }
.belief-invitation-back { min-width:11rem; padding-inline:1rem; }
.belief-official-link { justify-self:start; }
}
@keyframes church-copy-in { from { opacity:0; transform:translateY(18px); } }
@keyframes church-portals-in { from { opacity:0; transform:translateY(26px); } }
@keyframes church-portal-reveal { from { opacity:0; transform:translateY(18px) scale(.97); filter:brightness(.72); } }
@keyframes church-mote { from { opacity:0; transform:translateY(0) scale(.7); } 18% { opacity:.65; } to { opacity:0; transform:translateY(-48vh) translateX(12px) scale(1.2); } }
@media (min-width: 720px) {
.church-landing { padding-inline: 2rem; }
.church-portals { grid-template-columns: repeat(4,minmax(0,1fr)); gap: .8rem; }
.church-portals .paper-door.is-cinematic { min-height: clamp(13rem,32vh,19rem); }
}
@media (max-height: 760px) {
.church-landing { padding-top: 3.8rem; gap: .55rem; }
.church-landing-copy h1 { font-size: 1.85rem; }
.church-landing-copy > p:last-child { margin-top: .4rem; font-size: .86rem; line-height: 1.35; }
.church-portals .paper-door.is-cinematic { min-height: 8rem; }
.church-portals .paper-door-copy { padding: .7rem; }
.church-portals .paper-door-hint { font-size: .66rem; }
}
@media (prefers-reduced-motion: reduce) {
.church-landing-copy,
.church-portals,
.church-portals .paper-door.is-cinematic,
.church-beliefs-intro,
.church-scene-atmosphere i { animation:none !important; }
}
body.is-paper-hall:not(.is-stats):not(.is-rama-search):not(.is-rama-profile) {
  --street-hub-col: min(52rem, 100vw);
  --street-hub-inset: calc((100vw - min(var(--street-hub-col), 100vw)) / 2 + var(--space-4));
}
@supports (background-image: image-set(url("/favicon-32.png") 1x)) {
body.is-rama-search {
    --rama-search-art: image-set(
      url("/media/rama/celestial-parish-path-v1.webp") type("image/webp")
    );
  }
.church-beliefs-invitation {
    --belief-invitation-art: image-set(
      url("/media/church/beliefs/invitation-v2.webp") type("image/webp")
    );
  }
}
