.section_8 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6rem;
  min-height: 50vh;
  padding: 3rem clamp(1.5rem, 5vw, 4.5rem);
}

.bottom-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.bottom_headline_CTA{
  font-family: "Fraunces", serif;
  font-size: clamp(1.4rem, 3.5vw, 2.2rem);
  opacity: 0;
}

/* fixed width so long headlines/subs don't stretch edge-to-edge */
.sh10-header {
  max-width: 640px;
}

.sh10-header.sh10-center {
  margin: 0 auto;      /* was margin-right: auto — this centers it now that it has a max-width */
  text-align: center;
}

.sh10-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-family: var(--mono);
  font-size: clamp(0.7rem, 0.3vw + 0.62rem, 0.78rem);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent);
  margin-bottom: 1.1rem;
}
.sh10-eyebrow::before { content: ''; width: 6px; height: 6px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 8px var(--accent); flex-shrink: 0; }

.sh10-headline {
  font-size: clamp(1.9rem, 1.1rem + 2.6vw, 3rem);
  line-height: 1.2;
  letter-spacing: -0.01em;
  margin-bottom: 1.1rem;

  /* wrap fix for variable-length headlines */
  overflow-wrap: break-word;
  text-wrap: balance;
}

.sh10-sub {
  color: var(--muted);
  font-size: clamp(0.95rem, 0.3vw + 0.85rem, 1.08rem);
  line-height: 1.7;
  max-width: 52ch;

  overflow-wrap: break-word;
  text-wrap: pretty;
}

.sh10-center .sh10-sub { margin-left: auto; margin-right: auto; }

/* Other sections Headline */
.sh10-eyebrow {
  background: rgba(205, 164, 94, 0.12);
  border: 1px solid rgba(205, 164, 94, 0.35);
  border-radius: 999px;
  padding: 0.4rem 0.9rem;
  transform: scale(0.7);
  opacity: 0;
}
.sh10-headline { clip-path: inset(0 100% 0 0); }
.sh10-underline-wrap { position: relative; display: inline-block; }
.sh10-underline {
  position: absolute;
  left: 0; bottom: 0.06em;
  width: 100%; height: 3px;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  transform: scaleX(0);
  transform-origin: left;
}

.sh10-header h2{
  font-family: "Fraunces", serif;
  font-size: clamp(1.7rem, 3.2vw, 2.3rem);
}

.sh10-header p{
  font-family: "Inter", sans-serif;
  font-size: 16px;
}

.sh10-sub { opacity: 0; transform: translateY(14px); }

/* ============================================= */
/* CTA group — two buttons side by side           */
/* ============================================= */

.cta-group {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin-top: 0.5rem;
}

/* stack on small screens so buttons don't get squeezed */
@media (max-width: 480px) {
  .cta-group {
    flex-direction: column;
    width: 100%;
  }
  .cta-group button {
    width: 100%;
  }
}