:root { color-scheme: light; --ink:#142f3c; --muted:#526673; --navy:#112d3b; --blue:#eaf1f3; --orange:#db8650; --paper:#fbfaf7; --line:#d8e1e3; --white:#fff; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:17px; line-height:1.65; }
    a { color:inherit; }
    a:focus-visible { outline:3px solid var(--orange); outline-offset:4px; }
    .wrap { width:min(1160px,calc(100% - 48px)); margin:auto; }
    .top { border-bottom:1px solid rgba(20,47,60,.12); }
    .top-inner { min-height:78px; display:flex; align-items:center; justify-content:space-between; gap:26px; }
    .brand { display:flex; align-items:center; gap:12px; flex:none; text-decoration:none; font-size:15px; font-weight:750; letter-spacing:.035em; line-height:1.15; }
    .mark { width:42px; height:42px; display:grid; place-items:center; border-radius:14px; background:var(--navy); color:#f1ad78; font-family:Georgia,serif; font-size:20px; letter-spacing:-.06em; }
    .brand small { display:block; margin-top:4px; color:var(--muted); font-size:11px; font-weight:650; letter-spacing:.17em; text-transform:uppercase; }
    nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px 20px; }
    nav a { color:#354d59; font-size:13px; font-weight:650; text-decoration:none; }
    nav a:hover { color:#a85f31; }
    .hero { display:grid; grid-template-columns:.98fr 1.02fr; align-items:center; gap:clamp(38px,7vw,88px); padding:68px 0 78px; }
    .eyebrow { display:flex; align-items:center; gap:10px; color:#a85f31; text-transform:uppercase; font-size:12px; font-weight:760; letter-spacing:.18em; }
    .eyebrow::before { content:""; width:24px; height:1px; background:var(--orange); }
    h1,h2 { font-family:Georgia,"Times New Roman",serif; font-weight:500; letter-spacing:-.035em; }
    h1 { max-width:590px; margin:20px 0; font-size:clamp(45px,6vw,72px); line-height:1.04; }
    h2 { max-width:720px; margin:12px 0 18px; font-size:clamp(34px,4.2vw,50px); line-height:1.12; }
    h3 { margin:9px 0 8px; font-size:19px; line-height:1.3; }
    p { margin:0 0 15px; }
    .lead { max-width:520px; color:var(--muted); font-size:19px; line-height:1.72; }
    .service-hero { display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:clamp(36px,7vw,84px); padding:72px 0 88px; }
    .service-copy h1 { max-width:650px; }
    .service-copy .lead { max-width:610px; }
    .service-art { position:relative; min-height:350px; display:grid; place-items:center; overflow:hidden; padding:34px; border:1px solid var(--line); border-radius:5px; background:linear-gradient(145deg,#f0f4f3 0%,#fffdfa 64%,#f7e9df 100%); }
    .service-art::before,.service-art::after { content:""; position:absolute; border:1px solid rgba(20,47,60,.12); border-radius:50%; }
    .service-art::before { width:270px; height:270px; }
    .service-art::after { width:340px; height:340px; }
    .brand-card { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; gap:20px; width:min(100%,350px); padding:30px 28px; border:1px solid rgba(20,47,60,.1); background:rgba(255,255,255,.92); box-shadow:0 18px 48px rgba(17,45,59,.1); text-align:center; }
    .brand-card img { display:block; max-width:220px; max-height:82px; width:auto; height:auto; object-fit:contain; }
    .brand-card .iph-logo { max-width:210px; max-height:82px; }
    .brand-card .lvv-logo { max-width:220px; max-height:70px; }
    .brand-kicker { margin:0; color:#a85f31; font-size:11px; font-weight:760; letter-spacing:.15em; text-transform:uppercase; }
    .brand-description { max-width:260px; margin:0; color:var(--muted); font-size:15px; line-height:1.55; }
    .brand-link { display:inline-flex; align-items:center; gap:7px; color:var(--ink); font-size:13px; font-weight:700; text-underline-offset:4px; }
    .epic-wordmark { display:block; color:#172b38; text-decoration:none; font-size:28px; font-weight:850; letter-spacing:.02em; }
    .service-details { padding:0 0 72px; }
    .service-details .offer { min-height:160px; }
    .service-details .offer h3 { font-family:Georgia,"Times New Roman",serif; font-size:24px; font-weight:500; }
    .service-details .offer p { margin-bottom:0; }
    .service-note { margin-top:18px; color:var(--muted); font-size:13px; }
    .coach-photo-card { position:relative; z-index:1; width:min(100%,290px); margin:0; }
    .coach-photo-card img { display:block; width:100%; height:340px; object-fit:cover; object-position:center 35%; border:1px solid rgba(20,47,60,.12); border-radius:48% 48% 6px 6px; box-shadow:0 18px 48px rgba(17,45,59,.12); }
    .coach-photo-card figcaption { position:absolute; right:-15px; bottom:17px; padding:11px 15px; border-left:3px solid var(--orange); background:#fffdfa; box-shadow:0 10px 28px rgba(17,45,59,.1); font-family:Georgia,"Times New Roman",serif; font-size:17px; }
    .coach-bio-note { max-width:620px; margin-top:19px; padding:18px 20px; border-left:3px solid var(--orange); background:var(--white); box-shadow:0 8px 24px rgba(17,45,59,.06); }
    .coach-bio-note .eyebrow { margin-bottom:8px; }
    .coach-bio-note p { margin:0; color:var(--muted); font-family:inherit; font-size:16px; line-height:1.6; }
    .actions { display:flex; flex-wrap:wrap; gap:14px; align-items:center; margin-top:26px; }
    .button { display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:12px 20px; border-radius:4px; background:var(--navy); color:white; text-decoration:none; font-size:14px; font-weight:700; transition:background .2s,transform .2s; }
    .button:hover { background:#24495b; transform:translateY(-1px); }
    .link { color:var(--ink); text-decoration-thickness:1px; text-underline-offset:4px; font-size:14px; font-weight:650; }
    .photo { position:relative; min-height:455px; }
    .photo::before { content:""; position:absolute; top:18px; right:-17px; width:72%; height:75%; border:1px solid #d49a72; border-radius:46% 46% 6px 6px; }
    .photo img { position:relative; display:block; width:100%; height:455px; object-fit:cover; object-position:center top; border-radius:48% 48% 6px 6px; }
    .photo-note { position:absolute; left:-28px; bottom:20px; max-width:235px; padding:16px 18px; background:#fffdfa; border-left:3px solid var(--orange); box-shadow:0 12px 30px rgba(17,45,59,.1); font-family:Georgia,serif; font-size:17px; line-height:1.4; }
    .band { background:var(--blue); }
    .section { padding:72px 0; }
    .section-head { max-width:680px; margin-bottom:30px; }
    .muted { color:var(--muted); }
    .offers { display:grid; grid-template-columns:repeat(2,1fr); gap:16px; }
    .offer { min-height:190px; padding:25px 27px; background:var(--white); border:1px solid var(--line); border-top:3px solid var(--orange); }
    .offer p { max-width:470px; color:var(--muted); font-size:16px; }
    .tags { display:flex; flex-wrap:wrap; gap:8px; margin-top:17px; }
    .tag { padding:5px 10px; border:1px solid var(--line); border-radius:999px; color:#37525f; font-size:13px; font-weight:600; }
    .split { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
    .panel { padding:30px; background:var(--white); border:1px solid var(--line); }
    .panel p { color:var(--muted); }
    .panel ul { padding-left:20px; margin:14px 0 0; color:var(--muted); }
    .panel li { margin:6px 0; }
    .approach { display:grid; grid-template-columns:.78fr 1.22fr; gap:56px; align-items:start; }
    .approach-copy { max-width:660px; color:var(--muted); font-size:18px; }
    .disc-feature { display:grid; grid-template-columns:155px minmax(0,1fr); align-items:center; gap:22px; margin:28px 0 4px; padding:22px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
    .disc-visual { display:block; width:100%; max-width:155px; height:auto; margin:auto; }
    .disc-feature h3 { margin:0 0 8px; }
    .disc-feature p { margin:0; font-size:16px; line-height:1.6; }
    .drijfveren-feature { display:grid; grid-template-columns:155px minmax(0,1fr); align-items:center; gap:22px; margin:0 0 4px; padding:22px 0; border-bottom:1px solid var(--line); }
    .drijfveren-visual { display:block; width:100%; max-width:155px; height:auto; margin:auto; }
    .drijfveren-feature h3 { margin:0 0 8px; }
    .drijfveren-feature p { margin:0; font-size:16px; line-height:1.6; }
    .drijfveren-legend { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px 12px; margin:14px 0 0; padding:0; list-style:none; color:var(--ink); font-size:14px; line-height:1.4; }
    .drijfveren-legend li { display:flex; align-items:center; gap:7px; }
    .disc-legend { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px 12px; margin:14px 0 0; padding:0; list-style:none; color:var(--ink); font-size:14px; line-height:1.4; }
    .disc-legend li { display:flex; align-items:center; gap:7px; }
    .disc-swatch { width:10px; height:10px; flex:none; border-radius:50%; }
    .pillars { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:25px; }
    .pillar { padding:17px 16px; border-top:1px solid #c7d5d9; }
    .pillar b { display:block; margin-bottom:4px; color:var(--ink); font-size:15px; }
    .pillar span { color:var(--muted); font-size:14px; }
    .about { display:grid; grid-template-columns:1.05fr .95fr; gap:55px; align-items:center; }
    .about-photo { max-width:245px; margin:23px 0 0; }
    .about-photo img { display:block; width:100%; aspect-ratio:1/1; object-fit:cover; object-position:center 42%; border:1px solid var(--line); border-radius:44% 44% 6px 6px; }
    .about-photo figcaption { margin-top:7px; color:var(--muted); font-size:13px; }
    .about-card { padding:30px; background:var(--navy); color:#f8f5ef; }
    .about-card p { color:#d5dfe2; }
    .fact { display:flex; gap:10px; align-items:flex-start; margin:14px 0; font-size:15px; }
    .fact::before { content:""; width:7px; height:7px; margin-top:9px; flex:none; border-radius:50%; background:var(--orange); }
    .testimonials { display:grid; gap:30px; }
    .quote { display:grid; grid-template-columns:104px minmax(0,1fr); align-items:start; gap:22px; max-width:940px; margin:0; padding:0; text-align:left; }
    .quote-photo { position:relative; grid-column:1; grid-row:1 / span 2; width:104px; height:104px; margin:3px 0 0; overflow:hidden; border-radius:50%; background:#f4f5f3; }
    .quote-photo img { position:absolute; display:block; width:auto; max-width:none; }
    .quote-kathy .quote-photo img { height:275px; top:0; left:-3px; }
    .quote-henk .quote-photo img { height:264px; top:-14px; left:-5px; }
    .quote-willeke .quote-photo img { height:306px; top:-40px; left:-10px; }
    .quote blockquote { grid-column:2; grid-row:1; margin:0 0 8px; color:var(--muted); font:inherit; }
    .quote cite { color:var(--ink); font-size:15px; font-style:normal; }
    .quote cite a { text-underline-offset:3px; }
    .quote figcaption { grid-column:2; grid-row:2; color:var(--ink); font-size:15px; line-height:1.55; }
    .quote figcaption strong { display:inline; font-size:15px; }
    .quote-role { display:block; margin:2px 0 0; color:var(--muted); font-size:15px; line-height:1.5; }
    .quote-role a { text-underline-offset:3px; }
    .contact-band { background:var(--navy); color:#f8f5ef; }
    .contact { display:grid; grid-template-columns:1fr auto; align-items:center; gap:40px; padding:55px 0; }
    .contact h2 { margin:8px 0 10px; }
    .contact p { max-width:600px; color:#d5dfe2; }
    .contact .button { background:#f0ad78; color:#182f3a; }
    .contact .button:hover { background:#f6c096; }
    .details { display:flex; flex-wrap:wrap; gap:9px 25px; margin-top:20px; color:#d5dfe2; font-size:14px; }
    .details a { color:#f0ad78; text-underline-offset:3px; }
    footer { padding:22px 0; background:#0b202a; color:#c7d2d7; font-size:13px; }
    .foot { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px 24px; }
    .foot a { color:#f0ad78; text-underline-offset:3px; }
    .linkedin-link { display:inline-flex; align-items:center; gap:8px; }
    .linkedin-icon { width:22px; height:22px; flex:none; }
    @media (max-width:900px) { nav { gap:6px 13px; } .top-inner { align-items:flex-start; flex-direction:column; padding:17px 0; } .hero { gap:42px; } }
    @media (max-width:720px) {
      .wrap { width:min(100% - 36px,560px); }
      .top-inner { gap:13px; }
      nav { justify-content:flex-start; gap:8px 15px; }
      .hero { grid-template-columns:1fr; gap:40px; padding:48px 0 61px; }
      .service-hero { grid-template-columns:1fr; gap:30px; padding:48px 0 55px; }
      .service-art { min-height:270px; padding:24px; }
      .coach-photo-card { width:min(100%,230px); }
      .coach-photo-card img { height:280px; }
      .coach-photo-card figcaption { right:-9px; }
      .service-art::before { width:215px; height:215px; }
      .service-art::after { width:275px; height:275px; }
      .service-details { padding-bottom:56px; }
      h1 { font-size:clamp(46px,12vw,68px); }
      .photo { min-height:350px; margin:0 12px 0 18px; }
      .photo img { height:350px; }
      .photo::before { right:-11px; }
      .photo-note { left:-18px; bottom:13px; max-width:210px; font-size:16px; }
      .section { padding:56px 0; }
      .offers,.split,.about,.approach { grid-template-columns:1fr; gap:14px; }
      .section-head { margin-bottom:22px; }
      .offer,.panel { padding:22px; }
      .approach { gap:4px; }
      .disc-feature { grid-template-columns:96px minmax(0,1fr); gap:15px; margin-top:22px; padding:18px 0; }
      .disc-visual { max-width:96px; }
      .disc-legend { grid-template-columns:1fr; gap:5px; }
      .drijfveren-feature { grid-template-columns:96px minmax(0,1fr); gap:15px; padding:18px 0; }
      .drijfveren-visual { max-width:96px; }
      .drijfveren-legend { grid-template-columns:1fr; gap:5px; }
      .pillars { grid-template-columns:1fr; gap:0; }
      .pillar { padding:14px 0; }
      .contact { grid-template-columns:1fr; gap:20px; padding:44px 0; }
      .quote { grid-template-columns:72px minmax(0,1fr); gap:14px; }
      .quote-photo { grid-column:1; grid-row:1 / span 2; width:72px; height:72px; }
      .quote blockquote { grid-column:2; grid-row:1; margin:0 0 8px; }
      .quote figcaption { grid-column:2; grid-row:2; }
      .details { flex-direction:column; gap:7px; }
    }
    @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; } }

/* Navigatie en pagina-indeling */
nav a[aria-current="page"] { color:#a85f31; text-decoration:underline; text-underline-offset:5px; }
.page-intro { padding:64px 0 54px; }
.page-intro h1 { max-width:760px; }
.page-intro .lead { max-width:760px; }
.page-intro .tags { margin-top:22px; }
.offer-more { display:inline-block; margin-top:12px; }
@media (max-width:720px) { .page-intro { padding:48px 0 42px; } }