/*
Theme Name: BlankSlate
Theme URI: https://opencollective.com/blankslate
Author: Web Guy
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/webguyio/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2026
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2026
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{appearance:none;border-radius:0}input[type="search"]{appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

/* ── TOKENS ───────────────────────────────────────────────────── */
:root{
  --w:#ffffff;
  --b:#281b0d;
  --bg:#f6f4f0;
  --muted:#7a6e64;
  --border:#e5e0d8;
  --radius:12px;
  --ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:'Inter',sans-serif;font-weight:300;background:var(--w);color:var(--b);line-height:1.7;overflow-x:hidden}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}

/* ── CONTAINER ────────────────────────────────────────────────── */
.wrap{max-width:1160px;margin:0 auto;padding:0 40px}
@media(max-width:768px){.wrap{padding:0 24px}}

/* ── TYPE ─────────────────────────────────────────────────────── */
.serif{font-family:'Cormorant Garamond',serif}
h1,h2,h3{font-family:'Cormorant Garamond',serif;font-weight:400;line-height:1.08;color:var(--b)}
h1{font-size:clamp(40px,6vw,76px)}
h2{font-size:clamp(32px,4.5vw,58px)}
h3{font-size:clamp(20px,2.5vw,28px)}
p{font-size:15px;color:var(--muted);line-height:1.85}
.label{font-size:11px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:14px}
.divider{width:48px;height:1px;background:var(--border);margin:16px 0 24px}
.text-center{text-align:center}

/* ── NAV ──────────────────────────────────────────────────────── */
#nav{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  padding:0 40px;height:68px;
  display:flex;align-items:center;justify-content:space-between;
  background:rgba(255,255,255,0);
  backdrop-filter:blur(0px);
  border-bottom:1px solid transparent;
  transition:background .4s var(--ease),backdrop-filter .4s,border-color .4s;
}
#nav.scrolled{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-color:var(--border)}
.nav-logo img{height:40px;width:auto;filter:brightness(0) invert(0)}
.nav-links{display:flex;gap:36px;align-items:center}
.nav-links a{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.85);transition:color .2s,opacity .2s}
#nav.scrolled .nav-links a{color:var(--b)}
.nav-links a:hover{opacity:.6}
.nav-cta{
  padding:10px 22px;border:1px solid rgba(255,255,255,.5);border-radius:4px;
  font-size:11px!important;font-weight:500!important;letter-spacing:.1em!important;
  transition:background .2s,border-color .2s!important;
}
.nav-cta:hover{background:rgba(255,255,255,.12)!important}
#nav.scrolled .nav-cta{border-color:var(--b)!important}
#nav.scrolled .nav-cta:hover{background:var(--b)!important;color:var(--w)!important}
@media(max-width:860px){
  #nav{padding:0 20px}
  .nav-links{gap:20px}
  .nav-links a{font-size:10px;letter-spacing:.07em}
}
@media(max-width:520px){
  .nav-links{gap:12px}
  .nav-links a{font-size:9px;letter-spacing:.04em}
  .nav-cta{padding:8px 12px}
}

/* ── HERO ─────────────────────────────────────────────────────── */
#hero{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  overflow:hidden;
}
/* Full-bleed background photo */
.hero-bg{
  position:absolute;inset:0;
  background:url('https://palmcreativestudio.nl/wp-content/uploads/2026/02/cropped-Ontwerp-zonder-titel-2026-02-07T165011.089-2.png') left center/cover no-repeat
}
/* Bruine fade van rechts — laat foto links zichtbaar */
.hero-overlay{
  position:absolute;inset:0;
  background:linear-gradient(
    to right,
    rgba(40,27,13,0)    30%,
    rgba(40,27,13,0.55) 52%,
    rgba(40,27,13,0.88) 68%,
    rgba(40,27,13,0.96) 100%
  );
}
/* Tekst rechts uitgelijnd */
.hero-content{
  position:relative;z-index:2;
  margin-left:auto;
  max-width:560px;
  padding:140px 60px 100px 48px;
  text-align:left;
}
.hero-content h1{
  color:var(--w);
  font-style:italic;font-weight:300;
  font-size:clamp(36px,4.5vw,64px);
  line-height:1.08;
  margin-bottom:20px;
  text-shadow:0 2px 24px rgba(0,0,0,.2);
}
.hero-content h1 em{font-style:normal}
.hero-content .hero-sub{
  color:rgba(255,255,255,.7);
  font-size:15px;line-height:1.85;
  margin-bottom:40px;
}
.hero-btns{
  display:flex;flex-direction:column;
  gap:12px;max-width:300px;
}
.btn-hero-primary{
  display:block;text-align:center;
  padding:15px 28px;background:var(--w);color:var(--b);
  font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  border-radius:4px;transition:background .2s,transform .2s;
}
.btn-hero-primary:hover{background:var(--bg);transform:translateY(-1px)}
.btn-hero-outline{
  display:block;text-align:center;
  padding:14px 28px;background:transparent;color:var(--w);
  border:1px solid rgba(255,255,255,.4);
  font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  border-radius:4px;transition:border-color .2s,background .2s,transform .2s;
}
.btn-hero-outline:hover{border-color:rgba(255,255,255,.85);background:rgba(255,255,255,.07);transform:translateY(-1px)}
.hero-scroll{
  position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:2;
  display:flex;flex-direction:column;align-items:center;gap:8px;
  color:rgba(255,255,255,.4);font-size:10px;letter-spacing:.15em;text-transform:uppercase;
}
.hero-scroll-line{
  width:1px;height:40px;background:rgba(255,255,255,.25);
  animation:scrollLine 2s ease-in-out infinite;
}
@keyframes scrollLine{
  0%,100%{transform:scaleY(0);transform-origin:top}
  50%{transform:scaleY(1);transform-origin:top}
  51%{transform-origin:bottom}
}
@media(max-width:860px){
  .hero-overlay{
    background:linear-gradient(
      to right,
      rgba(40,27,13,0)    0%,
      rgba(40,27,13,0.6)  40%,
      rgba(40,27,13,0.92) 100%
    );
  }
  .hero-content{padding:120px 32px 80px 28px;max-width:480px}
}
@media(max-width:580px){
  .hero-bg{background-position:20% center}
  .hero-overlay{background:linear-gradient(to right,rgba(40,27,13,.1) 0%,rgba(40,27,13,.85) 45%,rgba(40,27,13,.97) 100%)}
  .hero-content{max-width:100%;padding:110px 24px 72px;text-align:left}
  .hero-content h1{font-size:clamp(32px,9vw,46px)}
  .hero-btns{max-width:100%}
}

/* ── STATS BAR ────────────────────────────────────────────────── */
#stats{background:var(--bg);border-bottom:1px solid var(--border)}
.stats-inner{
  display:grid;grid-template-columns:repeat(4,1fr);
  border-left:1px solid var(--border);
}
.stat{
  padding:44px 32px;border-right:1px solid var(--border);
  text-align:center;
  transition:background .25s;
}
.stat:hover{background:rgba(40,27,13,.04)}
.stat-num{
  font-family:'Cormorant Garamond',serif;
  font-size:42px;font-weight:400;color:var(--b);
  line-height:1;margin-bottom:8px;
  transition:transform .3s var(--ease);
}
.stat:hover .stat-num{transform:translateY(-2px)}
.stat-label{font-size:12px;color:var(--muted);line-height:1.5}
@media(max-width:760px){
  .stats-inner{grid-template-columns:1fr 1fr}
  .stat{border-bottom:1px solid var(--border)}
  .stat:nth-child(odd){border-right:1px solid var(--border)}
  .stat:nth-child(even){border-right:none}
}

/* ── SECTION BASE ─────────────────────────────────────────────── */
section{padding:100px 0}
@media(max-width:768px){section{padding:72px 0}}

/* ── OVER MIJ ─────────────────────────────────────────────────── */
#over{background:var(--w)}
.over-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.over-img{
  position:relative;overflow:hidden;border-radius:var(--radius);
  aspect-ratio:3/4;
}
.over-img img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .7s var(--ease)}
.over-img:hover img{transform:scale(1.02)}
.over-text h2{margin-bottom:10px}
.over-text h2 em{font-style:italic}
.over-text p{margin-bottom:16px}
.pilaren{margin-top:32px;border-top:1px solid var(--border)}
.pijler{display:flex;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}
.pijler-t{font-size:12px;font-weight:500;min-width:110px;flex-shrink:0;padding-top:2px}
.pijler-d{font-size:13px;color:var(--muted);line-height:1.65}
.btn-dark{
  display:inline-block;margin-top:28px;
  padding:13px 26px;background:var(--b);color:var(--w);
  font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  border-radius:4px;transition:background .2s,transform .2s;
}
.btn-dark:hover{background:#3d2a17;transform:translateY(-1px)}
@media(max-width:900px){.over-grid{grid-template-columns:1fr;gap:40px}.over-img{aspect-ratio:4/3;max-height:480px}}

/* ── VERGELIJK ────────────────────────────────────────────────── */
#vergelijk{background:var(--bg)}
.verg-header{text-align:center;max-width:640px;margin:0 auto 56px}
.verg-grid{
  display:grid;grid-template-columns:1fr 1fr;
  border:1px solid var(--border);border-radius:var(--radius);
  overflow:hidden;
}
.verg-col{padding:48px 44px}
.verg-col:first-child{background:var(--w);border-right:1px solid var(--border)}
.verg-col:last-child{background:var(--b)}
.verg-col h3{font-size:20px;margin-bottom:8px}
.verg-col:last-child h3{color:var(--w)}
.verg-col .sub{font-size:12px;color:var(--muted);margin-bottom:28px}
.verg-col:last-child .sub{color:rgba(255,255,255,.45)}
.verg-list{list-style:none}
.verg-list li{font-size:14px;color:var(--muted);padding:10px 0;border-bottom:1px solid var(--border);display:flex;gap:12px;line-height:1.5}
.verg-list li:last-child{border-bottom:none}
.verg-col:last-child .verg-list li{color:rgba(255,255,255,.65);border-color:rgba(255,255,255,.1)}
.verg-col:last-child .verg-list li.pos{color:rgba(255,255,255,.95)}
.verg-mark{flex-shrink:0;margin-top:2px;font-size:13px}
@media(max-width:760px){.verg-grid{grid-template-columns:1fr}.verg-col:first-child{border-right:none;border-bottom:1px solid var(--border)}.verg-col{padding:32px 28px}}

/* ── DIENSTEN ─────────────────────────────────────────────────── */
#diensten{background:var(--w)}
.diensten-header{text-align:center;max-width:560px;margin:0 auto 60px}
.diensten-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:var(--border);
  border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;
}
.dienst{
  background:var(--w);padding:40px 32px;
  transition:background .25s,transform .25s;cursor:default;
}
.dienst:hover{background:var(--bg)}
.dienst-icon{font-size:22px;margin-bottom:18px;display:block}
.dienst h3{font-size:20px;margin-bottom:10px}
.dienst p{font-size:13px;line-height:1.75}
@media(max-width:900px){.diensten-grid{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.diensten-grid{grid-template-columns:1fr}}

/* ── INTRO SPLIT ──────────────────────────────────────────────── */
#intro{background:var(--bg)}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;min-height:580px}
.intro-photo{overflow:hidden;position:relative}
.intro-photo img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .7s var(--ease)}
.intro-photo:hover img{transform:scale(1.02)}
.intro-text{padding:80px 72px;display:flex;flex-direction:column;justify-content:center}
.intro-text h2{margin-bottom:10px}
.intro-text h2 em{font-style:italic}
.intro-text p{margin-bottom:16px}
@media(max-width:900px){.intro-grid{grid-template-columns:1fr}.intro-photo{height:360px}.intro-text{padding:48px 32px}}

/* ── PAKKETTEN ────────────────────────────────────────────────── */
#pakketten{background:var(--w)}
.pak-header{text-align:center;max-width:540px;margin:0 auto 60px}
.pak-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:var(--border);
  border:1px solid var(--border);border-radius:var(--radius);
  overflow:hidden;margin-bottom:2px;
}
.pak{background:var(--w);padding:44px 36px;position:relative;transition:background .25s}
.pak:hover{background:var(--bg)}
.pak.featured{background:var(--bg)}
.pak.featured:hover{background:#ede8e0}
.pak-badge{
  position:absolute;top:0;left:36px;
  background:var(--b);color:var(--w);
  font-size:9px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;
  padding:5px 14px;border-radius:0 0 6px 6px;
}
.pak-name{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:400;margin-bottom:4px}
.pak-tag{font-size:12px;color:var(--muted);margin-bottom:20px}
.pak-price{font-family:'Cormorant Garamond',serif;font-size:44px;font-weight:300;color:var(--b);line-height:1;margin-bottom:4px}
.pak-price span{font-size:16px;color:var(--muted)}
.pak-list{list-style:none;border-top:1px solid var(--border);margin:20px 0 28px}
.pak-list li{font-size:13px;color:var(--muted);padding:8px 0;border-bottom:1px solid var(--border);display:flex;gap:10px;line-height:1.5}
.pak-list li::before{content:"→";color:var(--b);opacity:.4;flex-shrink:0}
.pak-btn{
  display:block;width:100%;text-align:center;
  padding:12px;border:1px solid var(--b);border-radius:4px;
  font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  color:var(--b);transition:background .2s,color .2s;
}
.pak-btn:hover,.pak.featured .pak-btn{background:var(--b);color:var(--w)}
.pak.featured .pak-btn:hover{background:#3d2a17}
@media(max-width:900px){
  .pak-grid{grid-template-columns:1fr}
  .pak{border-bottom:1px solid var(--border)}
}

/* ── VIDEO SHOOTS ─────────────────────────────────────────────── */
#video{background:var(--bg)}
.vid-header{text-align:center;max-width:560px;margin:0 auto 60px}
.vid-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:var(--border);
  border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;
}
.vid-card{background:var(--w);padding:44px 36px;position:relative;transition:background .25s}
.vid-card:hover{background:var(--bg)}
.vid-card.featured{background:var(--bg)}
@media(max-width:860px){.vid-grid{grid-template-columns:1fr}}

/* ── BLUEPRINT ────────────────────────────────────────────────── */
#blueprint{background:var(--b)}
.bp-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.bp-left h2{color:var(--w);margin-bottom:14px}
.bp-left h2 em{font-style:italic}
.bp-left p{color:rgba(255,255,255,.6);margin-bottom:14px}
.bp-list{list-style:none;border-top:1px solid rgba(255,255,255,.1);margin-top:8px}
.bp-list li{font-size:13px;color:rgba(255,255,255,.6);padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);display:flex;gap:10px}
.bp-list li::before{content:"→";color:rgba(255,255,255,.3);flex-shrink:0}
.bp-card{
  border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);
  padding:44px;background:rgba(255,255,255,.05);
}
.bp-label{font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.35);margin-bottom:16px;display:block}
.bp-price{font-family:'Cormorant Garamond',serif;font-size:52px;font-weight:300;color:var(--w);line-height:1;margin-bottom:6px}
.bp-sub{font-size:13px;color:rgba(255,255,255,.4);margin-bottom:28px}
.bp-btn{
  display:block;width:100%;text-align:center;
  padding:14px;border:1px solid rgba(255,255,255,.3);border-radius:4px;
  font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  color:var(--w);transition:background .2s,border-color .2s;
}
.bp-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.6)}
@media(max-width:860px){.bp-inner{grid-template-columns:1fr;gap:40px}}

/* ── REVIEWS ──────────────────────────────────────────────────── */
#reviews{background:var(--w);overflow:hidden}
.reviews-header{text-align:center;max-width:500px;margin:0 auto 56px}
.rev-slider{position:relative;overflow:hidden}
.rev-track{display:flex;transition:transform .6s var(--ease)}
.rev-slide{min-width:100%;padding:0 20px}
.rev-card{
  max-width:760px;margin:0 auto;
  border:1px solid var(--border);border-radius:var(--radius);
  padding:52px 56px;background:var(--bg);text-align:center;
}
.rev-avatar{
  width:72px;height:72px;border-radius:50%;
  object-fit:cover;margin:0 auto 20px;
  border:2px solid var(--border);
}
.rev-stars{color:var(--b);font-size:14px;letter-spacing:3px;margin-bottom:20px}
.rev-text{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(18px,2.5vw,24px);font-weight:400;font-style:italic;
  color:var(--b);line-height:1.6;margin-bottom:28px;
}
.rev-author{font-size:13px;font-weight:500}
.rev-role{font-size:12px;color:var(--muted);margin-top:2px}
.rev-controls{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:36px}
.rev-btn{
  width:44px;height:44px;border-radius:50%;
  border:1px solid var(--border);background:var(--w);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:16px;color:var(--b);
  transition:background .2s,border-color .2s,transform .2s;
}
.rev-btn:hover{background:var(--b);color:var(--w);border-color:var(--b);transform:scale(1.05)}
.rev-dots{display:flex;gap:8px}
.rev-dot{width:6px;height:6px;border-radius:50%;background:var(--border);cursor:pointer;transition:background .2s,transform .2s}
.rev-dot.active{background:var(--b);transform:scale(1.3)}
@media(max-width:680px){.rev-card{padding:36px 28px}}

/* ── VOOR WIE ─────────────────────────────────────────────────── */
#voor-wie{background:var(--bg)}
.vw-header{text-align:center;max-width:560px;margin:0 auto 56px}
.niches-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;background:var(--border);
  border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;
}
.niche{
  background:var(--w);padding:44px 28px;text-align:center;
  transition:background .25s;cursor:default;
}
.niche:hover{background:var(--bg)}
.niche-icon{
  width:48px;height:48px;margin:0 auto 18px;
  display:flex;align-items:center;justify-content:center;
}
.niche-icon svg{width:28px;height:28px;stroke:var(--b);stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.niche-name{font-size:14px;font-weight:500;margin-bottom:4px}
.niche-desc{font-size:12px;color:var(--muted)}
@media(max-width:760px){.niches-grid{grid-template-columns:1fr 1fr}.niche{border-bottom:1px solid var(--border)}}
@media(max-width:400px){.niches-grid{grid-template-columns:1fr}}

/* ── WERKWIJZE ────────────────────────────────────────────────── */
#werkwijze{background:var(--w)}
.ww-header{text-align:center;max-width:500px;margin:0 auto 60px}
.ww-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;background:var(--border);
  border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;
}
.ww-step{background:var(--w);padding:40px 28px;transition:background .25s}
.ww-step:hover{background:var(--bg)}
.ww-num{
  font-family:'Cormorant Garamond',serif;
  font-size:52px;font-weight:300;color:var(--border);
  line-height:1;margin-bottom:18px;
}
.ww-step h3{font-size:18px;margin-bottom:10px}
.ww-step p{font-size:13px}
@media(max-width:760px){.ww-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.ww-grid{grid-template-columns:1fr}}

/* ── CTA BANNER ───────────────────────────────────────────────── */
#cta{
  background:var(--b);padding:80px 0;
  display:flex;align-items:center;
}
.cta-inner{
  display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;
}
.cta-text h2{color:var(--w);font-style:italic;font-weight:300}
.cta-text p{color:rgba(255,255,255,.45);margin-top:10px}
.cta-actions{display:flex;flex-direction:column;gap:10px;flex-shrink:0}
.btn-w{
  display:block;min-width:240px;text-align:center;
  padding:15px 28px;background:var(--w);color:var(--b);
  font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  border-radius:4px;transition:background .2s,transform .2s;
}
.btn-w:hover{background:var(--bg);transform:translateY(-1px)}
.btn-wo{
  display:block;text-align:center;
  padding:14px 28px;background:transparent;color:rgba(255,255,255,.6);
  border:1px solid rgba(255,255,255,.2);border-radius:4px;
  font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  transition:border-color .2s,color .2s;
}
.btn-wo:hover{border-color:rgba(255,255,255,.6);color:var(--w)}
@media(max-width:760px){.cta-inner{flex-direction:column;text-align:center}.cta-actions{width:100%}.btn-w{min-width:auto}}

/* ── CONTACT ──────────────────────────────────────────────────── */
#contact{background:var(--bg)}
.contact-inner{text-align:center;max-width:520px;margin:0 auto}
.contact-inner h2{margin-bottom:14px}
.contact-inner p{margin-bottom:36px}
.contact-links{display:flex;flex-direction:column;gap:10px;max-width:280px;margin:0 auto}
.btn-contact{
  display:block;padding:15px;text-align:center;
  background:var(--b);color:var(--w);
  font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  border-radius:4px;transition:background .2s,transform .2s;
}
.btn-contact:hover{background:#3d2a17;transform:translateY(-1px)}
.btn-contact-o{
  display:block;padding:14px;text-align:center;
  border:1px solid var(--border);color:var(--b);
  font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;
  border-radius:4px;background:var(--w);
  transition:border-color .2s,background .2s;
}
.btn-contact-o:hover{border-color:var(--b);background:var(--bg)}
.contact-social{margin-top:28px;display:flex;justify-content:center;gap:28px}
.contact-social a{font-size:12px;color:var(--muted);transition:color .2s;letter-spacing:.04em}
.contact-social a:hover{color:var(--b)}

/* ── FOOTER ───────────────────────────────────────────────────── */
footer{
  background:var(--b);padding:52px 0 28px;
}
.footer-inner{
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;
  padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.1);
  margin-bottom:24px;
}
.footer-brand-name{
  font-family:'Cormorant Garamond',serif;
  font-size:18px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--w);margin-bottom:10px;
}
.footer-inner p,.footer-inner a{font-size:13px;color:rgba(255,255,255,.45)}
.footer-col h4{font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:14px}
.footer-col a{display:block;margin-bottom:8px;transition:color .2s}
.footer-col a:hover{color:rgba(255,255,255,.85)}
.footer-bottom{display:flex;justify-content:space-between;font-size:11px;color:rgba(255,255,255,.25)}
@media(max-width:680px){.footer-inner{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:6px}}

/* ── REVEAL ANIMATIONS ────────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.reveal.visible{opacity:1;transform:none}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}
.reveal-delay-4{transition-delay:.4s}
.stagger .dienst,.stagger .pak,.stagger .niche,.stagger .ww-step,.stagger .vid-card{
  opacity:0;transform:translateY(20px);
  transition:opacity .6s var(--ease),transform .6s var(--ease);
}
.stagger.visible .dienst,.stagger.visible .pak,.stagger.visible .niche,.stagger.visible .ww-step,.stagger.visible .vid-card{opacity:1;transform:none}
.stagger.visible .dienst:nth-child(1),.stagger.visible .pak:nth-child(1),.stagger.visible .niche:nth-child(1),.stagger.visible .ww-step:nth-child(1),.stagger.visible .vid-card:nth-child(1){transition-delay:.05s}
.stagger.visible .dienst:nth-child(2),.stagger.visible .pak:nth-child(2),.stagger.visible .niche:nth-child(2),.stagger.visible .ww-step:nth-child(2),.stagger.visible .vid-card:nth-child(2){transition-delay:.12s}
.stagger.visible .dienst:nth-child(3),.stagger.visible .pak:nth-child(3),.stagger.visible .niche:nth-child(3),.stagger.visible .ww-step:nth-child(3),.stagger.visible .vid-card:nth-child(3){transition-delay:.19s}
.stagger.visible .dienst:nth-child(4),.stagger.visible .niche:nth-child(4),.stagger.visible .ww-step:nth-child(4){transition-delay:.26s}
.stagger.visible .dienst:nth-child(5){transition-delay:.33s}
.stagger.visible .dienst:nth-child(6){transition-delay:.4s}
.hero-reveal{opacity:0;transform:translateY(18px);animation:heroIn .9s var(--ease) forwards}
.hero-reveal-1{animation-delay:.1s}
.hero-reveal-2{animation-delay:.3s}
.hero-reveal-3{animation-delay:.5s}
@keyframes heroIn{to{opacity:1;transform:none}}