/* The approved brand photograph is shared by the closing and OG preview.
   No overlay, no cover crop, and no text placed on the embedded wordmark. */
.cta-section { display: block; padding: 64px 0; background: #fff; }
.cta-section::before,
.cta-section::after,
[dir="rtl"] .cta-section::before { display: none; }
.closing-brand-wrap { width: 100%; }
.closing-brand-visual { overflow: hidden; border-radius: 24px; background: #f0fbf4; }
.cta-section .closing-brand-visual > .cta-bg {
  position: static; display: block; inset: auto;
  width: 100%; height: auto; aspect-ratio: 1731 / 909;
  object-fit: contain; object-position: center; transform: none;
}
.cta-section .cta-inner { padding-top: 40px; text-align: center; }
.cta-section .cta-inner h2 { max-width: 760px; margin-inline: auto; }
.cta-section .cta-inner p { margin-inline: auto; }
.cta-section .cta-inner .share-link { margin-inline: auto; }
@media (max-width: 768px) {
  .cta-section { padding-block: 32px 48px; }
  .closing-brand-visual { border-radius: 16px; }
  .cta-section .cta-inner { padding-top: 28px; }
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .cta-section .closing-brand-visual > .cta-bg { transition: transform 300ms ease-out; }
  .cta-section .closing-brand-visual:hover > .cta-bg { transform: scale(1.03); }
}
@media (prefers-reduced-motion: reduce) {
  .cta-section .closing-brand-visual > .cta-bg { transform: none; transition: none; }
}