@font-face{
    font-family:'Fraunces'; font-style:italic; font-weight:500; font-display:swap;
    src:url('../fonts/fraunces-italic-vietnamese.woff2') format('woff2');
    unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  
  @font-face{
    font-family:'Fraunces'; font-style:italic; font-weight:500; font-display:swap;
    src:url('../fonts/fraunces-italic-latin-ext.woff2') format('woff2');
    unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  @font-face{
    font-family:'Fraunces'; font-style:italic; font-weight:500; font-display:swap;
    src:url('../fonts/fraunces-italic-latin.woff2') format('woff2');
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  @font-face{
    font-family:'Fraunces'; font-style:normal; font-weight:400; font-display:swap;
    src:url('../fonts/fraunces-vietnamese.woff2') format('woff2');
    unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  
  @font-face{
    font-family:'Fraunces'; font-style:normal; font-weight:400; font-display:swap;
    src:url('../fonts/fraunces-latin-ext.woff2') format('woff2');
    unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  @font-face{
    font-family:'Fraunces'; font-style:normal; font-weight:400; font-display:swap;
    src:url('../fonts/fraunces-latin.woff2') format('woff2');
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  @font-face{
    font-family:'Fraunces'; font-style:normal; font-weight:500; font-display:swap;
    src:url('../fonts/fraunces-vietnamese.woff2') format('woff2');
    unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  
  @font-face{
    font-family:'Fraunces'; font-style:normal; font-weight:500; font-display:swap;
    src:url('../fonts/fraunces-latin-ext.woff2') format('woff2');
    unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  @font-face{
    font-family:'Fraunces'; font-style:normal; font-weight:500; font-display:swap;
    src:url('../fonts/fraunces-latin.woff2') format('woff2');
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  @font-face{
    font-family:'Fraunces'; font-style:normal; font-weight:600; font-display:swap;
    src:url('../fonts/fraunces-vietnamese.woff2') format('woff2');
    unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  
  @font-face{
    font-family:'Fraunces'; font-style:normal; font-weight:600; font-display:swap;
    src:url('../fonts/fraunces-latin-ext.woff2') format('woff2');
    unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  @font-face{
    font-family:'Fraunces'; font-style:normal; font-weight:600; font-display:swap;
    src:url('../fonts/fraunces-latin.woff2') format('woff2');
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  @font-face{
    font-family:'Work Sans'; font-style:normal; font-weight:300; font-display:swap;
    src:url('../fonts/worksans-vietnamese.woff2') format('woff2');
    unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  
  @font-face{
    font-family:'Work Sans'; font-style:normal; font-weight:300; font-display:swap;
    src:url('../fonts/worksans-latin-ext.woff2') format('woff2');
    unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  @font-face{
    font-family:'Work Sans'; font-style:normal; font-weight:300; font-display:swap;
    src:url('../fonts/worksans-latin.woff2') format('woff2');
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  @font-face{
    font-family:'Work Sans'; font-style:normal; font-weight:400; font-display:swap;
    src:url('../fonts/worksans-vietnamese.woff2') format('woff2');
    unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  
  @font-face{
    font-family:'Work Sans'; font-style:normal; font-weight:400; font-display:swap;
    src:url('../fonts/worksans-latin-ext.woff2') format('woff2');
    unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  @font-face{
    font-family:'Work Sans'; font-style:normal; font-weight:400; font-display:swap;
    src:url('../fonts/worksans-latin.woff2') format('woff2');
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  @font-face{
    font-family:'Work Sans'; font-style:normal; font-weight:500; font-display:swap;
    src:url('../fonts/worksans-vietnamese.woff2') format('woff2');
    unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  
  @font-face{
    font-family:'Work Sans'; font-style:normal; font-weight:500; font-display:swap;
    src:url('../fonts/worksans-latin-ext.woff2') format('woff2');
    unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  @font-face{
    font-family:'Work Sans'; font-style:normal; font-weight:500; font-display:swap;
    src:url('../fonts/worksans-latin.woff2') format('woff2');
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  
  @font-face{
    font-family:'Work Sans'; font-style:normal; font-weight:600; font-display:swap;
    src:url('../fonts/worksans-vietnamese.woff2') format('woff2');
    unicode-range:U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  
  @font-face{
    font-family:'Work Sans'; font-style:normal; font-weight:600; font-display:swap;
    src:url('../fonts/worksans-latin-ext.woff2') format('woff2');
    unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  
  @font-face{
    font-family:'Work Sans'; font-style:normal; font-weight:600; font-display:swap;
    src:url('../fonts/worksans-latin.woff2') format('woff2');
    unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }

  :root{
    --cream: #F6F1E9;
    --cream-soft: #EFE7DA;
    --blush: #F3DFE1;
    --plum: #351D24;
    --plum-soft: #42242D;
    --rose: #D8A8B0;
    --amber: #B8894A;
    
    --amber-ink: #8A5F2B;
    --ink: #2B2622;
    --line: rgba(43,38,34,0.14);
  
  --line-amber: rgba(184,137,74,0.30);
    --line-on-dark: rgba(246,241,233,0.16);
    --shadow: 0 30px 60px -25px rgba(46,25,31,0.35);

    
    --radius-sm: 8px;
    --radius-lg: 24px;
    --radius-pill: 100px;
    --radius-card: 24px 24px 8px 24px;
    
    --radius-foto: 10px;

    
    --kaart-optil: -7px;

    
    --kop-h1: clamp(2.4rem, 5.6vw, 4.6rem);      
    --kop-h2: clamp(1.8rem, 3.2vw, 2.5rem);      
    --kop-h3-groot: clamp(1.3rem, 2.4vw, 1.65rem);  
    --kop-h3-kaart: clamp(1.2rem, 1.6vw, 1.3rem);   
    --kop-h3-klein: clamp(1.05rem, 1.45vw, 1.15rem);
  }

  
  @view-transition{ navigation:auto; }
  
  ::view-transition-old(root),
  ::view-transition-new(root){
    animation-duration:.4s;
    animation-timing-function:cubic-bezier(.4, 0, .2, 1);
  }
  #site-nav{ view-transition-name:sitebalk; }
  ::view-transition-group(sitebalk){ animation-duration:.4s; }

  @media (prefers-reduced-motion: reduce){
    ::view-transition-group(*),
    ::view-transition-old(*),
    ::view-transition-new(*){ animation:none !important; }
  }

  *{ box-sizing:border-box; }

  
  [hidden]{ display:none !important; }
  html{ scroll-behavior:smooth; scroll-padding-top:76px; }
  body{
    margin:0;
    background:var(--cream);
    color:var(--ink);
    font-family:'Work Sans', sans-serif;
    font-weight:400;
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
  }
  h1,h2,h3{
    font-family:'Fraunces', serif;
    font-weight:500;
    margin:0;
    color:var(--plum);
  }
  a{ color:inherit; }
  
  img{ display:block; max-width:100%; height:auto; }
  
  picture{ display:contents; }
  .eyebrow{
    font-family:'Work Sans', sans-serif;
    font-size:0.72rem;
    letter-spacing:0.22em;
    text-transform:uppercase;
    color:var(--amber-ink);
    font-weight:600;
    margin-bottom:1.1rem;
    display:inline-block;
  }
  .wrap{
    max-width:1180px;
    margin:0 auto;
    padding:0 clamp(1.25rem, 4vw, 3rem);
  }
  section{ position:relative; }

  
  .skip-link{
    position:absolute; left:1rem; top:1rem; z-index:200;
    transform:translateY(-160%);
    background:var(--plum); color:var(--cream); text-decoration:none;
    padding:.75rem 1.2rem; border-radius:var(--radius-sm); font-size:.9rem; font-weight:600;
    transition:transform .2s ease;
  }
  .skip-link:focus-visible{ transform:translateY(0); }
  
  #hoofdinhoud{ scroll-margin-top:76px; }

  
  :focus-visible{
    outline:2px solid var(--rose);
    outline-offset:3px;
    border-radius:3px;
  }


  
  @media (pointer:coarse){
    .artist-cta, .insta-feed-more, .contact-info a, .page-intro-link, .hero-rating, .tag{
      display:inline-flex; align-items:center; min-height:44px;
    }
    .faq-q, .faq-item summary, .review-meer{ min-height:44px; }
  }

  .js .reveal{
    opacity:0;
    transform:translateY(22px);
    transition:opacity .9s ease, transform .9s ease;
    
    transition-delay:var(--reveal-vertraging, 0s);
  }
  .js .reveal.in{ opacity:1; transform:translateY(0); }

  
  @media (prefers-reduced-motion: reduce){
    .nav-toggle-balken span,
    .nav-links,
    .nav-links a{ transition-duration:.01ms !important; transition-delay:0s !important; }
    .js .reveal, .js .reveal.media-reveal{ opacity:1; transform:none; transition:none; }
    html{ scroll-behavior:auto; }
    .hero-photo{ animation:none !important; }
    .hero-scroll .line{ animation:none; }
  }

  
  .site-nav{
    position:fixed; top:0; left:0; right:0; z-index:100;
    padding:1.1rem 0;
    transition:background .3s ease, padding .3s ease, box-shadow .3s ease;
  }
  .nav-inner{ display:flex; align-items:center; justify-content:space-between; gap:1.5rem; position:relative; }
  .nav-logo{
    font-family:'Fraunces', serif; font-size:1.35rem; text-transform:uppercase; letter-spacing:.08em;
    color:var(--cream); text-decoration:none; transition:color .3s ease; flex:0 0 auto;
  }
  .nav-links{ display:flex; gap:clamp(1.1rem,2vw,1.8rem); flex:1 1 auto; justify-content:center; }
  .nav-links a{
    color:rgba(246,241,233,0.85); text-decoration:none; font-size:.88rem;
    letter-spacing:.02em; transition:color .3s ease, opacity .2s ease; white-space:nowrap;
  }
  .nav-links a:hover{ opacity:.75; }
  .nav-right{ display:flex; align-items:center; gap:1.1rem; flex:0 0 auto; }
  .nav-socials{ display:flex; gap:.7rem; }
  
  .nav-link-home{ display:none; }
  .nav-links-socials{ display:none; gap:.9rem; padding:.45rem 0 .9rem; }
  .nav-links-socials a{
    width:40px; height:40px; display:flex; align-items:center; justify-content:center;
    color:var(--plum); border:1px solid var(--line); border-radius:50%;
    transition:background .3s ease;
  }
  .nav-links-socials a svg{ width:17px; height:17px; }
  .nav-links-socials a:hover{ background:var(--cream-soft); }
  .nav-socials a{
    width:36px; height:36px; display:flex; align-items:center; justify-content:center;
    color:rgba(246,241,233,0.85); border:1px solid rgba(246,241,233,0.35); border-radius:50%;
    transition:color .3s ease, border-color .3s ease, background .3s ease;
  }
  .nav-socials a svg{ width:15px; height:15px; }
  .nav-socials a:hover{ background:rgba(246,241,233,0.15); }
  .site-nav.solid .nav-socials a{ color:var(--plum); border-color:var(--line); }
  .site-nav.solid .nav-socials a:hover{ background:var(--cream-soft); }
  .nav-cta{
    flex:0 0 auto; background:rgba(246,241,233,0.15); border:1px solid rgba(246,241,233,0.4);
    color:var(--cream); text-decoration:none; font-size:.82rem; font-weight:600; letter-spacing:.02em;
    padding:.7rem 1.1rem; border-radius:var(--radius-pill); min-height:44px; display:inline-flex; align-items:center;
    transition:background .3s ease, border-color .3s ease, color .3s ease; white-space:nowrap;
  }
  .nav-cta:hover{ background:var(--rose); border-color:var(--rose); color:var(--plum); }
  .site-nav.solid{
    background:rgba(246,241,233,0.96); backdrop-filter:blur(6px); padding:.85rem 0;
    box-shadow:0 4px 20px -8px rgba(46,25,31,0.15);
  }
  .site-nav.solid .nav-logo{ color:var(--plum); }
  .site-nav.solid .nav-links a{ color:var(--ink); }
  .site-nav.solid .nav-links a:hover{ color:var(--plum); opacity:1; }
  .site-nav.solid .nav-cta{ background:var(--plum); border-color:var(--plum); color:var(--cream); }
  .site-nav.solid .nav-cta:hover{ background:var(--rose); border-color:var(--rose); color:var(--plum); }
  @media (max-width:820px){ .nav-links{ display:none; } .nav-inner{ justify-content:space-between; gap:.75rem; } }
  
  @media (max-width:560px){
    
    .nav-socials{ display:none; }
    .nav-links-socials{ display:flex; }
    .nav-logo{ font-size:1.1rem; padding-block:.5rem; }
    .nav-right{ gap:.55rem; }
  }
  @media (max-width:400px){
    .nav-cta{ padding:.55rem .75rem; font-size:.74rem; }
    .nav-logo{ font-size:1rem; }
  }
  .nav-links a.is-active{ text-decoration:underline; text-underline-offset:5px; }

  
  .nav-toggle{
    display:none; flex:0 0 auto; width:44px; height:44px; align-items:center; justify-content:center;
    background:none; border:1px solid rgba(246,241,233,0.4); border-radius:50%; color:var(--cream);
    cursor:pointer; transition:color .3s ease, border-color .3s ease, background .3s ease;
  }
  
  
  .nav-toggle-balken{
    position:relative; display:block; width:19px; height:14px;
  }
  .nav-toggle-balken span{
    position:absolute; left:0; right:0; height:2px; border-radius:1px;
    background:currentColor;
    
    transition:
      top .26s cubic-bezier(.4,0,.2,1) .12s,
      bottom .26s cubic-bezier(.4,0,.2,1) .12s,
      margin .26s cubic-bezier(.4,0,.2,1) .12s,
      transform .28s cubic-bezier(.3,.9,.3,1),
      opacity .16s ease .12s,
      width .2s ease .12s;
  }
  .nav-toggle-balken span:nth-child(1){ top:0; }
  .nav-toggle-balken span:nth-child(2){ top:50%; margin-top:-1px; }
  .nav-toggle-balken span:nth-child(3){ bottom:0; }

  .nav-toggle[aria-expanded="true"] .nav-toggle-balken span{
    
    transition:
      top .26s cubic-bezier(.4,0,.2,1),
      bottom .26s cubic-bezier(.4,0,.2,1),
      margin .26s cubic-bezier(.4,0,.2,1),
      transform .3s cubic-bezier(.3,.9,.3,1) .06s,
      opacity .14s ease,
      width .18s ease;
  }
  .nav-toggle[aria-expanded="true"] .nav-toggle-balken span:nth-child(1){
    top:50%; margin-top:-1px; transform:rotate(45deg);
  }
  .nav-toggle[aria-expanded="true"] .nav-toggle-balken span:nth-child(2){
    opacity:0; width:0; left:50%; right:50%;
  }
  .nav-toggle[aria-expanded="true"] .nav-toggle-balken span:nth-child(3){
    bottom:50%; margin-bottom:-1px; transform:rotate(-45deg);
  }
  
  .nav-toggle:active{ transform:scale(.94); }
  .nav-toggle{ transition:color .3s ease, border-color .3s ease, background .3s ease, transform .18s ease; }
  .nav-toggle:hover{ background:rgba(246,241,233,0.15); }
  .site-nav.solid .nav-toggle{ color:var(--plum); border-color:var(--line); }
  .site-nav.solid .nav-toggle:hover{ background:var(--cream-soft); }
  @media (max-width:820px){
    .nav-toggle{ display:flex; }
    
    .nav-links{
      display:flex; position:absolute; top:calc(100% + .9rem); left:0; right:0;
      flex-direction:column; align-items:stretch; gap:0;
      background:var(--cream); border-radius:10px;
      box-shadow:0 30px 60px -25px rgba(46,25,31,0.4);
      padding:.3rem clamp(1.25rem,4vw,2rem);
      opacity:0; visibility:hidden; pointer-events:none;
      transform:translateY(-8px) scale(.985); transform-origin:top right;
      transition:
        opacity .2s ease,
        transform .3s cubic-bezier(.4,0,.2,1),
        visibility 0s linear .3s;
    }
    .nav-links.is-open{
      opacity:1; visibility:visible; pointer-events:auto;
      transform:translateY(0) scale(1);
      transition:
        opacity .22s ease,
        transform .38s cubic-bezier(.2,.9,.3,1),
        visibility 0s;
    }
    .nav-links a{
      color:var(--ink); padding:.95rem 0; border-bottom:1px solid var(--line); font-size:1rem;
      
      opacity:0; transform:translateY(-6px);
      transition:opacity .18s ease, transform .18s ease, color .3s ease;
    }
    .nav-links.is-open a{
      opacity:1; transform:none;
      transition:opacity .3s ease, transform .34s cubic-bezier(.2,.9,.3,1), color .3s ease;
    }
    
    .nav-link-home{ display:block; }
    .nav-links.is-open a:nth-child(1){ transition-delay:.07s; }
    .nav-links.is-open a:nth-child(2){ transition-delay:.12s; }
    .nav-links.is-open a:nth-child(3){ transition-delay:.17s; }
    .nav-links.is-open a:nth-child(4){ transition-delay:.22s; }
    .nav-links.is-open a:nth-child(5){ transition-delay:.27s; }
    .nav-links a:last-child{ border-bottom:none; }
    .nav-links a:hover{ color:var(--plum); opacity:1; }
  }

  
  
  
  .hero{
    position:relative; min-height:96vh; min-height:96svh;
    display:flex; align-items:flex-end; overflow:clip; overflow-clip-margin:2px; background:var(--plum);
  }
  
  .hero-photo-kader{ position:absolute; inset:0; overflow:clip; }
  .hero-photo{
    position:absolute; inset:0; width:100%; height:100%;
    object-fit:cover; object-position:18% 32%;
    animation:kenburns 26s ease-in-out infinite alternate;
  }
  @keyframes kenburns{ 0%{ transform:scale(1) translate(0,0); } 100%{ transform:scale(1.09) translate(-1%, -1%); } }
  @media (max-width:700px){ .hero-photo{ object-position:2% 30%; } }

  

  
  .hero-photo-vleugel{ object-position:58% 50%; }
  @media (max-width:700px){ .hero-photo-vleugel{ object-position:64% 45%; } }

  
  .hero-photo-podium{ object-position:80% 50%; }
  
  .hero-photo-cafe{ object-position:56% 42%; }
  
  @media (max-width:700px){ .hero-photo-cafe{ object-position:62% 40%; } }

  
  .hero-banner h1{ display:flex; flex-direction:column; gap:.35rem; margin:0; }
  .hero-banner .hero-naam{
    font-size:var(--kop-h1); line-height:.95; letter-spacing:-0.02em;
  }
  .hero-banner .hero-rol{
    font-family:'Work Sans', system-ui, sans-serif; font-weight:500;
    font-size:clamp(.95rem, 1.5vw, 1.15rem); letter-spacing:.02em;
    color:rgba(246,241,233,0.9);
  }
  .hero-banner p.lede{ margin-top:1.1rem; }
  .hero-banner .hero-ctas{ margin-top:1.4rem; }
  .hero::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(53,29,36,0.35) 0%, rgba(53,29,36,0.18) 35%, rgba(30,16,20,0.9) 100%);
  }
  
  .hero-diep::after{
    background:linear-gradient(180deg,
      rgba(53,29,36,0.45) 0%, rgba(53,29,36,0.30) 22%,
      rgba(30,16,20,0.90) 65%, rgba(30,16,20,0.93) 100%);
  }
  .hero-content{
    position:relative; z-index:2;
    padding:0 clamp(1.25rem,4vw,3rem) clamp(3rem,7vw,5.5rem);
    max-width:840px; color:var(--cream);
  }
  
  .hero .eyebrow{ color:var(--cream); }
  .hero h1{
    color:var(--cream); font-size:var(--kop-h1); line-height:1.06; letter-spacing:-0.01em;
  }
  .hero h1 em{ font-style:italic; color:var(--rose); }
  .hero p.lede{
    margin-top:1.4rem; font-size:clamp(1rem, 1.4vw, 1.2rem); max-width:41rem;
    color:rgba(246,241,233,0.88); font-weight:300;
  }

  
  .hero-banner::after{
    background:linear-gradient(180deg,
      rgba(53,29,36,0.38) 0%, rgba(53,29,36,0.26) 30%, rgba(30,16,20,0.9) 100%);
  }
  .hero-banner p.lede{ color:var(--cream); }

  
  .hero-kerk p.lede{ color:var(--cream); }
  .hero-ctas{ display:flex; flex-wrap:wrap; gap:1rem; margin-top:2.2rem; }
  .hero-cta{
    display:inline-flex; align-items:center; gap:.6rem;
    background:var(--rose); color:var(--plum); text-decoration:none;
    font-family:'Work Sans', sans-serif; font-weight:600; font-size:.88rem;
    letter-spacing:.03em; padding:1rem 1.8rem; border-radius:100px;
    box-shadow:0 20px 40px -18px rgba(0,0,0,0.55);
    transition:background .25s ease, transform .25s ease, box-shadow .25s ease, border-color .25s ease, color .25s ease;
  }
  .hero-cta::after{ content:"→"; transition:transform .25s ease; }
  .hero-cta:hover{ background:var(--cream); transform:translateY(-2px); box-shadow:0 24px 44px -16px rgba(0,0,0,0.6); }
  .hero-cta:hover::after{ transform:translateX(3px); }
  .hero-scroll{
    position:absolute; right:clamp(1.25rem,4vw,3rem); bottom:2.2rem; z-index:2;
    display:flex; align-items:center; gap:.6rem; color:rgba(246,241,233,0.7);
    font-size:.75rem; letter-spacing:.14em; text-transform:uppercase;
  }
  .hero-scroll .line{ width:1px; height:38px; background:rgba(246,241,233,0.5); animation:scrollpulse 2.2s ease-in-out infinite; }
  
  @media (max-width:700px){ .hero-scroll{ display:none; } }
  @keyframes scrollpulse{ 0%,100%{ transform:scaleY(1); opacity:.6;} 50%{ transform:scaleY(0.6); opacity:1;} }

  
  .wave-divider{
    position:absolute; left:0; top:0; width:100%;
    height:clamp(22px,3.4vw,46px); line-height:0; z-index:2; pointer-events:none;
  }
  
  .wave-divider svg{ width:100%; height:calc(100% + 2px); margin-top:-1px; display:block; }

  
  @media (max-width:700px){
    .wave-divider svg path[stroke]{ display:none; }
  }

  
  .wave-divider-onder{ top:auto; bottom:0; }

  
  .wave-divider-hero{ height:clamp(20px,2.8vw,40px); }

  

  
  .botanical{
    position:absolute; z-index:0; pointer-events:none;
    width:var(--bot-w,200px); height:auto;
    color:var(--amber); opacity:var(--bot-o,.62);
    transform:scaleX(var(--bot-flip,1)) rotate(var(--bot-rot,0deg));
  }
  .botanical-rose{ color:var(--rose); opacity:var(--bot-o,.78); }
  .botanical-flip{ --bot-flip:-1; }

  
  .botanical-margin{ width:min(var(--bot-w,200px), calc((100% - 1084px)/2 - 2rem)); }
  .botanical-margin-l{ left:auto; right:calc(50% + 542px + .75rem); }
  .botanical-margin-r{ right:auto; left:calc(50% + 542px + .75rem); }

  
  @media (max-width:1279px){
    .botanical{ display:none; }
  }
  
  
  .intro{ position:relative; overflow:clip; overflow-clip-margin:2px; padding:clamp(4rem,9vw,7rem) 0 clamp(3rem,7vw,5rem); }
  .intro-grid{ display:grid; grid-template-columns:0.95fr 1.05fr; gap:clamp(2.5rem,6vw,5rem); align-items:center; }
  
  .intro-photo{ position:relative; max-width:440px; box-shadow:var(--shadow); }
  .intro-photo img{
    width:100%; aspect-ratio:4/5; object-fit:cover;
    display:block; border-radius:var(--radius-foto); position:relative;
  }
  
  .intro-photo::before{
    content:""; position:absolute; bottom:-18px; right:-18px; width:70%; height:70%;
    border:1px solid var(--amber); z-index:-1; opacity:.55;
    
    border-radius:0 0 var(--radius-foto) 0;
  }
  
  .intro-text .statement{
    font-family:'Fraunces', serif; font-style:italic; font-weight:500;
    font-size:clamp(1.25rem,2vw,1.55rem); line-height:1.35; color:var(--plum);
    margin-bottom:1.2rem;
    text-wrap:balance;
  }
  .intro-text h2{ font-size:var(--kop-h2); line-height:1.18; margin-bottom:1.3rem; }
  .intro-text p{ max-width:34rem; color:var(--ink); font-size:1.02rem; }
  .intro-text p + p{ margin-top:1rem; }
  .tag-row{ display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.6rem; }
  .tag{
    display:inline-flex; align-items:center; gap:.5rem; font-size:.82rem;
    letter-spacing:.06em; color:var(--plum); background:var(--cream-soft); border:1px solid var(--line);
    padding:.5rem .9rem; border-radius:100px;
  }
  .tag svg{ width:14px; height:14px; }
  .tag-link{ text-decoration:none; cursor:pointer; transition:background .2s ease, border-color .2s ease; }
  .tag-link:hover{ background:var(--rose); border-color:var(--rose); }
  .tag-link .tag-play{ width:10px; height:10px; opacity:.6; margin-left:-.1rem; }
  .tag-link:hover .tag-play{ opacity:.9; }

  
  .video-card{
    position:relative; aspect-ratio:9/16; border-radius:14px; overflow:hidden;
    box-shadow:0 30px 60px -20px rgba(0,0,0,0.6); background:#000; display:block; text-decoration:none;
    flex:0 0 auto; width:var(--slide-w); scroll-snap-align:center;
    opacity:.45; transform:scale(.86); transition:opacity .35s ease, transform .35s ease;
  }
  .video-card.is-active{ opacity:1; transform:scale(1); }
  .video-card video, .video-card img{ width:100%; height:100%; object-fit:cover; display:block; }
  
  .video-spiegel .video-card canvas{
    position:absolute; inset:0; width:100%; height:100%;
    object-fit:cover; display:block; opacity:0;
  }
  .video-spiegel .video-card.heeft-doek canvas{ opacity:1; }
  
  .video-play-btn{
    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    width:64px; height:64px; border:none;
    background:rgba(46,25,31,0.65); border-radius:50%;
    display:flex; align-items:center; justify-content:center; cursor:pointer;
    transition:transform .35s cubic-bezier(.34,1.56,.64,1), opacity .2s ease,
      background-color .25s ease;
  }
  
  .video-play-btn svg{
    width:46px; height:46px; color:var(--cream); margin-left:3px;
    transition:color .25s ease;
  }
  .video-play-btn:hover{ transform:translate(-50%,-50%) scale(1.18); background:rgba(46,25,31,0.8); }
  .video-play-btn:hover svg{ color:var(--rose); }
  
  .video-card-play.is-playing .video-play-btn svg{ margin-left:0; }
  .video-card-play.is-playing .video-play-btn{ opacity:0; }
  .video-card-play.is-playing:hover .video-play-btn, .video-card-play.is-playing:focus-within .video-play-btn{ opacity:1; }
  .video-card-play video::-webkit-media-controls{ display:none !important; }
  

  
  .video-pijl{
    position:absolute; top:calc(var(--vloerlijn) / 2); transform:translateY(-50%);
    z-index:7; width:44px; height:44px; padding:0; border:none; border-radius:50%;
    background:rgba(46,25,31,0.65); color:var(--cream);
    display:grid; place-items:center; cursor:pointer;
    transition:background-color .25s ease, transform .25s ease;
  }
  .video-pijl svg{ width:22px; height:22px; }
  .video-pijl-vorige{ left:0; }
  .video-pijl-volgende{ right:0; }
  
  .video-feature-breed .video-pijl-vorige{ left:clamp(12px,1.6vw,28px); }
  .video-feature-breed .video-pijl-volgende{ right:clamp(12px,1.6vw,28px); }
  .video-pijl:hover{ background:rgba(46,25,31,0.8); }
  .video-pijl-vorige:hover{ transform:translateY(-50%) translateX(-2px); }
  .video-pijl-volgende:hover{ transform:translateY(-50%) translateX(2px); }
  .video-pijl:focus-visible{ outline:2px solid var(--rose); outline-offset:3px; }
  
  @media (max-width:700px){ .video-pijl{ display:none; } }
  @media (prefers-reduced-motion: reduce){
    .video-pijl{ transition:background-color .25s ease; }
    .video-pijl-vorige:hover, .video-pijl-volgende:hover{ transform:translateY(-50%); }
  }
  .slider-dots{ display:flex; justify-content:center; gap:.1rem; margin-top:.2rem; }
  
  .slider-dot{
    width:28px; height:28px; padding:0; border:none; background:none; cursor:pointer;
    display:grid; place-items:center; border-radius:50%;
  }
  .slider-dot::before{
    content:""; width:7px; height:7px; border-radius:50%;
    background:rgba(246,241,233,0.3); transition:background .25s ease, transform .25s ease;
  }
  .slider-dot.is-active::before{ background:var(--rose); transform:scale(1.3); }

  
  .strip{ display:grid; grid-template-columns:1fr 1.3fr 1fr; gap:.5rem; }
  .strip img, .strip video{ width:100%; height:100%; object-fit:cover; aspect-ratio:4/5; display:block; }
  .strip .wide{ aspect-ratio:4/3; }
  @media (max-width:700px){
    .strip{ grid-template-columns:1fr 1fr; }
    .strip .wide{ grid-column:1/-1; order:-1; aspect-ratio:16/11; }
  }

  
  .instagram-feed{ position:relative; background:var(--cream-soft); padding:clamp(4rem,8vw,6rem) 0; }
  .insta-feed-head{ max-width:34rem; margin:0 auto clamp(2rem,4vw,2.6rem); text-align:center; }
  .insta-feed-head h2{ font-size:var(--kop-h2); line-height:1.2; }
  .insta-feed-head p{ margin-top:.8rem; opacity:.75; }
  
  .insta-grid{
    --insta-w: min(1280px, calc(100vw - 2rem));
    width:var(--insta-w); margin-inline:calc(50% - var(--insta-w) / 2);
    display:grid; grid-template-columns:repeat(6,1fr);
    gap:.7rem;
  }
  .insta-tile{ position:relative; display:block; aspect-ratio:1/1; overflow:hidden; border-radius:var(--radius-foto); }
  .insta-tile img{
    width:100%; height:100%; object-fit:cover; display:block;
    transition:transform .4s ease, opacity .25s ease;
  }
  .insta-tile::after{
    content:""; position:absolute; inset:0; background:rgba(46,25,31,0);
    transition:background .25s ease;
  }
  .insta-tile:hover img{ transform:scale(1.06); }
  .insta-tile:hover::after{ background:rgba(46,25,31,0.12); }
  .insta-tile-play{
    position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);
    display:flex; align-items:center; justify-content:center;
    transition:transform .35s cubic-bezier(.34,1.56,.64,1);
  }
  .insta-tile-play svg{
    width:46px; height:46px; color:var(--cream); margin-left:3px;
    filter:drop-shadow(0 2px 10px rgba(0,0,0,0.5));
  }
  .insta-tile:hover .insta-tile-play{ transform:translate(-50%,-50%) scale(1.18); }
  .insta-tile:hover .insta-tile-play{ transform:translate(-50%,-50%) scale(1.08); }
  
  @media (max-width:1150px){ .insta-grid{ grid-template-columns:repeat(3,1fr); } }
  @media (max-width:560px){ .insta-grid{ grid-template-columns:repeat(2,1fr); } }
  .insta-feed-more-wrap{ text-align:center; margin-top:1.7rem; }
  .insta-feed-more{
    display:inline-flex; align-items:center; gap:.4rem; text-decoration:none;
    font-size:.85rem; font-weight:600; color:var(--plum); border-bottom:1px solid var(--plum);
    padding-bottom:.2rem; transition:opacity .2s ease;
  }
  .insta-feed-more:hover{ opacity:.6; }

  
  .trust{ position:relative; padding:clamp(4.5rem,10vw,7.5rem) 0; background:var(--plum); overflow:clip; overflow-clip-margin:2px; }
  
  
  .trust-bg-kader{ position:absolute; inset:0; overflow:clip; }
  .trust-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:8% 45%; }
  
  .trust::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(43,24,29,0.66) 0%, rgba(43,24,29,0.80) 100%);
  }
  
  @media (max-width:700px){
    .trust::after{
      background:linear-gradient(180deg, rgba(43,24,29,0.88) 0%, rgba(43,24,29,0.95) 100%);
    }
  }
  .trust .wrap{ position:relative; z-index:1; }
  .trust-head{ max-width:32rem; margin-bottom:clamp(2.8rem,6vw,3.8rem); }
  
  .trust-head .eyebrow{ color:var(--cream); }
  .trust-head h2{ font-size:var(--kop-h2); line-height:1.2; color:var(--cream); }
  .trust-head p{ margin-top:.9rem; color:rgba(246,241,233,0.72); font-size:1rem; font-weight:300; }
  .trust-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.6rem; }
  .trust-card{
    background:var(--cream); border-radius:var(--radius-card); padding:2.2rem 1.9rem;
    box-shadow:0 26px 50px -30px rgba(46,25,31,0.35); position:relative;
    transition:transform .3s ease, box-shadow .3s ease;
  }
  .trust-card:nth-child(2){ transform:translateY(-10px); }
  .trust-card:hover{ transform:translateY(-4px); box-shadow:0 30px 55px -25px rgba(46,25,31,0.4); }
  .trust-card:nth-child(2):hover{ transform:translateY(-14px); }
  .quote-mark{ font-family:'Fraunces', serif; font-size:2.6rem; color:var(--rose); line-height:1; margin-bottom:.4rem; display:block; }
  .quote-text{ font-family:'Fraunces', serif; font-style:italic; font-size:1.08rem; color:var(--plum); line-height:1.5; margin:0 0 1.1rem; }
  .quote-attr{ font-size:.78rem; letter-spacing:.04em; color:var(--amber-ink); font-weight:600; text-transform:uppercase; }
  .trust-card-soon{
    background:rgba(46,25,31,0.4); border:1px dashed rgba(246,241,233,0.35); box-shadow:none;
    backdrop-filter:blur(2px);
  }
  .trust-card-soon:hover{ transform:none; box-shadow:none; }
  .trust-card-soon .quote-mark{ color:rgba(246,241,233,0.45); }
  .trust-card-soon .quote-text{ color:var(--cream); opacity:.78; font-style:normal; font-family:'Work Sans', sans-serif; font-size:.95rem; }
  .trust-card-soon .quote-attr{ color:rgba(246,241,233,0.6); }
  @media (max-width:900px){ .trust-grid{ grid-template-columns:1fr; } .trust-card:nth-child(2){ transform:none; } .trust-card:nth-child(2):hover{ transform:translateY(-4px); } }

  
  
  .usp-section{ position:relative; background:var(--cream-soft); padding:clamp(4.5rem,10vw,7.5rem) 0; }

  
  .usp-story-wrap{
    position:relative;
    display:grid; grid-template-columns:minmax(0,1fr) minmax(260px, 400px);
    gap:clamp(2.4rem,6vw,5rem); align-items:end;
    margin-bottom:clamp(3rem,6vw,4rem);
    
    padding-bottom:clamp(2.5rem,5vw,3.5rem);
  }
  @media (max-width:900px){
    .usp-story-wrap{ grid-template-columns:1fr; gap:2.4rem; }
    
  }
  .usp-head{ position:relative; z-index:1; max-width:34rem; margin-bottom:clamp(2.2rem,4.5vw,3rem); }
  .usp-head h2{ font-size:var(--kop-h2); line-height:1.2; color:var(--plum); }
  .usp-flex{ position:relative; z-index:1; max-width:38rem; }
  .usp-statement{
    font-family:'Fraunces', serif; font-style:italic; font-weight:500;
    font-size:clamp(1.25rem,2.2vw,1.55rem); line-height:1.4; color:var(--plum); margin-bottom:1.1rem;
  }
  .usp-flex-text{ font-size:1rem; line-height:1.65; color:var(--ink); opacity:.85; font-weight:300; }
  .usp-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(1.6rem,3vw,2.4rem); }
  .usp-card{ position:relative; padding-top:1.8rem; }
  .usp-card h3{ font-size:var(--kop-h3-klein); color:var(--cream); margin-bottom:.7rem; }
  .usp-card p{ font-size:.94rem; line-height:1.55; color:rgba(246,241,233,0.75); font-weight:300; }

  
  .usp-section .usp-card h3{ color:var(--plum); }
  .usp-section .usp-card p{ color:var(--ink); opacity:.8; }
  @media (max-width:900px){ .usp-grid{ grid-template-columns:1fr; gap:2rem; } }

  
  .packages{ position:relative; overflow:clip; overflow-clip-margin:2px; padding:clamp(3.5rem,7vw,5.5rem) 0; }
  #mogelijkheden{ background:var(--cream-soft); }
  #prijs{ background:var(--cream); }
  .packages-grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,5vw,4rem); align-items:center; }
  .packages-head{ max-width:28rem; }
  .packages-head h2{ font-size:var(--kop-h2); line-height:1.2; }
  .packages-head p{ margin-top:.9rem; color:var(--ink); opacity:.78; font-size:1rem; }
  .moment-tags{ display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.5rem; }
  .moment-tag{
    font-family:'Fraunces', serif; font-style:italic; font-size:1.05rem; color:var(--plum);
    background:rgba(255,255,255,0.55); border:1px solid rgba(43,38,34,0.18); border-radius:100px;
    padding:.6rem 1.3rem;
  }
  .packages-note{ margin-top:1.6rem; font-size:.9rem; color:var(--ink); opacity:.7; max-width:30rem; }
  .packages-photo{ position:relative; max-width:440px; width:100%; margin:0 auto; justify-self:center; }
  .packages-photo img{
    width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:var(--radius-foto); display:block;
    box-shadow:var(--shadow);
  }
  .packages-photo::after{
    content:""; position:absolute; bottom:-16px; right:-16px; width:65%; height:65%;
    border:1px solid var(--amber); opacity:.55; z-index:-1;
    border-radius:0 0 var(--radius-foto) 0;
  }
  @media (max-width:900px){
    .packages-grid{ grid-template-columns:1fr; }
    .packages-photo{ order:-1; max-width:320px; }
  }

  
  .fout-pagina{
    min-height:100svh; display:grid; place-items:center;
    padding:clamp(2rem,6vw,4rem) var(--gutter,1.25rem); background:var(--cream);
  }
  .fout-inner{ max-width:34rem; text-align:center; }
  .fout-inner h1{ font-size:var(--kop-h2); line-height:1.18; margin:.6rem 0 1rem; }
  .fout-inner p{ color:var(--ink); opacity:.8; line-height:1.6; }
  .fout-links{
    list-style:none; margin:1.8rem 0 0; padding:0;
    display:flex; flex-wrap:wrap; justify-content:center; gap:.6rem;
  }
  .fout-links a{
    display:inline-flex; align-items:center; min-height:44px;   
    padding:.55rem 1.1rem; border:1px solid var(--line); border-radius:var(--radius-pill);
    color:var(--plum); text-decoration:none; font-size:.9rem;
    transition:background .22s ease, border-color .22s ease;
  }
  .fout-links a:hover{ background:var(--cream-soft); border-color:var(--amber); }
  .fout-contact{ margin-top:1.8rem; font-size:.92rem; }
  .fout-contact a{ color:var(--plum); }

  
  .pricing-head{ max-width:34rem; margin:0 auto 3rem; text-align:center; }
  .pricing-head h2{ font-size:var(--kop-h2); line-height:1.2; margin-top:.4rem; }
  .pricing-head p{ margin-top:.9rem; color:var(--ink); opacity:.78; font-size:1.02rem; }

  
  .pricing-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:1.75rem; align-items:stretch; }
  .pricing-card{
    position:relative; background:var(--cream); border:1px solid var(--line); border-radius:var(--radius-card);
    padding:2.4rem 1.8rem 2rem; display:grid; gap:0; grid-template-rows:subgrid; grid-row:span 3;
    transition:transform .4s cubic-bezier(.22,.7,.2,1), box-shadow .4s ease, border-color .4s ease;
  }
  .pricing-card:hover{
    transform:translateY(var(--kaart-optil));
    box-shadow:0 34px 60px -30px rgba(46,25,31,.5);
    border-color:var(--amber);
  }
  @supports not (grid-template-rows:subgrid){
    .pricing-card{ display:flex; flex-direction:column; }
  }
  .pricing-card-featured{
    background:var(--plum); color:var(--cream); border-color:var(--plum);
    transform:translateY(-10px); box-shadow:var(--shadow);
  }
  
  .pricing-card-featured:hover{
    transform:translateY(calc(-10px + var(--kaart-optil)));
    border-color:var(--rose);
  }
  .pricing-badge{
    position:absolute; top:-14px; left:50%; transform:translateX(-50%);
    background:var(--rose); color:var(--plum); font-size:.72rem; font-weight:600;
    letter-spacing:.06em; text-transform:uppercase; padding:.45rem 1.1rem; border-radius:var(--radius-pill);
    white-space:nowrap;
  }
  .pricing-card-head h3{ font-size:var(--kop-h3-kaart); margin-bottom:.7rem; color:var(--plum); }
  .pricing-card-featured .pricing-card-head h3{ color:var(--cream); }
  .pricing-price{ display:flex; align-items:baseline; gap:.5rem; margin-bottom:.9rem; }
  .pricing-price .amount{ font-family:'Fraunces', serif; font-size:2rem; font-weight:500; }
  .pricing-price .vat{ font-size:.78rem; opacity:.78; }

  
  .pricing-moments{
    display:flex; flex-wrap:wrap; gap:.35rem .9rem; margin:0 0 1.2rem;
    font-size:.79rem; letter-spacing:.01em;
  }
  .pricing-moment{ display:inline-flex; align-items:center; gap:.4rem; opacity:.45; }
  .pricing-moment::before{
    content:""; width:8px; height:8px; border-radius:50%; flex:0 0 auto;
    border:1.5px solid currentColor;
  }
  .pricing-moment.is-on{ opacity:1; font-weight:500; color:var(--plum); }
  .pricing-moment.is-on::before{ background:var(--amber-ink); border-color:var(--amber-ink); }
  .pricing-card-featured .pricing-moment{ color:var(--cream); }
  .pricing-card-featured .pricing-moment.is-on::before{ background:var(--rose); border-color:var(--rose); }

  .pricing-tagline{ font-family:'Fraunces', serif; font-style:italic; font-size:1.05rem; margin-bottom:1rem; }
  .pricing-desc{ font-size:.92rem; opacity:.75; margin-bottom:1.5rem; line-height:1.5; }
  .pricing-card-featured .pricing-desc{ opacity:.82; }

  
  .pricing-includes{
    margin:0 0 .8rem; padding-top:.9rem; border-top:1px solid var(--line);
    font-size:.88rem; opacity:.85;
  }
  .pricing-card-featured .pricing-includes{ border-top-color:rgba(246,241,233,0.22); }

  .pricing-card-body{ display:flex; flex-direction:column; padding-bottom:1.8rem; }
  .pricing-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.65rem; }
  .pricing-list li{ position:relative; padding-left:1.5rem; font-size:.9rem; line-height:1.45; opacity:.9; }
  .pricing-list li::before{
    content:"\2713"; position:absolute; left:0; top:0; color:var(--amber-ink); font-weight:600; font-size:.85rem;
  }
  .pricing-card-featured .pricing-list li::before{ color:var(--rose); }
  
  .pricing-list-extra li::before{ content:"+"; font-size:1.05rem; line-height:1.2; }
  .pricing-cta{
    display:inline-flex; align-items:center; justify-content:center; text-align:center;
    padding:.85rem 1.4rem; border-radius:var(--radius-sm); font-size:.85rem; font-weight:600;
    text-decoration:none; border:1px solid var(--plum); color:var(--plum); transition:all .2s ease;
  }
  .pricing-cta:hover{ background:var(--plum); color:var(--cream); }
  .pricing-card-featured .pricing-cta{ border-color:var(--cream); color:var(--cream); }
  .pricing-cta-solid{ background:var(--cream); border-color:var(--cream); color:var(--plum) !important; }
  .pricing-cta-solid:hover{ background:var(--rose); border-color:var(--rose); }

  .pricing-custom{
    position:relative; overflow:hidden;
    margin-top:2.5rem; background:var(--cream-soft); border:1px solid var(--line); border-radius:var(--radius-card);
    padding:2.2rem clamp(1.6rem,4vw,3rem); display:grid; grid-template-columns:1.5fr auto; gap:2rem; align-items:center;
  }
  
  @media (min-width:1280px){
    .pricing-custom{ padding-bottom:5.8rem; }
  }
  .pricing-custom-eyebrow{ font-size:.78rem; letter-spacing:.14em; text-transform:uppercase; color:var(--amber-ink); font-weight:600; }
  .pricing-custom h3{ font-size:var(--kop-h3-kaart); margin:.5rem 0 .6rem; color:var(--plum); }
  .pricing-custom-text p{ font-size:.95rem; opacity:.8; margin-bottom:1rem; }
  .pricing-custom-list{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:.5rem; }
  .pricing-custom-list li{ position:relative; padding-left:1.4rem; font-size:.88rem; opacity:.8; }
  .pricing-custom-list li::before{ content:"\2713"; position:absolute; left:0; color:var(--amber-ink); font-weight:600; }
  .pricing-custom-cta{ text-align:center; }
  .pricing-custom-price{ display:block; font-family:'Fraunces', serif; font-style:italic; font-size:1.2rem; margin-bottom:1rem; color:var(--plum); }
  .pricing-cta-outline{ border-color:var(--amber); }
  .pricing-cta-outline:hover{ background:var(--amber); border-color:var(--amber); }
  
  
  #prijs{ background:var(--plum); color:var(--cream); }
  #prijs .pricing-head{ max-width:40rem; margin-bottom:0; }
  #prijs .pricing-head h2{ color:var(--cream); }
  #prijs .pricing-head .eyebrow{ color:var(--rose); }
  #prijs .pricing-head p{ color:var(--cream); opacity:.8; }

  
  .tarief-lijst{ margin-top:clamp(1.8rem,3.5vw,2.6rem); }

  
  .tarief-schakelaar{ display:none; }
  
  .tarief-lijst[data-tarief-aan] .tarief-schakelaar{
    display:flex; gap:2px; padding:4px;
    width:fit-content; margin:0 auto clamp(.8rem,1.8vw,1.3rem);
    border:1px solid var(--line-on-dark); border-radius:var(--radius-pill);
    background:rgba(246,241,233,0.05);
  }
  
  .tarief-knop{
    display:inline-flex; align-items:center; justify-content:center;
    min-width:7.5rem; min-height:44px;   
    font-family:'Work Sans', sans-serif; font-size:.82rem; letter-spacing:.06em;
    color:var(--cream); background:none; border:0;
    padding:.55rem 1.1rem; border-radius:var(--radius-pill);
    cursor:pointer; opacity:.72;
    transition:background .22s ease, color .22s ease, opacity .22s ease;
  }
  .tarief-knop:hover{ opacity:1; }
  .tarief-knop[aria-pressed="true"]{
    background:var(--cream); color:var(--plum); font-weight:600; opacity:1;
  }
  .tarief-knop[aria-pressed="true"]:hover{ background:var(--rose); }
  
  .tarief-lijst[data-tarief-aan] .tarief-voor{ display:none; }
  .tarief-lijst[data-tarief-aan="zakelijk"] [data-tarief-stand="particulier"]{ display:none; }
  .tarief-lijst[data-tarief-aan="particulier"] [data-tarief-stand="zakelijk"]{ display:none; }
  @media (prefers-reduced-motion: reduce){
    .tarief-knop{ transition:none; }
  }
  .tarief-rij{
    display:grid; grid-template-columns:1fr auto;
    gap:clamp(1.5rem,4vw,3rem); align-items:start;
    padding:clamp(1.2rem,2.2vw,1.7rem) 0;
  }
  .tarief-rij + .tarief-rij{ border-top:1px solid var(--line-on-dark); }
  
  .tarief-rij-prijs{ display:flex; flex-direction:column; align-items:flex-end; text-align:right; }
  
  .tarief-rij-maat .tarief-rij-prijs{ align-self:stretch; justify-content:center; }

  .tarief-label{
    display:block; margin-bottom:.35rem;
    font-size:.72rem; letter-spacing:.14em; text-transform:uppercase;
    color:var(--rose); font-weight:600;
  }
  .tarief-rij h3{ font-size:var(--kop-h3-kaart); color:var(--cream); margin:0; }

  
  .tarief-punten{
    list-style:none; margin:1rem 0 0; padding:0;
    display:flex; flex-direction:column; gap:.4rem;
    font-size:.95rem; line-height:1.45; color:var(--cream); opacity:.88;
  }
  .tarief-punten li{ position:relative; padding-left:1.5rem; }
  .tarief-punten li::before{
    content:"\2713"; position:absolute; left:0; top:0; color:var(--rose); font-weight:600; font-size:.85rem;
  }

  .tarief-prijs{ display:flex; flex-direction:column; align-items:flex-end; gap:.15rem; margin:0 0 .35rem; }
  
  .tarief-prijs .vanaf{
    font-size:.72rem; letter-spacing:.14em; text-transform:uppercase;
    color:var(--rose); font-weight:600;
  }
  .tarief-prijs .bedrag{
    font-family:'Fraunces', serif; font-weight:500; line-height:1; color:var(--cream);
    font-size:clamp(2.6rem,5vw,3.6rem);
  }
  .tarief-btw{ margin:0; font-size:.78rem; color:var(--cream); opacity:.6; }
  
  .tarief-opaanvraag{
    margin:0; font-family:'Fraunces', serif; font-style:italic;
    font-size:clamp(1.15rem,1.8vw,1.35rem); color:var(--cream); opacity:.85; line-height:1.3;
  }
  
  
  .tarief-cta{
    margin-top:1.1rem;
    background:var(--cream); border-color:var(--cream); color:var(--plum);
  }
  .tarief-cta:hover{ background:var(--rose); border-color:var(--rose); color:var(--plum); }
  
  .tarief-cta-open{
    background:none; border-color:var(--cream); color:var(--cream);
  }
  .tarief-cta-open:hover{ background:var(--cream); border-color:var(--cream); color:var(--plum); }

  
  
  
  .tarief-voet{ margin-top:clamp(1.4rem,2.8vw,2rem); padding-top:clamp(1.4rem,2.8vw,2rem); border-top:1px solid var(--line-on-dark); }
  .tarief-voet-kop{
    display:block; margin-bottom:.7rem;
    font-size:.72rem; letter-spacing:.14em; text-transform:uppercase;
    color:var(--rose); font-weight:600;
  }
  
  .tarief-belofte{ margin:1.4rem 0 0; font-size:.88rem; line-height:1.6; color:var(--cream); opacity:.8; }
  .tarief-belofte .belofte-vast{ opacity:1; font-weight:500; }
  
  .tarief-inbegrepen{
    list-style:none; margin:0; padding:0;
    display:flex; flex-wrap:wrap; gap:.6rem 1.6rem;
    font-size:.92rem; line-height:1.5; color:var(--cream); opacity:.88;
  }
  .tarief-inbegrepen li{ position:relative; padding-left:1.4rem; }
  .tarief-inbegrepen li::before{
    content:"\2713"; position:absolute; left:0; top:0; color:var(--rose); font-weight:600; font-size:.85rem;
  }
  .tarief-slot{ margin:.7rem 0 0; font-size:.92rem; line-height:1.55; color:var(--cream); opacity:.7; max-width:52rem; }
  

  @media (max-width:760px){
    
    .tarief-rij{ grid-template-columns:1fr; gap:0; }
    .tarief-rij-info, .tarief-rij-prijs{ display:contents; text-align:left; }
    .tarief-label{ order:1; }
    .tarief-rij h3{ order:2; }
    .tarief-prijs{ order:3; align-items:flex-start; margin:.9rem 0 .2rem; }
    .tarief-opaanvraag{ order:3; margin:.9rem 0 .2rem; }
    .tarief-btw{ order:4; }
    .tarief-punten{ order:5; }
    .tarief-cta{ order:6; justify-self:start; margin-top:1.2rem; }
    .tarief-inbegrepen{ flex-direction:column; gap:.55rem; }
  }

  .pricing-footnote{
    margin:2.5rem auto 0; text-align:center; font-size:.92rem; color:var(--ink); opacity:.75; max-width:34rem;
  }
  .pricing-footnote a{ color:var(--plum); text-decoration:underline; }

  
  @media (max-width:900px){
    .pricing-grid{ grid-template-columns:1fr; max-width:32rem; margin-inline:auto; }
    .pricing-card-featured{ transform:none; }
    .pricing-card-featured:hover{ transform:translateY(var(--kaart-optil)); }
    .pricing-custom{ grid-template-columns:1fr; text-align:left; }
    .pricing-custom-cta{ text-align:left; }
  }

  
  
  .song-box{
    position:relative; overflow:clip; overflow-clip-margin:2px; background:var(--plum);
    padding:clamp(5.5rem,10vw,8rem) 0 clamp(4rem,8vw,6rem);
  }
  .song-box .eyebrow{ color:var(--rose); }
  .song-box h2{ color:var(--cream); font-size:var(--kop-h2); line-height:1.2; }
  .song-grid{ display:grid; grid-template-columns:0.85fr 1.15fr; gap:clamp(2.5rem,6vw,5rem); align-items:center; }
  
  .song-grid-omgekeerd{ grid-template-columns:0.7fr 1.3fr; }
  .song-grid-omgekeerd .song-inner{ grid-column:2; grid-row:1; }
  .song-grid-omgekeerd .song-inner p.lede2{ max-width:34rem; }
  .song-grid-omgekeerd .song-photo{ grid-column:1; grid-row:1; }
  
  .song-photo{ position:relative; max-width:420px; }
  
  .song-grid-omgekeerd .song-photo{ max-width:380px; }
  .song-photo img{
    width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:var(--radius-foto); display:block;
    box-shadow:var(--shadow);
  }
  
  .song-photo::before{
    content:""; position:absolute; top:-18px; right:-18px; width:100%; height:100%;
    border:1px solid var(--rose); opacity:.4; z-index:-1;
    border-radius:var(--radius-foto);
  }
  
  .song-statement{
    font-family:'Fraunces', serif; font-style:italic; font-weight:500;
    font-size:clamp(1.2rem,2.1vw,1.5rem); line-height:1.4; color:var(--cream); margin:.8rem 0 1.4rem;
    text-wrap:balance;
  }
  .song-inner p.lede2{ margin:0 0 1.1rem; color:rgba(246,241,233,0.78); font-weight:300; font-size:.98rem; max-width:32rem; }
  .song-inner p.lede2:last-child{ margin-bottom:0; }
  
  .song-note{ margin:0 0 .8rem; font-size:.92rem; color:rgba(246,241,233,0.78); }

  
  .song-inspiratie{
    margin-top:clamp(3rem,6vw,5rem); padding-top:clamp(1.8rem,3.5vw,2.6rem);
    border-top:1px solid rgba(246,241,233,0.16);
    display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1.2rem 2rem;
  }
  .song-inspiratie-kop{
    font-family:'Fraunces', serif; font-weight:500; font-size:1.05rem;
    color:var(--cream); margin:0 0 .2rem;
  }
  .song-inspiratie-bij{ margin:0; font-size:.92rem; font-weight:300; color:rgba(246,241,233,0.66); }
  .song-playlist-knop{
    display:inline-flex; align-items:center; gap:.6rem; text-decoration:none; min-height:44px;
    padding:.8rem 1.5rem; border-radius:var(--radius-pill);
    border:1px solid rgba(246,241,233,0.4); color:var(--cream); font-size:.9rem; font-weight:600;
    transition:background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease;
  }
  .song-playlist-knop:hover{ background:var(--cream); color:var(--plum); border-color:var(--cream); transform:translateY(-2px); }
  .song-playlist-knop svg{ width:18px; height:18px; flex:none; }
  
  .song-speler{ flex:1 0 100%; max-width:560px; }
  .song-speler iframe{ display:block; width:100%; border:0; }
  .spotify-embed{ border-radius:10px; overflow:hidden; margin-top:.5rem; box-shadow:var(--shadow); border-top:3px solid var(--rose); }
  .spotify-embed iframe{ display:block; }

  @media (max-width:900px){
    .song-grid{ grid-template-columns:1fr; }
    
    .song-grid-omgekeerd .song-inner,
    .song-grid-omgekeerd .song-photo{ grid-column:1; grid-row:auto; }
    
    .song-photo{ width:min(240px,100%); margin-inline:auto; }
    .song-inspiratie{ justify-content:flex-start; }
  }
  @media (prefers-reduced-motion:reduce){
    .song-playlist-knop{ transition:none; }
    .song-playlist-knop:hover{ transform:none; }
  }

  
  .faq{ position:relative; overflow:clip; overflow-clip-margin:2px; background:var(--plum-soft); padding:clamp(3.5rem,7vw,5rem) 0; }
  .faq-head{ max-width:26rem; margin-bottom:clamp(1.6rem,3vw,2.2rem); }
  .faq-head .eyebrow{ color:var(--rose); }
  .faq-head h2{ font-size:var(--kop-h2); line-height:1.2; color:var(--cream); }
  .faq-list{ max-width:38rem; display:flex; flex-direction:column; }
  .faq-item{ border-bottom:1px solid var(--line-on-dark); }
  .faq-item summary{
    cursor:pointer; list-style:none; padding:.95rem 0; display:flex; justify-content:space-between;
    align-items:center; gap:1rem; font-family:'Fraunces', serif; font-size:.96rem; color:var(--cream);
  }
  .faq-item summary::-webkit-details-marker{ display:none; }
  .faq-item summary .ico{ font-size:1.1rem; color:var(--rose); transition:transform .25s ease; flex:0 0 auto; }
  .faq-item[open] summary .ico{ transform:rotate(45deg); }
  .faq-item p{ margin:0 0 1rem; font-size:.85rem; color:rgba(246,241,233,0.68); line-height:1.6; max-width:34rem; }

  
  .process{ position:relative; background:var(--cream); padding:clamp(5rem,10vw,8rem) 0; border-top:1px solid var(--line); }
  .process-head{ max-width:32rem; margin-bottom:clamp(3rem,6vw,4rem); }
  .process-head h2{ font-size:var(--kop-h2); line-height:1.2; }
  .process-head p{ margin-top:1rem; opacity:.85; }

  
  .steps-wrap{ position:relative; margin-top:1.5rem; --trede:34px; }
  
  .steps-trap{ position:relative; margin-bottom:calc(.7rem - var(--trede) * 3); }
  .steps-trap svg{ display:block; width:100%; height:auto; overflow:visible; }
  .steps-new{ display:grid; grid-template-columns:repeat(4,1fr); gap:1.8rem; align-items:start; }
  .step-card{ position:relative; z-index:1; }
  
  .step-card:nth-child(1){ margin-top:calc(var(--trede) * 3); }
  .step-card:nth-child(2){ margin-top:calc(var(--trede) * 2); }
  .step-card:nth-child(3){ margin-top:var(--trede); }
  .step-card:nth-child(4){ margin-top:0; }
  .step-cijfer{
    display:block; font-family:'Fraunces', serif; font-style:italic; font-weight:300;
    font-size:2.6rem; line-height:1; color:var(--amber-ink); opacity:.6; margin-bottom:.7rem;
  }
  .step-card h3{ font-size:var(--kop-h3-klein); margin-bottom:.5rem; color:var(--plum); }
  .step-card p{ font-size:.87rem; color:var(--ink); opacity:.78; margin:0; line-height:1.55; }
  
  @media (max-width:860px){
    .steps-trap{ display:none; }
    .steps-new{ grid-template-columns:1fr 1fr; row-gap:2.6rem; }
    .step-card:nth-child(1),
    .step-card:nth-child(2),
    .step-card:nth-child(3){ margin-top:0; }
  }
  @media (max-width:520px){
    .steps-new{ grid-template-columns:1fr; }
  }


  
  .reviews{ position:relative; background:var(--cream); padding:clamp(4rem,8vw,6rem) 0; }
  .reviews-head{ max-width:34rem; margin:0 auto clamp(2.2rem,4vw,3rem); text-align:center; }
  .reviews-head h2{ font-size:var(--kop-h2); line-height:1.2; margin-top:.4rem; }
  .reviews-score{
    display:inline-flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:.2rem .6rem;
    margin-top:1rem; font-size:.95rem; color:var(--ink);
  }
  .reviews-score strong{ color:var(--plum); }
  .stars{ color:var(--amber-ink); letter-spacing:.12em; font-size:1.05rem; }

  .reviews-grid{
    display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(1.2rem,2.5vw,1.75rem);
    align-items:start;
  }
  
  .review-card{
    margin:0; background:#fff; border:1px solid var(--line); border-radius:var(--radius-card);
    padding:clamp(1.5rem,3vw,2rem); display:flex; flex-direction:column; gap:1rem;
    min-height:var(--review-basis, 0px);
  }
  .review-stars{ color:var(--amber-ink); letter-spacing:.1em; font-size:.95rem; line-height:1; }
  .review-card blockquote{
    margin:0; font-family:'Fraunces', serif; font-style:italic;
    font-size:clamp(1rem,1.5vw,1.08rem); line-height:1.55; color:var(--plum); flex:1;
  }
  
  .review-card blockquote p{ margin:0 0 .7em; }
  .review-card blockquote p:last-child{ margin-bottom:0; }
  
  .review-meer{
    align-self:flex-start; margin:0; padding:0 0 .1rem; background:none; border:0;
    border-bottom:1px solid rgba(43,38,34,0.35); cursor:pointer;
    font-family:'Work Sans', system-ui, sans-serif; font-size:.85rem; color:var(--ink);
    transition:border-color .2s ease, color .2s ease;
  }
  .review-meer:hover{ color:var(--plum); border-bottom-color:var(--plum); }
  .review-meer:focus-visible{ outline:2px solid var(--rose); outline-offset:3px; }
  .review-card figcaption{ display:flex; flex-direction:column; gap:.2rem; }
  .review-name{ font-size:.92rem; font-weight:600; color:var(--ink); }
  .review-meta{ font-size:.8rem; color:rgba(43,38,34,0.7); }
  
  .rating-google{
    font-size:.85rem; color:var(--ink); text-decoration:none;
    border-bottom:1px solid rgba(43,38,34,0.35); padding-bottom:.1rem;
    transition:border-color .2s ease, color .2s ease;
  }
  .rating-google:hover{ color:var(--plum); border-bottom-color:var(--plum); }

  .reviews-note{
    margin:clamp(1.8rem,3vw,2.4rem) auto 0; max-width:34rem; text-align:center;
    font-size:.9rem; color:rgba(43,38,34,0.72);
  }

  
  .reviews.reviews-zacht{ background:var(--cream-soft); }

  @media (max-width:900px){
    .reviews-grid{ grid-template-columns:1fr; max-width:32rem; margin-inline:auto; }
  }

  
  .sr-only{
    position:absolute; width:1px; height:1px; padding:0; margin:-1px;
    overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0;
  }

  
  .contact{ position:relative; overflow:clip; overflow-clip-margin:2px; background:var(--plum); color:var(--cream); padding:clamp(4.5rem,10vw,7.5rem) 0; }
  .contact-grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(2.5rem,6vw,5rem); align-items:center; }
  .contact h2{ color:var(--cream); font-size:var(--kop-h2); line-height:1.15; }
  .contact .eyebrow{ color:var(--rose); }
  .contact p.lede{ margin-top:1.2rem; color:rgba(246,241,233,0.78); max-width:26rem; font-weight:300; }
  .contact-portrait{ position:relative; max-width:220px; margin:1.6rem 0 1.8rem; }
  .contact-portrait img{
    width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:var(--radius-foto); display:block;
    box-shadow:var(--shadow);
  }
  .contact-portrait::before{
    content:""; position:absolute; bottom:-16px; left:-16px; width:65%; height:65%;
    border:1px solid var(--amber); z-index:-1; opacity:.55;
    border-radius:0 0 0 var(--radius-foto);
  }
  .contact-info{ display:flex; flex-direction:column; gap:.9rem; }
  .contact-info a{
    display:flex; align-items:center; gap:.7rem; color:var(--cream); text-decoration:none;
    font-size:.95rem; opacity:.9; transition:opacity .2s ease;
  }
  .contact-info a:hover{ opacity:1; color:var(--rose); }
  .contact-info svg{ width:16px; height:16px; flex:0 0 auto; opacity:.8; }

  .form-card{
    background:var(--cream); border-radius:var(--radius-card); padding:clamp(1.8rem,4vw,2.6rem);
    box-shadow:0 40px 80px -30px rgba(0,0,0,0.5);
  }
  .form-card .form-eyebrow{
    font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--amber-ink);
    font-weight:600; display:block; margin-bottom:.4rem;
  }
  .form-card h3{ color:var(--plum); font-size:var(--kop-h3-kaart); margin-bottom:1.4rem; }
  form{ display:flex; flex-direction:column; gap:1.1rem; }
  .field{ display:flex; flex-direction:column; gap:.4rem; }
  .field label{ font-size:.76rem; letter-spacing:.08em; text-transform:uppercase; color:var(--amber-ink); }
  .field input, .field textarea, .field select{
    background:transparent; border:none; border-bottom:1.5px solid var(--line);
    color:var(--ink); font-family:'Work Sans', sans-serif; font-size:1rem;
    padding:.7rem .1rem; transition:border-color .2s ease;
  }
  .field input::placeholder, .field textarea::placeholder{ color:rgba(43,38,34,0.62); }
  
  .field input:focus-visible, .field textarea:focus-visible, .field select:focus-visible{ border-color:var(--rose); }
  
  .field textarea{ resize:vertical; min-height:132px; font-family:inherit; line-height:1.55; }

  
  .form-intro{
    margin:0 0 1.3rem; font-size:.9rem; line-height:1.5;
    color:rgba(43,38,34,0.72);
  }

  
  .field input[type="date"]{ cursor:pointer; }
  .field input[type="date"].is-leeg{ color:rgba(43,38,34,0.62); }
  
  .field select.is-leeg{ color:rgba(43,38,34,0.62); }
  .field input[type="date"]::-webkit-calendar-picker-indicator{
    cursor:pointer; opacity:.5; transition:opacity .2s ease;
    filter:invert(38%) sepia(28%) saturate(1200%) hue-rotate(354deg) brightness(92%);
  }
  .field input[type="date"]:hover::-webkit-calendar-picker-indicator,
  .field input[type="date"]:focus::-webkit-calendar-picker-indicator{ opacity:1; }
  
  .field-datum{
    margin:.4rem 0 0; font-size:.78rem; line-height:1.4;
    color:var(--amber-ink); font-weight:500;
  }
  .field-datum:empty{ display:none; }
  .field select{ cursor:pointer; }

  
  .form-honeypot{
    position:absolute; width:1px; height:1px; overflow:hidden;
    clip-path:inset(50%); white-space:nowrap; margin:0;
  }

  .form-foot{ margin-top:.4rem; }
  .form-status{
    margin:.9rem 0 0; font-size:.86rem; line-height:1.5; text-align:center;
    padding:.75rem .9rem; border-radius:var(--radius-sm);
  }
  .form-status:empty{ display:none; }
  .form-status.is-error{ background:rgba(154,42,42,0.08); color:#8C2F2F; border:1px solid rgba(154,42,42,0.25); }
  .form-status.is-info{ background:rgba(43,38,34,0.05); color:rgba(43,38,34,0.75); }

  
  .form-done{
    background:var(--cream); border-radius:var(--radius-lg); padding:clamp(2rem,4vw,2.8rem);
    text-align:center; box-shadow:0 40px 80px -30px rgba(0,0,0,0.5);
  }
  .form-done-mark{
    display:grid; place-items:center; width:52px; height:52px; margin:0 auto 1.1rem;
    border-radius:50%; background:var(--plum); color:var(--cream); font-size:1.4rem;
  }
  .form-done h3{ color:var(--plum); font-size:var(--kop-h3-kaart); margin-bottom:.7rem; }
  .form-done p{ font-size:.95rem; color:var(--ink); opacity:.8; margin:0; line-height:1.6; }
  .form-done a{ color:var(--plum); font-weight:600; }

  .row-2{ display:grid; grid-template-columns:1fr 1fr; gap:1.1rem; }
  @media (max-width:560px){ .row-2{ grid-template-columns:1fr; } }

  .submit{
    margin-top:.4rem; width:100%; background:var(--plum); color:var(--cream); border:none;
    padding:1.05rem 2rem; font-family:'Work Sans', sans-serif; font-weight:600;
    font-size:.88rem; letter-spacing:.06em; text-transform:uppercase;
    border-radius:var(--radius-sm); cursor:pointer; transition:background .2s ease, transform .2s ease;
  }
  .submit:hover{ background:var(--plum-soft); transform:translateY(-1px); }
  .form-note{ margin-top:1rem; font-size:.82rem; color:rgba(43,38,34,0.72); text-align:center; line-height:1.5; }

  @media (max-width:900px){
    .contact-grid{ grid-template-columns:1fr; }
    .intro-grid{ grid-template-columns:1fr; }
    .intro-photo{ max-width:330px; }
  }

  footer{
    background:var(--plum); color:rgba(246,241,233,0.5); text-align:center;
    padding:1.6rem 1rem 2rem; font-size:.78rem; border-top:1px solid rgba(246,241,233,0.12);
  }
  footer .name{
    font-family:'Fraunces', serif; text-transform:uppercase; letter-spacing:.08em; color:rgba(246,241,233,0.75);
    font-size:1.1rem; display:block; margin-bottom:.4rem;
  }

  

  
  .hero-cta-ghost{
    background:transparent; border:1px solid rgba(246,241,233,0.5); color:var(--cream); box-shadow:none;
  }

  
  .tekstpagina{
    padding:clamp(6rem,12vh,9rem) 0 clamp(3rem,6vh,5rem);
    background:var(--cream);
  }
  .tekstpagina .wrap{ max-width:68ch; }
  .tekstpagina h1{
    font-size:clamp(2rem,4.5vw,3rem); line-height:1.1; margin:.4rem 0 1rem;
  }
  .tekstpagina .lede{
    font-size:1.1rem; line-height:1.7; color:var(--ink); margin:0 0 .8rem;
  }
  .tekstpagina .bijgewerkt{
    font-size:.85rem; color:#7A736C; margin:0 0 2.6rem;
  }
  .tekstpagina h2{
    font-size:clamp(1.2rem,2.2vw,1.45rem); line-height:1.25;
    margin:2.4rem 0 .7rem; color:var(--plum);
  }
  .tekstpagina p{ line-height:1.75; margin:0 0 1rem; }
  .tekstpagina ul{ margin:0 0 1.2rem; padding-left:1.2rem; }
  .tekstpagina li{ line-height:1.7; margin-bottom:.45rem; }
  .tekstpagina strong{ font-weight:600; }
  .tekstpagina a{ color:var(--amber-ink); text-decoration:underline; text-underline-offset:2px; }
  .tekstpagina a:hover{ color:var(--plum); }
  .tekstpagina .nowrap{ white-space:nowrap; }
  .tekstpagina h3{
    font-size:1.02rem; font-weight:600; font-family:'Work Sans', sans-serif;
    margin:1.8rem 0 .5rem; color:var(--ink);
  }
  
  .tekstpagina .gegevens{
    margin:0 0 1.4rem; padding:1rem 1.2rem; background:var(--cream-soft);
    border-left:3px solid var(--amber); border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  }
  .tekstpagina .gegevens dt{
    font-size:.72rem; font-weight:600; letter-spacing:.09em; text-transform:uppercase;
    color:var(--amber-ink); margin-top:.8rem;
  }
  .tekstpagina .gegevens dt:first-child{ margin-top:0; }
  .tekstpagina .gegevens dd{ margin:.15rem 0 0; line-height:1.65; }

  .tekstpagina .terug{
    margin-top:2.8rem; padding-top:1.4rem; border-top:1px solid var(--line);
    font-size:.95rem;
  }

  
  footer a{
    color:rgba(246,241,233,0.72); text-decoration:underline; text-underline-offset:2px;
  }
  footer a:hover{ color:var(--cream); }
  .hero-cta-ghost:hover{
    background:rgba(246,241,233,0.15); border-color:var(--cream); color:var(--cream);
    transform:translateY(-2px); box-shadow:none;
  }

  
  .hero-rating{
    display:inline-flex; flex-wrap:wrap; align-items:center; gap:.25rem .6rem;
    margin-top:1.7rem; font-size:.86rem; color:rgba(246,241,233,0.85);
    text-decoration:none; border-bottom:1px solid transparent; padding-bottom:.15rem;
    transition:color .2s ease, border-color .2s ease;
  }
  .hero-rating .stars{ color:var(--rose); font-size:.95rem; }
  .hero-rating strong{ color:var(--cream); font-weight:600; }
  .hero-rating-sep{ color:var(--rose); }
  .hero-rating:hover{ color:var(--cream); border-bottom-color:rgba(246,241,233,0.45); }

  
  .nina-live{ position:relative; overflow:clip; overflow-clip-margin:2px; background:var(--cream-soft); padding:clamp(4.5rem,9vw,7rem) 0; }
  .nina-live-head{ max-width:32rem; margin-bottom:clamp(2.2rem,4vw,3rem); }
  .nina-live-head h2{ font-size:var(--kop-h2); line-height:1.2; }
  .live-grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.2rem,3vw,2rem); }
  
  .live-card{
    position:relative; display:block; text-decoration:none; border-radius:var(--radius-foto); overflow:hidden;
    aspect-ratio:1/1; box-shadow:var(--shadow);
  }
  .live-card img{
    width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s ease;
    transform:scale(var(--live-zoom,1));
  }
  .live-card:hover img{ transform:scale(calc(var(--live-zoom,1) * 1.05)); }
  .live-card::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(180deg, rgba(30,16,20,0) 35%, rgba(30,16,20,0.86) 100%);
  }
  .live-card-overlay{ position:absolute; left:0; right:0; bottom:0; z-index:1; padding:clamp(1.4rem,3vw,2.2rem); color:var(--cream); }
  
  .live-card-overlay h3{ color:var(--cream); font-size:var(--kop-h3-groot); line-height:1.2; margin-bottom:.35rem; }
  
  .live-card-overlay .live-card-lead{
    font-size:1rem; font-weight:500; line-height:1.35; color:var(--cream);
    max-width:26rem; margin:0 0 .55rem;
  }
  .live-card-overlay p{ font-size:.92rem; color:rgba(246,241,233,0.82); font-weight:300; max-width:26rem; margin:0 0 1.1rem; }
  .live-card-cta{ display:inline-flex; align-items:center; gap:.5rem; font-size:.85rem; font-weight:600; color:var(--cream); }
  .live-card-cta svg{ width:14px; height:14px; transition:transform .25s ease; }
  .live-card:hover .live-card-cta svg{ transform:translateX(3px); }
  @media (max-width:900px){ .live-grid{ grid-template-columns:1fr; } }

  
  
  .video-card-label{
    position:absolute; top:.7rem; left:.7rem; z-index:3;
    font-family:'Work Sans', sans-serif; font-size:.7rem; font-weight:500; letter-spacing:.04em;
    color:var(--cream); background:rgba(46,25,31,0.65);
    padding:.32rem .65rem; border-radius:100px; pointer-events:none;
  }

  
  .artist-block{ position:relative; overflow:clip; overflow-clip-margin:2px; background:var(--cream); padding:clamp(4rem,8vw,6rem) 0; }
  .artist-grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(2.2rem,5vw,4rem); align-items:center; }
  .artist-photo{ position:relative; max-width:460px; border-radius:var(--radius-foto); overflow:hidden; box-shadow:var(--shadow); }
  .artist-photo img{ width:100%; aspect-ratio:4/5; object-fit:cover; display:block; }
  .artist-text h2{ font-size:var(--kop-h2); margin-bottom:1rem; }
  .artist-text p{ max-width:32rem; color:var(--ink); opacity:.85; font-size:1rem; }
  .artist-spotify{ max-width:32rem; margin-top:1.3rem; }
  .artist-cta-row{ display:flex; flex-wrap:wrap; gap:.6rem 1.6rem; margin-top:1.3rem; }
  .artist-cta{
    display:inline-flex; align-items:center; gap:.4rem; text-decoration:none;
    font-size:.85rem; font-weight:600; color:var(--plum); border-bottom:1px solid var(--plum);
    padding-bottom:.2rem; transition:opacity .2s ease;
  }
  .artist-cta:hover{ opacity:.6; }
  @media (max-width:900px){
    .artist-grid{ grid-template-columns:1fr; }
    .artist-photo{ max-width:340px; margin:0 auto; order:-1; }
  }

  
  .trust-grid-compact{ grid-template-columns:repeat(2,minmax(240px,1fr)); max-width:760px; margin:0 auto; }
  .trust-grid-compact .trust-card:nth-child(2){ transform:none; }
  .trust-grid-compact .trust-card:nth-child(2):hover{ transform:translateY(-4px); }
  @media (max-width:600px){ .trust-grid-compact{ grid-template-columns:1fr; } }

  
  .choice-row{ display:flex; flex-wrap:wrap; gap:.6rem; }
  .choice-pill{
    position:relative; display:inline-flex; align-items:center; cursor:pointer;
    font-size:.85rem; color:var(--ink); background:var(--cream-soft); border:1px solid var(--line);
    padding:.5rem 1rem; border-radius:100px; transition:background .2s ease, border-color .2s ease, color .2s ease;
  }
  .choice-pill input{ position:absolute; opacity:0; width:0; height:0; }
  .choice-pill:has(input:checked){ background:var(--plum); border-color:var(--plum); color:var(--cream); }
  .choice-pill:has(input:focus-visible){ outline:2px solid var(--rose); outline-offset:2px; }

  
  
  .moments{ position:relative; background:var(--cream); padding:clamp(4rem,8vw,6.5rem) 0; }
  .moments-head{ max-width:34rem; margin-bottom:clamp(2.6rem,5vw,3.6rem); }
  .moments-head h2{ font-size:var(--kop-h2); line-height:1.2; }
  .moments-head p{ margin-top:.9rem; opacity:.8; }

  
  .moments-list{
    display:grid; grid-template-columns:repeat(3,1fr);
    gap:clamp(1.6rem,3vw,2.4rem) clamp(1.8rem,4vw,3rem);
  }
  
  .moment-item{ position:relative; padding-top:1.1rem; }
  .moment-item h3{ font-size:var(--kop-h3-klein); line-height:1.3; margin-bottom:.5rem; color:var(--plum); }
  .moment-item p{ font-size:.92rem; line-height:1.6; color:var(--ink); opacity:.78; margin:0; }
  @media (max-width:860px){ .moments-list{ grid-template-columns:repeat(2,1fr); } }
  @media (max-width:540px){ .moments-list{ grid-template-columns:1fr; } }

  
  .daglijn{
    position:relative; list-style:none; margin:0;
    padding:0 0 0 clamp(3rem, 5.5vw, 4.4rem);
  }
  
  .daglijn-rail{
    position:absolute; left:0; top:0; height:0; width:2px;
    background:var(--line); border-radius:2px;
  }
  .daglijn-rail i{
    position:absolute; left:0; right:0; top:0; height:0;
    background:var(--amber-ink); border-radius:2px;
  }
  .daglijn-streep{
    position:absolute; left:2px; height:2px; width:0;
    background:var(--amber-ink); border-radius:2px;
    transition:width .5s cubic-bezier(.22,.7,.2,1);
  }
  .daglijn-streep.aan{ width:clamp(1.6rem, 3vw, 2.6rem); }

  .dagmoment{ position:relative; padding-bottom:clamp(2.6rem, 6vw, 4rem); max-width:40rem; }
  .dagmoment:last-child{ padding-bottom:0; }
  .dagmoment-fase{
    display:block; font-family:'Work Sans', sans-serif; font-size:.72rem; letter-spacing:.2em;
    text-transform:uppercase; color:var(--amber-ink); font-weight:600; margin-bottom:.35rem;
    opacity:.45; transition:opacity .45s ease;
  }
  .dagmoment.aan .dagmoment-fase{ opacity:1; }
  .dagmoment h3{ font-size:var(--kop-h3-groot); line-height:1.25; margin-bottom:.5rem; color:var(--plum); }
  .dagmoment p{ font-size:1rem; line-height:1.65; color:var(--ink); opacity:.82; margin:0; }

  @media (max-width:640px){
    .daglijn{ padding-left:1.8rem; }
    .daglijn-streep.aan{ width:1rem; }
  }
  @media (prefers-reduced-motion: reduce){
    .daglijn-streep, .dagmoment-fase{ transition:none; }
  }

  
  @media (prefers-reduced-motion: no-preference){
    @supports (animation-timeline: view()){
      .editorial-bg{
        animation:foto-drift linear both;
        animation-timeline:view();
        animation-range:entry 0% exit 100%;
      }

      
      .trust-bg{
        animation:trust-drift linear both;
        animation-timeline:view();
        animation-range:entry 0% exit 100%;
      }
      
      
      @keyframes trust-drift{
        from{ transform:translateY(-5%) scale(1.16); }
        to{ transform:translateY(5%) scale(1.16); }
      }
      @keyframes foto-drift{
        from{ transform:translateY(-5%); }
        to{ transform:translateY(5%); }
      }
    }
  }

  

  
  .usp-portret{
    position:relative; margin:0 auto; overflow:hidden;
    border-radius:var(--radius-card); box-shadow:var(--shadow);
  }
  .usp-portret img{
    display:block; width:100%; aspect-ratio:3/4; object-fit:cover; object-position:66% 50%;
  }

  
  @media (max-width:900px){ .usp-portret{ max-width:420px; } }

  
  @media (prefers-reduced-motion: no-preference){
    @supports (animation-timeline: view()){
      .usp-portret img{
        animation:portret-drift linear both;
        animation-timeline:view();
        animation-range:entry 0% exit 100%;
      }
      @keyframes portret-drift{
        from{ transform:translateY(-3.5%) scale(1.09); }
        to{ transform:translateY(3.5%) scale(1.09); }
      }
    }
  }

  
  .lineup{ position:relative; background:var(--cream-soft); padding:clamp(4rem,8vw,6rem) 0; }
  .lineup-head{ max-width:32rem; margin-bottom:clamp(2.2rem,4vw,3rem); }
  .lineup-head h2{ font-size:var(--kop-h2); line-height:1.2; }
  .lineup-head p{ margin-top:.9rem; opacity:.8; }
  .lineup-grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.4rem,3vw,2.2rem); }
  
  .lineup-card{
    background:var(--cream); border:1px solid var(--line); border-radius:var(--radius-foto);
    overflow:hidden; box-shadow:var(--shadow);
    transition:transform .4s cubic-bezier(.22,.7,.2,1), box-shadow .4s ease, border-color .4s ease;
  }
  
  .lineup-card:hover{
    transform:translateY(var(--kaart-optil));
    box-shadow:0 34px 60px -30px rgba(46,25,31,.5);
    border-color:var(--line-amber);
  }
  @media (prefers-reduced-motion: reduce){
    .lineup-card{ transition:none; }
    .lineup-card:hover{ transform:none; }
  }
  
  .lineup-card img{ width:100%; aspect-ratio:1/1; object-fit:cover; display:block; }
  
  .lineup-video{
    position:relative; width:100%; aspect-ratio:1/1; overflow:hidden; background:var(--plum);
  }
  
  .lineup-video video{
    width:100%; height:100%; object-fit:cover; display:block;
    
    object-position:42% 50%;
  }
  .lineup-card-body{ padding:1.4rem 1.5rem 1.6rem; }
  .lineup-card-body h3{ font-size:var(--kop-h3-klein); margin-bottom:.5rem; }
  .lineup-card-body p{ font-size:.9rem; color:var(--ink); opacity:.78; margin:0; line-height:1.5; }
  @media (max-width:700px){ .lineup-grid{ grid-template-columns:1fr; } }

  
  .video-feature{ position:relative; background:var(--cream-soft); padding:clamp(5rem,10vw,8rem) 0; overflow:clip; overflow-clip-margin:2px; }
  .video-feature{
    --kaart:clamp(170px,16.8vw,266px);
    --zijmaat:.72; --voormaat:1.02; --zijdraai:20; --dieptez:130; --stap:.98;
    
    --vloerlijn:calc(var(--kaart) * 16 / 9 * (1 + var(--hoofd,.02)));
    --diepte:1000px; --hoofd:.21; --spiegel:.30; --raam:3.1;
  }

  
  .video-feature-grid{
    position:relative; z-index:1; display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,clamp(22rem,40%,29rem));
    gap:clamp(1.6rem,3.5vw,3rem); align-items:center;
    --randlinks:clamp(1rem,2.6vw,2.25rem);
    margin-left:calc(50% - 50vw + var(--randlinks));
  }
  .video-feature-grid > *{ min-width:0; }
  .video-feature-media{ position:relative; z-index:1; }

  
  .video-feature-breed{
    
    
    --zijmaat:.9; --voormaat:1.14; --zijdraai:6; --stap:1.26; --dieptez:0; --draai-teken:1;
    
    --diepte:700px;
    --buitenmaat:.74; --buitendraai:3; --buitenstap:2.352;
    
    --raam:5.53; --uitsnede:4.9;

    
    --hoofd:.145;
    
    --vloerlijn:calc(var(--kaart) * 16 / 9 * (1 + var(--hoofd,.02)));
    
    --spiegel:.28;

    
    --kaart:min(clamp(170px,28vw,480px),
                calc((100vw - var(--schuifbalk,0px)) / var(--uitsnede)),
                calc((100svh - 175px) / 2.53));
    
    padding:calc(clamp(22px,3.4vw,46px) + clamp(1.5rem,2.2vw,2rem)) 0
            calc(clamp(22px,3.4vw,46px) + clamp(.75rem,1.1vw,1.1rem));
  }
  
  
  .video-feature-breed .video-vloer{ --verdwijnpunt:50%; }
  .video-feature-breed .video-card::after{ display:none; }

  
  .video-feature-breed .video-vloer > .video-card{
    box-shadow:0 1px 3px rgba(0,0,0,.45), 0 6px 14px -8px rgba(0,0,0,.35);
  }

  
  .video-feature-breed .video-spiegel{ transform:scaleY(-1); }
  .video-feature-breed .video-spiegel .video-card{
    
    
    opacity:.52;
    filter:saturate(.5) brightness(.9);
    
    
    -webkit-mask-image:linear-gradient(to top,
      rgba(0,0,0,1) 0%, rgba(0,0,0,.99) 3.6%, rgba(0,0,0,.93) 7%, rgba(0,0,0,.80) 9.9%,
      rgba(0,0,0,.62) 12.9%, rgba(0,0,0,.44) 15.3%, rgba(0,0,0,.29) 17.6%, rgba(0,0,0,.17) 19.6%,
      rgba(0,0,0,.085) 21.5%, rgba(0,0,0,.03) 23%, rgba(0,0,0,0) 24%);
    mask-image:linear-gradient(to top,
      rgba(0,0,0,1) 0%, rgba(0,0,0,.99) 3.6%, rgba(0,0,0,.93) 7%, rgba(0,0,0,.80) 9.9%,
      rgba(0,0,0,.62) 12.9%, rgba(0,0,0,.44) 15.3%, rgba(0,0,0,.29) 17.6%, rgba(0,0,0,.17) 19.6%,
      rgba(0,0,0,.085) 21.5%, rgba(0,0,0,.03) 23%, rgba(0,0,0,0) 24%);
  }
  
  .video-feature-breed .video-sluier{ background:none; }
  
  
  
  
  .video-feature-breed .video-feature-copy{
    max-width:40rem; margin:0 auto clamp(.7rem,1.1vw,1rem); text-align:center;
  }
  
  .video-feature-breed .video-feature-copy h2{ font-size:clamp(1.4rem,2.1vw,1.9rem); }
  .video-feature-breed .video-feature-copy p{ font-size:clamp(.9rem,1.02vw,1rem); }
  .video-feature-breed .video-feature-copy .eyebrow{ font-size:.68rem; }
  .video-feature-breed .video-feature-copy p{ margin-left:auto; margin-right:auto; }
  .video-feature-breed .video-feature-copy .eq-bars{ justify-content:center; }
  
  @media (min-width:901px){
    .video-feature-breed .video-feature-media{
      width:calc(100vw - var(--schuifbalk,0px));
      margin-left:calc(50% - (100vw - var(--schuifbalk,0px)) / 2);
    }
  }

  
  
  .video-feature-donker{
    --sluier-rgb:53,29,36;
    background:
      
      
      radial-gradient(57.9% 17.71% at 50% 88.43%,
        rgba(246,241,233,.024) 0%, rgba(242,224,215,.024) 40%,
        rgba(234,202,188,.028) 62%, rgba(226,181,163,.030) 78%,
        rgba(220,166,146,.034) 92%, rgba(219,164,144,.014) 97.9%,
        rgba(216,156,136,.048) 98.38%, rgba(214,150,128,.100) 98.62%,
        rgba(214,150,128,.100) 98.9%, rgba(216,156,136,.048) 99.14%,
        rgba(219,164,144,.014) 99.6%, rgba(214,150,128,0) 100%),
      
      radial-gradient(52% 44% at 50% 44%,
        rgba(214,150,128,.05) 0%, rgba(214,150,128,.02) 52%, rgba(214,150,128,0) 100%),
      
      radial-gradient(60% 75% at 50% 50%,
        rgba(12,5,8,0) 0%, rgba(12,5,8,0) 66%,
        rgba(12,5,8,.1) 84%, rgba(12,5,8,.22) 100%),
      var(--plum);
  }
  .video-feature-donker .video-feature-copy .eyebrow{ color:var(--rose); }
  .video-feature-donker .video-feature-copy h2{ color:var(--cream); }
  .video-feature-donker .video-feature-copy p{ color:rgba(246,241,233,0.72); }

  

  
  .video-toneel{ position:relative; }
  .video-podium{
    position:relative;
    width:min(100%, calc(var(--kaart) * var(--raam,3.1)));
    margin-inline:auto;
    height:calc(var(--kaart) * 16 / 9 * (1 + var(--hoofd,.21) + var(--spiegel,.38)));
    cursor:grab; touch-action:pan-y; user-select:none; overflow:hidden;
  }
  .video-podium.is-slepen{ cursor:grabbing; }
  .video-podium:focus-visible{ outline:2px solid var(--rose); outline-offset:8px; border-radius:24px; }

  
  .video-vloer{
    position:relative;
    height:calc(var(--kaart) * 16 / 9 * (1 + var(--hoofd,.21)));
    perspective:var(--diepte,1000px); perspective-origin:50% var(--verdwijnpunt,100%);
    transform-style:preserve-3d;
  }
  
  
  .video-spiegel{
    position:absolute; inset:0; transform-style:preserve-3d;
    transform:scaleY(-.55); transform-origin:50% 100%; pointer-events:none;
  }
  
  
  .video-spiegel .video-card{
    box-shadow:none; background:transparent;
    filter:blur(1.5px) saturate(.75) brightness(.92);
  }
  
  .video-sluier{
    
    
    position:absolute; left:0; right:0; bottom:-6px; z-index:5; pointer-events:none;
    height:calc(var(--kaart) * 16 / 9 * var(--spiegel,.38) + 6px);
    
    
    background:
      radial-gradient(70% 30% at 50% 45%, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 100%),
      linear-gradient(to bottom,
        rgba(var(--sluier-rgb,239,231,218),.84) 0%, rgba(var(--sluier-rgb,239,231,218),.96) 34%,
        rgba(var(--sluier-rgb,239,231,218),.995) 66%, rgba(var(--sluier-rgb,239,231,218),1) 100%);
  }

  
  .video-feature:not(.video-feature-breed) .video-spiegel{ transform:scaleY(-1); }
  .video-feature:not(.video-feature-breed) .video-spiegel .video-card{
    opacity:.20;
    filter:blur(1px) saturate(.8) brightness(.95);
    -webkit-mask-image:linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,.70) 7%,
      rgba(0,0,0,.30) 14%, rgba(0,0,0,.10) 20%, rgba(0,0,0,0) 25%);
    mask-image:linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,.70) 7%,
      rgba(0,0,0,.30) 14%, rgba(0,0,0,.10) 20%, rgba(0,0,0,0) 25%);
  }
  .video-feature:not(.video-feature-breed) .video-sluier{
    background:linear-gradient(to bottom,
      rgba(var(--sluier-rgb,239,231,218),0) 0%, rgba(var(--sluier-rgb,239,231,218),0) 72%,
      rgba(var(--sluier-rgb,239,231,218),1) 88%);
  }
  
  .video-feature:not(.video-feature-breed) .video-vloer > .video-card{
    box-shadow:0 3px 8px -2px rgba(46,25,31,.40), 0 16px 34px -22px rgba(46,25,31,.40);
  }

  
  
  .video-feature .video-vloer > .video-card{
    box-shadow:0 2px 5px -1px rgba(46,25,31,.38), 0 14px 32px -16px rgba(46,25,31,.45);
  }
  .video-feature .video-card{
    position:absolute; left:50%; top:calc(var(--kaart) * 16 / 9 * var(--hoofd,.21));
    width:var(--kaart); margin-left:calc(var(--kaart) / -2);
    flex:none; opacity:1; transition:none;
    transform-origin:50% 100%; will-change:transform;
    border-radius:18px; box-shadow:0 22px 48px -24px rgba(46,25,31,.5);
  }
  
  .video-feature .video-card::after{
    content:""; position:absolute; inset:0; z-index:4; pointer-events:none;
    background:linear-gradient(90deg,
      rgba(24,12,17,var(--licht-l,0)) 0%, rgba(24,12,17,0) 34%,
      rgba(24,12,17,0) 66%, rgba(24,12,17,var(--licht-r,0)) 100%);
  }
  .video-feature .video-card.is-kern{ cursor:pointer; }
  .video-feature .video-card.is-voorste{ cursor:default; }
  
  .video-feature .video-card .video-card-label{ opacity:0; transition:opacity .3s ease; }
  .video-feature .video-card.is-voorste .video-card-label{ opacity:1; }
  .video-feature .video-card.is-voorste.is-playing .video-card-label{ opacity:0; }
  .video-feature .video-play-btn{ opacity:0; pointer-events:none; }
  .video-feature .video-card.is-voorste .video-play-btn{ opacity:1; pointer-events:auto; }
  
  .video-feature .video-card.is-voorste.is-playing .video-play-btn{
    opacity:0;
    transition:transform .35s cubic-bezier(.34,1.56,.64,1), opacity .45s ease 1s;
  }
  .video-feature .video-card.is-voorste.is-playing:hover .video-play-btn,
  .video-feature .video-card.is-voorste.is-playing:focus-within .video-play-btn{
    opacity:1;
    transition:transform .35s cubic-bezier(.34,1.56,.64,1), opacity .18s ease 0s;
  }
  
  @media (prefers-reduced-motion: reduce){
    .video-feature .video-card.is-voorste.is-playing .video-play-btn{
      opacity:.78; transition:none;
    }
    .video-feature .video-card.is-voorste.is-playing:hover .video-play-btn,
    .video-feature .video-card.is-voorste.is-playing:focus-within .video-play-btn{
      opacity:1; transition:none;
    }
  }
  

  
  .video-feature-media .slider-dots{
    
    position:absolute; left:0; right:0; margin-top:0; z-index:6;
    
    top:calc(var(--kaart) * 16 / 9 * (1 + var(--hoofd,.21) + .12));
  }
  
  .video-feature-media .slider-dots{ gap:.3rem; }
  .video-feature-media .slider-dot{ width:34px; height:28px; }
  
  .video-feature-media .slider-dot::before{
    width:20px; height:2px; border-radius:2px;
    background:rgba(43,38,34,0.28); transform:none;
    transition:width .35s cubic-bezier(.22,.7,.2,1), background .25s ease;
  }
  .video-feature-media .slider-dot.is-active::before{ width:30px; background:var(--amber-ink); transform:none; }
  .video-feature-media .slider-dot:hover::before{ background:rgba(43,38,34,0.45); }
  .video-feature-media .slider-dot.is-active:hover::before{ background:var(--amber-ink); }
  
  .video-feature-donker .video-feature-media .slider-dot::before{ background:rgba(246,241,233,0.34); }
  .video-feature-donker .video-feature-media .slider-dot:hover::before{ background:rgba(246,241,233,0.62); }
  .video-feature-donker .video-feature-media .slider-dot.is-active::before{ background:var(--cream); }
  .video-feature-donker .video-feature-media .slider-dot.is-active:hover::before{ background:var(--cream); }
  @media (prefers-reduced-motion: reduce){
    .video-feature-media .slider-dot::before{ transition:none; }
  }

  .video-feature-copy{ position:relative; z-index:1; }
  .video-feature-copy h2{ font-size:var(--kop-h2); line-height:1.16; }
  .video-feature-copy p{
    margin-top:1rem; color:var(--ink); opacity:.8; font-size:1.02rem; font-weight:300; max-width:28rem;
  }
  .eq-bars{ display:flex; align-items:flex-end; gap:5px; height:26px; margin-top:1.8rem; }
  .eq-bars span{
    width:5px; border-radius:3px; background:var(--rose); transform-origin:bottom;
    animation:eq-bounce 1.2s ease-in-out infinite;
  }
  .eq-bars span:nth-child(1){ height:45%; animation-delay:0s; }
  .eq-bars span:nth-child(2){ height:75%; animation-delay:.12s; }
  .eq-bars span:nth-child(3){ height:100%; animation-delay:.24s; }
  .eq-bars span:nth-child(4){ height:60%; animation-delay:.36s; }
  .eq-bars span:nth-child(5){ height:85%; animation-delay:.48s; }
  @keyframes eq-bounce{ 0%,100%{ transform:scaleY(.45); } 50%{ transform:scaleY(1); } }
  @media (prefers-reduced-motion: reduce){ .eq-bars span{ animation:none; } }

  .js .reveal.media-reveal{ transform:scale(.94) translateY(24px); }
  .js .reveal.media-reveal.in{ transform:scale(1) translateY(0); }

  @media (max-width:900px){
    
    .video-feature{ --kaart:min(240px,58vw); }
    
    .video-feature-breed{ --stap:1.06; --buitenstap:1.94; }
    
    .video-toneel{ margin-inline:calc(-1 * clamp(1.25rem,4vw,3rem)); }
    .video-feature-grid{ grid-template-columns:1fr; text-align:center; margin-left:0; }
    .video-feature-copy p{ margin-left:auto; margin-right:auto; }
    .eq-bars{ justify-content:center; }
    
    .video-feature-copy{ order:1; }
    .video-feature-media{ order:2; }
  }

  
  .page-intro{
    position:relative; overflow:clip; overflow-clip-margin:2px; background:var(--cream);
    padding:clamp(3.5rem,6vw,5.5rem) 0 clamp(2.5rem,5vw,3.5rem);
  }
  .page-intro .wrap{ position:relative; z-index:2; }

  
  .page-intro::before{
    content:""; position:absolute; top:0; left:0; right:0; height:clamp(70px,10vw,140px);
    background:linear-gradient(to bottom, var(--cream) 12%, rgba(246,241,233,0) 100%);
    z-index:1; pointer-events:none;
  }
  
  .page-intro-inner{ max-width:36rem; }
  .page-intro-inner h2{ font-size:var(--kop-h2); line-height:1.16; margin-bottom:1.3rem; }
  .page-intro-inner p{ font-size:1.04rem; line-height:1.7; color:var(--ink); opacity:.85; }
  .page-intro-inner p + p{ margin-top:1rem; }

  
  .page-intro-inner p.intro-citaat{
    font-family:'Fraunces', serif; font-style:italic; font-weight:400;
    font-size:clamp(1.15rem,1.9vw,1.45rem); line-height:1.42; color:var(--amber-ink);
    max-width:30rem; margin-top:1.6rem; opacity:1;
  }
  .page-intro-link{
    display:inline-flex; align-items:center; gap:.4rem; margin-top:1.6rem; text-decoration:none;
    font-size:.9rem; font-weight:600; color:var(--plum); border-bottom:1px solid var(--plum); padding-bottom:.2rem;
    transition:opacity .2s ease;
  }
  .page-intro-link:hover{ opacity:.6; }

  
  
  
  .editorial-bg{
    position:absolute; top:-7%; height:114%; width:46%; object-fit:cover;
    opacity:.9; pointer-events:none; z-index:0;
  }
  
  .editorial-bg.right{
    right:0;
    -webkit-mask-image:linear-gradient(to right, transparent 0%, rgba(0,0,0,.55) 40%, black 72%);
    mask-image:linear-gradient(to right, transparent 0%, rgba(0,0,0,.55) 40%, black 72%);
  }
  .editorial-bg.left{
    left:0;
    -webkit-mask-image:linear-gradient(to left, transparent 0%, rgba(0,0,0,.55) 34%, black 70%);
    mask-image:linear-gradient(to left, transparent 0%, rgba(0,0,0,.55) 34%, black 70%);
  }
  
  @media (max-width:900px){
    .page-intro{ display:flex; flex-direction:column; }
    .page-intro .wrap{ order:1; }
    .page-intro .editorial-bg{
      order:2; position:relative; top:auto; width:100%; height:auto; aspect-ratio:5/6;
      margin-top:1.6rem; border-radius:var(--radius-foto); opacity:1; animation:none;
    }
    .page-intro .editorial-bg.right,
    .page-intro .editorial-bg.left{
      -webkit-mask-image:none; mask-image:none;
    }
  }

  

  

  
  @keyframes heroKomOp{ from{ opacity:0; transform:translateY(16px); } }
  @media (prefers-reduced-motion: no-preference){
    .hero-content > *,
    .hero-content .kop-regel{
      animation:heroKomOp .8s cubic-bezier(.22,.7,.2,1) both;
    }
    
    .hero-content h1{ animation:none; }
    .hero-content > :nth-child(1){ animation-delay:.05s; }
    .hero-content .kop-regel:nth-child(1){ animation-delay:.13s; }
    .hero-content .kop-regel:nth-child(2){ animation-delay:.23s; }
    .hero-content p.lede{ animation-delay:.34s; }
    .hero-content .hero-ctas{ animation-delay:.43s; }
    .hero-content .hero-rating{ animation-delay:.50s; }
  }
  
  .hero h1 .kop-regel{ display:block; }

  
  .js .reveal.reveal-trap{ opacity:1; transform:none; transition:none; }
  @media (prefers-reduced-motion: no-preference){
    .js .reveal.reveal-trap > *{
      opacity:0; transform:translateY(16px);
      transition:opacity .75s ease, transform .75s ease;
    }
    
    .js .reveal.reveal-trap.in > *{
      opacity:1; transform:none;
      transition-delay:calc(var(--reveal-vertraging, 0s) + .425s);
    }
    .js .reveal.reveal-trap.in > :nth-child(1){ transition-delay:calc(var(--reveal-vertraging, 0s) + 0s); }
    .js .reveal.reveal-trap.in > :nth-child(2){ transition-delay:calc(var(--reveal-vertraging, 0s) + .085s); }
    .js .reveal.reveal-trap.in > :nth-child(3){ transition-delay:calc(var(--reveal-vertraging, 0s) + .17s); }
    .js .reveal.reveal-trap.in > :nth-child(4){ transition-delay:calc(var(--reveal-vertraging, 0s) + .255s); }
    .js .reveal.reveal-trap.in > :nth-child(5){ transition-delay:calc(var(--reveal-vertraging, 0s) + .34s); }
  }

  
  .hero-cta, .nav-cta, .submit{ position:relative; overflow:hidden; isolation:isolate; }
  .hero-cta::before, .nav-cta::before, .submit::before{
    content:""; position:absolute; inset:0; z-index:-1;
    transform:scaleX(0); transform-origin:left center;
    transition:transform .42s cubic-bezier(.4,0,.2,1);
  }
  .hero-cta::before{ background:var(--cream); }
  
  .hero-cta-ghost::before{ background:rgba(246,241,233,0.15); }
  .nav-cta::before{ background:var(--rose); }
  .submit::before{ background:var(--plum-soft); }
  .hero-cta:hover::before, .hero-cta:focus-visible::before,
  .nav-cta:hover::before, .nav-cta:focus-visible::before,
  .submit:hover::before, .submit:focus-visible::before{ transform:scaleX(1); }
  
  .hero-cta:hover{ background:var(--rose); }
  .hero-cta-ghost:hover{ background:transparent; }
  .nav-cta:hover{ background:rgba(246,241,233,0.15); border-color:var(--rose); }
  
  .nav-cta{ transition:background .3s ease, border-color .3s ease, color .22s ease .2s; }
  .submit:hover{ background:var(--plum); }
  @media (prefers-reduced-motion: reduce){
    .hero-cta::before, .nav-cta::before, .submit::before{ transition:none; }
  }

  
  
  .trust .usp-card{ padding-top:0; }

  

  
  
  .mobiele-balk{
    position:fixed; left:0; right:0; bottom:0; z-index:90;
    display:none;
    padding:0 clamp(1rem,4vw,1.5rem) calc(1rem + env(safe-area-inset-bottom));
    transform:translateY(160%);
    transition:transform .35s cubic-bezier(.22,.7,.2,1);
    pointer-events:none;
  }
  .mobiele-balk.zichtbaar{ transform:translateY(0); }
  
  @media (max-width:820px){
    .nav-cta{
      transition:background .3s ease, border-color .3s ease, color .22s ease .2s,
                 opacity .3s ease, visibility .3s ease,
                 width .3s ease, padding .3s ease, border-width .3s ease;
    }
    
    .balk-op .nav-cta{
      opacity:0; visibility:hidden;
      width:0; min-width:0; padding-inline:0; border-inline-width:0; overflow:hidden;
    }
    
    .balk-op .nav-socials{ display:flex; }
    .nav-socials{ transition:opacity .3s ease .12s; }
  }
  .mobiele-balk-cta{
    display:flex; align-items:center; justify-content:center;
    min-height:48px; width:100%;
    background:var(--plum); color:var(--cream); text-decoration:none;
    font-family:'Work Sans', sans-serif; font-weight:600; font-size:.92rem;
    letter-spacing:.02em; border-radius:var(--radius-pill);
    box-shadow:0 14px 30px -14px rgba(46,25,31,.55);
    pointer-events:auto;
  }
  @media (max-width:820px){ .mobiele-balk{ display:block; } }
  @media (prefers-reduced-motion: reduce){
    .mobiele-balk{ transition:none; }
  }

  

  .kiezer-lijst{ display:none; }

  
  
  .kiezer-aan{ display:grid; grid-template-columns:1fr; grid-template-rows:auto auto; }
  .kiezer-aan .kiezer-lijst{
    grid-row:1; grid-column:1;
    display:flex; flex-wrap:wrap; gap:.55rem;
    margin:0 0 clamp(1.5rem, 3vw, 2.2rem);
    padding:0;
  }
  .kiezer-aan .kiezer-paneel{ grid-row:2; grid-column:1; }
  .kiezer-aan .kiezer-paneel.is-uit{ visibility:hidden; }

  
  .kiezer-knop{
    display:inline-flex; align-items:center; gap:.5rem;
    font-family:'Work Sans', sans-serif; font-size:.82rem; letter-spacing:.06em;
    color:var(--plum); background:var(--cream-soft); border:1px solid var(--line);
    padding:.55rem 1rem; border-radius:var(--radius-pill);
    min-height:44px;               
    cursor:pointer;
    transition:background .22s ease, border-color .22s ease, color .22s ease;
  }
  .kiezer-knop:hover{ background:var(--cream); border-color:var(--amber); }
  .kiezer-knop[aria-selected="true"]{
    background:var(--plum); border-color:var(--plum); color:var(--cream); font-weight:600;
  }
  .kiezer-knop[aria-selected="true"]:hover{ background:var(--plum-soft); border-color:var(--plum-soft); }
  .kiezer-prijs{ font-weight:600; opacity:.75; }
  .kiezer-knop[aria-selected="true"] .kiezer-prijs{ opacity:.9; }

  
  @keyframes kiezerKomtOp{ from{ opacity:0; transform:translateY(10px); } }
  @media (prefers-reduced-motion: no-preference){
    .kiezer-aan .kiezer-paneel.komt-op{
      animation:kiezerKomtOp .34s cubic-bezier(.22,.7,.2,1) both;
    }
  }

  
  
  .moments-list.kiezer-aan .kiezer-paneel{ max-width:46rem; }
  .moments-list.kiezer-aan .moment-item h3{ font-size:var(--kop-h3-groot); margin-bottom:.7rem; }
  .moments-list.kiezer-aan .moment-item p{ font-size:1rem; }

  
  
  
  .pricing-grid.kiezer-aan{ gap:0; }
  .pricing-grid.kiezer-aan .kiezer-lijst{ justify-content:center; }
  
  .pricing-grid.kiezer-aan .pricing-card{
    grid-template-rows:none; grid-row:2; grid-column:1;
    display:flex; flex-direction:column;
    max-width:44rem; margin-inline:auto; width:100%;
  }
  
  .pricing-grid.kiezer-aan .pricing-card-featured{ transform:none; }

  @media (max-width:540px){
    .kiezer-knop{ font-size:.78rem; padding:.5rem .85rem; }
  }

  
  .usp-section .usp-card{
    overflow:hidden;
    padding:2.4rem 1.7rem 1.9rem;
    background:var(--cream);
    border:1px solid var(--line);
    border-radius:var(--radius-card);
    box-shadow:0 18px 40px -30px rgba(46,25,31,.4);
    transition:transform .4s cubic-bezier(.22,.7,.2,1), box-shadow .4s ease, border-color .4s ease;
  }
  .usp-section .usp-card:hover{
    transform:translateY(var(--kaart-optil));
    box-shadow:0 34px 60px -30px rgba(46,25,31,.5);
    border-color:var(--amber);
  }
  
  .usp-section .usp-card h3{ margin-top:0; }

  
  .usp-merk{
    display:grid; place-items:center; width:48px; height:48px; border-radius:50%;
    background:var(--cream-soft); color:var(--amber-ink); margin-bottom:1.1rem;
    transition:background .4s ease;
  }
  .usp-merk svg{ display:block; width:24px; height:24px; }
  .usp-section .usp-card:hover .usp-merk{ background:var(--blush); }

  @media (prefers-reduced-motion: reduce){
    .usp-section .usp-card,
    .usp-merk{ transition:none; }
    .usp-section .usp-card:hover{ transform:none; }
    
    .pricing-card{ transition:none; }
    .pricing-card:hover{ transform:none; }
    .pricing-card-featured:hover{ transform:translateY(-10px); }
  }

  
  .golfmeter{
    grid-row:1; grid-column:1;
    display:flex; align-items:flex-end; gap:3px;
    height:clamp(88px, 13vw, 168px);
    margin-bottom:.35rem;
  }
  .golfmeter i{
    flex:1 1 0; height:10%; border-radius:2px 2px 0 0;
    background:linear-gradient(180deg, var(--amber) 0%, rgba(184,137,74,.32) 100%);
    opacity:.4;
    transition:height .6s cubic-bezier(.22,.7,.2,1), opacity .6s ease;
  }
  
  .golfmeter i.dichtbij{ opacity:.9; }
  @media (prefers-reduced-motion: reduce){
    .golfmeter i{ transition:none; }
  }

  
  .moments-list.kiezer-aan{ grid-template-rows:auto auto auto; }
  .moments-list.kiezer-aan .kiezer-lijst{
    grid-row:2; display:grid; grid-template-columns:repeat(6,1fr); gap:2px;
  }
  .moments-list.kiezer-aan .kiezer-paneel{ grid-row:3; }
  .moments-list.kiezer-aan .kiezer-knop{
    display:block; text-align:left;
    background:none; border:none; border-top:1px solid var(--line);
    border-radius:0; padding:.7rem .2rem 0; min-height:44px;
    font-size:.74rem; letter-spacing:.08em; text-transform:uppercase;
    color:var(--ink); opacity:.55; font-weight:400;
    transition:opacity .3s ease, color .3s ease, border-color .3s ease;
  }
  .moments-list.kiezer-aan .kiezer-knop:hover{ background:none; opacity:.85; }
  .moments-list.kiezer-aan .kiezer-knop[aria-selected="true"]{
    background:none; color:var(--plum); opacity:1; font-weight:600;
    border-top-color:var(--amber-ink);
  }
  @media (max-width:860px){
    .moments-list.kiezer-aan .kiezer-lijst{ grid-template-columns:repeat(3,1fr); }
  }
  @media (max-width:430px){
    .moments-list.kiezer-aan .kiezer-lijst{ grid-template-columns:repeat(2,1fr); }
    .moments-list.kiezer-aan .kiezer-knop{ font-size:.7rem; }
  }

  
  .moments-list.kiezer-aan .kiezer-knop{
    position:relative;
    border-top-width:3px;
    border-radius:0 0 8px 8px;
  }
  .moments-list.kiezer-aan .kiezer-knop:hover{ background:rgba(184,137,74,.09); }
  .moments-list.kiezer-aan .kiezer-knop[aria-selected="true"]{ background:rgba(184,137,74,.14); }
  
  .moments-list.kiezer-aan .kiezer-knop[aria-selected="true"]::after{
    content:""; position:absolute; left:50%; bottom:-9px; width:0; height:0;
    transform:translateX(-50%);
    border-left:9px solid transparent;
    border-right:9px solid transparent;
    border-top:9px solid rgba(184,137,74,.14);
  }

  
  .usp-grid.stapel{
    display:block;
    
    padding-bottom:clamp(2rem, 9vh, 7rem);
  }
  .usp-grid.stapel .usp-card{
    position:sticky;
    max-width:46rem;
    margin-bottom:1.2rem;
    padding:clamp(1.8rem,4vw,2.6rem);
    
    box-shadow:0 -14px 40px -26px rgba(46,25,31,.5);
  }
  
  .usp-grid.stapel .usp-card:nth-child(1){ top:8rem; }
  .usp-grid.stapel .usp-card:nth-child(2){ top:9.4rem; margin-left:2.2rem; }
  .usp-grid.stapel .usp-card:nth-child(3){ top:10.8rem; margin-left:4.4rem; }

  
  .usp-grid.stapel .usp-card h3{ font-size:var(--kop-h3-groot); }
  .usp-grid.stapel .usp-card p{ font-size:1rem; line-height:1.65; }
  
  .usp-grid.stapel .usp-card:hover{ transform:none; }

  
  @media (max-width:900px){
    .usp-grid.stapel{ padding-bottom:clamp(11rem,28vh,16rem); }
    
    .usp-grid.stapel .usp-card:nth-child(1){ margin-left:0; top:6rem; }
    .usp-grid.stapel .usp-card:nth-child(2){ margin-left:0; top:8.5rem; }
    .usp-grid.stapel .usp-card:nth-child(3){ margin-left:0; top:11rem; }
  }

  
  .steps-trap-grond{ fill:none; stroke:var(--line); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
  .steps-trap-lijn{ fill:none; stroke:var(--amber-ink); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
  @media (prefers-reduced-motion: no-preference){
    .js .steps-wrap[data-stappen] .step-card{
      opacity:0; transform:translateY(calc(var(--trede) * .9));
      transition:opacity .6s ease, transform .75s cubic-bezier(.22,.8,.2,1);
    }
    .js .steps-wrap[data-stappen] .step-card.aan{ opacity:1; transform:none; }
  }