/*
Theme Name: Bas Eefting
Theme URI: https://baseefting.nl/
Author: Bas Eefting
Description: Merkstrategie, regie en marketing. Donkerblauw, blauwgroen, geel en gebroken wit; atletiekbaanpatroon en licht/donker-weergave.
Version: 2.1.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: bas-eefting
*/
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/inter-regular.ttf) format('truetype');
}@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/inter-medium.ttf) format('truetype');
}@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/manrope-semibold.ttf) format('truetype');
}
:root{--navy:#101E2B;--teal:#7FA6AE;--yellow:#F2BB37;--ivory:#FAF7EE;--bg:var(--navy);--fg:var(--ivory);--pattern:#263B48;--muted:#ABBAC0;--rule:#30434E;--panel:#142634;--field:#152C3A}
:root[data-theme=light]{--bg:var(--ivory);--fg:var(--navy);--pattern:#E3E0D7;--muted:#485D65;--rule:#D7DDD8;--panel:#F2EFE5;--field:#FFFFFF}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font:400 18px/1.6 Inter,Arial,sans-serif}a{color:inherit;text-underline-offset:5px}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:5px}button{cursor:pointer}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:600;letter-spacing:-.035em;line-height:1.14}h1{font-size:clamp(38px,5.4vw,78px);margin:18px 0 26px}h2{font-size:clamp(28px,3vw,44px);margin:0 0 24px}h3{font-size:25px;margin:0 0 12px}p{margin:0 0 24px;max-width:65ch}.wrap{width:min(1280px,88%);margin:auto}.skip{position:fixed;top:-100px;left:16px;padding:10px;background:var(--yellow);color:var(--navy);z-index:100}.skip:focus{top:10px}.site-header{border-bottom:1px solid var(--rule);position:relative;z-index:2;background:var(--bg)}.site-header .wrap{display:flex;justify-content:space-between;align-items:center;min-height:98px;gap:32px}.name{font-family:Manrope,sans-serif;font-size:26px;font-weight:600;text-decoration:none;letter-spacing:-.04em}.site-header nav{display:flex;gap:34px}.site-header nav a{text-decoration:none;font-size:16px;padding:12px 0;border-bottom:2px solid transparent}.site-header nav a[aria-current=page]{border-color:var(--yellow)}.eyebrow{font-size:14px;font-weight:500;letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.hero-stage{position:relative;width:100%;aspect-ratio:3/2;max-height:960px;isolation:isolate}.track-pattern{position:absolute;inset:0;width:100%;height:100%;color:var(--pattern);pointer-events:none;z-index:-1}.hero{width:100%;height:100%;position:relative}.hero>div:first-child{position:absolute;left:8%;top:24%;width:52%}.hero h1{font-size:clamp(34px,4.55vw,70px);max-width:15ch}.lead{font-size:22px;line-height:1.6}.hero .lead{max-width:36ch;font-size:clamp(17px,1.6vw,24px);margin-bottom:30px}.hero>div:last-child{position:absolute;left:68.099%;top:6.836%;width:26.042%;height:86.328%}.hero-photo,.stage-photo{display:block;width:100%;height:100%;object-fit:cover;border-radius:50% / 22.624%;border:0;object-position:50% 40%}.caption{display:none}.buttons{display:flex;flex-wrap:wrap;gap:16px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 25px;background:var(--yellow);color:var(--navy);border:1px solid var(--yellow);text-decoration:none;font-size:16px;font-weight:500}.button.light{background:var(--bg);color:var(--fg);border-color:var(--rule)}.button:hover{filter:brightness(.95)}.section{border-top:1px solid var(--rule);padding:100px 0}.home-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:80px;row-gap:12px}.home-intro>p:nth-child(3){grid-column:1;align-self:start}.home-form{grid-column:2;grid-row:2/4;align-self:start;background:var(--panel);padding:36px}.home-intro>p:first-child{font-size:22px}.home-form form{display:grid;gap:18px}.home-form p{margin:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:grid;gap:8px;font-size:16px}input,textarea{background:var(--field);color:var(--fg);border:1px solid var(--rule);border-radius:0;padding:12px;width:100%;min-width:0}textarea{min-height:140px;resize:vertical}.note{font-size:14px;color:var(--muted)}.home-form .button{justify-self:start}.page-head{padding:100px 0 80px;position:relative;isolation:isolate;margin:0 0 20px}.pattern-head{overflow:hidden}.pattern-head .track-pattern{opacity:.8}.page-head h1{max-width:16ch}.chapter-list{padding-bottom:80px}.chapter-preview{display:grid;grid-template-columns:90px minmax(0,1fr);gap:30px;padding:48px 0;border-top:1px solid var(--rule)}.chapter-preview h2{font-size:34px;max-width:26ch;margin-bottom:18px}.chapter-preview p{color:var(--muted);max-width:65ch}.chapter-preview a{font-size:16px;font-weight:500}.chapter-preview .eyebrow{font-size:18px}.contact-copy{position:absolute;left:8%;top:16%;width:50%}.contact-copy h1{margin-bottom:28px}.contact-copy>p{max-width:42ch}.stage-photo{position:absolute;left:68.099%;top:6.836%;width:26.042%;height:86.328%}.principles{display:grid;grid-template-columns:1fr 1.5fr;gap:90px}.principle{display:grid;grid-template-columns:42px 1fr;gap:20px;padding:30px 0;border-top:1px solid var(--rule)}.principle:first-child{padding-top:0;border-top:0}.number{font-size:14px;color:var(--muted)}.band{background:var(--teal);color:var(--navy);padding:80px 0}.closing-quote{font:600 clamp(26px,3vw,42px)/1.35 Manrope,sans-serif;max-width:32ch}.closing-quote span{font:400 18px/1.6 Inter,sans-serif;display:block;margin-top:28px}.address{display:grid;grid-template-columns:1fr 1fr;gap:60px}.prose,.article-body,.chapter-content{max-width:760px;margin:0 auto 80px}.prose p{max-width:65ch}.prose h2{margin-top:48px}.prose img{max-width:100%;height:auto}.chapter-nav{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--rule);padding:30px 0 70px}.site-footer{border-top:1px solid var(--rule);padding:52px 0}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:start}.footer-top p{font-size:15px;margin:0;color:var(--muted)}.footer-top strong{font-family:Manrope,sans-serif;font-size:24px;font-weight:600;color:var(--fg);display:block;margin-bottom:8px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:36px;padding-top:26px;border-top:1px solid var(--rule);font-size:14px;color:var(--muted)}.design-switch{display:flex;align-items:center;gap:10px}.design-switch>span{margin-right:12px}.design-switch button{color:var(--fg);background:transparent;border:1px solid var(--rule);padding:9px 18px;font-size:14px;min-height:44px}.design-switch button[aria-pressed=true]{background:var(--yellow);color:var(--navy);border-color:var(--yellow)}.article-route .wrap{max-width:1080px}.article{max-width:760px;margin:auto;padding:90px 0 80px}.article article>h1{font-size:clamp(36px,4.4vw,64px)}.article article h2{margin-top:44px}.article-nav,.article-pagination{display:flex;flex-wrap:wrap;gap:24px;padding-top:32px;border-top:1px solid var(--rule)}.article-route .prose{font-size:20px}.article-route h1{max-width:19ch}.article-route img{border-radius:180px;max-height:620px;object-fit:cover}.back-link{display:inline-block;margin-bottom:24px;font-size:15px}
@media(min-width:1600px){.hero-stage{max-width:1600px;margin:auto}}
@media(max-width:1050px){.hero-stage{aspect-ratio:1.4}.hero>div:first-child{top:18%}.hero h1{font-size:clamp(34px,5vw,58px)}.hero .lead{font-size:18px}.contact-copy{top:10%}.contact-copy p{font-size:17px}.home-intro{column-gap:40px}.principles{gap:40px}}
@media(max-width:720px){.site-header .wrap{min-height:84px;gap:12px}.name{font-size:21px}.site-header nav{gap:16px}.site-header nav a{font-size:14px}.hero-stage{aspect-ratio:auto;height:auto;padding:48px 6% 56px;display:flex;flex-direction:column}.hero{display:flex;flex-direction:column;width:100%;gap:36px}.hero>div:first-child,.hero>div:last-child{position:static;width:100%;height:auto}.hero h1{font-size:clamp(34px,8.5vw,58px);max-width:16ch}.hero .lead{font-size:19px}.hero>div:last-child{width:min(72%,320px);aspect-ratio:400/884;align-self:center}.hero-photo{height:100%}.hero-stage .track-pattern{opacity:.7}.section{padding:60px 0}.home-intro{display:block}.home-intro>p{margin-bottom:28px}.home-form{padding:24px;margin-top:36px}.form-row{grid-template-columns:1fr}.page-head{padding:60px 0 40px}.page-head h1{font-size:42px}.chapter-preview{grid-template-columns:35px 1fr;gap:18px;padding:32px 0}.chapter-preview h2{font-size:28px}.chapter-preview p{font-size:17px}.contact-copy{position:static;width:100%;margin-bottom:32px}.contact-copy p{font-size:18px}.stage-photo{position:static;align-self:center;width:min(72%,320px);height:auto;aspect-ratio:400/884}.principles,.address{grid-template-columns:1fr;gap:36px}.principles h2 br{display:none}.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-top>a{overflow-wrap:anywhere}.design-switch{flex-wrap:wrap}.article-route .prose{font-size:18px}.chapter-nav{flex-wrap:wrap}body{font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background-image:url('data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%221440%22%20height%3D%221024%22%20viewBox%3D%220%200%201440%201024%22%20aria-hidden%3D%22true%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23263B48%22%20stroke-width%3D%221%22%3E%3Crect%20x%3D%2240%22%20y%3D%2270%22%20width%3D%22400%22%20height%3D%22884%22%20rx%3D%22200%22/%3E%3Crect%20x%3D%2260%22%20y%3D%2290%22%20width%3D%22360%22%20height%3D%22844%22%20rx%3D%22180%22/%3E%3Crect%20x%3D%2280%22%20y%3D%22110%22%20width%3D%22320%22%20height%3D%22804%22%20rx%3D%22160%22/%3E%3Crect%20x%3D%22100%22%20y%3D%22130%22%20width%3D%22280%22%20height%3D%22764%22%20rx%3D%22140%22/%3E%3Crect%20x%3D%22120%22%20y%3D%22150%22%20width%3D%22240%22%20height%3D%22724%22%20rx%3D%22120%22/%3E%3Crect%20x%3D%22520%22%20y%3D%2270%22%20width%3D%22400%22%20height%3D%22884%22%20rx%3D%22200%22/%3E%3Crect%20x%3D%22540%22%20y%3D%2290%22%20width%3D%22360%22%20height%3D%22844%22%20rx%3D%22180%22/%3E%3Crect%20x%3D%22560%22%20y%3D%22110%22%20width%3D%22320%22%20height%3D%22804%22%20rx%3D%22160%22/%3E%3Crect%20x%3D%22580%22%20y%3D%22130%22%20width%3D%22280%22%20height%3D%22764%22%20rx%3D%22140%22/%3E%3Crect%20x%3D%22600%22%20y%3D%22150%22%20width%3D%22240%22%20height%3D%22724%22%20rx%3D%22120%22/%3E%3Crect%20x%3D%221000%22%20y%3D%2270%22%20width%3D%22400%22%20height%3D%22884%22%20rx%3D%22200%22/%3E%3Crect%20x%3D%221020%22%20y%3D%2290%22%20width%3D%22360%22%20height%3D%22844%22%20rx%3D%22180%22/%3E%3Crect%20x%3D%221040%22%20y%3D%22110%22%20width%3D%22320%22%20height%3D%22804%22%20rx%3D%22160%22/%3E%3Crect%20x%3D%221060%22%20y%3D%22130%22%20width%3D%22280%22%20height%3D%22764%22%20rx%3D%22140%22/%3E%3Crect%20x%3D%221080%22%20y%3D%22150%22%20width%3D%22240%22%20height%3D%22724%22%20rx%3D%22120%22/%3E%3Cpath%20d%3D%22M0%200V1024%22/%3E%3Cpath%20d%3D%22M20%200V1024%22/%3E%3Cpath%20d%3D%22M40%200V1024%22/%3E%3Cpath%20d%3D%22M60%200V1024%22/%3E%3Cpath%20d%3D%22M80%200V1024%22/%3E%3Cpath%20d%3D%22M100%200V1024%22/%3E%3Cpath%20d%3D%22M120%200V1024%22/%3E%3Cpath%20d%3D%22M140%200V1024%22/%3E%3Cpath%20d%3D%22M160%200V1024%22/%3E%3Cpath%20d%3D%22M180%200V1024%22/%3E%3Cpath%20d%3D%22M200%200V1024%22/%3E%3Cpath%20d%3D%22M220%200V1024%22/%3E%3Cpath%20d%3D%22M240%200V1024%22/%3E%3Cpath%20d%3D%22M260%200V1024%22/%3E%3Cpath%20d%3D%22M280%200V1024%22/%3E%3Cpath%20d%3D%22M300%200V1024%22/%3E%3Cpath%20d%3D%22M320%200V1024%22/%3E%3Cpath%20d%3D%22M340%200V1024%22/%3E%3Cpath%20d%3D%22M360%200V1024%22/%3E%3Cpath%20d%3D%22M380%200V1024%22/%3E%3Cpath%20d%3D%22M400%200V1024%22/%3E%3Cpath%20d%3D%22M420%200V1024%22/%3E%3Cpath%20d%3D%22M440%200V1024%22/%3E%3Cpath%20d%3D%22M460%200V1024%22/%3E%3Cpath%20d%3D%22M480%200V1024%22/%3E%3Cpath%20d%3D%22M500%200V1024%22/%3E%3Cpath%20d%3D%22M520%200V1024%22/%3E%3Cpath%20d%3D%22M540%200V1024%22/%3E%3Cpath%20d%3D%22M560%200V1024%22/%3E%3Cpath%20d%3D%22M580%200V1024%22/%3E%3Cpath%20d%3D%22M600%200V1024%22/%3E%3Cpath%20d%3D%22M620%200V1024%22/%3E%3Cpath%20d%3D%22M640%200V1024%22/%3E%3Cpath%20d%3D%22M660%200V1024%22/%3E%3Cpath%20d%3D%22M680%200V1024%22/%3E%3Cpath%20d%3D%22M700%200V1024%22/%3E%3Cpath%20d%3D%22M720%200V1024%22/%3E%3Cpath%20d%3D%22M740%200V1024%22/%3E%3Cpath%20d%3D%22M760%200V1024%22/%3E%3Cpath%20d%3D%22M780%200V1024%22/%3E%3Cpath%20d%3D%22M800%200V1024%22/%3E%3Cpath%20d%3D%22M820%200V1024%22/%3E%3Cpath%20d%3D%22M840%200V1024%22/%3E%3Cpath%20d%3D%22M860%200V1024%22/%3E%3Cpath%20d%3D%22M880%200V1024%22/%3E%3Cpath%20d%3D%22M900%200V1024%22/%3E%3Cpath%20d%3D%22M920%200V1024%22/%3E%3Cpath%20d%3D%22M940%200V1024%22/%3E%3Cpath%20d%3D%22M960%200V1024%22/%3E%3Cpath%20d%3D%22M980%200V1024%22/%3E%3Cpath%20d%3D%22M1000%200V1024%22/%3E%3Cpath%20d%3D%22M1020%200V1024%22/%3E%3Cpath%20d%3D%22M1040%200V1024%22/%3E%3Cpath%20d%3D%22M1060%200V1024%22/%3E%3Cpath%20d%3D%22M1080%200V1024%22/%3E%3Cpath%20d%3D%22M1100%200V1024%22/%3E%3Cpath%20d%3D%22M1120%200V1024%22/%3E%3Cpath%20d%3D%22M1140%200V1024%22/%3E%3Cpath%20d%3D%22M1160%200V1024%22/%3E%3Cpath%20d%3D%22M1180%200V1024%22/%3E%3Cpath%20d%3D%22M1200%200V1024%22/%3E%3Cpath%20d%3D%22M1220%200V1024%22/%3E%3Cpath%20d%3D%22M1240%200V1024%22/%3E%3Cpath%20d%3D%22M1260%200V1024%22/%3E%3Cpath%20d%3D%22M1280%200V1024%22/%3E%3Cpath%20d%3D%22M1300%200V1024%22/%3E%3Cpath%20d%3D%22M1320%200V1024%22/%3E%3Cpath%20d%3D%22M1340%200V1024%22/%3E%3Cpath%20d%3D%22M1360%200V1024%22/%3E%3Cpath%20d%3D%22M1380%200V1024%22/%3E%3Cpath%20d%3D%22M1400%200V1024%22/%3E%3Cpath%20d%3D%22M1420%200V1024%22/%3E%3Cpath%20d%3D%22M1440%200V1024%22/%3E%3C/g%3E%3C/svg%3E');background-repeat:repeat;background-size:min(100vw, 1440px) auto;background-position:center 98px}html[data-theme=light] body{background-image:url('data:image/svg+xml,%3Csvg%20%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%221440%22%20height%3D%221024%22%20viewBox%3D%220%200%201440%201024%22%20aria-hidden%3D%22true%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23E3E0D7%22%20stroke-width%3D%221%22%3E%3Crect%20x%3D%2240%22%20y%3D%2270%22%20width%3D%22400%22%20height%3D%22884%22%20rx%3D%22200%22/%3E%3Crect%20x%3D%2260%22%20y%3D%2290%22%20width%3D%22360%22%20height%3D%22844%22%20rx%3D%22180%22/%3E%3Crect%20x%3D%2280%22%20y%3D%22110%22%20width%3D%22320%22%20height%3D%22804%22%20rx%3D%22160%22/%3E%3Crect%20x%3D%22100%22%20y%3D%22130%22%20width%3D%22280%22%20height%3D%22764%22%20rx%3D%22140%22/%3E%3Crect%20x%3D%22120%22%20y%3D%22150%22%20width%3D%22240%22%20height%3D%22724%22%20rx%3D%22120%22/%3E%3Crect%20x%3D%22520%22%20y%3D%2270%22%20width%3D%22400%22%20height%3D%22884%22%20rx%3D%22200%22/%3E%3Crect%20x%3D%22540%22%20y%3D%2290%22%20width%3D%22360%22%20height%3D%22844%22%20rx%3D%22180%22/%3E%3Crect%20x%3D%22560%22%20y%3D%22110%22%20width%3D%22320%22%20height%3D%22804%22%20rx%3D%22160%22/%3E%3Crect%20x%3D%22580%22%20y%3D%22130%22%20width%3D%22280%22%20height%3D%22764%22%20rx%3D%22140%22/%3E%3Crect%20x%3D%22600%22%20y%3D%22150%22%20width%3D%22240%22%20height%3D%22724%22%20rx%3D%22120%22/%3E%3Crect%20x%3D%221000%22%20y%3D%2270%22%20width%3D%22400%22%20height%3D%22884%22%20rx%3D%22200%22/%3E%3Crect%20x%3D%221020%22%20y%3D%2290%22%20width%3D%22360%22%20height%3D%22844%22%20rx%3D%22180%22/%3E%3Crect%20x%3D%221040%22%20y%3D%22110%22%20width%3D%22320%22%20height%3D%22804%22%20rx%3D%22160%22/%3E%3Crect%20x%3D%221060%22%20y%3D%22130%22%20width%3D%22280%22%20height%3D%22764%22%20rx%3D%22140%22/%3E%3Crect%20x%3D%221080%22%20y%3D%22150%22%20width%3D%22240%22%20height%3D%22724%22%20rx%3D%22120%22/%3E%3Cpath%20d%3D%22M0%200V1024%22/%3E%3Cpath%20d%3D%22M20%200V1024%22/%3E%3Cpath%20d%3D%22M40%200V1024%22/%3E%3Cpath%20d%3D%22M60%200V1024%22/%3E%3Cpath%20d%3D%22M80%200V1024%22/%3E%3Cpath%20d%3D%22M100%200V1024%22/%3E%3Cpath%20d%3D%22M120%200V1024%22/%3E%3Cpath%20d%3D%22M140%200V1024%22/%3E%3Cpath%20d%3D%22M160%200V1024%22/%3E%3Cpath%20d%3D%22M180%200V1024%22/%3E%3Cpath%20d%3D%22M200%200V1024%22/%3E%3Cpath%20d%3D%22M220%200V1024%22/%3E%3Cpath%20d%3D%22M240%200V1024%22/%3E%3Cpath%20d%3D%22M260%200V1024%22/%3E%3Cpath%20d%3D%22M280%200V1024%22/%3E%3Cpath%20d%3D%22M300%200V1024%22/%3E%3Cpath%20d%3D%22M320%200V1024%22/%3E%3Cpath%20d%3D%22M340%200V1024%22/%3E%3Cpath%20d%3D%22M360%200V1024%22/%3E%3Cpath%20d%3D%22M380%200V1024%22/%3E%3Cpath%20d%3D%22M400%200V1024%22/%3E%3Cpath%20d%3D%22M420%200V1024%22/%3E%3Cpath%20d%3D%22M440%200V1024%22/%3E%3Cpath%20d%3D%22M460%200V1024%22/%3E%3Cpath%20d%3D%22M480%200V1024%22/%3E%3Cpath%20d%3D%22M500%200V1024%22/%3E%3Cpath%20d%3D%22M520%200V1024%22/%3E%3Cpath%20d%3D%22M540%200V1024%22/%3E%3Cpath%20d%3D%22M560%200V1024%22/%3E%3Cpath%20d%3D%22M580%200V1024%22/%3E%3Cpath%20d%3D%22M600%200V1024%22/%3E%3Cpath%20d%3D%22M620%200V1024%22/%3E%3Cpath%20d%3D%22M640%200V1024%22/%3E%3Cpath%20d%3D%22M660%200V1024%22/%3E%3Cpath%20d%3D%22M680%200V1024%22/%3E%3Cpath%20d%3D%22M700%200V1024%22/%3E%3Cpath%20d%3D%22M720%200V1024%22/%3E%3Cpath%20d%3D%22M740%200V1024%22/%3E%3Cpath%20d%3D%22M760%200V1024%22/%3E%3Cpath%20d%3D%22M780%200V1024%22/%3E%3Cpath%20d%3D%22M800%200V1024%22/%3E%3Cpath%20d%3D%22M820%200V1024%22/%3E%3Cpath%20d%3D%22M840%200V1024%22/%3E%3Cpath%20d%3D%22M860%200V1024%22/%3E%3Cpath%20d%3D%22M880%200V1024%22/%3E%3Cpath%20d%3D%22M900%200V1024%22/%3E%3Cpath%20d%3D%22M920%200V1024%22/%3E%3Cpath%20d%3D%22M940%200V1024%22/%3E%3Cpath%20d%3D%22M960%200V1024%22/%3E%3Cpath%20d%3D%22M980%200V1024%22/%3E%3Cpath%20d%3D%22M1000%200V1024%22/%3E%3Cpath%20d%3D%22M1020%200V1024%22/%3E%3Cpath%20d%3D%22M1040%200V1024%22/%3E%3Cpath%20d%3D%22M1060%200V1024%22/%3E%3Cpath%20d%3D%22M1080%200V1024%22/%3E%3Cpath%20d%3D%22M1100%200V1024%22/%3E%3Cpath%20d%3D%22M1120%200V1024%22/%3E%3Cpath%20d%3D%22M1140%200V1024%22/%3E%3Cpath%20d%3D%22M1160%200V1024%22/%3E%3Cpath%20d%3D%22M1180%200V1024%22/%3E%3Cpath%20d%3D%22M1200%200V1024%22/%3E%3Cpath%20d%3D%22M1220%200V1024%22/%3E%3Cpath%20d%3D%22M1240%200V1024%22/%3E%3Cpath%20d%3D%22M1260%200V1024%22/%3E%3Cpath%20d%3D%22M1280%200V1024%22/%3E%3Cpath%20d%3D%22M1300%200V1024%22/%3E%3Cpath%20d%3D%22M1320%200V1024%22/%3E%3Cpath%20d%3D%22M1340%200V1024%22/%3E%3Cpath%20d%3D%22M1360%200V1024%22/%3E%3Cpath%20d%3D%22M1380%200V1024%22/%3E%3Cpath%20d%3D%22M1400%200V1024%22/%3E%3Cpath%20d%3D%22M1420%200V1024%22/%3E%3Cpath%20d%3D%22M1440%200V1024%22/%3E%3C/g%3E%3C/svg%3E')}
.home-intro{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}
.home-copy{grid-column:1;grid-row:1;min-width:0}.home-copy p{margin-bottom:28px}
.home-copy p:first-child{font-size:22px}.home-form{grid-column:2;grid-row:1;min-width:0}
.site-footer{background:transparent}.hero-stage{max-height:none}.hero>div:first-child{top:17%}
@media(max-width:1000px){
 .hero-stage{aspect-ratio:auto;height:auto;padding:48px 6% 56px;display:flex;flex-direction:column;max-height:none}
 .hero{display:flex;flex-direction:column;width:100%;height:auto;gap:36px}
 .hero>div:first-child,.hero>div:last-child{position:static;inset:auto;width:100%;height:auto}
 .hero>div:last-child{width:min(72%,320px);aspect-ratio:400/884;align-self:center;flex:none}
 .hero-photo{width:100%;height:100%;aspect-ratio:400/884;object-fit:cover}
 .contact-copy{position:static;inset:auto;width:100%;margin-bottom:32px}
 .stage-photo{position:static;inset:auto;align-self:center;width:min(72%,320px);height:auto;aspect-ratio:400/884;object-fit:cover}
 .hero h1{font-size:clamp(36px,6vw,62px)}.hero .lead{font-size:20px}
}
@media(max-width:720px){
 body{background-size:900px 640px;background-position:center 84px}
 .home-intro{display:flex;flex-direction:column;gap:8px}.home-copy,.home-form{width:100%}
 .hero h1{font-size:clamp(34px,8.5vw,58px)}.hero .lead{font-size:19px}
}

.button,.design-switch button{border-radius:999px}
.chapter-preview a{color:var(--teal);font-weight:500}
html[data-theme=light] .chapter-preview a{color:#315D69}
.chapter-preview a:hover{text-decoration-thickness:2px}
@media(min-width:1001px){
 .hero-stage{aspect-ratio:1440/1024;max-width:1440px}
 .hero>div:last-child,.stage-photo{left:69.444444%;width:27.777778%;top:6.835938%;height:86.328125%}
}
@media(min-width:1441px){body{background-position:center 98px}}

/* WordPress layout integration */
body.page-template-page-layout .article{padding:0}body:not(.page-template-page-layout) .article{max-width:760px;margin:auto;padding:90px 0 80px}.article article>h1{font-size:clamp(36px,4.4vw,64px)}.article h2{margin-top:44px}.article-image{width:100%;height:auto;max-height:720px;object-fit:cover;border-radius:50% / 22.624%}.article-end{margin-top:64px;padding:40px 0;border-top:1px solid var(--rule)}body.admin-bar{background-position:center 130px}.wp-block-image img{max-width:100%;height:auto}.wp-block-image{margin:32px 0}.article a:not(.button){color:var(--teal)}html[data-theme=light] .article a:not(.button){color:#315D69}.hero em{font-style:normal}
@media(max-width:782px){body.admin-bar{background-position:center 130px}}

/* Stijlgids 2.1 — gedeeld raster en één baanbocht. */
:root{--teal:#7FAE9F;--pattern:#1B2B36;--muted:#ACBCB5;--rule:#2A3D44;--unit:clamp(12px,3.333333vw,40px)}
:root[data-theme=light]{--pattern:#EEEBE2;--muted:#466458;--rule:#DBE1D8}
body{background-image:url(assets/pattern-0.svg);background-size:calc(var(--unit)*30) calc(var(--unit)*30);background-position:center top;background-repeat:repeat-y}
html[data-theme=light] body{background-image:url(assets/pattern-1.svg)}
.wrap{width:calc(var(--unit)*26);max-width:calc(100% - var(--unit)*4)}
.track-pattern{display:none}.button,.design-switch button{border-radius:999px}
a:not(.button){color:var(--teal)}html[data-theme=light] a:not(.button){color:#315F50}
.site-header a,.site-footer .name{color:var(--fg)!important}
.hero-stage{width:calc(var(--unit)*30);max-width:100%;height:calc(var(--unit)*29);aspect-ratio:auto;margin:auto;padding:0;display:block}
.hero{position:relative;display:block;width:100%;height:100%;max-width:none;margin:0}
.hero>div:first-child{position:absolute;left:calc(var(--unit)*2);top:calc(var(--unit)*6);width:calc(var(--unit)*13)}
.hero>div:last-child,.stage-photo{position:absolute;left:calc(var(--unit)*16);top:calc(var(--unit)*8);width:calc(var(--unit)*12);height:calc(var(--unit)*18);aspect-ratio:auto}
.hero-photo,.stage-photo,.article-image,.article-route img{border-radius:calc(var(--unit)*10) 0 0 0;object-fit:cover;object-position:50% 38%}
.contact-copy{left:calc(var(--unit)*2);top:calc(var(--unit)*6);width:calc(var(--unit)*13)}
.home-form{padding:var(--unit)}.section{padding:calc(var(--unit)*2) 0}.home-intro,.principles,.address{gap:calc(var(--unit)*2)}
.be-depth .be-controls button,.be-depth summary{border-radius:999px}.be-depth .be-tunnel i{border-top-left-radius:calc(var(--unit)*10)}
.be-depth.is-zoom .be-stage{background-color:var(--bg);background-image:url(assets/pattern-0.svg);background-size:calc(var(--unit)*30) calc(var(--unit)*30);background-position:center top}
html[data-theme=light] .be-depth.is-zoom .be-stage{background-image:url(assets/pattern-1.svg)}
@media(max-width:720px){.hero-stage{height:auto;padding:calc(var(--unit)*3) calc(var(--unit)*2);display:flex}.hero{display:flex;flex-direction:column;gap:calc(var(--unit)*2)}.hero>div:first-child,.hero>div:last-child,.contact-copy,.stage-photo{position:static;width:100%;height:auto}.hero>div:last-child,.stage-photo{aspect-ratio:2/3;align-self:stretch}.hero-photo{aspect-ratio:2/3}.hero h1{font-size:clamp(34px,8vw,48px)}.home-intro,.principles,.address{display:block}.site-header nav{gap:12px}.site-header .wrap{flex-wrap:wrap;padding:16px 0}.site-header nav a{font-size:14px}}

/* Contact gebruikt dezelfde fotomaat en rasterpositie als Home. */
.contact-stage .page-head{padding:0;margin:0;background:transparent}
.contact-stage .contact-copy{position:absolute;left:calc(var(--unit)*2);top:calc(var(--unit)*6);width:calc(var(--unit)*13)}
.contact-stage .contact-photo{display:block;position:absolute;left:calc(var(--unit)*16);top:calc(var(--unit)*8);width:calc(var(--unit)*12);height:calc(var(--unit)*18);border-radius:calc(var(--unit)*10) 0 0 0;object-fit:cover;object-position:50% 38%;max-width:none}
@media(max-width:720px){.contact-stage{gap:calc(var(--unit)*2)}.contact-stage .contact-copy{position:static;width:100%;margin:0}.contact-stage .contact-photo{position:static;width:100%;height:auto;aspect-ratio:2/3;align-self:stretch}}