/* IB STRIJDERS custom layer */
.ib-overline{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800;margin:0 0 1.1rem;color:#e2b54b}
#banner.ib-banner{background:linear-gradient(135deg,rgba(9,14,25,.88),rgba(25,56,102,.74)),url("banner.jpg") center/cover no-repeat}
#banner.ib-banner .inner{max-width:900px}
#banner.ib-banner h2{font-size:clamp(4rem,12vw,9rem);letter-spacing:-.06em;line-height:.82}
#banner.ib-banner p:not(.ib-overline){max-width:650px}
.ib-video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:2rem 0 2.5rem}
.ib-video-grid article{background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.15)}
.ib-video-grid video{display:block;width:100%;aspect-ratio:9/14;object-fit:cover;background:#080b11}
.ib-video-grid h3{font-size:.75rem;letter-spacing:.13em;margin:0;padding:1rem;color:#fff}
.ib-subhero{padding:9rem 0 5rem;background:linear-gradient(135deg,#111827,#244e7d)}
.ib-subhero .inner{max-width:1100px;margin:auto}
.ib-subhero h2{font-size:clamp(4rem,10vw,8rem);line-height:.82;letter-spacing:-.06em;margin:.4rem 0 1.2rem}
.ib-subhero p:not(.ib-overline){max-width:650px;color:rgba(255,255,255,.82)}
.ib-video-archive{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.ib-video-archive article{background:#fff;box-shadow:0 15px 45px rgba(0,0,0,.16)}
.ib-video-archive video{width:100%;display:block;aspect-ratio:9/14;object-fit:cover;background:#080b11}
.ib-video-archive article>div{padding:1.25rem 1.4rem 1.5rem}
.ib-video-archive span{font-size:.7rem;letter-spacing:.15em;font-weight:800;color:#a47b25}
.ib-video-archive h3{margin:.35rem 0;color:#202838}
.ib-video-archive p{margin:0;color:#667085}
.ib-quotes{max-width:1050px}
.ib-quotes article{display:grid;grid-template-columns:60px 1fr;gap:1.5rem;padding:3rem 0;border-bottom:1px solid rgba(0,0,0,.14)}
.ib-quotes article>span{font-size:.75rem;letter-spacing:.15em;font-weight:800;color:#a47b25}
.ib-quotes blockquote{margin:0;border:0;padding:0;font-size:clamp(1.5rem,3vw,2.7rem);line-height:1.15;color:#1b2432;font-weight:600}
@media(max-width:736px){.ib-video-grid,.ib-video-archive{grid-template-columns:1fr}.ib-subhero{padding:7rem 1.25rem 4rem}.ib-quotes article{grid-template-columns:35px 1fr}.ib-quotes blockquote{font-size:1.5rem}.ib-banner h2{font-size:4.4rem}}

/* IB STRIJDERS upgraded flat build */
.ib-dark{color:#9b7a2e!important}.ib-video-wrap{position:relative;background:#080b11}.ib-index{position:absolute;z-index:2;top:.7rem;left:.7rem;background:rgba(10,15,24,.82);color:#fff;padding:.35rem .5rem;font-size:.65rem;font-weight:800;letter-spacing:.12em}.ib-video-grid article p{padding:0 1rem 1.15rem;margin:-.35rem 0 0;color:rgba(255,255,255,.7);font-size:.9rem}.ib-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:760px;margin:2rem auto 0;border-top:1px solid rgba(0,0,0,.14);border-bottom:1px solid rgba(0,0,0,.14)}.ib-stats div{padding:1.5rem 1rem}.ib-stats strong{display:block;font-size:2.4rem;line-height:1}.ib-stats span{display:block;margin-top:.5rem;text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;font-weight:800;color:#687386}.ib-archive-tools{display:flex;gap:1rem;align-items:center;max-width:680px;margin:2rem 0 0}.ib-archive-tools input{margin:0;background:rgba(255,255,255,.96);border:0;padding:.9rem 1rem;color:#172033;font:inherit;min-width:280px}.ib-archive-tools span{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;font-weight:800;opacity:.75}.ib-video-archive{grid-template-columns:repeat(3,1fr)}.ib-video-archive article{transition:transform .2s ease,box-shadow .2s ease}.ib-video-archive article:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(0,0,0,.2)}.ib-video-archive video{aspect-ratio:9/14}.ib-card-label{display:block;font-size:.7rem;letter-spacing:.15em;font-weight:800;color:#a47b25}.ib-empty{text-align:center;padding:3rem;font-weight:700}.ib-split{display:grid;grid-template-columns:1.3fr .7fr;gap:5rem;align-items:center}.ib-random{padding:2rem;background:#eef1f5;border-left:4px solid #a47b25}.ib-random p{font-size:1.8rem;line-height:1.1;color:#1b2432;font-weight:600}.button.small{font-size:.72rem!important}.ib-quotes article{transition:opacity .2s}.ib-video-grid video,.ib-video-archive video{background:#06090f}@media(max-width:980px){.ib-video-grid,.ib-video-archive{grid-template-columns:repeat(2,1fr)}.ib-split{grid-template-columns:1fr;gap:2rem}}@media(max-width:736px){.ib-video-grid,.ib-video-archive{grid-template-columns:1fr}.ib-stats{grid-template-columns:1fr}.ib-archive-tools{align-items:flex-start;flex-direction:column}.ib-archive-tools input{min-width:0;width:100%}.ib-split{gap:1.5rem}}


/* People + teacher archive */
.ib-people-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2.5rem}.ib-people-grid article{background:#fff;border:1px solid rgba(0,0,0,.1);padding:2rem 1.5rem;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease}.ib-people-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(0,0,0,.14)}.ib-people-grid span{font-size:.68rem;letter-spacing:.15em;font-weight:800;color:#a47b25}.ib-people-grid h3{margin:1.5rem 0 0;color:#202838;font-size:1.5rem}.ib-teacher-ranking{max-width:900px;margin:2rem auto 0;border-top:1px solid rgba(0,0,0,.15)}.ib-teacher-ranking article{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid rgba(0,0,0,.15)}.ib-teacher-ranking strong{font-size:2rem;color:#a47b25}.ib-teacher-ranking h3{margin:0;font-size:1.8rem;color:#202838}.ib-teacher-ranking span{font-size:.7rem;letter-spacing:.15em;font-weight:800;color:#7a8494}@media(max-width:980px){.ib-people-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:736px){.ib-people-grid{grid-template-columns:repeat(2,1fr)}.ib-teacher-ranking article{grid-template-columns:55px 1fr auto}.ib-teacher-ranking h3{font-size:1.35rem}}@media(max-width:480px){.ib-people-grid{grid-template-columns:1fr}.ib-teacher-ranking article{grid-template-columns:45px 1fr}.ib-teacher-ranking span{display:none}}

/* Final polish */
.ib-logo a{display:flex!important;align-items:center;gap:.65rem;text-decoration:none!important}.ib-logo img{width:34px;height:34px;display:block}.ib-logo span{font-weight:800;letter-spacing:.08em}
#banner.ib-banner{min-height:100vh!important;display:flex!important;align-items:center}#banner.ib-banner .inner{padding-top:4rem;padding-bottom:4rem}
.ib-people-grid article h3{color:#202838!important;opacity:1!important;visibility:visible!important;font-weight:800!important}.ib-people-grid article{color:#202838!important}
.ib-people-grid article span{display:block!important;visibility:visible!important}
@media(max-width:736px){.ib-logo span{display:none}.ib-logo img{width:32px;height:32px}}


/* Final homepage polish */
#banner.ib-banner .inner{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto}
.ib-hero-logo{width:min(220px,42vw);height:auto;margin:0 auto 1.4rem;filter:drop-shadow(0 12px 30px rgba(0,0,0,.28))}
#banner.ib-banner .ib-overline{margin-bottom:1rem}
#banner.ib-banner .actions{justify-content:center;margin-top:1.6rem;margin-bottom:1rem}
.ib-explore{display:inline-flex!important;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;padding:.7rem 1.1rem;border:1px solid rgba(255,255,255,.45);border-radius:2px;color:#fff!important;text-decoration:none!important;text-transform:uppercase;letter-spacing:.14em;font-size:.68rem;font-weight:800;background:rgba(0,0,0,.12);transition:background .2s ease,border-color .2s ease,transform .2s ease}
.ib-explore:hover{background:rgba(255,255,255,.12);border-color:#fff;transform:translateY(-2px)}
.ib-explore span{font-size:1rem;line-height:1}
.ib-split{grid-template-columns:1fr 1fr;align-items:stretch}
.ib-split>div{display:flex;flex-direction:column;justify-content:center}
@media(max-width:980px){.ib-split{grid-template-columns:1fr;align-items:initial}}
@media(max-width:736px){.ib-hero-logo{width:170px}.ib-explore{margin-top:.25rem}}


/* The Strijders: names only, no ranking/numbering */
.ib-people-grid article{min-height:130px;align-items:center;justify-content:center;text-align:center}
.ib-people-grid article h3{margin:0!important;font-size:1.65rem}
.ib-people-grid article span{display:none!important}

/* Final visual fixes */
.ib-hero-logo{width:min(250px,46vw)!important;max-height:250px;object-fit:contain;margin:0 auto 1.8rem!important;filter:drop-shadow(0 14px 34px rgba(0,0,0,.35))}
.ib-explore{position:relative!important;display:inline-flex!important;width:auto!important;min-width:180px!important;box-sizing:border-box!important;white-space:nowrap!important;opacity:1!important;visibility:visible!important;z-index:5!important;color:#fff!important;background:rgba(8,12,20,.55)!important;border:1px solid rgba(255,255,255,.6)!important;padding:.85rem 1.35rem!important;margin:1rem auto 0!important}
.ib-explore span{display:inline-block!important;color:#fff!important}
.ib-random .button{color:#1b2432!important;background:#fff!important;border-color:#cfd5dd!important;text-shadow:none!important}
.ib-random .button:hover{color:#1b2432!important;background:#f5f6f8!important;border-color:#aab3bf!important}
.ib-split{grid-template-columns:1fr 1fr!important;gap:3rem!important}
@media(max-width:980px){.ib-split{grid-template-columns:1fr!important}}


/* V4 homepage/header fit fixes */
.ib-logo a{display:flex!important;align-items:center!important;gap:.6rem!important}
.ib-logo img{width:30px!important;height:30px!important;object-fit:contain!important}
#banner.ib-banner{min-height:calc(100vh - 4.5rem)!important;height:auto!important;box-sizing:border-box!important}
#banner.ib-banner .inner{padding-top:2rem!important;padding-bottom:2rem!important}
.ib-hero-logo{width:min(145px,24vw)!important;max-height:145px!important;margin:0 auto .9rem!important}
#banner.ib-banner .ib-overline{margin-bottom:.75rem!important}
#banner.ib-banner h2{font-size:clamp(3.6rem,9vw,7rem)!important;line-height:.82!important;margin:.4rem 0 1.2rem!important}
#banner.ib-banner p:not(.ib-overline){margin-bottom:0!important}
#banner.ib-banner .actions{display:flex!important;visibility:visible!important;opacity:1!important;justify-content:center!important;gap:1rem!important;margin:1.25rem 0 .5rem!important}
#banner.ib-banner .actions li{display:block!important;visibility:visible!important;opacity:1!important}
#banner.ib-banner .actions .button{display:inline-flex!important;visibility:visible!important;opacity:1!important}
.ib-explore{margin-top:.35rem!important}
@media(max-width:736px){.ib-logo img{width:30px!important;height:30px!important}.ib-logo span{display:inline!important;font-size:.75rem!important}.ib-hero-logo{width:115px!important;max-height:115px!important}.ib-banner h2{font-size:3.8rem!important}.ib-banner p:not(.ib-overline){font-size:.82rem!important;line-height:1.5!important}.ib-explore{margin-top:.2rem!important}}

/* Final polish: consistent logo and random moment page */
.ib-logo img{background:transparent!important;border:0!important;object-fit:contain!important}
.ib-random-page{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:3rem;align-items:center;max-width:1100px;margin:0 auto}
.ib-random-page .ib-video-wrap{box-shadow:0 18px 50px rgba(0,0,0,.16)}
.ib-random-page video{display:block;width:100%;max-height:760px;object-fit:contain;background:#06090f}
.random-copy h2{margin:.45rem 0 .8rem}
.random-copy p{color:#5e6878}
@media(max-width:980px){.ib-random-page{grid-template-columns:1fr;gap:2rem}.random-copy{text-align:center}.random-copy .actions{justify-content:center}}

.ib-random-video{margin:1rem 0 1.25rem}.ib-random-video .ib-video-wrap{background:#06090f}.ib-random-video video{display:block;width:100%;max-height:420px;aspect-ratio:9/14;object-fit:contain;background:#06090f}.ib-random-video[hidden]{display:none}