@font-face{font-family:'DM Sans';src:url('/assets/dm-sans.ttf') format('truetype');font-style:normal;font-weight:100 1000;font-display:swap}

:root{--green:#334b36;--deep:#263529;--lime:#dff177;--cream:#faf9f3;--ink:#1f2520;--muted:#555d52;--line:#d7ddcc;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--cream)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}p{line-height:1.55}h1,h2,h3{line-height:1.02;letter-spacing:-.045em;margin:0;font-weight:800}h1{font-size:clamp(3.25rem,7.2vw,7.7rem)}h2{font-size:clamp(2.5rem,4.7vw,5.4rem)}h3{font-size:clamp(2rem,4vw,4.4rem)}.shell{width:min(100% - 7.2vw,1320px);margin-inline:auto}.site-header{background:var(--cream);color:var(--ink);position:relative;z-index:50}.header-inner{height:94px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{display:inline-flex;align-items:center;width:190px;flex:0 0 auto;text-decoration:none}.brand-mark{display:block;width:100%;height:auto;aspect-ratio:1055/350}.main-nav{display:flex;align-items:center;gap:2.4rem}.main-nav a,.site-footer nav a{text-decoration:none;font-size:.95rem}.main-nav a{padding:.65rem 0}.main-nav a:hover,.main-nav a[aria-current]{color:var(--green);font-weight:700}.menu-button{display:none;background:transparent;color:var(--ink);border:1px solid #879584;padding:.7rem 1rem;border-radius:3px}.button{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:58px;padding:1rem 1.65rem;text-decoration:none;font-weight:800;border:0;border-radius:0;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button-lime{background:var(--lime);color:var(--ink)}.button-lime:hover{background:#e8f7a2}.button-dark{background:var(--deep);color:white}.button-dark:hover{background:#435d43}.hero{background:var(--green);color:white;display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center;padding-block:1.3rem 3.25rem;box-shadow:0 0 0 100vmax var(--green);clip-path:inset(0 -100vmax)}.hero-copy{padding:1rem 0 2rem}.hero h1{max-width:760px}.hero h1 em{color:var(--lime);font-style:normal;display:block}.hero-intro{font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.3;max-width:560px;margin:1.5rem 0 2rem}.hero-visual{margin:0;height:min(42vw,550px);min-height:420px;position:relative;overflow:hidden}.hero-visual img{height:100%;width:100%;object-fit:cover;object-position:63% center;filter:grayscale(100%)}.wide-photo{height:clamp(290px,31vw,470px);overflow:hidden;position:relative;margin:0}.wide-photo img{width:100%;height:100%;object-fit:cover;object-position:center 51%}.services-section{background:var(--cream)}.services-layout{display:grid;grid-template-columns:1.35fr .85fr}.services-main{padding:5rem 3rem 5rem 0}.services-main h2{max-width:770px;margin-bottom:3.8rem}.service-row{display:grid;grid-template-columns:190px 1fr;align-items:center;gap:2rem;margin-top:2.2rem}.service-row figure{height:180px;position:relative;margin:0;overflow:hidden}.service-row img{height:100%;width:100%;object-fit:cover}.service-row h3{margin:0 0 .55rem}.service-row p{font-size:1.18rem;line-height:1.4;margin:.3rem 0 1rem;max-width:430px}.text-link{font-weight:800;color:var(--green);text-decoration:none}.service-aside{background:var(--lime);padding:5rem 3rem 4rem;box-shadow:50vw 0 0 var(--lime)}.service-aside h2{font-size:clamp(2.6rem,4.2vw,5rem)}.service-aside p{font-size:1.16rem}.price-callout{display:flex;gap:1rem;align-items:center;border-top:1px solid #9caf56;border-bottom:1px solid #9caf56;padding:1.25rem 0;margin:2rem 0}.price-callout strong{font-size:3rem;letter-spacing:-.06em}.price-callout span{font-size:.9rem;line-height:1.3}.about-band{background:var(--deep);color:white;position:relative;overflow:hidden}.about-texture{position:absolute;left:0;top:0;bottom:0;width:35%;background:linear-gradient(90deg,#17251daa,#17251d55),url('/assets/opvullen-concept.webp') center/cover;filter:grayscale(40%)}.about-band-inner{display:grid;grid-template-columns:1.3fr .7fr;gap:4rem;padding:5rem 0 5rem 37%;align-items:end}.about-band h2{font-size:clamp(2.6rem,3.8vw,4.4rem)}.about-band p:last-child{font-size:1.15rem}.closing-cta{display:grid;grid-template-columns:1.1fr .9fr;gap:5rem;align-items:center;padding-block:5rem}.closing-cta h2{max-width:630px}.closing-cta p{font-size:1.15rem;max-width:590px}.closing-cta figure{position:relative;margin:0;height:370px;overflow:hidden}.closing-cta img{width:100%;height:100%;object-fit:cover}.site-footer{background:var(--cream);color:var(--ink);border-top:1px solid var(--line)}.footer-inner{display:flex;gap:2rem;align-items:center;justify-content:space-between;padding-block:2rem}.footer-inner .brand{width:172px}.site-footer nav{display:flex;gap:1.6rem}.site-footer small{font-size:.76rem;color:var(--muted);max-width:230px;text-align:right}.page-hero{background:var(--green);color:white;padding-block:5rem 6rem}.page-hero h1{max-width:1100px}.page-hero>p:last-child{font-size:clamp(1.15rem,1.8vw,1.45rem);max-width:720px;margin:1.6rem 0 0}.page-diensten .page-hero,.page-over-ons .page-hero,.page-contact .page-hero,.page-niet-gevonden .page-hero{box-shadow:0 0 0 100vmax var(--green);clip-path:inset(0 -100vmax 0 -100vmax)}.detail-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw;padding-block:6rem;scroll-margin-top:2rem}.detail-section figure{position:relative;margin:0;height:430px;overflow:hidden}.detail-section img{height:100%;width:100%;object-fit:cover}.detail-section p{font-size:1.19rem;max-width:520px}.detail-reverse figure{order:2}.price-section{background:var(--lime)}.price-inner{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding-block:5rem}.price-inner p{font-size:1.17rem}.price-examples{align-self:center}.price-examples>div{display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #9caf56;padding:1.2rem 0;font-size:1.1rem}.price-examples strong{text-align:right}.price-examples p{font-size:.93rem!important}.small-section{padding-block:5rem 6rem;max-width:1000px}.small-section h2{font-size:clamp(2.5rem,4vw,4.2rem)}.small-section p{font-size:1.2rem}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:6vw;padding-block:6rem}.contact-layout h2{font-size:clamp(2.2rem,3.4vw,3.9rem)}.contact-layout p{font-size:1.15rem;line-height:1.65}.note{border-left:5px solid var(--green);padding:1.25rem 1.5rem;background:#edf0e4;margin-top:2rem}.note p{margin-bottom:0}.contact-card{padding:3rem;background:var(--lime)}.contact-card p{font-size:1.13rem}.admin-body{background:#edf0e9}.admin-shell{width:min(100% - 2rem,1100px);margin:0 auto}.admin-header{background:var(--green);color:white;padding:1.2rem 0}.admin-header-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.admin-header a{color:white}.admin-main{padding-block:2rem 5rem}.admin-card{background:white;border:1px solid var(--line);padding:1.5rem;margin-bottom:1rem}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.admin-card h2{font-size:1.5rem;letter-spacing:-.02em}.admin-card .number{font-size:2.8rem;font-weight:800;line-height:1.1;margin:.5rem 0}.admin-nav{display:flex;gap:.7rem;flex-wrap:wrap;margin:1rem 0 2rem}.admin-nav a,.admin-nav button{padding:.7rem 1rem;background:white;border:1px solid var(--line);text-decoration:none;color:var(--ink)}.admin-nav [aria-current]{background:var(--lime);border-color:var(--lime)}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:.9rem .5rem;border-bottom:1px solid var(--line);vertical-align:top}.admin-table th{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-weight:700}.field input,.field select,.field textarea{width:100%;padding:.75rem;border:1px solid #aab4a7;border-radius:2px;background:white}.field textarea{min-height:100px}.field-full{grid-column:1/-1}.admin-actions{display:flex;gap:.5rem;flex-wrap:wrap}.admin-actions button{border:0;padding:.65rem .9rem;background:var(--green);color:white;font-weight:700}.admin-actions button.secondary{background:#e4e9df;color:var(--ink)}.status{display:inline-block;padding:.3rem .55rem;background:#edf0e4;font-size:.8rem;font-weight:800}.status.pending{background:#f7efd0}.status.confirmed{background:#e2efdf}.status.cancelled{background:#eee}.admin-notice{padding:1rem;background:var(--lime);margin:1rem 0}.admin-error{padding:1rem;background:#ffded8;margin:1rem 0}.admin-link{color:#244f35;font-weight:700;text-decoration:none}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.shell{width:min(100% - 2.4rem,1320px)}.hero{grid-template-columns:1fr;padding-top:1rem}.hero h1{font-size:clamp(3.5rem,10vw,6rem)}.hero-visual{height:450px;min-height:0}.services-layout,.about-band-inner,.closing-cta,.detail-section,.price-inner,.contact-layout{grid-template-columns:1fr}.services-main{padding:4rem 0}.service-aside{padding:3rem;box-shadow:0 0 0 100vmax var(--lime);clip-path:inset(0 -100vmax)}.about-texture{width:100%;height:280px;bottom:auto}.about-band-inner{padding:320px 0 4rem;gap:1rem}.closing-cta{gap:2rem}.detail-reverse figure{order:0}.footer-inner{flex-wrap:wrap}.site-footer small{text-align:left}.contact-layout{gap:2rem}.page-hero{padding-block:4rem}}
@media(max-width:640px){.header-inner{height:73px}.brand{width:150px}.menu-button{display:block}.main-nav{display:none;position:absolute;z-index:20;left:0;right:0;top:100%;background:var(--cream);padding:1rem 1.2rem 1.5rem;box-shadow:0 10px 20px #1115}.main-nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.main-nav a{padding:.85rem}.hero{gap:0;padding-bottom:2rem}.hero-copy{padding:1.4rem 0 2rem}.hero h1{font-size:clamp(3.2rem,13vw,5rem)}.hero-intro{font-size:1.12rem}.hero-visual{height:350px}.wide-photo{height:270px}.wide-photo img{object-position:55% center}.services-main{padding:3rem 0}.services-main h2{margin-bottom:2.5rem}.service-row{grid-template-columns:110px 1fr;gap:1rem;align-items:start}.service-row figure{height:150px}.service-row h3{font-size:2.1rem}.service-row p{font-size:.96rem}.service-aside{padding:3rem 0}.price-callout strong{font-size:2.6rem}.about-texture{height:220px}.about-band-inner{padding-top:250px}.closing-cta{padding-block:3rem}.closing-cta figure{height:250px}.footer-inner{display:block}.site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.site-footer small{display:block}.page-hero h1{font-size:clamp(3.2rem,12vw,5rem)}.detail-section{gap:2rem;padding-block:3.5rem}.detail-section figure{height:300px}.price-inner{padding-block:3.5rem}.price-examples>div{display:block}.price-examples strong{display:block;text-align:left;margin-top:.3rem}.small-section{padding-block:3rem}.contact-layout{padding-block:3rem}.contact-card{padding:2rem}.admin-grid,.form-grid{grid-template-columns:1fr}.admin-card{padding:1rem}.admin-table,.admin-table thead,.admin-table tbody,.admin-table tr,.admin-table th,.admin-table td{display:block}.admin-table thead{display:none}.admin-table tr{border-bottom:1px solid var(--line);padding:.7rem 0}.admin-table td{border:0;padding:.25rem 0}.admin-table td:before{content:attr(data-label) ': ';font-weight:800}.admin-header-inner{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
