/* Over ons en Contact. Bron: _dev/design/over-ons.html en contact.html (maten 1-op-1). */
main.page-main{padding-top:0}
.p-head{max-width:760px;margin-bottom:48px}
.p-head--720{max-width:720px}
.p-head--44{margin-bottom:44px}

/* Intro */
.ih{padding:160px 0 0}
.ih-wrap{max-width:var(--idm-max);margin:0 auto;padding:0 var(--idm-gutter)}
.ih-grid{margin-top:36px;display:flex;gap:48px 72px;align-items:center;flex-wrap:wrap}
.ih-txt{flex:1 1 480px;min-width:0}
.ih-h1{font-size:clamp(36px,3.8vw,56px)}
.ih-media{flex:1 1 440px;min-width:0;position:relative}
.ih-box{border-radius:var(--idm-radius);overflow:hidden;aspect-ratio:4/3;background:#E6EBF1}
.ih-box img{width:100%;height:116%;object-fit:cover;display:block;margin-top:-8%}
.ih-cta{margin-top:28px;display:flex;gap:10px;flex-wrap:wrap}
.ih-cta .btn{padding:14px 22px 14px 26px;font-size:16px}

/* Bedrijfsvideo */
.p-video{padding-top:48px;padding-bottom:24px}
.vid-box{position:relative;border-radius:var(--idm-radius);overflow:hidden;aspect-ratio:16/9;background:var(--idm-navy)}
.vid{width:100%;height:100%;object-fit:cover;display:block}
.vid-play{position:absolute;inset:0;border:0;background:linear-gradient(0deg,rgba(12,39,76,.7),rgba(12,39,76,.1));cursor:pointer;display:flex;align-items:flex-end;justify-content:space-between;padding:40px;color:var(--idm-white);font-family:inherit;text-align:left}
.vid-play:focus-visible{outline:3px solid var(--idm-white);outline-offset:-6px}
.vid-t{font-size:clamp(26px,3vw,44px);font-weight:500;letter-spacing:-.02em;line-height:1.1}
.play{width:88px;height:88px;border-radius:50%;background:var(--idm-red);display:flex;align-items:center;justify-content:center;transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.vid-play:hover .play{transform:scale(1.08)}

/* Team */
.team-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px}
.team-card{margin:0;border-radius:24px;overflow:hidden;background:var(--idm-soft)}
.team-card .card-img{aspect-ratio:4/5;overflow:hidden;background:#D3DAE3}
.team-card img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.team-card:hover img{transform:scale(1.06)}
.team-card figcaption{padding:18px 20px 20px}
.team-n{font-size:18px;font-weight:500;color:var(--idm-navy)}
.team-f{margin-top:2px;font-size:14px;color:var(--idm-muted)}

/* Voordelen (Over ons) */
.p-adv-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.p-adv{border-radius:24px;padding:32px;background:var(--idm-white);display:flex;flex-direction:column;gap:16px}
.p-adv img{width:64px;height:64px}
.p-adv h3{margin:0;font-size:22px;font-weight:500;color:var(--idm-navy)}
.p-adv p{margin:0;font-size:16px;line-height:1.65;color:var(--idm-muted)}

/* Vestigingen (Contact) */
.p-vest-sec{margin-top:104px}
.p-vest-g{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:24px}
.vest{border-radius:var(--idm-radius);overflow:hidden;background:var(--idm-white);display:flex;flex-direction:column}
.vest-img{aspect-ratio:16/9;overflow:hidden;background:#D3DAE3}
.vest-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
.vest:hover .vest-img img{transform:scale(1.06)}
.vest-ph{aspect-ratio:16/9;position:relative;overflow:hidden;background:var(--idm-navy);display:flex;align-items:flex-end;padding:30px 34px}
.vest-ph-bg{position:absolute;right:-40px;top:-50px;width:340px;height:340px;opacity:.08}
.vest-new{position:relative;display:inline-flex;gap:8px;align-items:center;font-size:14px;font-weight:500;padding:8px 14px;border-radius:var(--idm-pill);background:var(--idm-red);color:var(--idm-white)}
.vest-b{padding:32px 34px 34px;display:flex;flex-direction:column;gap:18px;flex:1 1 auto}
.vest-l{font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--idm-muted)}
.vest h3{margin:6px 0 0;font-size:32px;font-weight:500;letter-spacing:-.02em;color:var(--idm-navy)}
.vest ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.vest li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.5;color:var(--idm-ink)}
.vest li>span:first-child{color:var(--idm-red);display:flex;margin-top:2px}
.vest-cta{margin-top:auto;padding-top:8px;display:flex;gap:10px;flex-wrap:wrap}
.vest-cta .btn{padding:14px 22px 14px 26px;font-size:16px}

/* Formulier (Contact) */
.d-form{display:flex;gap:64px;flex-wrap:wrap;align-items:flex-start;scroll-margin-top:90px}
.d-form-txt{flex:1 1 420px;min-width:0}

@media (max-width:900px){
  .ih{padding-top:140px}
  .ih-wrap{padding:0 20px}
  .p-video{padding-left:12px;padding-right:12px}
  .vid-box{aspect-ratio:4/5}
  .vid-play{padding:24px}
  .play{width:64px;height:64px}
  .p-vest-sec{margin-top:64px}
  .vest-b{padding:26px 22px 28px}
  .ih-cta{flex-direction:column}
  .ih-cta .btn,.vest-cta .btn{justify-content:space-between}
}