/* ═══════════════════════════════════════════════════════════
   PRAYER CLOTH 2026 MICROSITE (/prayercloth) — RODPARSLEY.COM
   Layout and components follow the 2026 WHC redesign
   (whc.life-v5 /css/prayercloth.css). Light theme: black text on
   white / cream, with gold and light blue (the light blue of the
   key-art subhead) as the secondary colors.

   Gold and light blue are too pale to carry text on white, so they
   are used for fills, borders, rules and buttons (with black text);
   --pc-gold-deep and --pc-blue-deep are the text-safe variants.

   Everything is scoped under .pc-ms (the wrapper in
   _PrayerCloth2026.master) so it sits on top of _MasterBT.master without
   leaking into the site chrome. The extra class also out-ranks the global
   "body, td, span, div { font-family }" rule in breakthrough.css.
═══════════════════════════════════════════════════════════ */

/* ─── RODPARSLEY.COM CHROME ───────────────────────────────── */
#page {
  padding: 0;
  background: transparent;
  box-shadow: none;
}

#page-content {
  padding: 0;
  width: 100%;
}

#page #page-content {
  margin-bottom: 0;
  padding-bottom: 0;
}

#page-content img {
  margin-bottom: 0 !important;
}

/* Full-bleed: the microsite breaks out of the fixed-width #site column
   to the full page width, while the parent site nav and footer keep
   their usual width. --pc-bleed-w is the body width (set in
   _PrayerCloth2026.master); 100vw is the fallback, with the scrollbar's
   overhang clipped. #page is centered in #site, so 50% of #page-content
   is the page center. Below 1000px the body's min-width makes the page
   scroll sideways, so overflow is left alone there. */
.pc-ms {
  width: var(--pc-bleed-w, 100vw);
  margin-left: calc(50% - var(--pc-bleed-w, 100vw) / 2);
}

@media (min-width: 1000px) {
  body {
    overflow-x: hidden;
  }
}


/* ─── TOKENS ──────────────────────────────────────────────── */
.pc-ms {
  --pc-black: #141414;
  --pc-white: #ffffff;
  --pc-cream: #fbf7ee;
  --pc-cream-deep: #f4ecdb;
  --pc-gold: #c8a04a;
  --pc-gold-light: #e8d49e;
  --pc-gold-pale: #f8f0db;
  --pc-gold-deep: #8a6716;
  --pc-gold-btn: #d9b45c;
  --pc-gold-btn-deep: #c09440;
  --pc-blue: #8fcbe8;
  --pc-blue-light: #cfeaf7;
  --pc-blue-pale: #eef8fc;
  --pc-blue-deep: #1b5e84;
  --pc-blue-btn: #a8d8ef;
  --pc-blue-btn-deep: #7fc0e2;

  --bg: var(--pc-white);
  --deep: var(--pc-cream);
  --card: var(--pc-white);
  --card2: var(--pc-cream);
  --border: rgba(20, 20, 20, 0.1);
  --border-hover: rgba(200, 160, 74, 0.65);
  --rule: var(--pc-gold);
  --accent: var(--pc-gold-deep);
  --accent-dim: rgba(200, 160, 74, 0.12);
  --link: var(--pc-blue-deep);
  --label: var(--pc-blue-deep);
  --text: var(--pc-black);
  --muted: rgba(20, 20, 20, 0.8);
  --muted2: rgba(20, 20, 20, 0.62);
  --shadow: rgba(20, 20, 20, 0.1);
  --red: #d0342a;

  --font-display: 'Montserrat', Arial, sans-serif;
  --font-body: 'Barlow', Arial, sans-serif;
  --font-cond: 'Barlow Condensed', 'Arial Narrow', Arial, sans-serif;
  --subnav-h: 56px;
  --radius: 10px;
  --radius-sm: 6px;
  --radius-pill: 999px;
  --transition: 0.3s ease;

  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.6;
  text-align: left;
  -webkit-font-smoothing: antialiased;
}


/* ═══════════════════════════════════════════════════════════
   BASE — reset the legacy rodparsley.com rules inside the microsite
═══════════════════════════════════════════════════════════ */
.pc-ms *,
.pc-ms *::before,
.pc-ms *::after {
  box-sizing: border-box;
}

.pc-ms div,
.pc-ms span,
.pc-ms td,
.pc-ms p,
.pc-ms li {
  font-family: var(--font-body);
}

.pc-ms h1,
.pc-ms h2,
.pc-ms h3,
.pc-ms h4,
.pc-ms p,
.pc-ms ul,
.pc-ms ol,
.pc-ms blockquote,
.pc-ms figure {
  margin: 0;
  padding: 0;
}

/* breakthrough.css bullets every "ul li" (bullet.gif) and forces decimal on
   "ol" with !important; microsite lists are styled per component */
.pc-ms ul,
.pc-ms ol,
.pc-ms li {
  list-style: none !important;
}

.pc-ms h1,
.pc-ms h2,
.pc-ms h3,
.pc-ms h4 {
  text-transform: none;
  text-align: inherit;
  line-height: 1.15;
}

.pc-ms strong,
.pc-ms b {
  font-weight: 700;
}

.pc-ms em,
.pc-ms i:not([class*="fa-"]) {
  font-style: italic;
}

.pc-ms img {
  max-width: 100%;
}

.pc-ms a,
.pc-ms a:link,
.pc-ms a:visited {
  color: var(--link);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.pc-ms a:hover {
  color: var(--text);
  text-decoration: underline !important;
}

.pc-ms a:focus-visible,
.pc-ms button:focus-visible {
  outline: 2px solid var(--pc-blue-deep);
  outline-offset: 3px;
}


/* ═══════════════════════════════════════════════════════════
   UTILITY & SHARED COMPONENTS (ported from whc.life site.css)
═══════════════════════════════════════════════════════════ */
/* Scheduled blocks stay hidden until their UTC window is confirmed
   (see bt.schedule in bt.schedule.js). */
.pc-ms [data-begindatetime]:not(.is-schedule-active),
.pc-ms [data-enddatetime]:not(.is-schedule-active) {
  display: none !important;
}

.pc-ms .container {
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 40px;
}

.pc-ms .section-label {
  font-family: var(--font-cond);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 4px;
  line-height: 1.4;
  text-transform: uppercase;
  color: var(--label);
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
}

.pc-ms .section-label::before {
  content: '';
  display: block;
  flex: 0 0 26px;
  height: 1.5px;
  background: linear-gradient(90deg, var(--pc-gold), var(--pc-blue));
}

.pc-ms .btn,
.pc-ms a.btn,
.pc-ms a.btn:link,
.pc-ms a.btn:visited {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: var(--font-cond);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.2;
  text-transform: uppercase;
  text-decoration: none !important;
  padding: 14px 28px;
  border: 1.5px solid transparent;
  border-radius: var(--radius);
  cursor: pointer;
  transition: all var(--transition);
}

/* Gold with black text (gold is too light to carry white text) */
.pc-ms a.btn-primary,
.pc-ms a.btn-primary:link,
.pc-ms a.btn-primary:visited {
  color: var(--pc-black);
  background: linear-gradient(135deg, var(--pc-gold-btn) 0%, var(--pc-gold-btn-deep) 100%);
  border-color: rgba(138, 103, 22, 0.35);
}

.pc-ms a.btn-primary:hover {
  color: var(--pc-black);
  background: linear-gradient(135deg, #e3c271 0%, #cba04c 100%);
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(200, 160, 74, 0.4);
}

/* Light blue variant for the seed / giving asks */
.pc-ms a.btn-secondary,
.pc-ms a.btn-secondary:link,
.pc-ms a.btn-secondary:visited {
  color: var(--pc-black);
  background: linear-gradient(135deg, var(--pc-blue-btn) 0%, var(--pc-blue-btn-deep) 100%);
  border-color: rgba(27, 94, 132, 0.25);
}

.pc-ms a.btn-secondary:hover {
  color: var(--pc-black);
  background: linear-gradient(135deg, #b9e1f3 0%, #92cbe9 100%);
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(127, 192, 226, 0.45);
}

.pc-ms a.btn-outline,
.pc-ms a.btn-outline:link,
.pc-ms a.btn-outline:visited {
  color: var(--text);
  background: transparent;
  border-color: var(--border-hover);
}

.pc-ms a.btn-outline:hover {
  color: var(--text);
  border-color: var(--pc-gold);
  background: var(--accent-dim);
  transform: translateY(-2px);
}

.pc-ms a.btn-ghost,
.pc-ms a.btn-ghost:link,
.pc-ms a.btn-ghost:visited {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0;
  font-family: var(--font-cond);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none !important;
  color: var(--link);
  transition: gap var(--transition), opacity var(--transition);
}

.pc-ms a.btn-ghost:hover {
  gap: 12px;
  opacity: 0.8;
}

/* Scroll reveal: only hidden once the script has run, so content never
   disappears if JavaScript fails */
.pc-ms.pc-js .reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.75s ease, transform 0.75s ease;
}

.pc-ms.pc-js .reveal.visible {
  opacity: 1;
  transform: none;
}

.pc-ms .reveal-d1 { transition-delay: 0.1s; }
.pc-ms .reveal-d2 { transition-delay: 0.2s; }
.pc-ms .reveal-d3 { transition-delay: 0.3s; }

.pc-ms .live-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 6px;
  vertical-align: middle;
  border-radius: 50%;
  background: var(--red);
  animation: pc-pulse-dot 1.6s ease-in-out infinite;
}

@keyframes pc-pulse-dot {
  0%, 100% { opacity: 1; transform: scale(1); }
  50% { opacity: 0.35; transform: scale(0.6); }
}


/* ═══════════════════════════════════════════════════════════
   SHARED — headings, text, bands
═══════════════════════════════════════════════════════════ */
.pc-ms .pc-h1,
.pc-ms .pc-h2 {
  font-family: var(--font-display);
  font-weight: 800;
  letter-spacing: -0.01em;
  line-height: 1.08;
  color: var(--text);
  text-wrap: balance;
}

.pc-ms .pc-h1 {
  font-size: clamp(36px, 5vw, 56px);
  margin-bottom: 24px;
}

.pc-ms .pc-h2 {
  font-size: clamp(28px, 3.6vw, 40px);
  margin-bottom: 22px;
}

.pc-ms .pc-h1 em,
.pc-ms .pc-h2 em {
  font-style: normal;
  color: var(--accent);
}

.pc-ms .pc-lead {
  font-size: 17px;
  line-height: 1.8;
  color: var(--muted);
}

.pc-ms .pc-lead + .pc-lead {
  margin-top: 16px;
}

.pc-ms .pc-lead strong {
  color: var(--text);
  font-weight: 600;
}

.pc-ms .pc-center {
  text-align: center;
  max-width: 720px;
  margin: 0 auto;
}

.pc-ms .pc-center .section-label {
  justify-content: center;
}

.pc-ms .pc-center .section-label::before {
  display: none;
}

.pc-ms .pc-actions {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: 34px;
}

.pc-ms .pc-center .pc-actions {
  justify-content: center;
}

.pc-ms .pc-section {
  padding: 96px 0;
}

.pc-ms .pc-section--deep {
  background: var(--deep);
}

/* Full-bleed feature band: a soft light-blue → cream wash with a gold
   glow, so it stands apart from the plain white / cream sections. */
.pc-ms .pc-band {
  position: relative;
  overflow: hidden;
  padding: 110px 0;
  color: var(--text);
  background:
    radial-gradient(60% 80% at 0% 0%, rgba(143, 203, 232, 0.4), transparent 70%),
    radial-gradient(65% 85% at 100% 100%, rgba(200, 160, 74, 0.22), transparent 70%),
    linear-gradient(180deg, var(--pc-blue-pale) 0%, var(--pc-cream) 100%);
  border-top: 1px solid var(--pc-gold-light);
  border-bottom: 1px solid var(--pc-gold-light);
  isolation: isolate;
}

.pc-ms .pc-band::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  background: repeating-radial-gradient(circle at 50% 120%, transparent 0 60px, rgba(200, 160, 74, 0.09) 61px 62px);
  pointer-events: none;
}

/* Photo band: an oversized parallax image layer (inset -20% top/bottom,
   translated by bt.prayercloth.parallax) under a cream scrim. */
.pc-ms .pc-band--photo::before {
  display: none;
}

.pc-ms .pc-parallax-layer {
  position: absolute;
  inset: -20% 0;
  z-index: -2;
  will-change: transform;
}

.pc-ms .pc-parallax-layer img {
  display: block;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: 50% 40%;
}

.pc-ms .pc-band-scrim {
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    radial-gradient(60% 70% at 0% 0%, rgba(143, 203, 232, 0.3), transparent 70%),
    radial-gradient(70% 80% at 100% 100%, rgba(200, 160, 74, 0.2), transparent 70%),
    linear-gradient(180deg, rgba(251, 247, 238, 0.9) 0%, rgba(251, 247, 238, 0.84) 45%, rgba(251, 247, 238, 0.93) 100%);
}

/* Page-opening photo band (About): lightest behind the centered headline */
.pc-ms .pc-intro.pc-intro--photo {
  padding: 130px 0 140px;
}

.pc-ms .pc-intro--photo .pc-band-scrim {
  background:
    radial-gradient(55% 65% at 50% 50%, rgba(255, 255, 255, 0.6), transparent 100%),
    radial-gradient(60% 70% at 0% 0%, rgba(143, 203, 232, 0.3), transparent 70%),
    linear-gradient(180deg, rgba(251, 247, 238, 0.88) 0%, rgba(251, 247, 238, 0.82) 50%, rgba(251, 247, 238, 0.92) 100%);
}

.pc-ms .pc-intro--photo .pc-parallax-layer img {
  object-position: 50% 55%;
}

/* Hairline divider in gold → light blue */
.pc-ms .pc-rule {
  display: block;
  width: 120px;
  height: 1px;
  margin: 28px auto;
  border: 0;
  background: linear-gradient(90deg, transparent, var(--pc-gold), var(--pc-blue), transparent);
}


/* ═══════════════════════════════════════════════════════════
   BANNER + MICROSITE NAV
═══════════════════════════════════════════════════════════ */
.pc-ms .pc-banner {
  background: var(--pc-cream);
}

.pc-ms .pc-banner-link {
  display: block;
}

.pc-ms .pc-banner img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 40 / 10;
  object-fit: cover;
  object-position: 0% 36%;
}

.pc-ms .pc-subnav {
  position: sticky;
  top: 0;
  z-index: 150;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(18px) saturate(160%);
  -webkit-backdrop-filter: blur(18px) saturate(160%);
  border-bottom: 1px solid var(--pc-gold-light);
  box-shadow: 0 6px 20px var(--shadow);
}

.pc-ms .pc-subnav::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, var(--pc-gold), var(--pc-gold-light), var(--pc-blue));
}

/* Nav row lines up with the .container content below */
.pc-ms .pc-subnav-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  max-width: 1240px;
  min-height: var(--subnav-h);
  margin: 0 auto;
  padding: 0 40px 0 28px;
}

.pc-ms .pc-subnav-links {
  list-style: none;
  display: flex;
  gap: 2px;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: none;
}

.pc-ms .pc-subnav-links::-webkit-scrollbar {
  display: none;
}

.pc-ms .pc-subnav-links a,
.pc-ms .pc-subnav-links a:link,
.pc-ms .pc-subnav-links a:visited {
  display: block;
  font-family: var(--font-cond);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  white-space: nowrap;
  color: var(--muted);
  text-decoration: none !important;
  padding: 18px 12px 16px;
  border-bottom: 3px solid transparent;
  transition: color var(--transition), border-color var(--transition);
}

.pc-ms .pc-subnav-links a:hover {
  color: var(--text);
  border-bottom-color: var(--pc-blue);
}

.pc-ms .pc-subnav-links a[aria-current="page"] {
  color: var(--text);
  border-bottom-color: var(--pc-gold);
}

.pc-ms .pc-subnav a.btn {
  flex-shrink: 0;
  padding: 10px 18px;
  font-size: 14px;
}

/* Mobile menu: below 900px the links don't fit beside the Request button,
   so they collapse behind a toggle showing the current page and open as a
   full-width panel under the bar (bt.prayercloth.subnav). Scoped to
   .is-collapsible, which the script sets, so without JS the links stay a
   scrolling strip. */
.pc-ms .pc-subnav-toggle {
  display: none;
}

@media (max-width: 900px) {
  .pc-ms .pc-subnav.is-collapsible .pc-subnav-toggle {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    min-height: var(--subnav-h);
    margin: 0;
    padding: 0 12px;
    font-family: var(--font-cond);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 1.2;
    text-transform: uppercase;
    white-space: nowrap;
    color: var(--text);
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
  }

  .pc-ms .pc-subnav.is-collapsible .pc-subnav-toggle span {
    font-family: inherit;
  }

  .pc-ms .pc-subnav-chevron {
    font-size: 12px;
    color: var(--pc-gold-deep);
    transition: transform var(--transition);
  }

  .pc-ms .pc-subnav.is-open .pc-subnav-chevron {
    transform: rotate(180deg);
  }

  .pc-ms .pc-subnav.is-collapsible .pc-subnav-links {
    display: none;
  }

  .pc-ms .pc-subnav.is-collapsible.is-open .pc-subnav-links {
    display: flex;
    flex-direction: column;
    gap: 0;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: calc(100vh - var(--subnav-h));
    overflow-x: hidden;
    overflow-y: auto;
    background: var(--pc-white);
    border-bottom: 1px solid var(--pc-gold-light);
    box-shadow: 0 16px 30px var(--shadow);
  }

  .pc-ms .pc-subnav.is-open .pc-subnav-links li + li {
    border-top: 1px solid var(--border);
  }

  .pc-ms .pc-subnav.is-open .pc-subnav-links a,
  .pc-ms .pc-subnav.is-open .pc-subnav-links a:link,
  .pc-ms .pc-subnav.is-open .pc-subnav-links a:visited {
    padding: 14px 40px;
    border-bottom: 0;
    border-left: 3px solid transparent;
  }

  .pc-ms .pc-subnav.is-open .pc-subnav-links a:hover {
    border-left-color: var(--pc-blue);
  }

  .pc-ms .pc-subnav.is-open .pc-subnav-links a[aria-current="page"] {
    border-left-color: var(--pc-gold);
    background: var(--pc-gold-pale);
  }
}


/* ═══════════════════════════════════════════════════════════
   PROMO VIDEO — featured video above the intro
═══════════════════════════════════════════════════════════ */
.pc-ms .pc-promo {
  padding: 64px 0 0;
}

.pc-ms .pc-promo .pc-video {
  border: 1px solid var(--pc-gold-light);
  box-shadow: 0 30px 70px rgba(20, 20, 20, 0.18);
}

.pc-ms .pc-promo .pc-video-facade img {
  opacity: 0.92;
}

.pc-ms .pc-promo .pc-video-play {
  width: 88px;
  height: 88px;
  margin: -44px 0 0 -44px;
  font-size: 26px;
}

.pc-ms .pc-promo + .pc-intro {
  padding-top: 72px;
}


/* ═══════════════════════════════════════════════════════════
   INTRO — page opener with status / countdown card
═══════════════════════════════════════════════════════════ */
.pc-ms .pc-intro {
  padding: 88px 0 92px;
}

.pc-ms .pc-intro-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.95fr;
  gap: 52px;
  align-items: center;
}

.pc-ms .pc-status {
  position: relative;
  overflow: hidden;
  padding: 40px 32px;
  border-radius: var(--radius);
  text-align: center;
  color: var(--text);
  background:
    radial-gradient(90% 70% at 100% 100%, rgba(143, 203, 232, 0.35), transparent 70%),
    radial-gradient(90% 80% at 0% 0%, rgba(232, 212, 158, 0.55), transparent 70%),
    var(--pc-white);
  border: 1px solid var(--pc-gold-light);
  border-top: 4px solid var(--pc-gold);
  box-shadow: 0 30px 70px var(--shadow);
}

.pc-ms .pc-status-eyebrow {
  font-family: var(--font-cond);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--label);
  margin-bottom: 18px;
}

.pc-ms .pc-status-title {
  font-family: var(--font-display);
  font-size: clamp(22px, 2.4vw, 28px);
  font-weight: 800;
  line-height: 1.2;
  color: var(--text);
  margin-bottom: 12px;
}

.pc-ms .pc-status-text {
  font-size: 15px;
  line-height: 1.7;
  color: var(--muted);
}

.pc-ms .pc-status-text + .pc-status-text {
  margin-top: 10px;
}

.pc-ms .pc-status strong {
  color: var(--text);
}

.pc-ms .pc-status .pc-actions {
  justify-content: center;
  margin-top: 24px;
  gap: 10px;
}

/* Countdown digits */
.pc-ms .pc-countdown {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: 6px 0 22px;
}

.pc-ms .pc-countdown-unit {
  padding: 14px 4px 11px;
  border-radius: var(--radius-sm);
  background: var(--pc-white);
  border: 1px solid var(--pc-gold-light);
}

.pc-ms .pc-countdown-value {
  display: block;
  font-family: var(--font-display);
  font-size: clamp(26px, 3vw, 36px);
  font-weight: 800;
  line-height: 1;
  color: var(--text);
  font-variant-numeric: lining-nums tabular-nums;
}

.pc-ms .pc-countdown-label {
  display: block;
  margin-top: 8px;
  font-family: var(--font-cond);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--label);
}


/* ═══════════════════════════════════════════════════════════
   SCRIPTURE — Acts 19:11-12
═══════════════════════════════════════════════════════════ */
.pc-ms .pc-scripture {
  font-family: var(--font-display);
  font-size: clamp(22px, 2.8vw, 30px);
  font-weight: 600;
  font-style: italic;
  line-height: 1.45;
  color: var(--text);
  text-wrap: balance;
}

.pc-ms .pc-scripture-ref {
  display: block;
  margin-top: 26px;
  font-family: var(--font-cond);
  font-style: normal;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--accent);
}

/* Inline variant for plain sections */
.pc-ms .pc-quote {
  margin: 32px 0;
  padding: 26px 30px;
  border-left: 3px solid var(--rule);
  background: var(--card2);
  border-radius: 0 var(--radius) var(--radius) 0;
  font-family: var(--font-display);
  font-size: clamp(18px, 2vw, 21px);
  font-weight: 600;
  font-style: italic;
  line-height: 1.6;
  color: var(--text);
}

.pc-ms .pc-quote cite {
  display: block;
  margin-top: 14px;
  font-family: var(--font-cond);
  font-style: normal;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--label);
}


/* ═══════════════════════════════════════════════════════════
   BELIEVE FOR — healing · miracles · victory cards
═══════════════════════════════════════════════════════════ */
.pc-ms .pc-believe-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 52px;
}

.pc-ms .pc-believe-card {
  position: relative;
  padding: 36px 28px 32px;
  border-radius: var(--radius);
  background: var(--card);
  border: 1px solid var(--border);
  border-top: 3px solid var(--rule);
  transition: transform var(--transition), border-color var(--transition), box-shadow var(--transition);
}

.pc-ms .pc-believe-card:hover {
  transform: translateY(-4px);
  border-color: var(--border-hover);
  box-shadow: 0 24px 50px var(--shadow);
}

.pc-ms .pc-believe-icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  margin-bottom: 22px;
  border-radius: 50%;
  font-size: 20px;
  color: var(--pc-black);
  background: linear-gradient(135deg, var(--pc-gold-light), var(--pc-blue));
}

.pc-ms .pc-believe-card h3 {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 800;
  color: var(--text);
  margin-bottom: 12px;
}

.pc-ms .pc-believe-card p {
  font-size: 15px;
  line-height: 1.75;
  color: var(--muted);
}

/* Cards over a photo band: frosted white over the cream scrim */
.pc-ms .pc-band .pc-believe-card {
  background: rgba(255, 255, 255, 0.82);
  border-color: var(--pc-gold-light);
  border-top-color: var(--pc-gold);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}


/* ═══════════════════════════════════════════════════════════
   LETTER — a word from Pastor Rod
═══════════════════════════════════════════════════════════ */
.pc-ms .pc-letter-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 48px;
  align-items: start;
}

.pc-ms .pc-letter-aside {
  position: sticky;
  top: calc(var(--subnav-h) + 32px);
}

.pc-ms .pc-letter-aside > img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: 30% 50%;
  border-radius: var(--radius);
  box-shadow: 0 30px 70px rgba(20, 20, 20, 0.18);
}

/* Request card under the letter photo (replaces the old sidebar button) */
.pc-ms .pc-ask {
  margin-top: 20px;
  padding: 26px 24px;
  border-radius: var(--radius);
  text-align: center;
  color: var(--text);
  background:
    radial-gradient(90% 90% at 0% 0%, rgba(232, 212, 158, 0.6), transparent 70%),
    var(--pc-blue-pale);
  border: 1px solid var(--pc-gold-light);
}

.pc-ms .pc-ask-title {
  font-family: var(--font-display);
  font-size: 20px;
  font-weight: 800;
  line-height: 1.25;
  color: var(--text);
  margin-bottom: 8px;
}

.pc-ms .pc-ask p:not(.pc-ask-title) {
  font-size: 14px;
  line-height: 1.6;
  color: var(--muted);
}

.pc-ms .pc-ask .pc-actions {
  flex-direction: column;
  gap: 10px;
  margin-top: 18px;
}

.pc-ms .pc-ask a.btn {
  justify-content: center;
}

.pc-ms .pc-letter {
  background: var(--card);
  border: 1px solid var(--border);
  border-top: 4px solid var(--rule);
  border-radius: var(--radius);
  padding: 48px 46px 40px;
  box-shadow: 0 30px 70px var(--shadow);
}

.pc-ms .pc-letter p,
.pc-ms .pc-letter li {
  font-size: 16px;
  line-height: 1.85;
  color: var(--muted);
}

.pc-ms .pc-letter p {
  margin-bottom: 16px;
}

.pc-ms .pc-letter strong {
  color: var(--text);
  font-weight: 600;
}

.pc-ms .pc-letter .pc-letter-salutation {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 700;
  color: var(--text);
}

.pc-ms .pc-letter .pc-letter-key {
  font-family: var(--font-display);
  font-size: 21px;
  font-weight: 800;
  line-height: 1.4;
  color: var(--accent);
}

.pc-ms .pc-letter .pc-actions {
  justify-content: center;
  margin: 28px 0 30px;
}

.pc-ms .pc-letter-from {
  margin-top: 28px;
  padding-top: 22px;
  border-top: 1px solid var(--border);
}

.pc-ms .pc-letter-sig {
  display: block;
  width: 150px;
  height: auto;
  margin-bottom: 4px;
}

.pc-ms .pc-letter .pc-letter-name {
  font-family: var(--font-cond);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--label);
  margin-bottom: 0;
}

.pc-ms .pc-letter .pc-letter-ps {
  margin-top: 26px;
  padding: 20px 22px;
  border-radius: var(--radius-sm);
  background: var(--pc-gold-pale);
  border: 1px solid var(--pc-gold-light);
  margin-bottom: 0;
}


/* ═══════════════════════════════════════════════════════════
   GIFT TIERS — seed-faith thank-you gifts (Letter + Resources)
═══════════════════════════════════════════════════════════ */
.pc-ms .pc-tiers {
  list-style: none;
  display: grid;
  gap: 14px;
  margin: 26px 0 0;
}

.pc-ms .pc-letter .pc-tiers li {
  margin: 0;
}

.pc-ms .pc-tier {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 20px 22px;
  border-radius: var(--radius-sm);
  background: var(--card2);
  border: 1px solid var(--border);
  border-left: 3px solid var(--pc-blue);
}

.pc-ms .pc-tier-amount {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.1;
  color: var(--accent);
}

.pc-ms .pc-tier-amount small {
  display: inline-block;
  margin-left: 10px;
  vertical-align: 3px;
  font-family: var(--font-cond);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--muted2);
}

.pc-ms .pc-tier p {
  margin: 0 !important;
  font-size: 15px !important;
  line-height: 1.7 !important;
}

/* Resources page: product cards */
.pc-ms .pc-gift-hero {
  display: block;
  width: 100%;
  max-width: 760px;
  height: auto;
  margin: 40px auto 0;
  filter: drop-shadow(0 30px 40px rgba(20, 20, 20, 0.2));
}

.pc-ms .pc-gift-list {
  display: grid;
  gap: 18px;
  max-width: 780px;
  margin: 0 auto;
}

.pc-ms .pc-gift {
  padding: 32px 34px 30px;
  border-radius: var(--radius);
  background: var(--card);
  border: 1px solid var(--border);
  border-top: 3px solid var(--rule);
}

.pc-ms .pc-gift h3 {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 800;
  color: var(--text);
  margin-bottom: 14px;
}

.pc-ms .pc-gift p,
.pc-ms .pc-gift li {
  font-size: 16px;
  line-height: 1.8;
  color: var(--muted);
}

.pc-ms .pc-gift p + p {
  margin-top: 12px;
}

.pc-ms .pc-gift strong {
  color: var(--text);
}

.pc-ms .pc-gift .pc-need-list {
  margin: 14px 0 16px;
}

/* The "Sow $X or more…" line that steps up to the next gift */
.pc-ms .pc-gift-step {
  display: flex;
  align-items: center;
  gap: 16px;
  font-family: var(--font-cond);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--label);
  text-align: center;
}

.pc-ms .pc-gift-step::before,
.pc-ms .pc-gift-step::after {
  content: '';
  flex: 1 0 24px;
  height: 1px;
  background: var(--border-hover);
}


/* ═══════════════════════════════════════════════════════════
   ARTICLE — long-form copy (About page, legacy pages)
═══════════════════════════════════════════════════════════ */
.pc-ms .pc-article {
  max-width: 740px;
  margin: 0 auto;
}

.pc-ms .pc-article h2 {
  font-family: var(--font-display);
  font-size: clamp(24px, 3vw, 32px);
  font-weight: 800;
  line-height: 1.2;
  color: var(--text);
  margin: 52px 0 18px;
}

.pc-ms .pc-article h2:first-child {
  margin-top: 0;
}

.pc-ms .pc-article p {
  font-size: 17px;
  line-height: 1.85;
  color: var(--muted);
  margin-bottom: 18px;
}

.pc-ms .pc-article strong {
  color: var(--text);
  font-weight: 600;
}

.pc-ms .pc-article .pc-callout {
  font-family: var(--font-display);
  font-size: clamp(20px, 2.4vw, 25px);
  font-weight: 800;
  line-height: 1.35;
  color: var(--accent);
  margin: 30px 0;
}

.pc-ms .pc-article .pc-actions {
  margin: 30px 0 10px;
}

.pc-ms .pc-need-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 8px 0 26px;
}

.pc-ms .pc-need-list li {
  font-family: var(--font-cond);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  padding: 8px 16px;
  border-radius: var(--radius-pill);
  color: var(--text);
  background: var(--pc-blue-pale);
  border: 1px solid var(--pc-blue);
}


/* ═══════════════════════════════════════════════════════════
   EVENT DETAILS — when / where / hosts / online
═══════════════════════════════════════════════════════════ */
.pc-ms .pc-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin-top: 44px;
}

.pc-ms .pc-detail {
  padding: 30px 28px 28px;
  border-radius: var(--radius);
  background: var(--card);
  border: 1px solid var(--border);
}

.pc-ms .pc-detail > .svg-inline--fa,
.pc-ms .pc-detail > i {
  display: block;
  font-size: 22px;
  color: var(--pc-gold);
  margin-bottom: 16px;
}

.pc-ms .pc-detail h3 {
  font-family: var(--font-cond);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--label);
  margin-bottom: 10px;
}

.pc-ms .pc-detail p {
  font-size: 17px;
  line-height: 1.55;
  color: var(--text);
}

.pc-ms .pc-detail p + p {
  margin-top: 4px;
  font-size: 15px;
  color: var(--muted);
}

.pc-ms .pc-detail a:not(.btn-ghost) {
  color: inherit;
}

.pc-ms .pc-detail a.btn-ghost {
  margin-top: 14px;
}

.pc-ms .pc-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 52px;
  align-items: center;
}

.pc-ms .pc-split-img img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: var(--radius);
  box-shadow: 0 30px 70px rgba(20, 20, 20, 0.18);
}

.pc-ms .pc-online-steps {
  counter-reset: pc-step;
  list-style: none;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  margin-top: 44px;
  text-align: left;
}

.pc-ms .pc-online-steps li {
  counter-increment: pc-step;
  padding: 28px 26px;
  border-radius: var(--radius);
  background: rgba(255, 255, 255, 0.78);
  border: 1px solid var(--pc-gold-light);
  font-size: 15px;
  line-height: 1.7;
  color: var(--muted);
}

.pc-ms .pc-online-steps li::before {
  content: counter(pc-step, decimal-leading-zero);
  display: block;
  margin-bottom: 10px;
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 800;
  color: var(--accent);
}

.pc-ms .pc-online-steps strong {
  display: block;
  margin-bottom: 4px;
  color: var(--text);
  font-weight: 600;
}


/* ═══════════════════════════════════════════════════════════
   VIDEO — click-to-play facade (see bt.prayercloth.video)
   Without JS the facade is a plain link to the video.
═══════════════════════════════════════════════════════════ */
.pc-ms .pc-video {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: var(--radius);
  background: #000;
}

.pc-ms .pc-video-facade {
  position: absolute;
  inset: 0;
  display: block;
}

.pc-ms .pc-video-facade img,
.pc-ms .pc-video iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  border: 0;
  object-fit: cover;
}

.pc-ms .pc-video-facade img {
  transition: transform 0.6s ease, opacity var(--transition);
  opacity: 0.85;
}

.pc-ms .pc-video-facade:hover img {
  transform: scale(1.04);
  opacity: 1;
}

.pc-ms .pc-video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  display: grid;
  place-items: center;
  width: 70px;
  height: 70px;
  margin: -35px 0 0 -35px;
  border-radius: 50%;
  font-size: 22px;
  color: var(--pc-black);
  background: linear-gradient(135deg, var(--pc-gold-btn), var(--pc-gold-btn-deep));
  border: 2px solid rgba(255, 255, 255, 0.8);
  box-shadow: 0 10px 34px rgba(0, 0, 0, 0.45);
  transition: transform var(--transition);
}

.pc-ms .pc-video-play i,
.pc-ms .pc-video-play .svg-inline--fa {
  margin-left: 4px;
}

.pc-ms .pc-video-facade:hover .pc-video-play,
.pc-ms .pc-video-facade:focus-visible .pc-video-play {
  transform: scale(1.1);
}


/* ═══════════════════════════════════════════════════════════
   TESTIMONIES
═══════════════════════════════════════════════════════════ */
.pc-ms .pc-testimony-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 48px;
}

.pc-ms .pc-testimony {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: var(--radius);
  background: var(--card);
  border: 1px solid var(--border);
  transition: border-color var(--transition), box-shadow var(--transition);
}

.pc-ms .pc-testimony:hover {
  border-color: var(--border-hover);
  box-shadow: 0 24px 50px var(--shadow);
}

.pc-ms .pc-testimony .pc-video {
  border-radius: 0;
}

.pc-ms .pc-testimony-body {
  padding: 22px 22px 26px;
}

.pc-ms .pc-testimony-name {
  font-family: var(--font-cond);
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--label);
  margin-bottom: 8px;
}

.pc-ms .pc-testimony-title {
  font-family: var(--font-display);
  font-size: 19px;
  font-weight: 800;
  line-height: 1.25;
  color: var(--text);
  margin-bottom: 12px;
}

.pc-ms .pc-testimony-body p:not(.pc-testimony-name) {
  font-size: 15px;
  line-height: 1.7;
  color: var(--muted);
}

/* Long-form stories: media left, story right, alternating */
.pc-ms .pc-story {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 48px;
  align-items: start;
  padding: 64px 0;
  border-top: 1px solid var(--border);
}

.pc-ms .pc-story:first-child {
  border-top: 0;
}

.pc-ms .pc-story:nth-child(even) .pc-story-media {
  order: 2;
}

.pc-ms .pc-story-media {
  position: sticky;
  top: calc(var(--subnav-h) + 32px);
}

.pc-ms .pc-story-media > img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 10;
  object-fit: cover;
  border-radius: var(--radius);
}

.pc-ms .pc-story p:not(.pc-testimony-name) {
  font-size: 16px;
  line-height: 1.85;
  color: var(--muted);
  margin-bottom: 16px;
}

.pc-ms .pc-story strong {
  color: var(--text);
  font-weight: 600;
}

.pc-ms .pc-story p.pc-story-quote {
  font-family: var(--font-display);
  font-size: 19px;
  font-weight: 700;
  font-style: italic;
  line-height: 1.55;
  color: var(--text);
  padding-left: 20px;
  border-left: 3px solid var(--rule);
}


/* ═══════════════════════════════════════════════════════════
   CLOSING CTA BAND
═══════════════════════════════════════════════════════════ */
.pc-ms .pc-cta h2 {
  font-family: var(--font-display);
  font-size: clamp(32px, 5vw, 52px);
  font-weight: 800;
  line-height: 1.05;
  margin-bottom: 26px;
  color: var(--text);
  text-wrap: balance;
}

.pc-ms .pc-cta h2 em {
  font-style: normal;
  color: var(--accent);
}

.pc-ms .pc-cta-lines {
  list-style: none;
}

.pc-ms .pc-cta-lines li {
  font-size: 18px;
  line-height: 1.8;
  color: var(--muted);
}

.pc-ms .pc-cta-motto {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-top: 26px;
  font-family: var(--font-cond);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: var(--label);
}

.pc-ms .pc-cta-motto span + span::before {
  content: '·';
  margin-right: 18px;
  color: var(--pc-gold);
}


/* ═══════════════════════════════════════════════════════════
   LEGACY CONTENT — Teachings / Watch markup (<br />-separated copy,
   .letter-from-pastor, .cta-button, .ms-buttons, .video-wrapper)
═══════════════════════════════════════════════════════════ */
.pc-ms .pc-legacy {
  font-size: 17px;
  line-height: 1.85;
  color: var(--muted);
}

.pc-ms .pc-legacy div,
.pc-ms .pc-legacy span {
  font-size: inherit;
  line-height: inherit;
}

.pc-ms .pc-legacy strong,
.pc-ms .pc-legacy b {
  color: var(--text);
}

.pc-ms .pc-legacy h2,
.pc-ms .pc-legacy h3 {
  font-family: var(--font-display);
  font-weight: 800;
  color: var(--text);
  margin: 0 0 16px;
}

.pc-ms .pc-legacy h2 { font-size: clamp(24px, 3vw, 32px); }
.pc-ms .pc-legacy h3 { font-size: 22px; }

.pc-ms .pc-legacy .letter-from-pastor {
  padding: 44px 42px 38px;
  border-radius: var(--radius);
  background: var(--card);
  border: 1px solid var(--border);
  border-top: 4px solid var(--rule);
}

.pc-ms .pc-legacy blockquote {
  margin: 14px 0;
  padding: 22px 26px;
  border-left: 3px solid var(--rule);
  background: var(--pc-gold-pale);
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  font-style: italic;
  color: var(--text);
}

.pc-ms .pc-legacy ol,
.pc-ms .pc-legacy ul {
  margin: 12px 0 12px 24px;
}

.pc-ms .pc-legacy ol,
.pc-ms .pc-legacy ol li { list-style: decimal outside !important; }
.pc-ms .pc-legacy ul,
.pc-ms .pc-legacy ul li { list-style: disc outside !important; }

.pc-ms .pc-legacy li {
  margin-bottom: 8px;
}

.pc-ms .pc-legacy hr {
  margin: 40px 0;
  border: 0;
  height: 1px;
  background: var(--border-hover);
}

.pc-ms .pc-legacy .ms-sig img,
.pc-ms .pc-legacy img.signature-rp {
  width: 150px;
  height: auto;
}

.pc-ms .pc-legacy .clear-both {
  clear: both;
}

.pc-ms .pc-legacy a.cta-button,
.pc-ms .pc-legacy a.cta-button:link,
.pc-ms .pc-legacy a.cta-button:visited {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 6px 0;
  padding: 14px 28px;
  border-radius: var(--radius);
  font-family: var(--font-cond);
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1.3;
  text-transform: uppercase;
  text-decoration: none !important;
  color: var(--pc-black);
  background: linear-gradient(135deg, var(--pc-gold-btn) 0%, var(--pc-gold-btn-deep) 100%) !important;
  transition: transform var(--transition), box-shadow var(--transition);
}

.pc-ms .pc-legacy a.cta-button:hover {
  color: var(--pc-black);
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(200, 160, 74, 0.4);
}

.pc-ms .pc-legacy .ms-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
}

.pc-ms .pc-legacy .video-wrapper {
  position: relative;
  aspect-ratio: 16 / 9;
  height: auto;
  padding: 0;
  overflow: hidden;
  border-radius: var(--radius);
  background: #000;
}

.pc-ms .pc-legacy .video-wrapper iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.pc-ms .pc-legacy .ms-region-logo img {
  max-height: 7rem;
}


/* ═══════════════════════════════════════════════════════════
   RESPONSIVE
═══════════════════════════════════════════════════════════ */
@media (max-width: 960px) {
  .pc-ms .pc-section,
  .pc-ms .pc-band {
    padding: 80px 0;
  }

  .pc-ms .pc-intro-grid,
  .pc-ms .pc-letter-grid,
  .pc-ms .pc-split,
  .pc-ms .pc-story {
    grid-template-columns: 1fr;
    gap: 40px;
  }

  .pc-ms .pc-letter-aside,
  .pc-ms .pc-story-media {
    position: static;
  }

  .pc-ms .pc-letter-aside > img {
    aspect-ratio: 16 / 10;
  }

  .pc-ms .pc-story:nth-child(even) .pc-story-media {
    order: 0;
  }

  .pc-ms .pc-believe-grid,
  .pc-ms .pc-testimony-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 640px) {
  .pc-ms .container {
    padding: 0 18px;
  }

  .pc-ms .pc-section,
  .pc-ms .pc-band {
    padding: 64px 0;
  }

  .pc-ms .pc-intro {
    padding: 56px 0 64px;
  }

  .pc-ms .pc-intro.pc-intro--photo {
    padding: 88px 0 96px;
  }

  .pc-ms .pc-promo {
    padding-top: 28px;
  }

  .pc-ms .pc-promo + .pc-intro {
    padding-top: 48px;
  }

  .pc-ms .pc-promo .pc-video-play {
    width: 70px;
    height: 70px;
    margin: -35px 0 0 -35px;
    font-size: 22px;
  }

  /* Toggle text lines up with the 18px .container inset */
  .pc-ms .pc-subnav-inner {
    padding: 0 10px 0 6px;
    gap: 8px;
  }

  .pc-ms .pc-subnav.is-open .pc-subnav-links a,
  .pc-ms .pc-subnav.is-open .pc-subnav-links a:link,
  .pc-ms .pc-subnav.is-open .pc-subnav-links a:visited {
    padding: 14px 18px;
  }

  .pc-ms .pc-subnav a.btn {
    padding: 9px 12px;
    font-size: 13px;
    letter-spacing: 1px;
  }

  .pc-ms .pc-subnav .pc-subnav-btn-long {
    display: none;
  }

  .pc-ms .pc-status {
    padding: 32px 18px;
  }

  .pc-ms .pc-countdown {
    gap: 6px;
  }

  .pc-ms .pc-letter,
  .pc-ms .pc-legacy .letter-from-pastor {
    padding: 32px 20px 28px;
  }

  .pc-ms .pc-gift {
    padding: 26px 20px 24px;
  }

  .pc-ms .pc-believe-grid,
  .pc-ms .pc-detail-grid,
  .pc-ms .pc-online-steps,
  .pc-ms .pc-testimony-grid {
    grid-template-columns: 1fr;
  }

  .pc-ms .pc-quote {
    padding: 20px 18px;
  }

  .pc-ms .pc-story {
    padding: 48px 0;
  }

  .pc-ms .pc-actions a.btn {
    width: 100%;
    justify-content: center;
  }

  .pc-ms .pc-cta-motto span + span::before {
    display: none;
  }
}


/* ═══════════════════════════════════════════════════════════
   REDUCED MOTION
═══════════════════════════════════════════════════════════ */
@media (prefers-reduced-motion: reduce) {
  .pc-ms.pc-js .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }

  .pc-ms .pc-believe-card,
  .pc-ms .pc-video-facade img,
  .pc-ms .pc-video-play,
  .pc-ms a.btn {
    transition: none;
  }

  .pc-ms .live-dot {
    animation: none;
  }
}