/* Onze oprichter */
.op-hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;padding:120px 0 clamp(50px,8vw,110px)}
.op-eclips{position:absolute;left:0;top:0;width:100%;height:80%;z-index:-1}
.op-hero::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;z-index:-1;background:linear-gradient(transparent,#000)}
.op-hero h1{font-size:clamp(3rem,10vw,8.4rem);font-weight:800;letter-spacing:-.06em;line-height:.92}
.op-hero .lead{max-width:40ch}
.op-bijschrift{margin-top:26px;font:500 .7rem var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--tekst-dof)}
.op-smal .kop{max-width:14ch}
.op-proza{margin-top:34px;font-size:clamp(1.05rem,1.6vw,1.22rem)}
.op-cijfers{grid-template-columns:repeat(3,1fr)!important}
@media (max-width:760px){.op-cijfers{grid-template-columns:1fr!important}}

/* geschiedenis van de vooruitgang */
.op-schaal{margin-top:60px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));position:relative;counter-reset:s}
.op-schaal::before{content:"";position:absolute;left:0;right:0;top:7px;height:1px;background:linear-gradient(90deg,rgba(143,107,255,.15),rgba(143,107,255,.6) 80%,var(--oranje))}
.op-schaal li{position:relative;padding:34px 14px 0 0;opacity:.2;transform:translateY(10px);transition:opacity .9s,transform .9s var(--zacht)}
.op-schaal li.is-aan{opacity:1;transform:none}
.op-schaal li::before{content:"";position:absolute;left:0;top:2px;width:11px;height:11px;border-radius:50%;background:#4a4068;transition:background .6s,box-shadow .6s}
.op-schaal li.is-aan::before{background:var(--lila);box-shadow:0 0 14px var(--paars-licht)}
.op-schaal span{display:block;font-weight:700;letter-spacing:-.02em;font-size:clamp(.9rem,1.3vw,1.1rem)}
.op-schaal small{display:block;margin-top:6px;color:var(--tekst-dof);font-size:.8rem;line-height:1.4}
.op-schaal .op-hij span{font-size:clamp(1.3rem,2.6vw,2.2rem);font-weight:800;letter-spacing:-.04em;line-height:1.05;color:var(--tekst)}
.op-schaal .op-hij small{color:var(--oranje)}
.op-schaal .op-hij.is-aan::before{background:var(--oranje);box-shadow:0 0 0 6px rgba(255,122,26,.18),0 0 26px var(--oranje);transform:scale(1.5)}
@media (max-width:900px){
  .op-schaal{grid-template-columns:1fr;gap:4px;padding-left:4px}
  .op-schaal::before{left:9px;right:auto;top:0;bottom:0;width:1px;height:auto;background:linear-gradient(rgba(143,107,255,.15),rgba(143,107,255,.6) 80%,var(--oranje))}
  .op-schaal li{padding:0 0 22px 34px}.op-schaal li::before{left:0;top:6px}
}

/* mijlpalen */
.op-mijlpalen{margin-top:56px;display:grid;gap:0;border-top:1px solid var(--glas-rand)}
.op-mijlpalen li{display:grid;grid-template-columns:clamp(60px,10vw,140px) minmax(0,1fr);gap:20px;padding:clamp(26px,4vw,46px) 0;border-bottom:1px solid var(--glas-rand);align-items:baseline}
.op-mijlpalen b{font:500 clamp(1rem,2vw,1.5rem) var(--mono);color:var(--paars-licht);letter-spacing:.06em}
.op-mijlpalen h3{font-size:clamp(1.5rem,3.4vw,2.7rem);font-weight:800;letter-spacing:-.04em;line-height:1.05}
.op-mijlpalen p{margin-top:12px;color:var(--tekst-zacht);max-width:58ch;font-size:1.05rem}
.op-mijlpalen li:last-child b{color:var(--oranje)}

/* in zijn woorden */
.op-woorden{text-align:center;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(74,31,184,.3),transparent 70%)}
.op-stemmen{margin-top:44px}
.op-stemmen blockquote{margin:0;font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.5;color:var(--lila);letter-spacing:-.01em}

/* slot */
.op-slot{position:relative;text-align:center;overflow:hidden;isolation:isolate;padding-top:clamp(200px,30vw,340px)}
.op-eclips-klein{position:absolute;left:50%;top:0;width:min(560px,100%);height:clamp(240px,34vw,380px);transform:translateX(-50%);z-index:-1}
.op-slotzin{font-size:clamp(1.2rem,2.4vw,1.9rem);font-weight:600;letter-spacing:-.025em;line-height:1.4;color:var(--tekst-zacht);max-width:34ch;margin:0 auto}
.op-slot .rijtje{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:34px}

.op-vacature{margin-top:14px;max-width:none;border-color:rgba(255,122,26,.35)}
.op-vacature p::after{content:" →"}

.op-vacature{margin-top:34px}
.op-vacature h3{font-size:1.5rem}
.op-vacature p::after{content:none}