/* ===== Over ons / Welkom (ea-about) ===== */
:root{
  --ea-about-ink: #0f172a;
  --ea-about-muted: #475569;
  --ea-about-bg: #ffffff;
  --ea-about-bg-dark: #161a1d;
  --ea-about-beige: #b59678;
  --ea-accent: #b18867;
}

.ea-about{ padding: clamp(32px, 7vw, 80px) 0; position: relative; }
.ea-about--light{ background: var(--ea-about-bg); color: var(--ea-about-ink); }
.ea-about--dark{ background: var(--ea-about-bg-dark); color: #e6e6e6; }
.ea-about--beige{ background: linear-gradient(180deg, rgba(181,150,120,.12), rgba(181,150,120,.18)); }

.ea-about__inner.container{ max-width: 1200px; margin: 0 auto; padding: 0 16px; }

.ea-about__grid{
  display:grid; grid-template-columns: 1.2fr 1fr; gap: clamp(20px, 5vw, 48px);
  align-items:center;
}
.ea-about__grid--img-left{ grid-template-columns: 1fr 1.2fr; }
@media (max-width: 1024px){
  .ea-about__grid, .ea-about__grid--img-left{ grid-template-columns: 1fr; }
}

.ea-about__media{ position: relative; }
.ea-about__figure{ position: relative; border-radius: 18px; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,.15); }
.ea-about__image{ display:block; width:100%; height: 520px; object-fit: cover; }
@media (max-width: 768px){ .ea-about__image{ height: 320px; } }

.ea-about__tag{
      position: absolute;
    left: 14px;
    bottom: 14px;
    background: rgb(246 242 238);
    color: #6f5854;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: 13px;
    letter-spacing: .02em;
    backdrop-filter: blur(4px);
  
}

.ea-about__eyebrow{ font-size: 13px; letter-spacing:.16em; text-transform: uppercase; opacity:.8; margin-bottom: 8px; }
.ea-about__title{ margin: 0 0 10px; font-size: clamp(24px, 4.6vw, 42px); line-height: 1.12;     color: #6f5854 !important;}
.ea-about__text{ font-size: 18px; line-height: 1.7; color: var(--ea-about-muted); }
.ea-about__text p {
  color: #474747 !important;
}
.ea-about--dark .ea-about__text{ color: #cfd6dd; }

.ea-about__features{ list-style:none; margin: 16px 0 0; padding: 0; display:grid; gap: 8px; grid-template-columns: repeat(2, minmax(0,1fr)); }
@media (max-width: 640px){ .ea-about__features{ grid-template-columns: 1fr; } }

.ea-about__feature{ display:flex; align-items:flex-start; gap:10px; font-weight: 600;     font-weight: 100;
    color: #474747 !important;}
.ea-about__check{ display:inline-flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:999px;
  background: rgb(89 56 0 / 18%); color:#111; font-size:14px; margin-top:2px;
}
.ea-about--dark .ea-about__check{ background: rgba(255,255,255,.12); color:#fff; }

.ea-about__actions{ display:flex; gap:12px; margin-top: 18px; flex-wrap: wrap; }
.ea-btn{ display:inline-flex; align-items:center; justify-content:center; height:44px; padding:0 18px; border-radius:999px; text-decoration:none; font-weight:700; }
.ea-btn--primary{ background: var(--ea-accent); color:#1b1b1b; }
.ea-btn--ghost{     border: 1.5px solid rgb(111 88 84);
    color: #6f5854 !important; }
.ea-about--dark .ea-btn--ghost{ border-color: rgba(255,255,255,.3); }

/* kleine decoratieve lijn onder titel */
.ea-about__title::after{
  content:""; display:block; width: 64px; height: 3px; border-radius: 2px; background: var(--ea-accent);
  margin-top: 10px;
}