/* Overpagina: intro met portret, waarom-blok, waarden */

.intro{padding:clamp(48px,6vw,88px) 0 clamp(40px,5vw,64px);}
.intro__grid{
  display:grid;align-items:center;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
  gap:clamp(32px,5vw,60px);
}
.intro h1{font-size:clamp(32px,4.6vw,52px);line-height:1.08;margin:0 0 20px;}
.intro__text{font-size:clamp(17px,1.4vw,19px);line-height:1.68;color:var(--slate);margin:0 0 16px;}
.intro__text:last-child{margin-bottom:0;}

.intro__media{position:relative;}
.portrait{
  width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:24px;
}
.portrait--empty{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;
  text-align:center;background:linear-gradient(150deg,#EAF9FC,#F3F5F9);
  border:1px solid #E4EEF3;color:#98A0B4;font-size:14px;font-weight:600;
}
.portrait--empty small{font-weight:500;color:#AAB3C4;}
.badge-card{
  position:absolute;bottom:-20px;right:-14px;display:flex;flex-direction:column;
  background:var(--white);border:1px solid var(--line);border-radius:16px;
  box-shadow:0 16px 40px rgba(16,15,108,.14);padding:14px 20px;
}
.badge-card strong{font-family:var(--font-display);font-weight:800;font-size:15px;color:var(--navy);}
.badge-card span{font-size:13px;color:var(--muted);}

@media (max-width:520px){
  .badge-card{right:6px;bottom:-14px;}
}

.why-me{max-width:820px;}
.why-me h2{font-size:clamp(26px,3.2vw,38px);line-height:1.14;margin:0 0 20px;}
.why-me p{font-size:17px;line-height:1.72;color:var(--slate);margin:0 0 16px;}
.why-me p:last-child{margin-bottom:0;}

.values__intro{max-width:560px;margin-bottom:clamp(36px,4vw,52px);}
.values__intro h2{font-size:clamp(26px,3.2vw,38px);line-height:1.14;margin:0;}
.value{padding:28px 24px;}
.value h3{font-size:18px;margin:16px 0 8px;}
.value p{font-size:15px;line-height:1.6;color:var(--slate);margin:0;}
.value .icon-box{width:48px;height:48px;border-radius:13px;}

.section-cta{padding:0 0 clamp(64px,8vw,104px);}
.cta-panel--center{text-align:center;}
.cta-panel--center p{margin-left:auto;margin-right:auto;}
.cta-panel--center .btn-row{justify-content:center;}