@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Inter:wght@400;500;600&display=swap');
:root{--navy:#06306d;--green:#13754d;--mint:#edf5f0;--pale:#f8faf8;--line:#dfe7e2;--text:#173d6b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,Arial,sans-serif;background:#fff}.site-header{height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9eeeb;background:#fff;position:sticky;top:0;z-index:20}.brand{text-decoration:none;color:var(--navy);display:flex;flex-direction:column}.brand strong{font:400 28px/1.1 'Libre Baskerville',serif}.brand span{font-size:9px;letter-spacing:.18em;margin-top:5px}.site-header nav{display:flex;gap:27px;align-items:center}.site-header nav a,footer nav a{font-size:12px;color:var(--navy);text-decoration:none;padding:10px 0}.site-header nav a.active{border-bottom:2px solid var(--green)}.hero{min-height:500px;display:grid;grid-template-columns:48% 52%;background:#f6faf7;overflow:hidden}.hero-copy{padding:60px 3vw 55px 5.8vw;z-index:2;background:linear-gradient(90deg,#f6faf7 0%,#f6faf7 78%,rgba(246,250,247,.88) 100%)}.eyebrow{color:var(--green);font-weight:600;font-size:11px;letter-spacing:.19em;margin:0 0 15px}.hero h1{font:400 clamp(42px,4.2vw,65px)/1.08 'Libre Baskerville',serif;color:var(--navy);margin:0 0 16px;letter-spacing:-.03em}.strap{font:400 20px/1.4 'Libre Baskerville',serif;margin:0 0 18px}.intro{font-size:15px;line-height:1.6;max-width:610px;margin:0}.actions{display:flex;align-items:center;gap:28px;margin-top:28px}.btn{display:inline-flex;gap:25px;align-items:center;background:var(--green);color:#fff;text-decoration:none;border-radius:28px;padding:14px 24px;font-size:14px}.textlink,.greenlink{color:var(--navy);font-size:13px}.textlink b,.greenlink b,.cards a b,.expertise a b{font-size:20px;margin-left:12px}.hero-visual{position:relative;min-height:500px;overflow:hidden;background:#294c2d}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:42% 50%;transform:scale(1.03);filter:none}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,250,247,.16) 0%,rgba(20,47,25,0) 46%,rgba(13,40,21,.25) 68%,rgba(8,30,16,.76) 100%);pointer-events:none}.portrait-quote{position:absolute;z-index:2;right:4.5vw;top:50%;transform:translateY(-50%);width:210px;border-left:1px solid rgba(255,255,255,.75);padding-left:22px;font:italic 17px/1.48 'Libre Baskerville',serif;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.portrait-quote small{display:block;margin-top:20px;font:400 12px/1.45 Inter,sans-serif;color:#fff}.portrait-quote em{font-style:italic}.families{min-height:210px;padding:34px 6vw;display:flex;align-items:center;justify-content:space-between;color:#fff;background:linear-gradient(90deg,rgba(5,29,42,.68),rgba(9,50,67,.22)),url('assets/families-banner-clean.png') center 58%/cover no-repeat}.families h2{font:400 36px/1.1 'Libre Baskerville',serif;margin:0 0 10px}.families p{max-width:620px;margin:0;font-size:15px;line-height:1.5}.btn.outline{border:1px solid #fff}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:24px 3vw 26px;background:#fbfcfb}.cards article{border:1px solid #edf0ed;padding:26px 28px;background:#fff;min-height:260px}.cards .icon,.round{width:46px;height:46px;border-radius:50%;background:#e7f1ea;color:var(--green);display:flex;align-items:center;justify-content:center;font-size:18px}.cards h2,.pro h2,.practice h2,.approach h2,.about h2,.contact h2{font:400 27px/1.18 'Libre Baskerville',serif;color:var(--navy);margin:13px 0}.cards p,.pro p,.practice p,.expertise p,.approach p,.about p,.contact p{font-size:14px;line-height:1.55}.cards a,.expertise a{color:var(--navy);font-size:13px}.pro{display:grid;grid-template-columns:60% 40%;padding:42px 6vw;background:#fff}.pro>div:first-child{padding-right:7vw}.pro h2{font-size:34px}.pro-points{border-left:1px solid #cfd9d4;padding:3px 0 3px 40px}.pro-points p{display:flex;align-items:center;gap:18px;margin:8px 0 18px}.pro-points span{font-size:25px;color:var(--navy);width:30px}.greenlink{color:var(--green)}.practice{display:grid;grid-template-columns:68% 32%;padding:40px 6vw;background:linear-gradient(90deg,#f6faf7,#edf5f0)}.practice ul{list-style:none;padding:0;margin:15px 0 0}.practice li{font-size:13px;margin:8px 0;padding-left:27px;position:relative}.practice li:before{content:'✓';position:absolute;left:0;top:-2px;width:18px;height:18px;border-radius:50%;background:var(--green);color:#fff;text-align:center;line-height:18px}.practice blockquote{border-left:1px solid #cad7d0;padding:28px 0 20px 38px;margin:0;font:italic 23px/1.45 'Libre Baskerville',serif;color:var(--navy);align-self:center}.expertise{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 3vw;background:#fff}.expertise article{padding:0 24px;border-right:1px solid var(--line)}.expertise article:last-child{border:0}.expertise h2{font:400 20px/1.2 'Libre Baskerville',serif;color:var(--navy);margin:10px 0}.expertise p{min-height:135px}.approach{display:grid;grid-template-columns:42% 58%;gap:7%;padding:50px 6vw;background:#f8faf8}.approach ol{margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px;counter-reset:steps}.approach li{list-style:none;background:#fff;border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;gap:8px;font-size:14px}.approach li span{font-size:13px;line-height:1.5}.about{display:grid;grid-template-columns:38% 62%;gap:7%;padding:48px 6vw}.about h3{font:500 15px/1.5 Inter,sans-serif;color:var(--green)}.trust{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 4vw;border-bottom:1px solid var(--line)}.trust div{display:flex;align-items:center;justify-content:center;gap:14px;font:400 13px 'Libre Baskerville',serif;color:var(--navy)}.trust b{font:400 28px Inter}.contact{display:grid;grid-template-columns:55% 45%;padding:50px 6vw;background:#f8faf8}.contactbox{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);padding:25px}.contactbox strong{font:400 22px 'Libre Baskerville',serif;color:var(--navy)}.contactbox a{color:var(--navy)}footer{display:grid;grid-template-columns:1fr 2fr .7fr;align-items:center;padding:28px 5vw;background:#fff}footer .brand strong{font-size:20px}footer .brand span{font-size:7px}footer nav{display:flex;justify-content:center;gap:22px}.footer-note{font:italic 14px/1.35 'Libre Baskerville',serif;color:var(--navy);border-left:1px solid #ccd6d0;padding-left:30px;transform:rotate(-5deg)}
@media(max-width:1000px){.site-header nav a:nth-child(5),.site-header nav a:nth-child(6){display:none}.hero{grid-template-columns:1fr}.hero-copy{padding-bottom:30px}.hero-visual{min-height:440px}.cards,.expertise{grid-template-columns:1fr 1fr}.pro,.practice,.approach,.about,.contact{grid-template-columns:1fr}.pro-points,.practice blockquote{border-left:0;border-top:1px solid #cad7d0;margin-top:25px;padding:25px 0}.expertise article:nth-child(2){border-right:0}.expertise p{min-height:0}.approach{gap:25px}.trust{grid-template-columns:1fr 1fr;gap:22px}footer{grid-template-columns:1fr}footer nav{margin:20px 0;justify-content:flex-start;flex-wrap:wrap}.footer-note{display:none}}
@media(max-width:650px){.site-header{height:72px}.site-header nav{display:none}.brand strong{font-size:21px}.hero-copy{padding:42px 7vw 25px}.hero h1{font-size:39px}.strap{font-size:18px}.hero-visual{display:block;min-height:430px}.hero-photo{object-position:42% 50%}.portrait-quote{right:7vw;top:auto;bottom:34px;transform:none;width:185px;margin:0;padding-left:18px;max-width:none;font-size:15px}.actions{align-items:flex-start;flex-direction:column;gap:16px}.cards,.expertise,.trust{grid-template-columns:1fr}.cards{padding:18px}.expertise article{border-right:0;border-bottom:1px solid var(--line);padding:24px}.approach ol{grid-template-columns:1fr}.families{display:block;padding:32px 7vw}.families .btn{margin-top:22px}.contact,.pro,.practice,.approach,.about{padding:38px 7vw}}

/* Versie 10: alleen toevoegingen op de originele versie-7-stijl */
.site-header{gap:22px}
.language-switch{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:10px;color:var(--navy)}
.language-switch a,.language-switch span{color:var(--navy);text-decoration:none;padding:5px 2px}
.language-switch span{font-weight:600}
.about a,.article-page a,.knowledge-grid a{color:var(--green)}
.page-intro{padding:72px 6vw 45px;background:#f6faf7}
.page-intro h1,.article-page h1{font:400 clamp(38px,4vw,58px)/1.1 'Libre Baskerville',serif;color:var(--navy);letter-spacing:-.025em;margin:0 0 20px}
.page-intro>p:last-child{max-width:760px;font-size:15px;line-height:1.65}
.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:28px 3vw 42px;background:#fbfcfb}
.knowledge-grid article{background:#fff;border:1px solid #edf0ed;padding:30px;min-height:270px}
.knowledge-grid h2,.faq-list h2,.article-page h2{font:400 25px/1.22 'Libre Baskerville',serif;color:var(--navy);margin:12px 0}
.knowledge-grid p,.faq-list p,.article-page p{font-size:14px;line-height:1.65}
.knowledge-grid a{font-size:13px}
.faq-list{padding:48px 6vw;background:#f6faf7}
.faq-list>h2{font-size:34px}
.faq-list details{max-width:900px;border-bottom:1px solid var(--line);padding:16px 0}
.faq-list summary{cursor:pointer;color:var(--navy);font-weight:600;font-size:14px}
.article-page{max-width:920px;margin:0 auto;padding:70px 6vw}
.article-page .lead{font:400 18px/1.6 'Libre Baskerville',serif;color:var(--navy);margin-bottom:35px}
.article-page h2{margin-top:38px}
.article-cta{margin-top:50px;padding:30px;background:#f6faf7;border:1px solid var(--line)}
.article-cta h2{margin-top:0}
@media(max-width:1150px){.site-header nav{gap:18px}.site-header nav a{font-size:11px}}
@media(max-width:1000px){.language-switch{margin-left:auto}.knowledge-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.language-switch{font-size:10px}.knowledge-grid{grid-template-columns:1fr;padding:18px}.page-intro,.article-page,.faq-list{padding-left:7vw;padding-right:7vw}}


/* Definitieve correctieronde september 2026 */
.article-page .btn,.article-cta .btn{color:#fff}
.contactbox{border:none;background:transparent;padding:0 0 0 4vw;gap:7px}
.contactbox strong{font:400 26px/1.2 'Libre Baskerville',serif;margin-bottom:2px}
.contactbox span:first-of-type{color:var(--green);margin-bottom:7px}
.estate-experience{display:grid;grid-template-columns:38% 62%;gap:7%;padding:48px 6vw;background:#f6faf7;border-top:1px solid rgba(12,59,95,.05)}
.estate-experience h2{font:400 30px/1.18 'Libre Baskerville',serif;color:var(--navy);margin:13px 0}
.estate-experience p{font-size:14px;line-height:1.6;margin-top:0}
/* Geef de quote en ondertekening meer ruimte zonder de foto opnieuw te ontwerpen. */
.portrait-quote{width:290px;right:3vw;font-size:16px}
.portrait-quote small{white-space:nowrap;font-size:11px}
.hero-photo{transform:none}
@media(max-width:1000px){.estate-experience{grid-template-columns:1fr;gap:12px}.contactbox{padding-left:0}.portrait-quote{width:280px}}
@media(max-width:650px){.estate-experience{padding:38px 7vw}.portrait-quote{width:245px;right:5vw}.portrait-quote small{white-space:normal}}

/* Compacte eindcorrectie: sterkere praktijkkleur en gecombineerde onderzijde */
.practice{background:#edf5f0}
.profile-method{display:grid;grid-template-columns:38% 62%;gap:7%;padding:52px 6vw;background:#f8faf8;border-top:1px solid rgba(12,59,95,.05)}
.profile-method h2{font:400 30px/1.18 'Libre Baskerville',serif;color:var(--navy);margin:13px 0 15px}
.profile-method p{font-size:14px;line-height:1.62;margin-top:0}
.profile-method-copy p{margin:0 0 16px}
.profile-method-copy strong{color:var(--navy);font-weight:600}
.profile-method-copy a{color:var(--green)}
@media(max-width:1000px){.profile-method{grid-template-columns:1fr;gap:18px}}
@media(max-width:650px){.profile-method{padding:38px 7vw}}


/* Eindcorrectie 22-09-2026: portret, praktijkkleur en contactregels */
.practice{background:linear-gradient(90deg,#f6faf7,#edf5f0)}
/* Toon het volledige originele vierkante portret links in het beeldvlak; de vrije groene ruimte blijft voor de quote. */
.hero-photo{inset:0 auto 0 0;width:auto;height:100%;max-width:none;object-fit:contain;object-position:left center;transform:none}
.portrait-quote{width:330px;right:2vw}
.portrait-quote small{white-space:nowrap;font-size:10px;line-height:1.45}
.contactbox a{text-decoration:none}
.contact-line{display:block;color:var(--navy);font-size:14px;line-height:1.55}
.contact-line b{font-weight:600;color:var(--navy)}
.contact-line a{color:var(--navy);text-decoration:none}
@media(max-width:1000px){.hero-photo{left:0;width:auto;height:100%}.portrait-quote{width:310px;right:4vw}}
@media(max-width:650px){.hero-photo{height:100%;width:auto;max-width:none}.portrait-quote{width:235px;right:5vw}.portrait-quote small{white-space:normal;font-size:10px}}

/* Laatste detailcorrectie: zichtbare vlaggen en portret iets kleiner */
.language-switch .flag{display:inline-block;width:16px;height:11px;margin-right:4px;vertical-align:-1px;border:1px solid rgba(6,48,109,.12);box-sizing:border-box}
.language-switch .flag-nl{background:linear-gradient(to bottom,#ae1c28 0 33.33%,#fff 33.33% 66.66%,#21468b 66.66% 100%)}
.language-switch .flag-gb{background:#21468b;position:relative;overflow:hidden}
.language-switch .flag-gb:before{content:'';position:absolute;inset:0;background:linear-gradient(33deg,transparent 42%,#fff 42% 48%,#c8102e 48% 52%,#fff 52% 58%,transparent 58%),linear-gradient(-33deg,transparent 42%,#fff 42% 48%,#c8102e 48% 52%,#fff 52% 58%,transparent 58%)}
.language-switch .flag-gb:after{content:'';position:absolute;left:0;right:0;top:4px;height:3px;background:#fff;box-shadow:0 0 0 1px #c8102e}
.hero-photo{height:88%;top:6%;bottom:auto}
@media(max-width:1000px){.hero-photo{height:88%;top:6%}}
@media(max-width:650px){.hero-photo{height:90%;top:5%}}

/* Finale detailcorrectie: echte NL/UK-vlaggen en groene marge links van portret */
.language-switch img.flag{display:inline-block;width:16px;height:11px;margin-right:4px;vertical-align:-1px;border:1px solid rgba(6,48,109,.12);object-fit:cover}
.hero-photo{left:3%;right:auto;height:88%;top:6%;bottom:auto}
@media(max-width:1000px){.hero-photo{left:3%;height:88%;top:6%}}
@media(max-width:650px){.hero-photo{left:3%;height:90%;top:5%}}

/* Mobiele verfijningsronde 22-09-2026 */
.document-expertise{padding:38px 6vw;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.document-expertise article{max-width:920px;display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:start}
.document-expertise h2{font:400 24px/1.2 'Libre Baskerville',serif;color:var(--navy);margin:8px 0 10px}
.document-expertise p{font-size:14px;line-height:1.6;max-width:760px}
.document-expertise a{color:var(--green);font-size:13px}
.compact-contact{align-items:start}
.compact-contact>div:first-child h2{margin-bottom:0}
@media(min-width:651px){.trust{grid-template-columns:repeat(4,1fr)}}
@media(max-width:650px){
  .site-header{padding-left:5vw;padding-right:5vw;gap:8px}
  .site-header .brand{min-width:0;flex:1}
  .site-header .brand strong{font-size:20px;line-height:1.05}
  .site-header .brand span{font-size:6px;letter-spacing:.07em;white-space:nowrap}
  .language-switch{flex:0 0 auto;gap:4px}
  html[lang="nl"] .portrait-quote{width:205px;right:4vw;font-size:13px;line-height:1.38;padding-left:14px}
  html[lang="nl"] .portrait-quote small{font-size:8.5px;line-height:1.35}
  .pro h2{font-size:29px;line-height:1.08}
  .document-expertise{padding:30px 7vw}
  .document-expertise article{grid-template-columns:38px 1fr;gap:12px}
  .document-expertise h2{font-size:21px}
  .trust{grid-template-columns:1fr 1fr;gap:0;padding:18px 5vw}
  .trust div{justify-content:flex-start;gap:8px;padding:12px 7px;font-size:11px;line-height:1.25}
  .trust b{font-size:20px;min-width:22px;text-align:center}
  .contact.compact-contact{padding-top:28px;padding-bottom:34px;gap:18px}
  .compact-contact h2{font-size:26px}
  .contactbox strong{font-size:23px}
}


/* Correctieronde mobiel 22-09-2026 */
.profile-method-copy .method-item{padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid var(--line)}
.profile-method-copy .method-item:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.profile-method-copy .method-item p{margin:0 0 8px}
.profile-method-copy .method-item a{color:var(--green);font-size:13px}
@media(max-width:650px){
  /* NL-portretquote compacter en verder naar links, zodat hij binnen de foto blijft. */
  html[lang="nl"] .portrait-quote{
    width:178px;
    right:8vw;
    bottom:30px;
    font-size:11.5px;
    line-height:1.32;
    padding-left:11px;
  }
  html[lang="nl"] .portrait-quote small{
    font-size:7.8px;
    line-height:1.3;
    margin-top:10px;
  }

  /* De vier voordelen echt 2 x 2 op mobiel. */
  .pro-points{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0;
    padding:18px 0 0;
  }
  .pro-points p{
    display:grid;
    grid-template-columns:22px 1fr;
    align-items:start;
    gap:7px;
    margin:0;
    padding:12px 8px;
    font-size:10.5px;
    line-height:1.3;
  }
  .pro-points span{
    width:22px;
    font-size:17px;
    line-height:1.1;
  }

  .profile-method{gap:14px}
  .profile-method-copy .method-item{padding-bottom:16px;margin-bottom:16px}
}


/* Correctieronde 3 mobiel 22-09-2026 */
.pro-points .point-text{font-size:inherit;color:inherit;width:auto}
@media(max-width:650px){
  /* Quote leesbaar en duidelijk verder naar links in het portret. */
  html[lang="nl"] .portrait-quote{
    width:148px;
    right:18px;
    bottom:25px;
    font-size:12.5px;
    line-height:1.34;
    padding-left:10px;
  }
  html[lang="nl"] .portrait-quote small{
    font-size:8.2px;
    line-height:1.3;
    margin-top:9px;
  }

  /* Bewuste compacte regelval in het 2x2 voordelenblok. */
  .pro-points p{
    grid-template-columns:20px 1fr;
    gap:6px;
    padding:11px 5px;
    font-size:10px;
    line-height:1.28;
  }
  .pro-points p>span:first-child{
    width:20px;
    font-size:16px;
  }

  /* Contact: één kop en de lange functietitel zo compact mogelijk. */
  .contact.compact-contact{gap:8px}
  .contact.compact-contact>div:first-child{min-height:0}
  .contactbox strong{font-size:22px}
  .contactbox .contact-title{
    font-size:10.5px;
    line-height:1.35;
    color:var(--green);
    white-space:nowrap;
  }
}


/* Correctieronde 4 mobiel 22-09-2026 */
@media(max-width:650px){
  /* Portretquote links van het gezicht plaatsen. */
  html[lang="nl"] .portrait-quote{
    left:14px !important;
    right:auto !important;
    width:102px !important;
    bottom:23px !important;
    padding-left:0 !important;
    padding-right:8px !important;
    font-size:10px !important;
    line-height:1.28 !important;
    text-align:left !important;
  }
  html[lang="nl"] .portrait-quote small{
    font-size:7.2px !important;
    line-height:1.25 !important;
    margin-top:7px !important;
  }

  /* Opsomming even compact als het voordelenblok onder de banner. */
  .pro-points p{
    font-size:8px !important;
    line-height:1.22 !important;
  }
  .pro-points p>span:first-child{
    font-size:12px !important;
  }

  /* Volledige naam in contact op één regel. */
  .contactbox strong{
    display:block !important;
    white-space:nowrap !important;
    font-size:18px !important;
    letter-spacing:-.2px !important;
  }
}

/* Correctieronde 5 mobiel 22-09-2026 */
@media(max-width:650px){
  /* Functietitel bij contact op één regel; OSINT blijft op de volgende regel. */
  .contactbox .contact-title{
    display:block !important;
    font-size:9.4px !important;
    line-height:1.35 !important;
    letter-spacing:-.18px !important;
    white-space:nowrap !important;
  }
}

/* Correctieronde 6: portrettekst definitief links op mobiel */
@media (max-width:650px){
  html[lang="nl"] .hero-visual .portrait-quote{
    left:10px !important;
    right:auto !important;
    top:50% !important;
    bottom:auto !important;
    transform:translateY(-50%) !important;
    width:92px !important;
    max-width:92px !important;
    border-left:0 !important;
    border-right:1px solid rgba(255,255,255,.75) !important;
    padding:0 8px 0 0 !important;
    margin:0 !important;
    font-size:9px !important;
    line-height:1.25 !important;
    text-align:left !important;
  }
  html[lang="nl"] .hero-visual .portrait-quote small{
    font-size:6.8px !important;
    line-height:1.2 !important;
    margin-top:6px !important;
  }
}

/* Correctieronde 7 mobiel 22-09-2026: quote volledig links van gezicht */
@media (max-width:650px){
  html[lang="nl"] .hero-visual .portrait-quote{
    left:8px !important;
    right:auto !important;
    top:43% !important;
    bottom:auto !important;
    transform:none !important;
    width:76px !important;
    max-width:76px !important;
    border-left:0 !important;
    border-right:0 !important;
    padding:0 !important;
    margin:0 !important;
    font-size:8px !important;
    line-height:1.22 !important;
    text-align:left !important;
    text-shadow:0 1px 3px rgba(0,0,0,.55) !important;
  }
  html[lang="nl"] .hero-visual .portrait-quote small{
    display:block !important;
    margin-top:5px !important;
    font-size:6px !important;
    line-height:1.18 !important;
    white-space:normal !important;
  }
}

/* Correctieronde 8 mobiel 22-09-2026: quote groter en lager, links van gezicht */
@media (max-width:650px){
  html[lang="nl"] .hero-visual .portrait-quote{
    left:8px !important;
    right:auto !important;
    top:55% !important;
    bottom:auto !important;
    width:88px !important;
    max-width:88px !important;
    font-size:9.5px !important;
    line-height:1.25 !important;
  }
  html[lang="nl"] .hero-visual .portrait-quote small{
    margin-top:5px !important;
    font-size:7px !important;
    line-height:1.2 !important;
  }
}

/* Correctieronde 9 mobiel 22-09-2026: quote iets van linkerrand */
@media (max-width:650px){
  html[lang="nl"] .hero-visual .portrait-quote{
    left:15px !important;
  }
}

/* Correctieronde 10 mobiel 22-09-2026: quote verder naar rechts + functietitel in twee vaste regels */
@media (max-width:650px){
  html[lang="nl"] .hero-visual .portrait-quote{
    left:26px !important;
  }
  html[lang="nl"] .hero-visual .portrait-quote small em{
    display:block !important;
    font-size:5.8px !important;
    line-height:1.28 !important;
    white-space:nowrap !important;
  }
}

/* Correctieronde 11 mobiel 22-09-2026: portrettekst lager op jasje, gelijke marge links/onder */
@media (max-width:650px){
  html[lang="nl"] .hero-visual .portrait-quote{
    left:26px !important;
    right:auto !important;
    top:auto !important;
    bottom:26px !important;
    transform:none !important;
  }
}

/* Correctieronde 12 mobiel 22-09-2026: donkere portrettekst op wit jasje */
@media (max-width:650px){
  html[lang="nl"] .hero-visual .portrait-quote,
  html[lang="nl"] .hero-visual .portrait-quote small{
    color:#06306d !important;
    text-shadow:none !important;
  }
}

/* Correctieronde 13 mobiel 22-09-2026: portretquote breder en iets hoger */
@media (max-width:650px){
  html[lang="nl"] .hero-visual .portrait-quote{
    left:26px !important;
    width:122px !important;
    max-width:122px !important;
    bottom:38px !important;
  }
}

/* Correctieronde 14 23-09-2026: NL footer opschonen en EN mobiel gelijk trekken */
@media(max-width:650px){
  html[lang="en"] .hero-visual .portrait-quote{
    left:26px !important; right:auto !important; top:auto !important; bottom:38px !important;
    transform:none !important; width:122px !important; max-width:122px !important;
    color:#06306d !important; text-shadow:none !important;
  }
  html[lang="en"] .hero-visual .portrait-quote small{color:#06306d !important;text-shadow:none !important;}
  .compact-footer{padding-top:22px !important;}
  .compact-footer nav{margin-top:0 !important;}
}
@media(min-width:651px){.compact-footer{grid-template-columns:2fr .7fr}.compact-footer nav{justify-content:flex-start}}

/* Correctieronde 15 23-09-2026: Engelse portrettekst terug naar eerdere mobiele vormgeving */
@media(max-width:650px){
  html[lang="en"] .hero-visual .portrait-quote{
    left:auto !important;
    right:5vw !important;
    top:auto !important;
    bottom:34px !important;
    transform:none !important;
    width:235px !important;
    max-width:235px !important;
    color:#fff !important;
    text-shadow:0 1px 2px rgba(0,0,0,.2) !important;
    border-left:1px solid rgba(255,255,255,.75) !important;
    padding-left:18px !important;
    font-size:15px !important;
  }
  html[lang="en"] .hero-visual .portrait-quote small{
    color:#fff !important;
    text-shadow:0 1px 2px rgba(0,0,0,.2) !important;
    white-space:normal !important;
    font-size:10px !important;
  }
}

/* Legal/business information pages */
.legal-page{background:#fff;min-height:70vh}.legal-hero{padding:58px 7vw 26px;background:var(--pale)}.legal-hero h1{margin:8px 0 0;font:400 38px/1.15 'Libre Baskerville',Georgia,serif;color:var(--navy)}.legal-content{max-width:850px;padding:44px 7vw 70px}.legal-content h2{font:400 28px/1.25 'Libre Baskerville',Georgia,serif;color:var(--navy);margin:0 0 20px}.legal-content h3{font:600 15px/1.4 Inter,Arial,sans-serif;color:var(--green);margin:28px 0 8px}.legal-content p{font-size:14px;line-height:1.65;margin:0 0 15px}.legal-content a{color:var(--green)}.legal-card{border:1px solid var(--line);background:#fafcf9;padding:24px 26px;margin-top:22px}.legal-date{margin-top:30px!important;font-size:12px!important;color:#6d7771}.compact-footer nav{flex-wrap:wrap}
@media(max-width:650px){.legal-hero{padding:38px 7vw 22px}.legal-hero h1{font-size:30px}.legal-content{padding:30px 7vw 50px}.legal-content h2{font-size:24px}.legal-card{padding:20px}.compact-footer nav{gap:8px 14px}}


/* Internationaal Erfgenamenonderzoek .com - merk en Over mij */
.about{display:grid;grid-template-columns:1.08fr .92fr;gap:70px;padding:76px 7vw;border-top:1px solid var(--line);background:#fff}
.about-copy h2{margin:8px 0 22px}.about-copy p,.family-history-placeholder p{line-height:1.7}
.family-history-placeholder{align-self:start;background:#f3f1eb;padding:34px;border-left:3px solid var(--green)}
.family-history-placeholder h3{font-family:Georgia,serif;font-size:28px;line-height:1.15;margin:8px 0 18px;color:var(--blue)}
.placeholder-note{font-size:13px;font-style:italic;opacity:.72;border-top:1px solid var(--line);padding-top:16px;margin-top:20px}
@media(max-width:650px){.about{grid-template-columns:1fr;gap:26px;padding:48px 7vw}.family-history-placeholder{padding:24px}.family-history-placeholder h3{font-size:23px}.site-header .brand strong{font-size:13px;line-height:1.1}.site-header .brand span{font-size:7px;letter-spacing:1px}}