@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{--ink:#263a32;--forest:#344e41;--moss:#71816d;--clay:#b77e62;--sand:#e9ddc9;--paper:#f6efe3;--cream:#fffaf1;--line:rgba(38,58,50,.17);--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}.skip-link{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:10px 14px;z-index:99}.skip-link:focus{left:12px;top:12px}.site-header{position:sticky;top:0;z-index:20;background:rgba(246,239,227,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{max-width:1320px;margin:auto;min-height:88px;padding:14px 5vw;display:flex;align-items:center;justify-content:space-between;gap:28px}.wordmark{text-decoration:none;display:flex;flex-direction:column;line-height:1.25}.wordmark span{font:500 23px/1.25 var(--serif);letter-spacing:.01em}.wordmark small{font:10px/1.8 var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--moss);margin-top:4px}.desktop-nav{display:flex;align-items:center;gap:clamp(10px,1.5vw,24px)}.desktop-nav a,.nav-links a{font-size:11px;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;color:var(--ink);white-space:nowrap;padding:8px 0;border-bottom:1px solid transparent}.desktop-nav a:hover,.desktop-nav a[aria-current=page],.nav-links a:hover,.nav-links a[aria-current=page]{border-color:var(--clay)}.nav-menu{display:none}.hero-home{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:min(720px,78vh)}.hero-copy{padding:clamp(54px,8vw,125px) clamp(28px,7vw,110px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.eyebrow,.section-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:var(--moss);font-weight:600;margin:0 0 22px}.hero h1,.page-hero h1{font:400 clamp(54px,7vw,100px)/1.04 var(--serif);letter-spacing:-.045em;margin:0 0 28px}.hero h1 em,.page-hero h1 em,.intro-grid h2 em{color:var(--moss);font-weight:400}.intro{font-size:clamp(17px,1.5vw,20px);line-height:1.7;max-width:540px;color:#4e5d52;margin:0}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px;margin:32px 0 0}.button{display:inline-flex;align-items:center;gap:22px;background:var(--forest);color:var(--cream);text-decoration:none;padding:15px 21px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;transition:background .2s,transform .2s}.button:hover{background:var(--ink);transform:translateY(-1px)}.text-link{font-size:12px;text-decoration:none;border-bottom:1px solid var(--clay);padding-bottom:3px}.hero-art{position:relative;min-height:500px;overflow:hidden;background:radial-gradient(ellipse at 70% 25%,rgba(255,255,255,.48),transparent 34%),linear-gradient(145deg,#c4c6b4 0%,#9da994 40%,#6b7d6d 100%);display:flex;align-items:center;justify-content:center}.hero-art:before,.hero-art:after{content:'';position:absolute;border:1px solid rgba(255,255,255,.35);border-radius:50%;width:62%;aspect-ratio:1;transform:rotate(-26deg) scaleX(.65)}.hero-art:after{width:84%;transform:rotate(27deg) scaleX(.7)}.photo-note{position:relative;z-index:1;background:rgba(245,241,232,.88);padding:32px 34px;max-width:290px;text-align:center;display:flex;flex-direction:column;gap:8px;box-shadow:0 18px 60px rgba(30,45,34,.1)}.photo-note-kicker{font:italic 24px/1.3 var(--serif)}.photo-note span:last-child{font-size:11px;line-height:1.6;color:#5b6b5e}.art-caption{position:absolute;bottom:24px;right:28px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:white}.intro-band,.services-section{padding:clamp(70px,9vw,130px) 8vw}.intro-band{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;max-width:1100px;margin:auto}.intro-grid h2,.section-heading h2,.closing-cta h2{font:400 clamp(36px,4.5vw,62px)/1.16 var(--serif);letter-spacing:-.03em;margin:0}.intro-grid p{margin:0 0 17px;color:#506056}.section-kicker,.intro-band>.section-kicker,.services-section>.section-kicker{max-width:1100px;margin-left:auto;margin-right:auto}.section-heading{max-width:1100px;margin:0 auto 35px;display:flex;align-items:end;justify-content:space-between;gap:30px}.section-heading p{max-width:340px;color:#59675d;margin:0}.service-grid{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{min-height:300px;background:#ece5d8;padding:30px 28px;display:flex;flex-direction:column;text-decoration:none;transition:transform .2s,background .2s}.service-card:nth-child(2){background:#e0e3d8}.service-card:nth-child(3){background:#e9dcd0}.service-card:hover{transform:translateY(-4px);background:#f8f5ee}.card-number{font-size:10px;letter-spacing:.16em;color:var(--moss)}.service-card h3{font:400 29px/1.2 var(--serif);margin:34px 0 12px}.service-card p{font-size:14px;line-height:1.75;color:#536156;margin:0 0 28px}.card-link{margin-top:auto;font-size:10px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--clay);align-self:flex-start;padding-bottom:5px}.quote-band{background:var(--forest);color:var(--cream);padding:clamp(70px,9vw,125px) 10vw;text-align:center}.quote-band p{font:italic 400 clamp(28px,4vw,48px)/1.35 var(--serif);max-width:850px;margin:0 auto 22px}.quote-band span{font-size:10px;text-transform:uppercase;letter-spacing:.2em;color:#d3d8c9}.closing-cta{padding:75px 8vw;background:var(--sand);display:flex;justify-content:space-between;align-items:center;gap:40px}.closing-cta>div{max-width:600px}.closing-cta .section-kicker{margin-bottom:12px}.closing-cta p:not(.section-kicker){color:#536156;margin-bottom:0}.button-light{background:var(--cream);color:var(--ink);flex-shrink:0}.button-light:hover{background:#fff}.page-hero{position:relative;overflow:hidden;padding:clamp(75px,11vw,155px) 9vw clamp(75px,9vw,120px);background:var(--sand);min-height:400px}.page-hero:after{content:'';position:absolute;right:9%;top:12%;width:240px;aspect-ratio:1;border:1px solid rgba(52,78,65,.18);border-radius:50%;box-shadow:0 0 0 30px rgba(52,78,65,.035),0 0 0 60px rgba(52,78,65,.025)}.page-hero h1{font-size:clamp(42px,5.5vw,72px);position:relative;z-index:1;max-width:800px}.page-hero .intro{position:relative;z-index:1;max-width:560px}.page-hero-mark{position:absolute;right:12%;bottom:12%;z-index:2;display:flex;align-items:center;gap:12px;font:italic 30px var(--serif);color:var(--forest)}.page-hero-mark span{font:10px var(--sans);text-transform:uppercase;letter-spacing:.15em}.content-layout{padding:clamp(65px,9vw,115px) 9vw;display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);gap:8vw;background:var(--cream)}.content-layout aside{padding-top:8px}.aside-note{font:italic 21px/1.55 var(--serif);color:var(--moss);max-width:260px}.prose{max-width:700px}.prose h2{font:400 32px/1.25 var(--serif);margin:0 0 18px}.prose h2:not(:first-child){margin-top:45px}.prose p{color:#4d5d52;margin:0 0 18px}.prose .button{margin-top:16px}.notice{border-left:2px solid var(--clay);padding:18px 24px;background:#f1ece2;margin:30px 0}.notice strong{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.notice p{margin:8px 0 0;font-size:14px}.site-footer{background:#e8e1d4;padding:45px 8vw}.footer-inner{max-width:1100px;margin:auto}.footer-name{font:400 26px var(--serif);text-decoration:none}.footer-inner p{font-size:12px;color:#657265;margin:5px 0}.footer-links{display:flex;gap:24px;margin:20px 0}.footer-links a{font-size:11px;text-decoration:none;border-bottom:1px solid var(--clay)}.footer-inner>small{font-size:10px;color:#758074;letter-spacing:.08em}@media(max-width:1050px){.desktop-nav{gap:11px}.desktop-nav a{font-size:9px;letter-spacing:.05em}.wordmark span{font-size:21px}.wordmark small{font-size:8px}}@media(max-width:850px){.desktop-nav{display:none}.nav-menu{display:block;position:relative}.nav-menu summary{list-style:none;cursor:pointer;width:42px;height:42px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px}.nav-menu summary::-webkit-details-marker{display:none}.nav-menu summary span{height:1px;background:var(--ink);width:22px}.nav-links{position:absolute;right:0;top:52px;width:min(320px,85vw);background:var(--cream);box-shadow:0 14px 45px rgba(38,58,50,.15);padding:20px 25px;display:flex;flex-direction:column;gap:10px}.nav-links a{white-space:normal}.hero-home{grid-template-columns:1fr}.hero-copy{padding:75px 8vw 65px}.hero-art{min-height:420px}.intro-grid{grid-template-columns:1fr;gap:25px}.section-heading{display:block}.section-heading p{margin-top:15px}.service-grid{grid-template-columns:1fr}.service-card{min-height:230px}.closing-cta{align-items:flex-start;flex-direction:column}.page-hero:after{right:-45px;top:18%}.page-hero-mark{right:8%;bottom:7%}.content-layout{grid-template-columns:1fr;gap:25px}.aside-note{max-width:450px}.page-hero{padding-left:8vw;padding-right:8vw}}@media(max-width:480px){.wordmark span{font-size:20px}.wordmark small{font-size:8px;letter-spacing:.1em}.hero h1{font-size:44px}.hero-art{min-height:0;width:min(100%,340px);justify-self:center}.photo-note{padding:24px;max-width:260px}.page-hero h1{font-size:42px}.page-hero-mark{font-size:22px}.page-hero-mark span{font-size:8px}.section-heading h2,.intro-grid h2,.closing-cta h2{font-size:38px}.footer-links{flex-direction:column;align-items:flex-start;gap:8px}}

/* User-provided visual identity photograph */
.hero-photo{background-image:linear-gradient(180deg,rgba(20,38,28,.02) 45%,rgba(20,38,28,.42) 100%),url("images/tuin-logo.jpg");background-size:cover;background-position:center 48%;}
.hero-photo:before,.hero-photo:after{display:none;}
.hero-photo .art-caption{text-shadow:0 1px 8px rgba(0,0,0,.55);}

/* Applications section added in V5 */
.applications-section{padding:clamp(3rem,7vw,6rem) 1.25rem;background:#f2f0e7;color:#24372c}
.applications-section .section-inner{max-width:760px;margin:0 auto}
.applications-section h2{margin:.25rem 0 1rem}
.application-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 2rem;padding-left:1.25rem;margin:1.5rem 0}
.application-list li{padding-left:.15rem}
.applications-section .small-note{font-size:.9rem;opacity:.82;margin-top:1.5rem}
@media(max-width:600px){.application-list{grid-template-columns:1fr}}

/* V6: full original practice text layout additions */
.price-table{width:100%;border-collapse:collapse;margin:1rem 0 1.5rem}
.price-table th,.price-table td{padding:.85rem .9rem;border-bottom:1px solid rgba(36,55,44,.18);text-align:left}
.price-table td{text-align:right;white-space:nowrap}
.price-table th{font-weight:500}
.table-wrap{max-width:100%;overflow-x:auto}
.training-list li{margin-bottom:.45rem}
.contact-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2rem;margin:1.5rem 0}
.contact-details p{margin:0;padding:1rem;background:rgba(36,55,44,.05);border-radius:.5rem}
.muted,.small-note{font-size:.9rem;opacity:.78}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:center;padding:clamp(3rem,7vw,7rem) max(1.25rem,calc((100vw - 1180px)/2))}
.hero-copy{max-width:600px}
.hero-copy h1{font-size:clamp(2.7rem,4.8vw,4.6rem);line-height:1.02;letter-spacing:-.045em;margin:.4em 0}
.hero-copy .intro{font-size:1.2rem;line-height:1.6}
.hero-art{min-height:0;aspect-ratio:1/1;width:100%;max-width:540px;justify-self:end;border-radius:50%;overflow:hidden;position:relative}
.hero-photo{background-image:linear-gradient(180deg,rgba(20,38,28,.02) 45%,rgba(20,38,28,.42) 100%),url("images/tuin-logo.jpg");background-size:cover;background-position:center 48%}
.hero-photo:before,.hero-photo:after{display:none}
.hero-photo .art-caption{position:absolute;bottom:1.25rem;left:1.25rem;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.55)}
.hero-actions{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:center;margin-top:2rem}
.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;margin-top:2.5rem}
.feature-card{display:flex;flex-direction:column;gap:.65rem;padding:1.5rem;border:1px solid rgba(36,55,44,.18);border-radius:.8rem;color:inherit;text-decoration:none;background:rgba(255,255,255,.38)}
.feature-card h3{margin:.2rem 0}
.feature-card p{margin:0;line-height:1.65}
.card-number,.card-link{color:#617b63;font-size:.9rem}
.card-link{margin-top:auto;padding-top:1rem}
.soft-section{background:#f2f0e7}
.split-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}
.contact-band{display:flex;justify-content:space-between;gap:2rem;align-items:center}
.contact-band>div{max-width:700px}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:3rem}.hero-art{min-height:320px}.card-grid{grid-template-columns:1fr}.split-content{grid-template-columns:1fr}.contact-band{align-items:flex-start;flex-direction:column}.contact-details{grid-template-columns:1fr}}

/* V8: warmer palette, subtler headings and round homepage photograph */
body{background:#f6efe3}
.site-header{background:rgba(246,239,227,.95)}
.page-hero{background:#e9ddc9}
.content-layout{background:#fffaf1}
.soft-section,.applications-section{background:#f3eadb}
.site-footer{background:#e9ddc9}
.hero-copy h1{font-size:clamp(2.7rem,4.8vw,4.6rem)}
.page-hero h1{font-size:clamp(42px,5.5vw,72px)}
.hero-art{aspect-ratio:1/1;width:100%;max-width:540px;min-height:0;border-radius:50%;justify-self:end}
.aside-note{max-width:none}
@media(max-width:760px){.hero-art{width:min(100%,360px);justify-self:center}.hero-copy h1{font-size:clamp(2.7rem,9vw,3.8rem)}.page-hero h1{font-size:clamp(40px,10vw,52px)}}


/* Versie 9: rustigere, kleinere en donkerdere paginakoppen */
.hero-copy h1.home-title{font-size:clamp(2.35rem,4.2vw,3.65rem);line-height:1.12;letter-spacing:-.035em;color:var(--ink);font-weight:400;margin:.4em 0 .65em}
.page-hero h1{font-size:clamp(34px,4.1vw,52px);line-height:1.16;color:var(--ink);letter-spacing:-.025em;max-width:100%;}
.page-hero h1 em{color:var(--ink);font-style:normal;font-weight:400}
.page-hero h1.single-line-title{white-space:nowrap;font-size:clamp(28px,3.6vw,46px);letter-spacing:-.03em}
@media(max-width:760px){.hero-copy h1.home-title{font-size:clamp(2.2rem,8vw,3.2rem)}.page-hero h1{font-size:clamp(32px,7.5vw,42px)}.page-hero h1.single-line-title{font-size:clamp(23px,6vw,34px);white-space:normal}}


/* Version 10: warmer green identity and more playful typography */
:root{--brand-green:#536f52;--brand-green-dark:#405b42;--brand-light:#f8f3e8;--playful:'Comic Sans MS','Trebuchet MS',cursive}
.site-header{background:var(--brand-green);border-bottom:1px solid rgba(255,250,241,.22)}
.wordmark span{font-family:var(--playful);font-size:25px;font-weight:600;color:var(--brand-light);letter-spacing:0}
.wordmark small{font-family:var(--playful);font-size:12px;letter-spacing:.025em;text-transform:none;color:#f0e7d4;line-height:1.4}
.desktop-nav a,.nav-links a{color:var(--brand-light)}
.desktop-nav a:hover,.desktop-nav a[aria-current=page],.nav-links a:hover,.nav-links a[aria-current=page]{border-color:#e9ddc9;color:#fffaf1}
.nav-menu summary span{background:var(--brand-light)}
.nav-links{background:var(--brand-green-dark)}
.site-footer{background:var(--brand-green);color:var(--brand-light)}
.footer-name{font-family:var(--playful);font-size:29px;color:var(--brand-light)}
.footer-inner p,.footer-inner>small{color:#e4e8db}
.footer-links a{color:var(--brand-light);border-color:#e9ddc9}
.hero{padding-left:max(2rem,calc((100vw - 1100px)/2));padding-right:max(2rem,calc((100vw - 1100px)/2))}
.hero-copy{padding-left:clamp(22px,3vw,48px);padding-right:clamp(22px,3vw,48px)}
.hero-copy h1.home-title{font-family:var(--playful);font-size:clamp(2.2rem,3.8vw,3.25rem);font-weight:600;line-height:1.12;letter-spacing:-.025em;color:var(--ink)}
.hero-copy .intro,.hero-copy>p:not(.eyebrow):not(.intro){font-family:var(--playful);font-size:clamp(1.02rem,1.2vw,1.18rem);line-height:1.75;color:#405348}
.feature-card{background:var(--brand-green);color:var(--brand-light);border-color:var(--brand-green-dark)}
.feature-card h3,.feature-card p,.feature-card .card-number,.feature-card .card-link{color:var(--brand-light)}
.feature-card .card-link{border-color:#e9ddc9}
.feature-card:hover{background:var(--brand-green-dark);color:#fffaf1}
@media(max-width:760px){.hero{padding-left:1.1rem;padding-right:1.1rem}.hero-copy{padding-left:1rem;padding-right:1rem}.wordmark span{font-size:23px}.wordmark small{font-size:11px}}

.split-content>div:first-child>p:not(.eyebrow){max-width:600px;color:#506056;margin-top:22px}.holistic-link{display:flex;align-items:flex-end;justify-content:flex-start;padding-bottom:8px}


/* Versie 11: gedistingeerder groen, oorspronkelijke koptypografie en ruimere tekstmarges */
:root{--brand-green:#3f6547;--brand-green-dark:#2f5038;--brand-light:#f8f3e8}
/* Keep the logo playful, while restoring the homepage headline to the original serif font. */
.hero-copy h1.home-title{font-family:var(--serif);font-weight:400;letter-spacing:-.035em;font-size:clamp(2.5rem,4.2vw,3.65rem);line-height:1.08}
/* Both introductory paragraphs use the same clean typeface, matching the upper paragraph. */
.hero-copy .intro,.hero-copy>p:not(.eyebrow):not(.intro){font-family:var(--sans);font-size:clamp(1rem,1.15vw,1.12rem);line-height:1.75;color:#405348}
/* Reduce the gap below the navigation bar without crowding the content. */
.hero{padding-top:clamp(1.4rem,2.7vw,2.4rem);padding-bottom:clamp(2.5rem,5vw,4rem)}
/* Keep homepage copy away from the screen edges, especially on Windows laptops. */
.hero-copy{width:100%;max-width:620px;padding-left:clamp(1.25rem,3vw,2.5rem);padding-right:clamp(1.25rem,3vw,2.5rem);margin-inline:auto}
.hero-copy>p:not(.eyebrow){max-width:54ch}
.content-section .section-inner{width:min(100%,1100px);margin-inline:auto}
.content-section{padding-left:clamp(1.25rem,5vw,4rem);padding-right:clamp(1.25rem,5vw,4rem)}
.split-content>div:first-child{min-width:0}
.split-content>div:first-child>p:not(.eyebrow){max-width:58ch;margin-top:1rem}
@media(max-width:760px){.hero{padding-top:1.25rem;padding-left:1rem;padding-right:1rem}.hero-copy{padding-left:.75rem;padding-right:.75rem}.hero-copy h1.home-title{font-size:clamp(2.35rem,9vw,3.25rem)}.content-section{padding-left:1.25rem;padding-right:1.25rem}}

/* V12 — user-provided photography, integrated throughout the site */
.page-hero-with-image{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;min-height:0;padding-top:clamp(2.5rem,5vw,5rem);padding-bottom:clamp(2.5rem,5vw,5rem)}
.page-hero-with-image:after{display:none}
.page-hero-copy{min-width:0;position:relative;z-index:1}
.page-hero-with-image .page-hero-mark{position:static;margin-top:1.2rem;font-size:1.3rem}
.page-hero-picture{width:100%;height:clamp(260px,31vw,410px);overflow:hidden;border-radius:180px 180px 18px 18px;box-shadow:0 14px 35px rgba(27,48,35,.10)}
.page-hero-picture img{width:100%;height:100%;object-fit:cover;display:block}
.photo-story{padding:clamp(3rem,6vw,5rem) clamp(1.5rem,6vw,5rem);background:#f3eadb}
.photo-story .section-inner{max-width:1100px;margin:auto}
.photo-story h2{margin:.1rem 0 1.5rem;font:400 clamp(1.9rem,3vw,2.8rem)/1.2 var(--serif)}
.photo-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.photo-story-grid figure{margin:0;overflow:hidden;border-radius:12px;aspect-ratio:4/3}
.photo-story-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.photo-story-grid img:hover{transform:scale(1.035)}
.nature-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-height:180px;overflow:hidden}
.nature-strip img{width:100%;height:180px;object-fit:cover;display:block}
.professional-logos{padding:2.5rem 1.5rem 4rem;background:#fffaf1}
.professional-logos-inner{max-width:900px;margin:auto}
.professional-logos h2{font:400 1.7rem var(--serif)}
.logo-pair{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}
.logo-pair img{max-width:220px;max-height:110px;width:auto;height:auto;object-fit:contain}
.logo-pair img:nth-child(2){max-height:125px}
@media(max-width:760px){.page-hero-with-image{grid-template-columns:1fr;padding-top:2rem;padding-bottom:2rem}.page-hero-picture{height:290px;max-width:450px;border-radius:150px 150px 12px 12px}.photo-story-grid{grid-template-columns:1fr 1fr}.photo-story-grid figure:last-child{display:none}.nature-strip img{height:105px}.logo-pair img{max-width:160px;max-height:100px}}
@media(max-width:440px){.photo-story-grid{grid-template-columns:1fr}.photo-story-grid figure:last-child{display:block}.photo-story-grid figure{aspect-ratio:5/3}}

/* Versie 13: ronde, volledig zichtbare beelden en bijgewerkte indeling */
@import url('https://fonts.googleapis.com/css2?family=Federo&display=swap');
.hero-copy h1.home-title{font-family:'Federo',Georgia,serif;font-size:clamp(2.05rem,3.4vw,3.05rem);font-weight:400;letter-spacing:-.025em;line-height:1.14}
.page-hero-picture{aspect-ratio:1/1;width:min(100%,380px);height:auto;justify-self:center;border-radius:50%;background:#eee9dd;box-shadow:none;overflow:hidden}
.page-hero-picture img{width:100%;height:100%;object-fit:contain}
.photo-story-grid{gap:clamp(1rem,3vw,2.5rem);align-items:center}
.photo-story-grid figure{border-radius:50%;aspect-ratio:1/1;background:#e9e4d9;display:flex;align-items:center;justify-content:center;overflow:hidden}
.photo-story-grid img{object-fit:contain;width:100%;height:100%}
.photo-story-grid img:hover{transform:none}
.photo-story{padding-top:2.5rem;padding-bottom:3.5rem}
.photo-story .section-inner{max-width:1150px}
.photo-story-grid figure{width:100%}
.inline-circle-photo{float:left;width:clamp(145px,28%,215px);aspect-ratio:1/1;border-radius:50%;overflow:hidden;margin:.25rem 1.5rem 1rem 0;background:#e9e4d9}
.inline-circle-photo img{width:100%;height:100%;object-fit:contain;display:block}
.prose h2:has(+ .inline-circle-photo){clear:both}
.reimbursement-row{display:grid;grid-template-columns:minmax(120px,175px) minmax(0,1fr);gap:1.5rem;align-items:start;margin:1.8rem 0 2rem}
.reimbursement-row h2{margin-top:0}
.reimbursement-logos{display:flex;flex-direction:column;align-items:center;gap:1rem}
.reimbursement-logos img{display:block;width:min(100%,150px);aspect-ratio:1/1;object-fit:contain;border-radius:50%;background:#fff}
.soft-section .split-content{display:block;max-width:800px}
.soft-section .split-content .text-link{display:inline-block;margin-top:.9rem}
@media(max-width:760px){.page-hero-picture{width:min(82vw,320px);height:auto;border-radius:50%}.photo-story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-story-grid figure:last-child{display:flex}.hero-copy h1.home-title{font-size:clamp(2.05rem,7.2vw,2.8rem)}}
@media(max-width:540px){.photo-story-grid{grid-template-columns:1fr;justify-items:center}.photo-story-grid figure{width:min(100%,300px)}.reimbursement-row{grid-template-columns:1fr}.reimbursement-logos{flex-direction:row;justify-content:flex-start}.reimbursement-logos img{width:min(42%,130px)}.inline-circle-photo{width:145px;margin-right:1rem}}

/* Versie 14: typografie, fotokaders, leesbare kolommen en footer */
.wordmark span,.wordmark small{font-family:'Federo',Georgia,serif;font-weight:400}
.wordmark small{font-size:12px;letter-spacing:.025em}
.hero-copy h1.home-title,.page-hero h1{font-family:'Federo',Georgia,serif;font-weight:400}
.hero-copy h1.home-title{font-size:clamp(2rem,3.25vw,2.9rem)}
.page-hero-picture{width:min(100%,440px);height:auto;aspect-ratio:auto;border-radius:12px;background:transparent;overflow:hidden}
.page-hero-picture img{width:100%;height:auto;max-height:440px;object-fit:contain}
.photo-story-grid{gap:clamp(.5rem,1.4vw,1.25rem);align-items:stretch}
.photo-story-grid figure{width:100%;aspect-ratio:4/3;border-radius:8px;background:#eee9df}
.photo-story-grid img{object-fit:contain}
.soft-section .split-content{max-width:1100px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,5rem)}
.soft-section .split-content .holistic-copy{grid-column:2;max-width:520px}
.shiatsu-photo-row{display:grid;grid-template-columns:minmax(135px,215px) minmax(0,1fr);gap:clamp(1rem,2.5vw,2rem);align-items:start;margin:2.2rem 0;clear:both}
.shiatsu-photo-row figure{margin:0}
.shiatsu-photo-row img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain;border-radius:8px}
.shiatsu-photo-row h2{margin-top:0}
.footer-top{display:flex;justify-content:space-between;align-items:center;gap:2rem}
.footer-badges{display:flex;align-items:center;justify-content:flex-end;gap:1rem}
.footer-badges img{width:72px;height:72px;object-fit:contain;background:#fff;border-radius:6px;padding:3px}
@media(max-width:760px){.soft-section .split-content{grid-template-columns:1fr}.soft-section .split-content .holistic-copy{grid-column:1}.page-hero-picture{width:min(100%,420px)}.photo-story-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.photo-story-grid figure{width:100%}}
@media(max-width:540px){.shiatsu-photo-row{grid-template-columns:1fr}.shiatsu-photo-row figure{max-width:280px}.photo-story-grid{grid-template-columns:1fr}.photo-story-grid figure{max-width:440px;aspect-ratio:4/3}.footer-badges img{width:52px;height:52px}.footer-top{align-items:flex-start}}

/* Versie 15: typografie, beeldpositie en onderbalk */
.wordmark span{font-family:'Federo',Georgia,serif;font-size:clamp(26px,2.3vw,33px);font-weight:700;line-height:1.2}
.wordmark small{font-family:'Federo',Georgia,serif;font-size:clamp(10px,.92vw,13px);font-weight:400;letter-spacing:.02em}
.footer-name{font-family:'Federo',Georgia,serif;font-size:clamp(26px,2.3vw,33px);font-weight:700;line-height:1.2}
.footer-subtitle,.footer-inner p.footer-subtitle{font-family:'Federo',Georgia,serif;font-size:clamp(10px,.92vw,13px);line-height:1.5;color:var(--brand-light);margin:5px 0 0}
.footer-top{justify-content:flex-start;gap:clamp(2rem,6vw,6rem)}
.footer-badges{justify-content:flex-start;gap:1.15rem}
.footer-badges img{width:88px;height:88px}
.soft-section .split-content{display:block;max-width:1100px}
.soft-section .split-content .holistic-copy{max-width:700px;margin:0;grid-column:auto}
/* Place both headings on the same left alignment within their matching section containers. */
.page-hero-with-image:has(img[src="images/boeddha.jpg"]) .page-hero-picture{width:min(100%,320px)}
.shiatsu-side-photos{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;max-width:260px}
.shiatsu-side-photos img{display:block;width:100%;height:auto;object-fit:contain;border-radius:8px}
.shiatsu-text-section{margin:2rem 0}
.shiatsu-text-section h2{margin-top:0!important}
.page-hero-with-image:has(img[src="images/behandelruimte.jpg"]) .page-hero-picture{width:min(100%,500px)}
.page-hero-with-image:has(img[src="images/geel-herfstbos.jpg"]) .page-hero-picture{width:min(100%,440px)}
.page-hero-with-image:has(h1) .page-hero-copy h1{overflow-wrap:normal}
body:has(a[href="massage.html"][aria-current="page"]) .page-hero h1,
body:has(a[href="visie.html"][aria-current="page"]) .page-hero h1{font-size:clamp(32px,3.5vw,49px);line-height:1.16}
@media(max-width:850px){.wordmark span{font-size:26px}.wordmark small{font-size:10px}}
@media(max-width:760px){.shiatsu-side-photos{max-width:none;flex-direction:row;align-items:flex-start}.shiatsu-side-photos img{width:calc(50% - .75rem)}.footer-badges img{width:70px;height:70px}}
@media(max-width:440px){.footer-top{flex-wrap:wrap;gap:1rem}.footer-badges img{width:65px;height:65px}}

/* Versie 16: gevraagde beeldpositie en compacte homepage */
.shiatsu-aligned-row{display:grid;grid-template-columns:minmax(150px,260px) minmax(0,1fr);gap:clamp(1.5rem,3vw,2.5rem);align-items:start;margin:2rem 0}
.shiatsu-aligned-row figure{margin:0}
.shiatsu-aligned-row figure img{display:block;width:100%;height:auto;object-fit:contain;border-radius:9px}
.shiatsu-aligned-row .shiatsu-text-section{margin:0}
.shiatsu-aligned-row .shiatsu-text-section h2{margin:0 0 1rem!important}
.shiatsu-aligned-row .shiatsu-aligned-copy{min-width:0}
body:has(a[href="massage.html"][aria-current="page"]) .page-hero h1{font-size:clamp(29px,3vw,42px)}
body:has(a[href="over.html"][aria-current="page"]) .page-hero h1{font-size:clamp(30px,3.1vw,44px)}
.footer-top{justify-content:space-between;gap:clamp(2rem,7vw,7rem);align-items:flex-end}
.footer-badges{margin-left:auto;align-self:flex-end;gap:1.2rem}
.footer-badges img{width:100px;height:100px}
.hero{padding-top:clamp(.65rem,1.5vw,1.35rem);padding-bottom:clamp(1.1rem,2.5vw,2.2rem)}
.hero + .content-section{padding-top:clamp(1rem,2.2vw,2rem)}
.feature-grid + *{margin-top:clamp(2.5rem,5vw,4.5rem)}
.soft-section{padding-top:clamp(3.5rem,6vw,5.5rem)}
@media(max-width:760px){.shiatsu-aligned-row{grid-template-columns:minmax(110px,35%) minmax(0,1fr);gap:1rem}.footer-badges img{width:78px;height:78px}}
@media(max-width:520px){.shiatsu-aligned-row{grid-template-columns:1fr}.shiatsu-aligned-row figure{max-width:300px}.footer-badges img{width:68px;height:68px}}

/* V17: verfijningen aan de pagina-indeling en logo's */
.footer-badges{transform:translateY(1cm)}
.footer-badges img{width:112px;height:112px}
body:has(a[href="visie.html"][aria-current="page"]) .page-hero h1{font-size:clamp(27px,2.8vw,39px)}
body:has(a[href="visie.html"][aria-current="page"]) .page-hero-picture{width:min(100%,330px)}
body:has(a[href="contact.html"][aria-current="page"]) .page-hero-picture{width:min(100%,490px)}
/* Each image sits in the same left-hand column as the aside note; its top aligns with its heading. */
.content-layout:has(.shiatsu-wide-row){column-gap:8vw;row-gap:2.2rem;align-items:start}
.content-layout:has(.shiatsu-wide-row)>aside{grid-column:1;grid-row:1}
.content-layout:has(.shiatsu-wide-row)>article:first-of-type{grid-column:2;grid-row:1}
.shiatsu-wide-row{grid-column:1/-1;display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr);column-gap:8vw;align-items:start}
.shiatsu-wide-row figure{margin:0;max-width:260px}
.shiatsu-wide-row img{display:block;width:100%;height:auto;object-fit:contain;border-radius:9px}
.shiatsu-wide-copy{min-width:0;max-width:700px}
.shiatsu-wide-copy .shiatsu-text-section{margin:0}
.shiatsu-wide-copy h2{margin:0 0 18px!important}
.shiatsu-continuation{grid-column:2}
@media(max-width:850px){.content-layout:has(.shiatsu-wide-row)>aside,.content-layout:has(.shiatsu-wide-row)>article:first-of-type,.shiatsu-continuation{grid-column:1;grid-row:auto}.shiatsu-wide-row{grid-template-columns:minmax(110px,35%) minmax(0,1fr);column-gap:1rem}}
@media(max-width:520px){.shiatsu-wide-row{grid-template-columns:1fr}.shiatsu-wide-row figure{max-width:300px}.footer-badges img{width:80px;height:80px}.footer-badges{transform:translateY(.45cm)}}

/* Versie 18: gelijklopende fotosecties en Federo-koppen */
.photo-story h2{font-family:'Federo',Georgia,serif;font-size:clamp(2rem,3.25vw,2.9rem);font-weight:400;line-height:1.14;letter-spacing:-.025em}
/* Koppen uitlijnen met het rechter tekstvlak op de homepage. */
body:has(.home-title) .photo-story .section-inner{max-width:1100px}
body:has(.home-title) .photo-story h2{margin-left:50%;padding-left:0}
/* De rechterrand van de eerste foto raakt de linkerrand van de rechter tekstkolom. */
body:has(.home-title) .photo-story-grid{width:75%;margin-left:25%;grid-template-columns:repeat(3,minmax(0,1fr))}
/* Zen Shiatsu: grotere foto, uitlijning met de kop behouden. */
.shiatsu-wide-row:first-of-type figure{max-width:320px}
@media(max-width:760px){body:has(.home-title) .photo-story h2{margin-left:0}body:has(.home-title) .photo-story-grid{width:100%;margin-left:0}}

.shiatsu-wide-row:has(img[src="images/groene-boom.jpg"]) figure{max-width:320px}

/* Versie 19: consistente uitlijning van sfeerblok en foto's op home en contact */
.photo-story .section-inner{width:min(100%,1100px);max-width:1100px;margin-inline:auto}
.photo-story h2{margin-left:0!important;padding-left:0!important;text-align:left;max-width:100%}
.photo-story-grid,body:has(.home-title) .photo-story-grid{width:100%;margin-left:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.7rem,1.6vw,1.25rem)}
.photo-story-grid figure{min-width:0}
@media(max-width:760px){.photo-story-grid,body:has(.home-title) .photo-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.photo-story-grid,body:has(.home-title) .photo-story-grid{grid-template-columns:1fr}.photo-story-grid figure{max-width:440px}}

/* V20: eenduidige uitlijning en Federo voor inhoudelijke tussenkoppen */
.prose h2, .shiatsu-wide-copy h2, .applications-section h2, .content-layout article h2 {
  font-family:'Federo',Georgia,serif;
  font-weight:400;
  letter-spacing:-.015em;
}
/* De fotosectie gebruikt precies dezelfde breedte en linker-/rechterrand
   als de tekstsectie met 'U bent welkom op afspraak'. */
.photo-story .section-inner,
.content-section .section-inner {
  width:calc(100% - 2 * clamp(20px,5vw,64px));
  max-width:1100px;
  margin-left:auto;
  margin-right:auto;
}
.photo-story h2,
body:has(.home-title) .photo-story h2 {
  margin-left:0!important;
  padding-left:0!important;
  text-align:left;
  max-width:100%;
}
.photo-story-grid,
body:has(.home-title) .photo-story-grid {
  display:grid;
  width:100%;
  margin-left:0;
  margin-right:0;
  grid-template-columns:repeat(3,minmax(0,1fr));
  justify-content:stretch;
}
.photo-story-grid figure { margin:0; width:100%; }
@media(max-width:760px){
  .photo-story-grid,body:has(.home-title) .photo-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:540px){
  .photo-story-grid,body:has(.home-title) .photo-story-grid{grid-template-columns:1fr}
}

/* Versie 21: verfijning van kopgroottes */
.shiatsu-continuation h2.shiatsu-applications-title {font-size:32px;line-height:1.25;}
body:has(a[href="shiatsu.html"][aria-current="page"]) .page-hero h1 {font-size:clamp(30px,3.35vw,44px);}
body:has(a[href="praktisch.html"][aria-current="page"]) .page-hero h1 {font-size:clamp(29px,3.15vw,42px);}
body:has(a[href="contact.html"][aria-current="page"]) .page-hero h1 {font-size:clamp(29px,3.15vw,42px);}
body:has(.home-title) .photo-story h2 {font-size:clamp(1.8rem,2.75vw,2.5rem);}

/* V22: toepassingen exact dezelfde typografie als Zen Shiatsu en Shiatsu Ryoho */
.content-layout .shiatsu-continuation h2.shiatsu-applications-title {
  font-family:'Federo',Georgia,serif;
  font-size:32px;
  line-height:1.25;
  font-weight:400;
  letter-spacing:-.015em;
}
.content-layout .shiatsu-wide-copy .shiatsu-text-section h2 {
  font-family:'Federo',Georgia,serif;
  font-size:32px;
  line-height:1.25;
  font-weight:400;
  letter-spacing:-.015em;
}

/* V23: uitsluitend op telefoons de titel Natuurgeneeskunde vergroten.
   Desktop en tablet behouden exact de bestaande vormgeving. */
@media (max-width: 540px) {
  body:has(a[href="natuurgeneeskunde.html"][aria-current="page"]) .page-hero h1.single-line-title {
    font-size: clamp(29px, 7.5vw, 36px);
    line-height: 1.16;
    white-space: normal;
    overflow-wrap: anywhere;
  }
}

/* Versie 24: gelijke introductietypografie op alle schermen */
.hero-copy p.intro, .hero-copy > p:not(.eyebrow):not(.intro) {
  font-family:var(--sans); font-size:clamp(1rem,1.15vw,1.12rem);
  font-weight:400; font-style:normal; line-height:1.75; letter-spacing:normal; color:#405348;
}
.hero-actions-mobile,.mobile-consult-heading{display:none}
@media (max-width:540px) {
  /* Alleen mobiele volgorde: tekst, ronde foto, contactknop. */
  .hero:has(.home-title){display:flex;flex-direction:column;align-items:stretch;padding-top:.7rem}
  .hero:has(.home-title) .hero-copy{padding-top:.55rem;padding-bottom:.5rem}
  .hero:has(.home-title) .hero-copy .eyebrow{margin-bottom:.65rem}
  .hero:has(.home-title) .hero-art{order:2;margin:0 auto 0}
  .hero:has(.home-title) .hero-actions-desktop{display:none}
  .hero:has(.home-title) .hero-actions-mobile{display:flex;order:3;justify-content:center;align-self:center;margin:1.2rem 0 .3rem;gap:1rem}
  .desktop-consult-heading{display:none}
  .mobile-consult-heading{display:inline}
  /* Voettekst en keurmerken: links uitgelijnd, zonder verticale verschuiving. */
  .site-footer .footer-top{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}
  .site-footer .footer-badges{display:flex;justify-content:flex-start;align-self:flex-start;margin:0;transform:none;gap:.8rem}
  .site-footer .footer-badges img{width:60px;height:60px;object-fit:contain}
  /* Iets meer ademruimte onder Shiatsu Ryoho en de derde foto. */
  body:has(a[href="shiatsu.html"][aria-current="page"]) .shiatsu-wide-row:has(img[src="images/rode-bladeren.jpg"]){margin-bottom:2rem}
  /* Balans op een eigen, gecentreerde regel. */
  body:has(a[href="visie.html"][aria-current="page"]) .vision-balans{display:block;text-align:center}
}


/* V25 – wijzigingen uitsluitend voor telefoons; desktop blijft identiek. */
.hero-photo-mobile {display:none;}
@media (max-width:540px) {
  /* Foto direct tussen de twee introductiealinea's. */
  .hero:has(.home-title) > .hero-art {display:none;}
  .hero:has(.home-title) .hero-copy .hero-photo-mobile {
    display:block; width:min(100%,340px); aspect-ratio:1/1;
    min-height:0; margin:1.15rem auto 1.35rem; border-radius:50%;
  }
  /* De vervolgtitels zijn niet langer groter dan de paginatitel. */
  .page-hero h1,
  body:has(a[href="natuurgeneeskunde.html"][aria-current="page"]) .page-hero h1.single-line-title,
  body:has(a[href="shiatsu.html"][aria-current="page"]) .page-hero h1,
  body:has(a[href="praktisch.html"][aria-current="page"]) .page-hero h1,
  body:has(a[href="contact.html"][aria-current="page"]) .page-hero h1,
  body:has(a[href="massage.html"][aria-current="page"]) .page-hero h1,
  body:has(a[href="visie.html"][aria-current="page"]) .page-hero h1,
  body:has(a[href="over.html"][aria-current="page"]) .page-hero h1,
  .prose h2, .content-layout article h2, .content-layout .shiatsu-continuation h2.shiatsu-applications-title,
  .content-layout .shiatsu-wide-copy .shiatsu-text-section h2,
  .applications-section h2, .shiatsu-text-section h2 {
    font-family:'Federo',Georgia,serif;
    font-size:clamp(29px,7.5vw,36px);
    line-height:1.2;
    font-weight:400;
  }
  /* Beeld en titel van de twee shiatsuvormen duidelijk van elkaar scheiden. */
  .shiatsu-wide-row {row-gap:1.55rem; margin-bottom:1rem;}
  .shiatsu-wide-row figure {margin-bottom:.25rem;}
  .shiatsu-wide-row .shiatsu-text-section h2 {margin-top:0!important;}
  /* Kortere overgang na de laatste alinea van Shiatsu Ryoho. */
  .shiatsu-wide-row:has(img[src="images/rode-bladeren.jpg"]) {margin-bottom:.2rem!important;}
  .shiatsu-wide-row:has(img[src="images/rode-bladeren.jpg"]) + .shiatsu-continuation {margin-top:0!important;}
  .shiatsu-wide-row:has(img[src="images/rode-bladeren.jpg"]) + .shiatsu-continuation h2 {margin-top:.2rem!important;}
  /* Hele titel van Visie gecentreerd, niet alleen het laatste woord. */
  body:has(a[href="visie.html"][aria-current="page"]) .page-hero h1 {text-align:center;}
  body:has(a[href="visie.html"][aria-current="page"]) .vision-balans {display:inline;text-align:inherit;}
  /* Fotosectietitels gecentreerd op home en contact. */
  body:has(.home-title) .photo-story h2,
  body:has(a[href="contact.html"][aria-current="page"]) .photo-story h2 {
    text-align:center!important; margin-left:auto!important; margin-right:auto!important;
  }
}

/* V26: uitsluitend mobiel — introductie, foto, vervolgtekst in die volgorde.
   Beide alinea's hebben exact dezelfde typografie. */
@media (max-width:540px) {
  .hero:has(.home-title) .hero-copy > p.intro,
  .hero:has(.home-title) .hero-copy > p:not(.eyebrow):not(.intro) {
    font-family:var(--sans);
    font-size:1rem;
    line-height:1.75;
    font-weight:400;
    font-style:normal;
    letter-spacing:normal;
    color:#405348;
  }
  .hero:has(.home-title) .hero-copy .hero-photo-mobile {
    display:block;
    margin:1.15rem auto 1.35rem;
  }
}

/* V27: mobiel fotoblok op zijn werkelijke DOM-positie tussen de twee alinea's.
   De eerdere algemene order:2-regel verplaatste het beeld onder de tweede alinea. */
@media (max-width:540px) {
  .hero:has(.home-title) .hero-copy > .hero-photo-mobile {
    order:0 !important;
    flex-shrink:0;
    display:block;
  }
}


/* V28: uitsluitend telefoons — compactere verticale afstanden. */
@media (max-width:540px) {
  /* Home: vervolgtekst dichter bij de contactknop. */
  .hero:has(.home-title) .hero-actions-mobile {
    margin-top:.45rem;
  }
  .hero:has(.home-title) .hero-copy > p:not(.eyebrow):not(.intro) {
    margin-bottom:.2rem;
  }

  /* Shiatsu: toepassingen dichter onder de beschrijvende alinea's. */
  body:has(a[href="shiatsu.html"][aria-current="page"]) .shiatsu-wide-row {
    margin-bottom:.15rem !important;
  }
  body:has(a[href="shiatsu.html"][aria-current="page"]) .shiatsu-wide-row .shiatsu-text-section p:last-of-type {
    margin-bottom:.35rem;
  }
  body:has(a[href="shiatsu.html"][aria-current="page"]) .shiatsu-wide-row .shiatsu-text-section h2:not(:first-child),
  body:has(a[href="shiatsu.html"][aria-current="page"]) .shiatsu-wide-copy .applications-section h2 {
    margin-top:.65rem !important;
  }
  body:has(a[href="shiatsu.html"][aria-current="page"]) .shiatsu-continuation {
    margin-top:0 !important;
  }
  body:has(a[href="shiatsu.html"][aria-current="page"]) .shiatsu-continuation h2 {
    margin-top:.4rem !important;
  }

  /* Binnenpagina's: minder witruimte na de openingsfoto, vóór het tekstblok. */
  body:has(.page-hero-with-image) .page-hero-with-image {
    padding-bottom:1.1rem;
    row-gap:1rem;
  }
  body:has(.page-hero-with-image) .content-layout {
    padding-top:1.45rem;
  }
  body:has(.page-hero-with-image) .content-layout aside {
    padding-top:0;
  }
  body:has(.page-hero-with-image) .content-layout aside .section-kicker {
    margin-top:0;
  }
}

/* V29: uitsluitend mobiel — iets meer lucht na de openingsfoto op zes binnenpagina's.
   De laptopweergave en de overige mobiele afstanden blijven ongewijzigd. */
@media (max-width:540px) {
  body:has(a[href="natuurgeneeskunde.html"][aria-current="page"]) .page-hero-with-image + .content-layout,
  body:has(a[href="over.html"][aria-current="page"]) .page-hero-with-image + .content-layout,
  body:has(a[href="praktisch.html"][aria-current="page"]) .page-hero-with-image + .content-layout,
  body:has(a[href="contact.html"][aria-current="page"]) .page-hero-with-image + .content-layout,
  body:has(a[href="visie.html"][aria-current="page"]) .page-hero-with-image + .content-layout,
  body:has(a[href="massage.html"][aria-current="page"]) .page-hero-with-image + .content-layout {
    padding-top:calc(2rem + 5px);
  }
}

/* V31: kleine aanpassingen uitsluitend voor mobiele telefoons. */
@media (max-width: 540px) {
  /* Shiatsu: dezelfde foto-naar-tekst afstand als op de overige binnenpagina's. */
  body:has(a[href="shiatsu.html"][aria-current="page"]) .page-hero-with-image + .content-layout {
    padding-top: calc(2rem + 5px);
  }
  /* Homepage: iets minder witruimte na de drie groene behandelblokken. */
  body:has(.home-title) .content-section.soft-section {
    padding-top: 2.75rem;
  }
}