/* Approved V6 artwork: sliced background, live copy and registration action. */
.closing-cta {
  width: min(1120px, calc(100% - 96px));
  margin: 28px auto 72px;
  scroll-margin-top: 104px;
  font-family: var(--site-font);
}
.closing-cta-card {
  position: relative;
  isolation: isolate;
  container-type: inline-size;
  aspect-ratio: 1557 / 377;
}
.closing-cta-art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  user-select: none;
  z-index: -1;
}
.closing-cta-copy {
  position: absolute;
  left: 7.65%;
  top: 51%;
  transform: translateY(-50%);
  color: #fff;
  font-size: clamp(18px, 2.76cqw, 31px);
  font-weight: 300;
  line-height: 1.44;
  letter-spacing: 0;
}
.closing-cta-copy p,
.closing-cta-copy h2 { margin: 0; color: inherit; font-size: inherit; line-height: inherit; letter-spacing: inherit; }
.closing-cta-copy p { font-weight: inherit; }
.closing-cta-copy span { display: block; white-space: nowrap; }
.closing-cta-copy h2 { font-weight: 600; white-space: nowrap; }
.closing-cta-copy ::selection { background: #fff; color: #b93916; }
.closing-cta-action {
  position: absolute;
  left: 82.35%;
  top: 49.6%;
  width: 17.2%;
  transform: translate(-50%, -50%);
}
.closing-cta-button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 1.9cqw, 22px);
  width: 100%;
  min-height: 44px;
  height: 4.68cqw;
  padding: 0 12px;
  border: 1px solid #f3f3f3;
  border-radius: clamp(7px, .8cqw, 10px);
  background: #fff;
  color: #071b3c;
  box-shadow: 0 3px 12px rgb(108 43 11 / 8%);
  font-size: clamp(13px, 1.5cqw, 17px);
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  animation: closing-cta-bounce 3.2s ease-in-out infinite;
  transition: box-shadow .2s ease;
}
.closing-cta-button svg { width: clamp(22px, 2.3cqw, 26px); height: auto; flex: none; }
.closing-cta-button:hover,
.closing-cta-button:focus-visible { animation-play-state: paused; box-shadow: 0 5px 18px rgb(108 43 11 / 15%); }
.closing-cta-button:focus-visible { outline: 2px solid #071b3c; outline-offset: 4px; }
.closing-cta-button:active { background: #f7f7f7; }
.closing-cta-orbit-mobile { display: none; }
@keyframes closing-cta-bounce {
  0%, 52%, 100% { transform: translateX(0); }
  62% { transform: translateX(-6px); }
  72% { transform: translateX(6px); }
  82% { transform: translateX(-3px); }
  92% { transform: translateX(2px); }
}
@media (max-width: 760px) {
  .closing-cta { width: calc(100% - 48px); max-width: 480px; margin-block: 20px 48px; scroll-margin-top: 84px; }
  .closing-cta-card { height: 324px; aspect-ratio: auto; }
  .closing-cta-art { display: none; }
  .closing-cta-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    border-style: solid;
    border-width: 45px 35px 35px 80px;
    border-image: url("assets/closing-cta/closing-card-frame.png") 90 70 70 160 fill / 45px 35px 35px 80px / 0 stretch;
    pointer-events: none;
  }
  .closing-cta-copy { left: 28px; top: 62px; transform: none; font-size: clamp(16px, 5.15cqw, 22px); line-height: 1.55; }
  .closing-cta-action { left: 50%; top: 77%; width: 168px; }
  .closing-cta-button { height: 46px; gap: 22px; font-size: 15px; border-radius: 8px; }
  .closing-cta-button svg { width: 24px; }
  .closing-cta-orbit-mobile { display: block; position: absolute; left: 50%; top: 50%; width: 168px; height: auto; max-width: none; transform: translate(-50%,-50%); z-index: -1; pointer-events: none; user-select: none; }
}
@media (prefers-reduced-motion: reduce) {
  .closing-cta-button { animation: none; transition: none; }
}