/* SECTION: footer-cta — custom-built. Massive Hebrew invitation + contact link. Follows hero pattern. */

.footer-cta {
  min-block-size: 100vh;
  padding-block: 120px 80px;
  padding-inline: var(--pad-page);
  position: relative;
  border-block-start: 1px solid var(--line);
  background: var(--bone-deep, var(--bone));
  display: grid;
  align-items: center;
}

.footer-cta__meta {
  position: absolute;
  inset: 60px 0 auto auto;
  inset-inline-end: var(--pad-page);
  display: flex;
  flex-direction: column;
  gap: 16px;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .2em;
  color: var(--muted);
  direction: ltr;
}
.footer-cta__meta-line {
  inline-size: 1px;
  block-size: 60px;
  background: var(--ink);
  margin-block-start: 8px;
  opacity: .3;
}

.footer-cta__inner {
  max-inline-size: 1200px;
  margin-inline: auto;
  inline-size: 100%;
}

.footer-cta__eyebrow {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--muted);
  margin-block-end: 40px;
}

.footer-cta__display {
  font-family: var(--hebrew-serif);
  font-weight: 400;
  font-size: clamp(96px, 18vw, 280px);
  line-height: .88;
  letter-spacing: -.025em;
  color: var(--ink);
  margin-block-end: 56px;
}
.footer-cta__display .ac {
  font-weight: 300;
  font-style: italic;
}

.footer-cta__tagline {
  max-inline-size: 540px;
  font-size: 17px;
  line-height: 1.7;
  font-weight: 300;
  color: var(--ink-2);
  margin-block-end: 64px;
}

.footer-cta__actions {
  display: flex;
  align-items: center;
  gap: 40px;
  flex-wrap: wrap;
  margin-block-end: 80px;
}

.footer-cta__btn {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding-block: 22px;
  padding-inline: 40px;
  background: var(--ink);
  color: var(--bone);
  font-family: var(--hebrew);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: .02em;
  text-decoration: none;
  border-radius: 999px;
  transition: transform .4s var(--ease), background .4s var(--ease);
}
.footer-cta__btn:hover {
  transform: translateY(-2px);
  background: var(--accent, var(--ink));
}
.footer-cta__btn-arrow {
  font-family: var(--mono);
  font-size: 18px;
  transition: transform .4s var(--ease);
}
.footer-cta__btn:hover .footer-cta__btn-arrow {
  transform: translate(4px, -4px);
}

.footer-cta__mail {
  font-family: var(--mono);
  font-size: 13px;
  letter-spacing: .08em;
  color: var(--ink-2);
  text-decoration: none;
  border-block-end: 1px solid var(--line);
  padding-block-end: 4px;
  transition: color .3s var(--ease), border-color .3s var(--ease);
}
.footer-cta__mail:hover {
  color: var(--ink);
  border-block-end-color: var(--ink);
}

.footer-cta__info {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 32px;
  padding-block-start: 48px;
  border-block-start: 1px solid var(--line);
  max-inline-size: 720px;
}
.footer-cta__info > div {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.footer-cta__info-label {
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--muted);
}
.footer-cta__info-value {
  font-family: var(--hebrew);
  font-size: 14px;
  font-weight: 400;
  color: var(--ink);
}

.footer-cta__vertical {
  position: absolute;
  inset: auto auto 80px 60px;
  inset-inline-start: var(--pad-page);
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .25em;
  color: var(--muted);
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  direction: ltr;
}

@media (max-width: 980px) {
  .footer-cta {
    padding-block: 80px 60px;
    min-block-size: auto;
  }
  .footer-cta__meta { position: relative; inset: auto; margin-block-end: 32px; }
  .footer-cta__display {
    font-size: clamp(72px, 22vw, 140px);
    margin-block-end: 40px;
  }
  .footer-cta__tagline { font-size: 15px; margin-block-end: 48px; }
  .footer-cta__actions { gap: 24px; margin-block-end: 56px; }
  .footer-cta__btn { padding-block: 18px; padding-inline: 28px; font-size: 14px; }
  .footer-cta__info { grid-template-columns: 1fr 1fr; gap: 24px; }
  .footer-cta__vertical { display: none; }
}