/* ============ terugblik-2026-1.html — glaslaag ============
   Zachte kleurgloed per sectie, matglazen panelen erbovenop.
   Bewust geen hover-lifts: hover verandert hoogstens een achtergrond. */
.tb-glass{--tg-bg:rgba(255,255,255,0.58);--tg-brd:rgba(255,255,255,0.78);--tg-blur:blur(22px) saturate(1.45);--tg-sh:inset 0 1px 0 rgba(255,255,255,0.85),0 14px 34px rgba(14,19,36,0.07)}

/* ---- Secties: wash + gloed ---- */
.tb-glass .tb-playlist,.tb-glass .tb-congres,.tb-glass .tb-dank,.tb-glass .tb-cta-section,.tb-glass .tb-projecten,.tb-glass .events,.tb-glass .gallery{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--paper) 0%,#EDF2F9 52%,var(--paper) 100%)}
.tb-glass .tb-playlist::after,.tb-glass .tb-congres::after,.tb-glass .tb-dank::after,.tb-glass .tb-cta-section::after,.tb-glass .tb-projecten::after,.tb-glass .events::after,.tb-glass .gallery::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
.tb-glass .events::after{background:radial-gradient(540px 400px at 12% 12%,rgba(157,211,223,0.20),transparent 70%),radial-gradient(500px 380px at 88% 80%,rgba(166,206,137,0.15),transparent 70%)}
.tb-glass .gallery::after{background:radial-gradient(560px 420px at 80% 8%,rgba(127,184,212,0.18),transparent 70%),radial-gradient(520px 380px at 8% 78%,rgba(180,123,184,0.15),transparent 70%)}
.tb-glass .tb-playlist::after{background:radial-gradient(540px 400px at 14% 10%,rgba(127,184,212,0.20),transparent 70%),radial-gradient(500px 380px at 88% 78%,rgba(180,123,184,0.15),transparent 70%)}
.tb-glass .tb-projecten::after{background:radial-gradient(560px 420px at 84% 8%,rgba(166,206,137,0.18),transparent 70%),radial-gradient(520px 380px at 6% 76%,rgba(127,184,212,0.16),transparent 70%)}
.tb-glass .tb-congres::after{background:radial-gradient(580px 420px at 20% 6%,rgba(180,123,184,0.18),transparent 70%),radial-gradient(520px 380px at 86% 72%,rgba(157,211,223,0.18),transparent 70%)}
.tb-glass .tb-dank::after{background:radial-gradient(600px 440px at 50% 0%,rgba(240,161,94,0.13),transparent 70%),radial-gradient(520px 380px at 10% 84%,rgba(127,184,212,0.17),transparent 70%)}
.tb-glass .tb-cta-section::after{background:radial-gradient(560px 400px at 78% 20%,rgba(180,123,184,0.14),transparent 70%)}
.tb-glass .tb-playlist > .container,.tb-glass .tb-congres > .container,.tb-glass .tb-dank > .container,.tb-glass .tb-cta-section > .container,.tb-glass .tb-projecten > .container,.tb-glass .events > .container,.tb-glass .gallery > .container{position:relative;z-index:1}
.tb-glass .tb-projecten .projects.section{background:transparent}

/* ---- Glaspanelen ---- */
.tb-glass .tb-stat,.tb-glass .tb-speaker,.tb-glass .tb-article,.tb-glass .tb-dank-slot,.tb-glass .tb-proj-list,.tb-glass .tb-hero-figure figcaption,.tb-glass .event-list,.tb-glass .gallery-tile{background:var(--tg-bg);-webkit-backdrop-filter:var(--tg-blur);backdrop-filter:var(--tg-blur);border:1px solid var(--tg-brd);box-shadow:var(--tg-sh)}
.tb-glass .event-row{border-bottom-color:rgba(255,255,255,0.6)}
.tb-glass .event-row:hover{background:rgba(255,255,255,0.42)}
.tb-glass .tb-hero-stats{gap:14px;background:none;border:none;overflow:visible}
.tb-glass .tb-stat{border-radius:18px;overflow:hidden;border:1px solid color-mix(in srgb, var(--sc, #888) 24%, var(--tg-brd));box-shadow:inset 0 1px 0 rgba(255,255,255,0.85),var(--tg-sh)}
.tb-glass .tb-hero-figure figcaption{border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.85),0 8px 22px rgba(14,19,36,0.10)}
.tb-glass .tb-playlist-embed-wrap{border:1px solid var(--tg-brd);box-shadow:var(--tg-sh)}
.tb-glass .tb-proj-list{border-top:1px solid var(--tg-brd);border-radius:var(--radius-lg);padding:6px 22px}
@media (max-width:820px){.tb-glass .tb-proj-list{padding:6px 18px}}
.tb-glass .tb-proj-item{border-bottom-color:rgba(14,19,36,0.08)}
.tb-glass .tb-dank-item,.tb-glass .tb-dank-group{border-bottom-color:rgba(14,19,36,0.08)}
.tb-glass .tb-proj-type{background:rgba(255,255,255,0.62);border:1px solid rgba(255,255,255,0.8)}

/* ---- Geen hover-lifts ---- */
.tb-glass .tb-stat-link:hover{background:rgba(255,255,255,0.74);transform:none}
.tb-glass .tb-stat-link:hover .tb-stat-arrow{transform:none;opacity:0.7}
.tb-glass .tb-congres-photo:hover,.tb-glass .tb-foto-item:hover{transform:none;box-shadow:var(--shadow-sm)}
.tb-glass .tb-congres-photo:hover img,.tb-glass .tb-foto-item:hover img{transform:none}
.tb-glass .tb-congres-photo:hover::after,.tb-glass .tb-foto-item:hover::after{opacity:0}
.tb-glass .tb-photos-cta:hover,.tb-glass .tb-cta-primary:hover{transform:none;box-shadow:none}
.tb-glass .tb-photos-cta:hover svg{transform:none}
.tb-glass .tb-article-li:hover,.tb-glass .tb-dank-li:hover{transform:none}
.tb-glass .tb-proj-head:hover{background:rgba(255,255,255,0.5)}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.tb-glass .tb-stat,.tb-glass .tb-speaker,.tb-glass .tb-article,.tb-glass .tb-dank-slot,.tb-glass .tb-proj-list{background:rgba(255,255,255,0.93)}}
@media (prefers-reduced-transparency:reduce){.tb-glass .tb-stat,.tb-glass .tb-speaker,.tb-glass .tb-article,.tb-glass .tb-dank-slot,.tb-glass .tb-proj-list{background:rgba(255,255,255,0.94)}}