.config-mto { padding-block: 10px 72px; }
.config-mto--home { padding-top: 0; }
.config-mto__card { display: grid; overflow: hidden; grid-template-columns: minmax(320px, .92fr) minmax(0, 1.08fr); border: 1px solid #c7d9c1; border-radius: 28px; background: linear-gradient(135deg, #edf5e9 0%, #f8fbf5 100%); box-shadow: 0 18px 50px rgba(17, 79, 55, .08); }
.config-mto__media { position: relative; min-height: 500px; margin: 0; overflow: hidden; background: #f1eee8; }
.config-mto__image { position: absolute; inset: 0; display: block; width: 100%; height: 100%; min-height: 500px; object-fit: cover; object-position: center 26%; }
.config-mto__content { display: flex; min-width: 0; padding: clamp(42px, 5vw, 74px); flex-direction: column; justify-content: center; }
.config-mto__eyebrow { margin: 0 0 12px; color: var(--apex-accent); font-size: 14px; font-weight: 800; letter-spacing: .08em; line-height: 1.3; text-transform: uppercase; }
.config-mto h2 { max-width: 650px; margin: 0; color: var(--apex-brand-dark); font-size: clamp(34px, 3.6vw, 52px); line-height: 1.08; }
.config-mto__text { max-width: 650px; margin-top: 22px; color: var(--apex-text); font-size: 18px; line-height: 1.65; }
.config-mto__text p { margin: 0; }
.config-mto__actions { display: flex; margin-top: 30px; align-items: center; flex-wrap: wrap; gap: 16px 22px; }
.config-mto__email { color: var(--apex-brand-dark); font-size: 16px; font-weight: 700; overflow-wrap: anywhere; text-decoration: underline; text-underline-offset: 4px; }
.config-mto__email:hover { color: var(--apex-brand-dark-hover); }
.config-mto__email:focus-visible { border-radius: 3px; outline: 3px solid var(--apex-brand-muted); outline-offset: 4px; }
@media (max-width: 1023px) {
  .config-mto__card { grid-template-columns: minmax(280px, .8fr) minmax(0, 1.2fr); }
  .config-mto__media, .config-mto__image { min-height: 440px; }
  .config-mto__content { padding: 38px; }
}
@media (max-width: 767px) {
  .config-mto { padding-block: 4px 48px; }
  .config-mto__card { grid-template-columns: minmax(0, 1fr); border-radius: 20px; }
  .config-mto__media, .config-mto__image { min-height: 0; }
  .config-mto__media { aspect-ratio: 4 / 3; }
  .config-mto__content { padding: 28px 22px 30px; }
  .config-mto__eyebrow { font-size: 12px; }
  .config-mto h2 { font-size: 30px; }
  .config-mto__text { margin-top: 16px; font-size: 16px; }
  .config-mto__actions { margin-top: 22px; align-items: stretch; flex-direction: column; }
  .config-mto__actions .apex-button { width: 100%; }
}