.hamburger{display:none;}

@media(max-width:768px){
  .hamburger{
    display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;z-index:20;
  }
  .hamburger span{
    display:block;width:22px;height:2px;background:#1a1a14;transition:all 0.3s;
  }
  .hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px);}
  .hamburger.active span:nth-child(2){opacity:0;}
  .hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px);}

  nav{padding:1rem 1.2rem;position:relative;}

  .nav-links{
    display:none !important;
    flex-direction:column;
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:#F5F0E8;
    padding:1.5rem;
    gap:1.2rem;
    border-bottom:0.5px solid rgba(0,0,0,0.1);
    z-index:15;
  }
  .nav-links.open{
    display:flex !important;
  }

  .hero{grid-template-columns:1fr !important;min-height:auto;}
  .hero-left{padding:2.5rem 1.5rem 2rem;}
  .hero-h{font-size:1.9rem;}
  .hero-sub{max-width:100%;}
  .hero-snijvlak{max-width:100%;}
  .hero-right{padding:2rem 1.5rem;}

  .stats{grid-template-columns:repeat(2,1fr) !important;}
  .stat{padding:1.5rem 0.8rem;}
  .stat-n{font-size:1.6rem;}

  .section{padding:2.5rem 1.5rem;}

  .phase-grid{grid-template-columns:1fr !important;}
  .phase-item{padding:1.2rem 1rem;}

  .oi-grid{grid-template-columns:1fr !important;}
  .oi-left{padding:2.5rem 1.5rem 1.5rem;}
  .oi-right{padding:1.5rem 1.5rem 2.5rem;}
  .oi-h{font-size:1.7rem;}

  .approach-grid{grid-template-columns:1fr !important;border-top:none;}
  .ap-item{padding:1.5rem 0 !important;border-right:none !important;border-bottom:0.5px solid rgba(0,0,0,0.1);padding-left:0 !important;}
  .ap-item:last-child{border-bottom:none;}

  .track-grid{grid-template-columns:1fr !important;}
  .tr-item{padding:1.4rem 1.2rem;}

  .audience-grid{grid-template-columns:1fr !important;gap:0;}
  .au-item{padding:1.2rem 0;border-right:none !important;border-bottom:0.5px solid rgba(0,0,0,0.08);}
  .au-item:last-child{border-bottom:none;}

  .quotes-sec{padding:2.5rem 1.5rem;}
  .quotes-grid{grid-template-columns:1fr !important;gap:2rem;}

  .about-sec{padding:2.5rem 1.5rem;}
  .about-inner{grid-template-columns:1fr !important;gap:1.5rem;}
  .about-quote{font-size:1rem;padding-left:1rem;}
  .photo-wrap{flex-direction:row;align-items:center;gap:1rem;}
  .photo-frame{width:100px;height:130px;}

  .werkwijze{padding:2.5rem 1.5rem;}
  .ww-grid{grid-template-columns:1fr !important;gap:2rem;}

  .cta-sec{padding:3rem 1.5rem;}
  .cta-h{font-size:1.9rem;}
  .cta-btn{padding:0.9rem 2rem;}

  footer{padding:1.4rem 1.2rem;flex-direction:column;gap:0.8rem;text-align:center;}
}