.pd-site .pd-design-diensten .diensten-hero{
      padding-top: calc(var(--nav-h) + clamp(5rem, 10vw, 8rem));
      padding-bottom: clamp(5rem, 10vw, 8rem);
      background: var(--charcoal);
      position: relative;
      overflow: hidden;
      text-align: center;
    }
.pd-site .pd-design-diensten .diensten-hero::before{
      content: '';
      position: absolute;
      width: 700px; height: 700px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(110,197,207,0.10) 0%, transparent 70%);
      top: 50%; left: 20%;
      transform: translate(-50%, -50%);
    }
.pd-site .pd-design-diensten .diensten-hero::after{
      content: '';
      position: absolute;
      width: 500px; height: 500px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(233,101,163,0.08) 0%, transparent 70%);
      top: 50%; left: 75%;
      transform: translate(-50%, -50%);
    }
.pd-site .pd-design-diensten .dienst-full-card{
      display: grid;
      grid-template-columns: 1fr 1fr;
      border-radius: var(--r-xl);
      overflow: hidden;
      background: var(--white);
      box-shadow: var(--sh-md);
      min-height: 420px;
      transition: transform var(--ease), box-shadow var(--ease);
    }
.pd-site .pd-design-diensten .dienst-full-card:hover{
      transform: translateY(-6px);
      box-shadow: var(--sh-xl);
    }
.pd-site .pd-design-diensten .dienst-full-card.reverse{ direction: rtl; }
.pd-site .pd-design-diensten .dienst-full-card.reverse > *{ direction: ltr; }
.pd-site .pd-design-diensten .dienst-full-card-img{
      overflow: hidden;
    }
.pd-site .pd-design-diensten .dienst-full-card-img img{
      width: 100%; height: 100%;
      object-fit: cover;
      transition: transform var(--ease-img);
    }
.pd-site .pd-design-diensten .dienst-full-card:hover .dienst-full-card-img img{ transform: scale(1.05); }
.pd-site .pd-design-diensten .dienst-full-card-body{
      padding: clamp(2.5rem, 5vw, 4rem);
      display: flex;
      flex-direction: column;
      justify-content: center;
    }
.pd-site .pd-design-diensten .dienst-accent-line{
      width: 40px; height: 3px;
      border-radius: 2px;
      margin-bottom: var(--s-6);
    }
.pd-site .pd-design-diensten .dienst-features{
      display: flex;
      flex-direction: column;
      gap: var(--s-3);
      margin-top: var(--s-6);
    }
.pd-site .pd-design-diensten .dienst-feature{
      display: flex;
      align-items: center;
      gap: var(--s-3);
      font-size: var(--t-sm);
      color: var(--gray-500);
    }
.pd-site .pd-design-diensten .dienst-feature-dot{
      width: 8px; height: 8px;
      border-radius: 50%;
      flex-shrink: 0;
    }
.pd-site .pd-design-diensten .process-section{
      background: var(--cream);
    }
.pd-site .pd-design-diensten .process-grid{
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: clamp(1.5rem, 3vw, 2.5rem);
      counter-reset: process;
    }
.pd-site .pd-design-diensten .process-card{
      padding: var(--s-8) var(--s-6);
      border-radius: var(--r-lg);
      background: var(--white);
      box-shadow: var(--sh-sm);
      position: relative;
    }
.pd-site .pd-design-diensten .process-card-num{
      font-family: var(--serif);
      font-size: var(--t-5xl);
      font-weight: 300;
      line-height: 1;
      margin-bottom: var(--s-5);
    }
.pd-site .pd-design-diensten .process-card h4{
      font-size: var(--t-xl);
      margin-bottom: var(--s-3);
    }
.pd-site .pd-design-diensten .process-card p{ font-size: var(--t-sm); color: var(--gray-500); }
.pd-site .pd-design-diensten .process-card-arrow{
      position: absolute;
      top: 50%; right: -20px;
      transform: translateY(-50%);
      color: var(--sand);
      z-index: 1;
    }
@media (max-width: 1024px){.pd-site .pd-design-diensten .dienst-full-card{ grid-template-columns: 1fr; }
.pd-site .pd-design-diensten .dienst-full-card-img{ aspect-ratio: 16/9; }
.pd-site .pd-design-diensten .process-grid{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px){.pd-site .pd-design-diensten .process-grid{ grid-template-columns: 1fr; }
.pd-site .pd-design-diensten .process-card-arrow{ display: none; }
}