/* ============================================================
   site-v33.css — About CTA split layout (v1.6.9)
   ============================================================ */

.cta-dark.about-cta-split {
  text-align: left !important;
  padding: clamp(36px, 5vw, 64px) 0 !important;
}
.about-cta-grid {
  display: grid;
  grid-template-columns: 1fr 1.05fr;
  gap: clamp(20px, 2.6vw, 36px);
  align-items: center;
}
.about-cta-content { text-align: left; }
.cta-dark.about-cta-split .eyebrow {
  justify-content: flex-start !important;
}
.cta-dark.about-cta-split h2 {
  margin: 12px 0 14px !important;
  max-width: 22ch !important;
}
.cta-dark.about-cta-split p {
  margin: 0 0 22px !important;
  max-width: 48ch !important;
}
.cta-dark.about-cta-split .cta-row {
  justify-content: flex-start !important;
}

.about-cta-image {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.about-cta-image img {
  width: 100% !important;
  max-width: 560px !important;
  height: auto !important;
  display: block !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 24px -10px rgba(20,33,61,0.18),
              0 4px 8px rgba(20,33,61,0.06) !important;
  transition: transform .4s cubic-bezier(.2,.7,.2,1) !important;
}
.about-cta-image:hover img { transform: translateY(-3px) scale(1.01) !important; }

@media (max-width: 880px) {
  .about-cta-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .about-cta-image { justify-content: center; order: 2; }
  .about-cta-image img { max-width: 520px !important; }
  .cta-dark.about-cta-split { text-align: center !important; }
  .cta-dark.about-cta-split .eyebrow,
  .cta-dark.about-cta-split .cta-row { justify-content: center !important; }
  .cta-dark.about-cta-split h2,
  .cta-dark.about-cta-split p { margin-left: auto; margin-right: auto; }
}