@font-face { font-family: "SG Jost"; src: url("/shared/fonts/jost.woff2") format("woff2"); font-weight: 100 900; font-display: block; }
@font-face { font-family: "SG Oswald"; src: url("/shared/fonts/oswald.woff2") format("woff2"); font-weight: 200 700; font-display: block; }
/* tekstslides (gedeeld tussen player en dashboard-editor) */
.slide {
  position: absolute; inset: 0; display: flex; flex-direction: column; padding: 7cqh 8cqw;
  background-size: cover; background-position: center;
}
.slide::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,var(--dim, 0)); }
.slide > * { position: relative; }
.slide .t { font-weight: 700; line-height: 1.05; margin: 0 0 0.35em; letter-spacing: -0.01em; text-wrap: balance; }
.slide .b { line-height: 1.35; white-space: normal; text-wrap: pretty; }
.slide .b ul { margin: 0.3em 0; padding-left: 1.1em; display: inline-block; text-align: left; }
.slide.font-serif { font-family: "Georgia", "DejaVu Serif", "Liberation Serif", serif; }
.slide.font-display { font-family: "Futura", "Century Gothic", "URW Gothic", "DejaVu Sans", sans-serif; text-transform: none; }
.slide.font-mono { font-family: "DejaVu Sans Mono", "Liberation Mono", monospace; }
.slide.shadow .t, .slide.shadow .b { text-shadow: 0 0.06em 0.25em rgba(0,0,0,.45); }


/* Carré 1749-huisstijl: Oswald (vervanger Counterpress) voor titels, Jost (vervanger Futura) voor tekst */
.slide.font-carre { font-family: "SG Jost", "Futura", "Century Gothic", sans-serif; }
.slide.font-carre .t { font-family: "SG Oswald", "Oswald", "Arial Narrow", sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: .03em; line-height: 1.02; }
.slide.font-carre .b { font-weight: 400; }
.slide.carre strong { color: var(--strong, var(--accent)); font-weight: 600; }
.slide.carre .t::after { content: ""; display: block; width: 2.2em; height: .07em; background: var(--accent); margin: .28em auto 0; }
.slide.carre[style*="text-align: left"] .t::after { margin-left: 0; }
.slide.carre[style*="text-align: right"] .t::after { margin-right: 0; }

/* diagonale vlakken in de hoeken */
.carre-decor { position: absolute; inset: 0; pointer-events: none; }
.slide > .carre-decor { position: absolute; }
.carre-decor i { position: absolute; inset: 0; }
.carre-decor .w1 { background: var(--wedge-light); clip-path: polygon(0 0, 44% 0, 0 36%); }
.carre-decor .w2 { background: var(--wedge-light); clip-path: polygon(100% 64%, 100% 100%, 66% 100%); }
.carre-decor .w3 { background: var(--wedge-sand); clip-path: polygon(0 76%, 0 100%, 20% 100%); }
.carre-decor .w4 { background: var(--wedge-sand); clip-path: polygon(86% 0, 100% 0, 100% 20%); }
.slide.carre::before { z-index: 0; }