/* Section: Stronger Churches. Equipped Leaders. One Mission.
   Kept: green, three-line headline, paragraph, the same two buttons, the chevron pattern.
   New: rounded panel sitting on the footer; the chevron pattern drifting on scroll (primefold footer idea).
   Ink text (flag T1). 14ar-2 (Nolan, #165): flat green + the pattern, never any light: Aurora v2 does not run here. */

.closing { position: relative; z-index: 2; margin-bottom: -96px; view-timeline: --closing block; }
.closing__panel {
  background: var(--c-green); color: var(--c-ink);
  padding-block: clamp(80px, 58px + 5vw, 136px);
  --eyebrow: var(--c-ink); --focus: var(--c-ink);
}
.closing__bg { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.closing__pattern {
  position: absolute; inset: -8% -4%;
  background: url("../../../port/site/assets/img/callout.webp") center / cover no-repeat;
  mix-blend-mode: multiply; opacity: 0.95;
}

@supports (animation-timeline: --closing) {
  @media (prefers-reduced-motion: no-preference) {
    .closing__pattern { animation: pattern-drift linear both; animation-timeline: --closing; animation-range: entry 0% exit 100%; }
    @keyframes pattern-drift { from { transform: translate(-24px, -24px); } to { transform: translate(24px, 24px); } }
  }
}

.closing__grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--grid-gap); align-items: center; }
.closing__title {
  grid-column: 1 / span 7;
  font-family: var(--font-display); font-weight: 700;
  font-size: var(--fs-display-l); line-height: var(--lh-display-l); letter-spacing: -0.03em;
}
.closing__side { grid-column: 8 / span 5; display: grid; gap: 32px; }
.closing__side .lead { font-weight: 500; }

@media (max-width: 1023px) {
  .closing__grid { grid-template-columns: 1fr; gap: 36px; }
  .closing__title, .closing__side { grid-column: 1 / -1; }
}