:root{
    --black:#111111;
    --ink:#3c3c3c;
    --silver:#b0b0b0;
    --offwhite:#f5f3ef;
    --white:#ffffff;
    --line:rgba(60,60,60,0.16);
    --display:'Cormorant Garamond', serif;
    --sans:'Work Sans', sans-serif;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  @media (prefers-reduced-motion:reduce){ html{scroll-behavior:auto;} *{animation:none !important; transition:none !important;} }

  body{margin:0; background:var(--offwhite); color:var(--ink); font-family:var(--sans); font-weight:300; line-height:1.6;}
  a{color:inherit;}
  :focus-visible{outline:1px solid var(--black); outline-offset:4px;}
  .wrap{max-width:1280px; margin:0 auto; padding:0 40px;}

  /* ---------- NAV (interne pagina: scrolt gewoon mee, geen fixed logo) ---------- */
  .nav{padding:30px 40px;}
  .nav-inner{display:flex; justify-content:space-between; align-items:center; max-width:1280px; margin:0 auto;}
  .nav-logo img{height:86px; width:auto; display:block; filter:invert(76.47%);}
  .nav-toggle{display:flex; align-items:center; justify-content:center; width:44px; height:44px; background:none; border:1px solid var(--ink); border-radius:1px; cursor:pointer; padding:0; transition:opacity .2s ease;}
  .nav-toggle:hover{opacity:0.7;}
  .nav-toggle .bars{position:relative; width:20px; height:13px; display:block;}
  .nav-toggle .bars span{position:absolute; left:0; width:100%; height:1px; background:var(--ink); transition:transform .25s ease, opacity .2s ease;}
  .nav-toggle .bars span:nth-child(1){top:0;}
  .nav-toggle .bars span:nth-child(2){top:6px;}
  .nav-toggle .bars span:nth-child(3){top:12px;}
  .nav-toggle[aria-expanded="true"] .bars span:nth-child(1){transform:translateY(6px) rotate(45deg);}
  .nav-toggle[aria-expanded="true"] .bars span:nth-child(2){opacity:0;}
  .nav-toggle[aria-expanded="true"] .bars span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}

  .nav-links{position:fixed; inset:0 0 0 auto; width:320px; max-width:82%; background:var(--black); display:flex; flex-direction:column; justify-content:center; align-items:flex-start; gap:30px; padding:60px 46px; list-style:none; margin:0; transform:translateX(100%); transition:transform .35s ease; z-index:60;}
  .nav-links.open{transform:translateX(0);}
  .nav-links a{font-size:0.95rem; letter-spacing:0.08em; text-transform:uppercase; text-decoration:none; color:var(--white); opacity:0.85; transition:opacity .2s ease;}
  .nav-links a:hover{opacity:1;}
  .nav-links .nav-lang{margin-top:14px; padding-top:14px; border-top:1px solid rgba(255,255,255,0.2);}
  .nav-links .nav-lang a{font-size:0.8rem; opacity:0.6;}
  .nav-links .nav-lang a:hover{opacity:1;}
  .nav-links a.active{opacity:1; border-bottom:1px solid var(--white); padding-bottom:2px;}

  .nav-overlay{position:fixed; inset:0; background:rgba(17,17,17,0.4); opacity:0; visibility:hidden; transition:opacity .3s ease; z-index:55;}
  .nav-overlay.open{opacity:1; visibility:visible;}

  /* ---------- INTERNE PAGINA'S ---------- */
  .page-header{padding-top:56px; padding-bottom:60px; border-bottom:1px solid var(--line);}
  .page-eyebrow{font-size:0.76rem; letter-spacing:0.1em; text-transform:uppercase; color:var(--silver); margin:0 0 18px;}
  .page-header h1{font-family:var(--display); font-style:italic; font-weight:400; font-size:clamp(1.9rem,3.6vw,3.05rem); margin:0; line-height:1.1;}
  .page-intro{font-size:1.05rem; max-width:56ch; margin:26px 0 0; color:var(--ink);}
  .page-content{padding-top:72px; padding-bottom:140px;}
  .page-content h2{font-family:var(--display); font-style:italic; font-weight:400; font-size:1.7rem; margin:0 0 18px;}
  .page-content h3{font-family:var(--sans); font-weight:500; font-size:0.78rem; letter-spacing:0.06em; text-transform:uppercase; margin:0 0 8px; color:var(--silver);}
  .page-content h4{font-family:var(--sans); font-weight:500; font-size:0.9rem; letter-spacing:0.02em; margin:26px 0 8px; color:var(--ink);}
  .page-content p{margin:0 0 20px; max-width:64ch;}
  .page-block{margin-bottom:70px; padding-bottom:70px; border-bottom:1px solid var(--line);}
  .page-block:last-child{margin-bottom:0; padding-bottom:0; border-bottom:none;}

  /* MDDance-blok met foto (groter, landschap) */
    .mddance-grid{display:grid; grid-template-columns:minmax(0,520px) minmax(380px,1fr); gap:56px; align-items:start;}
  .mddance-grid h2{margin-top:-14px;}
  .mddance-photo{position:sticky; top:110px; -webkit-transform:translateZ(0); transform:translateZ(0);}
  .mddance-photo{aspect-ratio:3/2; overflow:hidden; background:repeating-linear-gradient(160deg,#efefef 0 4px,#c9c9c9 4px 9px);}
          .mddance-photo .mddance-img{position:absolute; inset:0; width:100%; height:100%; opacity:0; z-index:1; transition:opacity 0.8s ease; will-change:opacity; -webkit-transform:translateZ(0); transform:translateZ(0);}
  .mddance-photo img.mddance-img{object-fit:cover; filter:grayscale(1); display:block;}
  .mddance-photo .mddance-img.active{opacity:1;}
  @media (max-width:900px){
  .mddance-grid{grid-template-columns:1fr;}
  .mddance-grid > .mddance-photo{order:-1; position:static; margin-bottom:24px;}
}

  /* Bio-blok met foto */
  .bio-grid{display:grid; grid-template-columns:300px minmax(0,600px); gap:48px; align-items:start;}
  .bio-photo{aspect-ratio:3/4; overflow:hidden; background:repeating-linear-gradient(160deg,#efefef 0 4px,#c9c9c9 4px 9px);}
  .bio-photo img{width:100%; height:100%; object-fit:cover; display:block;}
  @media (max-width:720px){.bio-grid{grid-template-columns:1fr;} .bio-photo{max-width:260px;}}

  /* Organisatie */
  .org-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}
    .org-photo{width:110px; height:140px; border-radius:2px; overflow:hidden; margin:0 0 16px; background:repeating-linear-gradient(160deg,#efefef 0 3px,#c9c9c9 3px 7px);}
  .org-photo img{width:100%; height:100%; object-fit:cover; display:block;}
  .org-role{font-size:0.72rem; letter-spacing:0.06em; text-transform:uppercase; color:var(--silver); margin:0 0 6px;}
  .org-name{font-family:var(--display); font-style:italic; font-size:1.3rem; margin:0;}
  @media (max-width:720px){.org-grid{grid-template-columns:1fr; gap:28px;}}

/* Twee kolommen: Organisatie (smaller, links) + linkslijst (rechts) */
  .org-links-grid{display:grid; grid-template-columns:minmax(340px,1.2fr) minmax(280px,1fr); gap:56px; align-items:start;}
.org-links-grid > div:nth-child(2){border-left:1px solid var(--line); padding-left:44px;}
@media (max-width:900px){.org-links-grid > div:nth-child(2){border-left:none; padding-left:0;}}
  @media (max-width:900px){.org-links-grid{grid-template-columns:1fr;}} 

 /* Modifier: het grote portret van de artistiek/zakelijk leider, in kleur (geen grayscale) */
  .org-photo--color{filter:none;}
  /* Modifier: iets groter naamlabel bij dat portret */
  .org-name--lead{font-size:1.05rem;}

  /* Losse cursieve/zilverkleurige toelichtingsregels */
  .advisors-note{font-style:italic; color:var(--silver);}
  .actueel-note{margin-top:22px; font-style:italic; color:var(--silver);}

  /* Coaching */
  .coaching-list{display:flex; flex-direction:column; gap:26px;}
  .coaching-item{max-width:60ch;}
  .coaching-item .label{font-weight:500; color:var(--ink);}

  /* Doorklik-links onderaan */
  .process-heading{margin-bottom:26px;}
  .process-links{display:flex; flex-wrap:wrap; gap:40px;}
  .process-links a{display:block; text-decoration:none; border-top:1px solid var(--line); padding-top:18px; flex:1 1 220px;}
  .process-links .t{font-family:var(--display); font-style:italic; font-size:1.15rem; display:block; margin-bottom:8px; color:var(--ink);}
  .process-links .d{font-size:0.85rem; color:var(--ink); opacity:0.7; max-width:32ch;}
  .process-links a:hover .t{border-bottom:1px solid var(--ink);}
  .process-links--stacked{flex-direction:column; gap:26px;}
.process-links--stacked a{flex:none;}
.process-links--stacked .t{display:block; margin-bottom:8px;}
.process-links--stacked .d{display:block;}
/* Grid-kaarten i.p.v. tekstlinks: Coaching / Blog / Backstage / Food 4 Thought */
  .process-grid{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
  .process-card{position:relative; aspect-ratio:1/1; overflow:hidden; display:block; text-decoration:none;}
  .process-photo{width:100%; height:100%; background:repeating-linear-gradient(125deg, #dcdcdc 0 4px, #c2c2c2 4px 9px);}
  .process-photo img{width:100%; height:100%; object-fit:cover; filter:grayscale(1); display:block;}
  .process-photo img{width:100%; height:100%; object-fit:cover; filter:grayscale(1); display:block;}
  .process-photo--fit{background:var(--offwhite);}
  .process-photo--fit img{object-fit:contain;}
  .mddance-photo{background:var(--offwhite);}
    .mddance-photo div.mddance-img--fit{background:var(--offwhite);}
.mddance-photo div.mddance-img--fit img{width:100%; height:100%; object-fit:contain; filter:grayscale(1); display:block;}
  .process-caption{position:absolute; left:0; right:0; bottom:0; padding:16px 18px; background:linear-gradient(0deg, rgba(17,17,17,0.7), rgba(17,17,17,0));}
  .process-caption{position:absolute; left:0; right:0; bottom:0; padding:16px 18px; background:linear-gradient(0deg, rgba(17,17,17,0.7), rgba(17,17,17,0));}
  .process-caption .t{font-family:var(--display); font-style:italic; font-size:1.05rem; display:block; margin-bottom:4px; color:var(--white);}
  .process-caption .d{font-size:0.76rem; line-height:1.4; opacity:0.85; display:block; color:var(--white);}
  .process-card--wide{grid-column:1 / -1; aspect-ratio:3/1;}
  @media (max-width:600px){.process-card--wide{aspect-ratio:16/10;}}

  footer{background:var(--offwhite); border-top:1px solid var(--line); padding:40px 0;}
  .footer-inner{display:flex; justify-content:flex-end; align-items:center; flex-wrap:wrap; gap:16px; font-size:0.78rem; letter-spacing:0.03em;}
  footer a{text-decoration:none; border-bottom:1px solid transparent;}
  footer a:hover{border-color:var(--ink);}
  .footer-links{display:flex; flex-wrap:wrap; gap:22px;}

  .reveal{opacity:0; transform:translateY(14px); transition:opacity .8s ease, transform .8s ease;}
  .reveal.in{opacity:1; transform:translateY(0);}

@media (max-width:600px){
  .nav-logo{left:20px;}
  .nav-logo img{height:auto; width:46vw; max-width:220px;}
}