:root{
  --ink:#344339; --green:#526a59; --cream:#fbf9f5;
  --linen:#f3f0e9; --line:#e5e1d8; --muted:#69786c; --accent:#b2a38e;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.68 "Trebuchet MS","Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
a:focus-visible,button:focus-visible{outline:3px solid #ad864c;outline-offset:3px}
.shell{max-width:1140px;padding:0 42px;margin:auto}
.skip{position:absolute;top:-100px;left:12px;background:white;z-index:100;padding:12px}
.skip:focus{top:10px}
header{border-bottom:1px solid var(--line);background:#fffdfa}
.navbar{display:flex;align-items:center;justify-content:space-between;min-height:92px;gap:24px}
.brand{text-decoration:none;color:var(--green);flex-shrink:0}
.brand-main{font:italic 30px/1.15 Georgia,"Times New Roman",serif;letter-spacing:-.025em}
nav{display:flex;align-items:center;flex-wrap:wrap;gap:21px}
nav a{text-decoration:none;font-size:13px;color:#4b574c;white-space:nowrap}
nav a:hover,nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px;text-decoration-color:var(--accent)}
.menu{display:none;background:transparent;border:1px solid var(--green);border-radius:6px;padding:6px 14px;color:var(--green);font:inherit}
.content{padding:66px 0 85px;min-height:440px}
.copy h1{font:normal 32px/1.3 Georgia,"Times New Roman",serif;letter-spacing:-.025em;color:#465d4c;margin:0 0 24px}
.copy p{max-width:730px;margin:0 0 10px}
.copy p:last-child{margin-bottom:0}
.editorial{display:grid;align-items:start;gap:52px;grid-template-columns:minmax(0,1.16fr) minmax(280px,.84fr)}
.editorial-text{padding-top:2px;max-width:670px}
.editorial--about{grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);gap:50px}
.editorial--guidance{grid-template-columns:minmax(0,1.18fr) minmax(270px,.78fr);gap:46px}
.editorial--contact{grid-template-columns:minmax(0,1fr) minmax(270px,.8fr);gap:70px}
.editorial-media figure{margin:0}
.editorial img{display:block;width:100%;height:auto;border-radius:4px}
.editorial--about img{aspect-ratio:3/4;object-fit:cover;object-position:center 23%;max-height:490px}
.editorial--guidance img{aspect-ratio:3/4;object-fit:cover;object-position:center 23%;max-height:450px}
.editorial--contact img{aspect-ratio:3/4;object-fit:cover;object-position:center 57%;max-height:495px}

/* Home hero */
.home-hero{position:relative;min-height:580px;padding:0;display:flex;align-items:center;overflow:hidden;background:#77836f;}
.home-hero::before{content:'';position:absolute;inset:-18px;background-image:url('home-foto.jpg');background-size:cover;background-position:center;filter:blur(5px);transform:scale(1.025);}
.home-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,40,31,.58) 0%,rgba(27,43,34,.42) 42%,rgba(28,42,34,.16) 100%);}
.home-hero-inner{position:relative;z-index:1;width:100%;padding-top:86px;padding-bottom:86px}
.home-hero-card{position:relative;max-width:720px;padding:18px 20px 18px 0;background:transparent;box-shadow:none;border:0;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.42)}
.home-hero-card::before{content:'';position:absolute;left:-18px;top:-12px;right:26%;bottom:-12px;background:linear-gradient(90deg,rgba(29,40,34,.38),rgba(29,40,34,.22) 72%,rgba(29,40,34,0));filter:blur(10px);border-radius:18px;pointer-events:none}
.home-hero-text{position:relative;z-index:1;max-width:100%}
.home-hero-text p{max-width:700px;margin:0 0 14px;font-size:19px;line-height:1.84;font-weight:500}
.home-hero-text p:last-child{margin-top:28px;margin-bottom:0}

.btn{display:inline-block;background:var(--green);border:1px solid var(--green);color:#fff;text-decoration:none;border-radius:5px;padding:10px 23px;font-size:14px;line-height:1.45;transition:background .15s ease}
.btn:hover{background:#3d5846}
.btn.secondary{background:transparent;color:var(--green)}
.btn.secondary:hover{background:#e7ece5}
.contact-links{display:flex;flex-wrap:wrap;gap:18px;margin:20px 0 0}
.contact-links a{text-decoration:none;color:var(--green);font-weight:600}
.contact-links a:hover{text-decoration:underline}
.bnb-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:950px;margin-top:28px}
.bnb-photo-grid figure{margin:0;overflow:hidden;border-radius:4px}
.bnb-photo-grid img{width:100%;height:100%;aspect-ratio:1.48;object-fit:cover;display:block}
.footer{background:var(--linen);border-top:1px solid var(--line);padding:30px 0 23px;font-size:13px;color:#56675a}
.footer strong{display:block;font:italic 20px/1.3 Georgia,serif;margin-bottom:15px;color:#4f6755}
.footer-info{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.footer-info a{text-decoration:none}.footer-info a:hover{text-decoration:underline}
.foot-location{margin:12px 0 0;font-size:12px}
@media(max-width:950px){
 .navbar{min-height:80px;flex-wrap:wrap;padding-top:16px;padding-bottom:16px}
 .menu{display:block}
 nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:8px 0}
 nav.open{display:flex}
 nav a{padding:8px 0}
 .editorial{gap:28px}
 .home-hero{min-height:500px}
}
@media(max-width:710px){
 .shell{padding:0 24px}
 .content{padding:42px 0 62px;min-height:0}
 .copy h1{font-size:29px;margin-bottom:20px}
 .editorial,.editorial--about,.editorial--guidance,.editorial--contact{grid-template-columns:1fr;gap:24px}
 .editorial--about img{max-height:410px;object-fit:cover;object-position:center 35%}
 .editorial--contact img{max-height:380px}
 .editorial-media{max-width:550px}
 .bnb-photo-grid{grid-template-columns:1fr;gap:16px}
 .brand-main{font-size:26px}
 .home-hero{min-height:0}
 .home-hero-inner{padding-top:32px;padding-bottom:32px}
 .home-hero-card{padding:24px 20px}
 .home-hero-text p{font-size:16px}
}

.home-hero-text h1{font:normal 48px/1.15 Georgia,"Times New Roman",serif;color:#fff;margin:0 0 20px;letter-spacing:-.02em}.home-hero-text .btn{background:#f6f0e8;color:#344339;border-color:#f6f0e8;text-shadow:none}.home-hero-text .btn:hover{background:#fff}
@media(max-width:710px){.home-hero::before{background-position:63% center;filter:blur(6px);transform:scale(1.035)}.home-hero::after{background:linear-gradient(90deg,rgba(26,40,31,.68),rgba(26,40,31,.40))}.home-hero-inner{padding-top:44px;padding-bottom:44px}.home-hero-card{padding:10px 0}.home-hero-card::before{left:-12px;right:8%;top:-10px;bottom:-10px;opacity:.95}.home-hero-text h1{font-size:35px}.home-hero-text p{font-size:17px;line-height:1.76;max-width:100%}}


/* Verfijning: rustig, vriendelijk en minder formeel, zonder wijzigingen aan Home-opmaak */
body { font-family:"Segoe UI", "Trebuchet MS", Arial, sans-serif; letter-spacing:.005em; }
.brand-main {font-family:Georgia,"Times New Roman",serif;}
.copy h1 {font-size:31px; font-weight:400; letter-spacing:-.012em;}

/* Footer: compacte, gecentreerde kolom op iedere pagina */
.footer {padding:31px 0 35px;}
.footer > .shell {display:flex;flex-direction:column;align-items:center;text-align:center;}
.footer strong {font-size:21px;margin-bottom:13px;}
.footer-info {display:flex;flex-direction:column;align-items:center;gap:4px;line-height:1.55;}
.foot-location {margin-top:12px;}

/* Begeleiding: dezelfde foto, maar bescheiden en met zachtere ronding */
.editorial--guidance {grid-template-columns:minmax(0,1fr) 300px; gap:58px; align-items:start;max-width:940px;}
.editorial--guidance .editorial-media {max-width:300px;}
.editorial--guidance figure {margin:0;}
.editorial--guidance img {
 width:100%;height:auto;max-height:370px;object-fit:cover;object-position:center 24%;
 border-radius:13px;box-shadow:0 8px 24px rgba(52,67,57,.07);
}

/* B&B: speelser en kleiner, zonder starre gelijke fotokaders */
.bnb-photo-grid {max-width:780px;display:grid;grid-template-columns:1.05fr .9fr;gap:22px;align-items:start;margin-top:30px;}
.bnb-photo-grid figure {border-radius:12px;overflow:hidden;box-shadow:0 7px 25px rgba(52,67,57,.08);}
.bnb-photo-grid figure:nth-child(2) {margin-top:48px;}
.bnb-photo-grid img {display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;}

@media(max-width:710px){
 .editorial--guidance {grid-template-columns:1fr;gap:20px;}
 .editorial--guidance .editorial-media {max-width:260px;}
 .bnb-photo-grid {grid-template-columns:1fr 1fr;gap:12px;margin-top:23px;}
 .bnb-photo-grid figure:nth-child(2) {margin-top:26px;}
 .footer > .shell {align-items:center;text-align:center;}
 .footer-info {align-items:center;}
}
@media(max-width:440px){
 .bnb-photo-grid {grid-template-columns:1fr;max-width:340px;}
 .bnb-photo-grid figure:nth-child(2) {margin-top:0;max-width:90%;margin-left:auto;}
}

/* Ruimte voor Verlies – definitieve visuele verfijning */
:root {
  --ink:#35463c;
  --green:#566c5a;
  --cream:#fbf9f5;
  --linen:#f2eee6;
  --line:#e5e0d6;
}
body {
  font-family: "Segoe UI", "Trebuchet MS", Arial, sans-serif;
  font-size:16px;
  letter-spacing:.003em;
}
.brand {
 display:inline-flex; flex-direction:column; align-items:flex-start;
 gap:5px; padding:8px 0; line-height:1.15;
}
.brand-main {
 font-family: Georgia,"Times New Roman",serif;
 font-size:31px; font-weight:normal; font-style:italic;
 letter-spacing:-.025em;
}
.brand-caption {
 font: 10px/1.4 "Segoe UI",Arial,sans-serif;
 letter-spacing:.21em;
 text-transform:uppercase;
 color:#768272;
}
.copy h1 {
 font-family:Georgia,"Times New Roman",serif;
 font-size:32px;
 color:#526555; 
 font-weight:400;
 letter-spacing:-.018em;
}
.content:not(.home-hero){background:linear-gradient(180deg,#fbf9f5 0%,#faf8f3 100%);}
.copy p {line-height:1.73; margin-bottom:12px;}
.copy .editorial img, .bnb-photo-grid img {border-radius:12px;}
.editorial--about .editorial-media {max-width:340px}
.editorial--about img {box-shadow:0 12px 35px rgba(52,67,57,.08);}
.editorial--guidance {grid-template-columns:minmax(0,1fr) 260px; gap:66px;max-width:910px;}
.editorial--guidance .editorial-media{max-width:260px}
.editorial--guidance img{max-height:340px;border-radius:12px;}
.bnb-photo-grid {
 display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.80fr);
 max-width:830px;gap:24px;align-items:center;margin-top:32px;
}
.bnb-photo-grid figure:first-child{transform:rotate(-.8deg);}
.bnb-photo-grid figure:nth-child(2){margin-top:56px;transform:rotate(1.1deg);}
.bnb-photo-grid figure{border-radius:12px;box-shadow:0 8px 28px rgba(52,67,57,.09);}
.bnb-photo-grid img{display:block;width:100%;height:auto;aspect-ratio:auto;}
.footer {
 background:#f2eee6;
 border-top:1px solid #e3ded4;
 padding:34px 0 33px;
}
.footer > .shell {
 text-align:center;align-items:center;
}
.footer strong {font-size:23px;margin-bottom:13px;color:#526555}
.footer-info{gap:5px;align-items:center;font-size:13px;}
.footer-info a{text-underline-offset:3px;}
.foot-location{color:#728072;font-size:12px;margin-top:11px;}
@media(max-width:950px){
 .navbar{gap:16px;}
 .brand-main{font-size:29px;}
}
@media(max-width:710px){
 .brand-main{font-size:27px;}
 .brand-caption{font-size:9px;letter-spacing:.16em;}
 .editorial--guidance{grid-template-columns:1fr;gap:24px;}
 .editorial--guidance .editorial-media{max-width:240px}
 .bnb-photo-grid{grid-template-columns:1fr 1fr;gap:15px;}
 .bnb-photo-grid figure:nth-child(2){margin-top:30px;}
}
@media(max-width:440px){
 .bnb-photo-grid{grid-template-columns:1fr;max-width:350px;}
 .bnb-photo-grid figure:nth-child(2){margin-top:4px;max-width:87%;margin-left:auto;}
}


/* Rustigere aanpassing oktober 2026 */
/* Home: geen vervaging meer, wel rustige overlay voor leesbaarheid */
.home-hero::before{filter:none !important; transform:none !important; inset:0 !important;}
.home-hero::after{background:linear-gradient(90deg,rgba(26,40,31,.44) 0%,rgba(27,43,34,.28) 42%,rgba(28,42,34,.12) 100%) !important;}
.home-hero-card::before{display:none !important;}
.home-hero-card{max-width:700px !important; text-shadow:0 2px 10px rgba(0,0,0,.30) !important;}

/* Over mij: uitsnede hoger, zodat de koffiekannen minder in beeld zijn */
.editorial--about .editorial-media{max-width:320px !important;}
.editorial--about img{object-position:center 12% !important; max-height:455px !important;}

/* Begeleiding: andere opzet dan Over mij */
.editorial--guidance{grid-template-columns:220px minmax(0,1fr) !important; gap:48px !important; align-items:start !important; max-width:900px !important;}
.editorial--guidance .editorial-media{max-width:220px !important;}
.editorial--guidance img{max-height:300px !important; object-position:center 18% !important;}
.editorial--guidance .editorial-text{max-width:650px;}

/* Contact: foto kleiner en rustiger in verhouding */
.editorial--contact{grid-template-columns:minmax(0,1fr) 220px !important; gap:52px !important; max-width:900px;}
.editorial--contact .editorial-media{max-width:220px;}
.editorial--contact img{max-height:310px !important; border-radius:12px; box-shadow:0 8px 24px rgba(52,67,57,.07);}

/* B&B: foto's recht en wat rustiger gepresenteerd */
.bnb-photo-grid{max-width:760px !important; grid-template-columns:1fr 1fr !important; gap:18px !important; align-items:start !important;}
.bnb-photo-grid figure{transform:none !important; margin-top:0 !important; border-radius:12px; box-shadow:0 8px 24px rgba(52,67,57,.08);}
.bnb-photo-grid figure:first-child, .bnb-photo-grid figure:nth-child(2){transform:none !important; margin-top:0 !important;}
.bnb-photo-grid img{width:100% !important; height:auto !important; object-fit:cover !important; aspect-ratio:1.42 !important;}

@media(max-width:710px){
  .home-hero::before{background-position:63% center !important; filter:none !important; transform:none !important;}
  .home-hero::after{background:linear-gradient(90deg,rgba(26,40,31,.56),rgba(26,40,31,.28)) !important;}
  .editorial--guidance{grid-template-columns:1fr !important; gap:20px !important;}
  .editorial--guidance .editorial-media{max-width:220px !important;}
  .editorial--contact{grid-template-columns:1fr !important; gap:24px !important;}
  .editorial--contact .editorial-media{max-width:220px !important;}
  .bnb-photo-grid{grid-template-columns:1fr 1fr !important; gap:12px !important;}
}
@media(max-width:440px){
  .bnb-photo-grid{grid-template-columns:1fr !important; max-width:350px !important;}
}

/* Nieuwe verfijning – warmgroene tekst op rustige lichte fotogradient */
.home-hero{background:#c3bfae !important;}
.home-hero::before{background-position:center !important;}
.home-hero::after{
  background:linear-gradient(90deg,rgba(250,248,242,.94) 0%,rgba(250,248,242,.85) 42%,rgba(250,248,242,.16) 82%,rgba(250,248,242,.04) 100%) !important;
}
.home-hero-card{color:#34493d !important;text-shadow:none !important;max-width:680px !important;}
.home-hero-card::before{display:none !important;}
.home-hero-text h1{color:#3e5647 !important;text-shadow:none !important;}
.home-hero-text p{color:#34493d !important;text-shadow:none !important;font-weight:400 !important;line-height:1.75 !important;}
.home-hero-text .btn{background:#526b59 !important;color:#fff !important;border-color:#526b59 !important;}
.home-hero-text .btn:hover{background:#3d5445 !important;}

/* Rustig uitgesneden portret: geen koffiekannen zichtbaar */
.editorial--about img {object-fit:cover !important;object-position:center center !important;aspect-ratio:315/375 !important;max-height:420px !important;}
.editorial--guidance img {object-fit:cover !important;object-position:center center !important;aspect-ratio:315/375 !important;max-height:305px !important;}

/* Praktisch is geïntegreerd in de contactpagina. */
.editorial--contact .editorial-text .practical-intro{margin-bottom:10px;}
.editorial--contact .editorial-text .practical-intro + p:not(.practical-intro){margin-top:24px;}

@media(max-width:710px){
 .home-hero::after{background:linear-gradient(90deg,rgba(250,248,242,.94),rgba(250,248,242,.80)) !important;}
 .home-hero-card{padding-left:0 !important;}
}

/* Toevoeging onder praktijknaam in de footer */
.footer-subtitle{display:block;margin:-4px 0 15px;text-align:center;color:#68796b;font-size:12px;letter-spacing:.07em;}

/* Subtiele aanpassing header en titel, oktober 2026 */
header {background:#b4c3b0 !important;border-bottom:1px solid #a5b6a3;}
header .brand-main {color:#2f4b3a;font-size:29px;}
header nav a {font-size:12.5px;color:#2d4435;}
header nav a:hover,header nav a[aria-current=page] {text-decoration-color:#526b59;}
header .menu {color:#2f4b3a;border-color:#607961;}
.home-hero-text h1 {font-size:42px !important;}
@media(max-width:950px) {header .brand-main{font-size:27px;}}
@media(max-width:710px) {header .brand-main{font-size:25px;} .home-hero-text h1{font-size:31px !important;}}

/* Compactere footer: naam en ondertitel dichter bij elkaar */
.footer { padding-top:18px !important; padding-bottom:19px !important; }
.footer strong { margin-bottom:2px !important; line-height:1.2; }
.footer-subtitle { margin:0 0 9px !important; line-height:1.25; }
.footer-info { gap:2px !important; line-height:1.35 !important; }
.foot-location { margin:6px 0 0 !important; }

/* Toegankelijkheid: grote aanraakvlakken op mobiele schermen */
@media(max-width:950px){nav a{min-height:44px;display:flex;align-items:center}}
@media(max-width:710px){.contact-links a{display:inline-flex;align-items:center;min-height:44px}}