/* DEK CTA Card — complete CSS */

/* Layout */
.dek-cta-card{
  display:flex;
  gap:32px;
  align-items:stretch;           /* make columns equal height */
  border-radius:20px;
  padding:28px;
}

/* Text column */
.dek-cta-card__col{ flex:1 1 60%; }
.dek-cta-card h2{ margin:0 0 8px; font-size:32px; line-height:1.2; }
.dek-cta-card p{ margin:0 0 10px; }

/* Button */
.dek-cta-card__btn{
  display:inline-block;
  margin-top:10px;
  padding:12px 18px;
  border-radius:12px;
  text-decoration:none;
  color:inherit;                 /* button text color comes from inline style */
}
.dek-cta-card__btn--hidden{ opacity:.6; font-style:italic; margin-top:10px; }

/* Image column (cropped to fit) */
.dek-cta-card__imgwrap{
  flex:1 1 40%;
  position:relative;
  overflow:hidden;               /* crop overflow */
  border-radius:12px;
  aspect-ratio: 4 / 3;           /* adjust to your preferred ratio */
  max-height: clamp(220px, 40vw, 420px);
  display:flex;
  justify-content:center;
  align-items:center;
}
.dek-cta-card__img{
  width:100%;
  height:100%;
  object-fit:cover;              /* fill and crop without distortion */
  display:block;
  border-radius:12px;
}
.dek-cta-card__imgph{
  border:1px dashed #c9c9c9;
  border-radius:12px;
  padding:40px;
  text-align:center;
  width:100%;
}

/* Modifiers */
.dek-cta-card--noimg .dek-cta-card__imgwrap{ display:none; }
.dek-cta-card--disabled{ outline:2px dashed #bbb; }

/* Responsive */
@media (max-width:1024px){
  .dek-cta-card h2{ font-size:28px; }
}
@media (max-width:768px){
  .dek-cta-card{ flex-direction:column; }
  .dek-cta-card__imgwrap{
    width:100%;
    aspect-ratio: 16 / 9;
    max-height:none;
  }
}