/* 1.76.470: Netslim Venster. Het raam is vlak met een haarlijn; geen tekst over de scène.
   1.76.471: op de homepage (zwevend logo), de Edge-pagina's (aarde met schild) en de serverpagina's (server die zichzelf uit elkaar zet). */
.nsl-win { margin: 0; display: grid; gap: 10px; }
.nsl-win__frame { position: relative; aspect-ratio: 4 / 3; border: 1px solid #26262a; background: #060607; overflow: hidden; box-shadow: 0 30px 80px rgba(0, 0, 0, .55); }
.nsl-win__frame canvas { display: block; width: 100%; height: 100%; opacity: 0; transition: opacity .8s ease; }
.nsl-win.is-on .nsl-win__frame canvas { opacity: 1; }
.nsl-win.is-nogl .nsl-win__frame { background: #0b0b0c url("../../img/egg/server-purple.png") center / cover no-repeat; }
.nsl-win.is-cam .nsl-win__frame { border-color: #7643c8; }
.nsl-win__ui { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; color: #8a8a8a; font-size: 12.5px; }
.nsl-win__ui [data-win-state]:empty { display: none; }
.nsl-win__ui [data-win-state] { color: #cfcfcf; }
.nsl-win__ui small { color: #6f6f6f; font-size: 12px; }

/* paginakop met het raam rechts */
.nsl-ph--win .nsl-ph__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; }
.nsl-ph--win .nsl-display { font-size: clamp(2.1rem, 3.2vw, 3.4rem); line-height: 1.04; letter-spacing: -.02em; }
.nsl-ph--win .nsl-lead { max-width: 44ch; }
.nsl-ph--win .nsl-hero__search, .nsl-ph--win .nsl-dsearch, .nsl-ph--win .nsl-dsearch__form { max-width: 100%; width: 100%; min-width: 0; }
.nsl-ph--win .nsl-ph__grid > .nsl-ph__text { grid-column: 1; grid-row: 1; width: auto; max-width: 100%; min-width: 0; text-align: left; }
.nsl-ph--win .nsl-ph__decor { grid-column: 2; grid-row: 1; min-width: 0; }
.nsl-ph--win .nsl-sellpoints { justify-content: flex-start; }

/* homepage: tekst links, raam rechts */
.nsl-hero.nsl-hero--win > .nsl-hero__content { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(28px, 4vw, 72px); align-items: center; }
.nsl-hero--win .nsl-hero__main, .nsl-hero--win .nsl-hero__win { min-width: 0; }
.nsl-hero--win .nsl-display { font-size: clamp(2.2rem, 3.6vw, 3.9rem); line-height: 1.03; }
.nsl-hero--win .nsl-hero__search { max-width: 100%; }
.nsl-hero--win .nsl-hero__seal { position: static; transform: none; display: block; width: max-content; margin: 18px 0 0; }
.nsl-hero--win .nsl-hero__seal:hover { transform: translateY(-3px); }
.nsl-hero--win .nsl-hero__seal .nsl-wvb__img { width: 84px; }

@media (max-width: 960px) {
	.nsl-ph--win .nsl-ph__grid, .nsl-hero.nsl-hero--win > .nsl-hero__content { grid-template-columns: minmax(0, 1fr); }
	.nsl-ph--win .nsl-ph__text, .nsl-ph--win .nsl-ph__decor { grid-column: 1; grid-row: auto; }
	.nsl-win__frame { aspect-ratio: 4 / 3.4; }
}

/* 1.76.472: in de kennisbank */
.nsl-win--kb { margin: 18px 0 32px; max-width: 760px; }