/* ELiN Partners · elin-iv.css (v220). De interviewpagina's van Bright Leaders:
   gouden leesbalk, vaste kopbalk, opening met de kopquote regel voor regel en het portret rechts,
   genummerde vragen, citaten over de volle breedte, slotcitaat in goud, volgend gesprek als rij,
   For organisations. De teksten van de leiders en de pdf-export blijven ongemoeid. */
.iv-bar{position:fixed;top:0;left:0;height:2px;width:0;background:#B08A3E;z-index:1200;transition:width .15s linear}
body{background:#F4F2EE !important}
.topbar{position:sticky;top:0;z-index:1000;max-width:none !important;background:rgba(244,242,238,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(35,36,41,.2) !important;padding:16px clamp(20px,5vw,64px) !important}
.topbar .kick{font-family:'IBM Plex Mono',monospace !important;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#6B6C72}
.topbar__back{font-family:'Familjen Grotesk',system-ui,sans-serif !important;font-size:14px !important;font-weight:600 !important;color:#232429 !important}
.topbar__back:hover{color:#B08A3E !important}
body.exporting .topbar{position:static}
/* opening: tekst links, het portret rechts, in zijn eigen verhouding (niet bijgesneden) */
.hero{position:relative;text-align:left !important;max-width:1360px;margin:0 auto;padding:clamp(40px,7vh,80px) calc(40% + clamp(20px,5vw,64px)) 0 clamp(20px,5vw,64px) !important;box-sizing:border-box;min-height:min(52vw,700px)}
.portrait{position:absolute !important;right:clamp(20px,5vw,64px);bottom:0;width:min(36%,520px) !important;margin:0 !important}
.portrait img{width:100%;height:auto;border-radius:6px !important;box-shadow:0 24px 60px rgba(35,36,41,.14)}
.cred{margin-top:22px !important}
.headline{margin:22px 0 0 !important;max-width:22ch !important;font-size:clamp(32px,4.4vw,68px) !important;line-height:1.02 !important;letter-spacing:-.04em !important}
.headline .rl-gold{color:#B08A3E}
.cred,.dek,.bio,.byline,.rule,.share{margin-left:0 !important;margin-right:0 !important;text-align:left !important;justify-content:flex-start !important}
.bio{max-width:58ch !important}
.rule{max-width:none !important;background:rgba(35,36,41,.35) !important}
.byline{margin-top:22px !important}
.share{margin-top:22px !important}
/* artikel */
.article{counter-reset:q;padding-top:clamp(48px,8vh,88px) !important}
h2.q:not(.nine)::before{counter-increment:q;content:counter(q,decimal-leading-zero);display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.2em;color:#9A7B3C;margin-bottom:10px}
h2.q{font-size:clamp(22px,2.4vw,30px) !important;line-height:1.12 !important;letter-spacing:-.03em !important;margin-top:56px !important}
h2.q.nine{text-align:left !important;font-size:clamp(26px,3vw,38px) !important;margin-top:72px !important}
h2.q.nine::before{content:"";display:block;width:56px;height:1px;background:#232429;margin-bottom:18px}
.intro{font-size:clamp(19px,1.9vw,25px) !important;line-height:1.45 !important;color:#232429 !important;font-weight:500 !important;letter-spacing:-.01em}
blockquote.pq{width:min(1100px,calc(100vw - 44px));max-width:none !important;margin-left:calc(50% - min(550px,50vw - 22px)) !important;margin-right:0 !important;font-size:clamp(30px,3.9vw,58px) !important;line-height:1.08 !important;letter-spacing:-.035em !important;font-weight:600 !important;text-align:center;padding-top:0 !important;margin-top:64px !important;margin-bottom:64px !important;color:#232429}
blockquote.pq::before,blockquote.pq::after{display:none !important}
blockquote.pq.pq-last{color:#B08A3E}
/* volgend gesprek als rij */
.iv-next{display:grid;grid-template-columns:minmax(0,1fr) auto 120px;gap:clamp(18px,3vw,48px);align-items:center;max-width:1360px;margin:clamp(56px,9vh,96px) auto 0;padding:clamp(22px,3vw,34px) clamp(20px,5vw,64px);border-top:1px solid #232429;border-bottom:1px solid #232429;text-decoration:none;color:#232429;box-sizing:border-box}
.iv-next .k{grid-column:1/-1;font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#9A7B3C}
.iv-next .nm{font-family:'Familjen Grotesk',system-ui,sans-serif;font-weight:600;font-size:clamp(28px,4vw,64px);letter-spacing:-.04em;line-height:1;transition:transform .6s cubic-bezier(.2,.7,.2,1),color .3s}
.iv-next:hover .nm{transform:translateX(18px);color:#B08A3E}
.iv-next .r{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#6B6C72;text-align:right;max-width:30ch}
.iv-next img{width:120px;aspect-ratio:4/5;object-fit:cover;border-radius:4px;display:block}
.next-iv{display:none}
/* aanmelden en For organisations */
.iv-close{background:transparent !important;border:0 !important}
.iv-org{max-width:620px;margin:0 auto;padding:0 22px clamp(56px,9vh,96px);text-align:center}
.iv-org .k{font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#6B6C72;display:block;margin-bottom:12px}
.iv-org h3{font-family:'Familjen Grotesk',system-ui,sans-serif;font-weight:600;font-size:clamp(24px,2.6vw,34px);letter-spacing:-.03em;line-height:1.08;margin:0 0 10px;color:#232429}
.iv-org p{color:#55565C;font-size:16px;line-height:1.6;margin:0 0 18px}
.iv-btn{display:inline-block;background:#232429;color:#F4F2EE;border-radius:999px;padding:13px 22px;font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap}
.iv-btn:hover{background:#B08A3E;color:#fff}
@media (max-width:860px){
  .hero{padding-right:clamp(20px,5vw,64px) !important;min-height:0}
  .portrait{position:relative !important;right:auto;width:min(70%,320px) !important;margin:18px 0 0 !important}
  .headline{font-size:clamp(30px,8.6vw,44px) !important}
  blockquote.pq{width:auto;margin-left:0 !important;font-size:clamp(26px,7vw,34px) !important;text-align:left}
  .iv-next{grid-template-columns:minmax(0,1fr) 88px}.iv-next .r{grid-column:1;text-align:left}.iv-next img{grid-column:2;grid-row:2/span 2;width:88px}
}
@media (max-width:700px){.topbar .kick{display:none}}
@media (prefers-reduced-motion:reduce){.iv-bar{transition:none}}
/* v220 · de fotoreeks onderaan (drie of vier beelden): kleiner, licht gekanteld, als losse afdrukken */
.trio,.galerij{display:flex !important;justify-content:center;align-items:flex-end;gap:clamp(18px,3vw,44px) !important;flex-wrap:wrap;max-width:900px !important;margin:clamp(48px,8vh,80px) auto 0 !important;padding:0 22px !important}
.trio img{width:clamp(140px,16vw,190px) !important}
.galerij{flex-wrap:nowrap !important;margin-left:-40px !important;margin-right:-40px !important;max-width:none !important}
.galerij img{width:calc(25% - 18px) !important;max-width:200px}
.trio img,.galerij img{height:auto !important;aspect-ratio:4/5 !important;object-fit:cover;border-radius:6px !important;box-shadow:0 18px 40px rgba(35,36,41,.18);transition:transform .6s cubic-bezier(.2,.7,.2,1);display:block}
.trio img:nth-child(1),.galerij img:nth-child(1){transform:rotate(-3deg) translateY(6px)}
.trio img:nth-child(2),.galerij img:nth-child(2){transform:rotate(1.5deg) translateY(-8px)}
.trio img:nth-child(3),.galerij img:nth-child(3){transform:rotate(-1.2deg) translateY(4px)}
.trio img:nth-child(4),.galerij img:nth-child(4){transform:rotate(2.6deg) translateY(-2px)}
.trio img:hover,.galerij img:hover{transform:rotate(0) translateY(-10px) scale(1.04)}
@media (max-width:600px){.trio img{width:calc(50% - 12px) !important}.galerij{flex-wrap:wrap !important;margin-left:0 !important;margin-right:0 !important}.galerij img{width:calc(50% - 14px) !important}}
@media (prefers-reduced-motion:reduce){.trio img,.galerij img{transform:none !important;transition:none}}