@font-face {
	font-family: "Atkinson Hyperlegible Next";
	src: url("fonts/atkinson-next-latin.woff2") format("woff2");
	font-weight: 200 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Atkinson Hyperlegible Mono";
	src: url("fonts/atkinson-mono-latin.woff2") format("woff2");
	font-weight: 200 800;
	font-style: normal;
	font-display: swap;
}

:root {
	--bg: #EAE0CF;
	--surface: #F3EDE2;
	--ink: #16140F;
	--muted: #3F3B33;
	--haar: rgba(22, 20, 15, .28);
	--font: "Atkinson Hyperlegible Next", Arial, sans-serif;
	--mono: "Atkinson Hyperlegible Mono", Consolas, "Courier New", monospace;
	--max: 72rem;
	--gutter: clamp(1.25rem, 4vw, 2.5rem);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
	margin: 0;
	background: var(--bg);
	color: var(--ink);
	font-family: var(--font);
	font-size: 1.125rem;
	font-weight: 400;
	line-height: 1.6;
}
:where(h1, h2, h3, p, ul, ol, dl, dd, figure, address, pre) { margin: 0; }
:where(ul, ol)[role="list"] { list-style: none; padding: 0; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration-line: underline; text-decoration-thickness: .08em; text-underline-offset: .18em; }
a:hover { text-decoration-thickness: .16em; }
:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
::selection { background: var(--ink); color: var(--bg); }
code, pre { font-family: var(--mono); font-size: .9375em; }
main:focus { outline: none; }

.skip {
	position: absolute;
	left: var(--gutter);
	top: -6rem;
	z-index: 10;
	padding: .75rem 1rem;
	background: var(--ink);
	color: var(--bg);
	font-weight: 700;
	text-decoration: none;
}
.skip:focus { top: 1rem; outline-color: var(--ink); }

.wrap { width: 100%; max-width: var(--max); margin-inline: auto; padding-inline: var(--gutter); }

/* Kop */
.kop { border-bottom: 2px solid var(--ink); }
.kop .wrap {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .5rem 1.5rem;
	min-height: 4.5rem;
	padding-block: .75rem;
}
.merk { font-weight: 800; font-size: 1.25rem; letter-spacing: -.01em; text-decoration: none; }
.kop ul { display: flex; flex-wrap: wrap; gap: .25rem 1.75rem; }
.kop nav a { display: inline-block; padding-block: .5rem; font-weight: 600; text-decoration: none; }
.kop nav a:hover { text-decoration: underline; text-decoration-thickness: .12em; }

/* Knoppen */
.knop {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 3.25rem;
	padding: .8rem 1.6rem;
	background: var(--ink);
	color: var(--bg);
	border: 2px solid var(--ink);
	border-radius: 0;
	font: inherit;
	font-size: 1.0625rem;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	cursor: pointer;
}
.knop:hover { background: var(--bg); color: var(--ink); }
.knop:active { transform: translateY(1px); }
.knop:disabled { cursor: progress; }
.link-sterk { font-weight: 700; padding-block: .75rem; }

/* Opening */
.intro { padding-block: clamp(3rem, 7vw, 5.5rem); }
.intro .wrap {
	display: grid;
	grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
	gap: clamp(2.5rem, 6vw, 5rem);
	align-items: center;
}
/* De kop schaalt mee met zijn kolom, zodat "toegankelijkheidswet" altijd op een regel past. */
.intro-tekst { container-type: inline-size; }
h1 {
	font-size: clamp(1.5rem, 6vw, 3.2rem);
	font-size: clamp(1.5rem, 9cqi, 3.6rem);
	line-height: 1.05;
	letter-spacing: -.025em;
	font-weight: 800;
	text-wrap: balance;
	overflow-wrap: break-word;
}
.intro-sub {
	margin-top: 1.5rem;
	max-width: 34rem;
	color: var(--muted);
	font-size: clamp(1.125rem, 1rem + .45vw, 1.3125rem);
	line-height: 1.5;
}
.acties { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.75rem; margin-top: 2rem; }

/* Het rapportblad */
.blad-wrap { position: relative; justify-self: end; width: 100%; max-width: 23rem; }
.blad-stapel { position: relative; padding: 0 14px 14px 0; }
.blad-stapel::before {
	content: "";
	position: absolute;
	inset: 14px 0 0 14px;
	border: 2px solid var(--ink);
	background: var(--surface);
}
.blad {
	position: relative;
	aspect-ratio: 210 / 297;
	display: flex;
	flex-direction: column;
	gap: .7rem;
	padding: clamp(1.1rem, 2.2vw, 1.75rem);
	background: var(--surface);
	border: 2px solid var(--ink);
	font-size: .875rem;
	line-height: 1.4;
}
.blad-kop {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding-bottom: .6rem;
	border-bottom: 2px solid var(--ink);
	font-family: var(--mono);
	font-size: .75rem;
}
.blad-titel { margin-top: .6rem; font-size: clamp(1.25rem, 1rem + 1vw, 1.6rem); font-weight: 800; line-height: 1.1; }
.blad-sub { color: var(--muted); }
.blad-kopje { margin-top: .9rem; padding-top: .75rem; border-top: 1px solid var(--ink); font-weight: 700; }
.blad-tellingen li {
	display: grid;
	grid-template-columns: 4.25rem minmax(0, 1fr) 1.75rem;
	align-items: center;
	gap: .6rem;
	padding-block: .4rem;
	border-bottom: 1px solid var(--haar);
}
.balk { display: block; height: .55rem; background: var(--ink); width: calc(var(--n) * 100% / 14); }
.getal { text-align: right; font-variant-numeric: tabular-nums; }
.blad-tellingen .getal { font-weight: 700; }
.blad-voet { margin-top: auto; text-align: right; font-family: var(--mono); font-size: .75rem; }
.blad-wrap figcaption { margin-top: 1rem; color: var(--muted); font-size: .9375rem; }

/* Secties */
.sectie { border-top: 2px solid var(--ink); padding-block: clamp(3.5rem, 7vw, 6rem); }
h2 {
	max-width: 22ch;
	font-size: clamp(1.875rem, 1.2rem + 2vw, 2.75rem);
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -.02em;
	text-wrap: balance;
}
h3 { font-size: 1.25rem; font-weight: 800; line-height: 1.25; }
.sectie-intro { margin-top: 1rem; max-width: 40rem; color: var(--muted); font-size: 1.1875rem; }

.hoofdstukken { margin-top: 2.5rem; border-top: 2px solid var(--ink); }
.hoofdstukken li {
	display: grid;
	grid-template-columns: 4rem minmax(0, 1fr) minmax(0, 1.4fr);
	gap: .5rem 2rem;
	align-items: baseline;
	padding-block: 1.5rem;
	border-bottom: 1px solid var(--ink);
}
.nr { font-family: var(--mono); font-size: 1.5rem; font-weight: 600; line-height: 1; }
.hoofdstukken p { max-width: 38rem; color: var(--muted); }

/* Tabel */
.tabel { margin-top: 2.5rem; overflow-x: auto; }
.tabel:focus-visible { outline-offset: 6px; }
table { width: 100%; min-width: 46rem; border-collapse: collapse; font-size: 1rem; line-height: 1.45; }
caption { caption-side: top; padding-bottom: .75rem; text-align: left; font-weight: 700; }
th {
	padding: .75rem 1.25rem .75rem 0;
	border-top: 2px solid var(--ink);
	border-bottom: 2px solid var(--ink);
	text-align: left;
	font-weight: 700;
	white-space: nowrap;
}
td { padding: 1rem 1.25rem 1rem 0; border-bottom: 1px solid var(--ink); vertical-align: top; }
td.crit { min-width: 12rem; }
.code { display: block; font-family: var(--mono); font-weight: 600; }
.noot { margin-top: 1rem; color: var(--muted); font-size: .9375rem; }

.uitgewerkt { margin-top: 3.5rem; max-width: 52rem; }
.bevinding { margin-top: 1.25rem; border-top: 2px solid var(--ink); }
.bevinding > div {
	display: grid;
	grid-template-columns: 11rem minmax(0, 1fr);
	gap: .25rem 2rem;
	padding-block: 1rem;
	border-bottom: 1px solid var(--ink);
}
.bevinding dt { font-weight: 700; }
.bevinding dd { min-width: 0; }
.bevinding .code { display: inline; margin-right: .35rem; }
.bevinding pre {
	margin-top: .85rem;
	padding: 1rem 1.1rem;
	overflow-x: auto;
	background: var(--ink);
	color: var(--bg);
	font-size: .875rem;
	line-height: 1.55;
	white-space: pre;
}
.bevinding pre:focus-visible { outline-offset: 2px; }

/* Twee kolommen */
.twee {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
	gap: clamp(2.5rem, 6vw, 5rem);
	align-items: start;
}
.prose p { margin-top: 1.25rem; max-width: 38rem; }
.prose h2 + p { margin-top: 1.5rem; }
.feiten { border-top: 2px solid var(--ink); }
.feiten > div { padding-block: 1.25rem; border-bottom: 1px solid var(--ink); }
.feiten dt { color: var(--muted); font-size: 1rem; }
.feiten dd {
	margin-top: .25rem;
	font-size: clamp(1.75rem, 1.2rem + 1.8vw, 2.5rem);
	font-weight: 800;
	line-height: 1.1;
	letter-spacing: -.015em;
}

/* Donkere band */
.donker { border-top: 0; background: var(--ink); color: var(--bg); }
.donker :focus-visible { outline-color: var(--bg); }
.donker ::selection { background: var(--bg); color: var(--ink); }
.lijsten { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.5rem 4rem; margin-top: 2.5rem; }
.lijsten h3 { padding-bottom: .75rem; border-bottom: 2px solid var(--bg); }
.lijsten li { padding-block: .8rem; border-bottom: 1px solid rgba(234, 224, 207, .35); }
.grens-noot { margin-top: 2.5rem; max-width: 40rem; font-size: 1.1875rem; }

/* Bestellen */
.prijs { margin-top: 1.5rem; }
.bedrag {
	display: block;
	font-size: clamp(3.5rem, 2rem + 5vw, 5.75rem);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -.035em;
	font-variant-numeric: tabular-nums;
}
.btw { display: block; margin-top: .5rem; font-weight: 600; }
.inbegrepen { margin-top: 2rem; border-top: 1px solid var(--ink); }
.inbegrepen li { position: relative; padding: .85rem 0 .85rem 1.5rem; border-bottom: 1px solid var(--ink); }
.inbegrepen li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 1.4rem;
	width: .5rem;
	height: .5rem;
	background: var(--ink);
}
.bestel-noot { margin-top: 1.5rem; max-width: 30rem; color: var(--muted); }

.bestel { padding-top: 1.5rem; border-top: 2px solid var(--ink); }
.veld { display: flex; flex-direction: column; gap: .4rem; margin-bottom: 1.5rem; }
label { font-weight: 700; }
.hint { color: var(--muted); font-size: .9375rem; }
input[type="text"], input[type="email"] {
	width: 100%;
	min-height: 3.25rem;
	padding: .75rem .9rem;
	border: 2px solid var(--ink);
	border-radius: 0;
	background: var(--surface);
	color: var(--ink);
	font: inherit;
	font-size: 1.0625rem;
	line-height: 1.4;
	-webkit-appearance: none;
	appearance: none;
}
input:focus-visible { outline: 3px solid var(--ink); outline-offset: 2px; }
input[aria-invalid="true"] { border-width: 4px; }
.veld-fout { padding-left: .75rem; border-left: 4px solid var(--ink); font-weight: 700; font-size: 1rem; }
.vink { display: grid; grid-template-columns: 1.5rem minmax(0, 1fr); gap: .75rem; align-items: start; }
.vink input { width: 1.5rem; height: 1.5rem; margin: .15rem 0 0; accent-color: var(--ink); }
.vink label { font-weight: 400; }
.vink .veld-fout { grid-column: 1 / -1; }
.hp { position: absolute !important; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.bestel .knop { width: 100%; margin-top: .5rem; }
.melding { margin-top: 1rem; padding-left: .75rem; border-left: 4px solid var(--ink); font-weight: 700; }
.melding:empty { display: none; }
.privacy { margin-top: 1rem; color: var(--muted); font-size: .9375rem; }
.foutlijst { margin-bottom: 1.5rem; padding: 1rem 1.25rem; border: 2px solid var(--ink); font-weight: 700; }
.foutlijst ul { margin-top: .5rem; padding-left: 1.25rem; font-weight: 400; }
.bevestiging { padding: clamp(1.5rem, 3vw, 2.25rem); border: 2px solid var(--ink); background: var(--surface); }
.bevestiging p { margin-top: .75rem; }
.bevestiging:focus { outline: none; }
.bevestiging:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }

/* Vragen */
.vragen { max-width: 52rem; margin-top: 2rem; border-top: 2px solid var(--ink); }
.vragen details { border-bottom: 1px solid var(--ink); }
.vragen summary {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 1.5rem;
	padding-block: 1.2rem;
	font-size: 1.1875rem;
	font-weight: 700;
	cursor: pointer;
	list-style: none;
}
.vragen summary::-webkit-details-marker { display: none; }
.teken::before { content: "+"; font-family: var(--mono); font-size: 1.375rem; font-weight: 600; line-height: 1; }
.vragen details[open] .teken::before { content: "\2212"; }
.vragen details p { max-width: 40rem; padding-bottom: 1.4rem; color: var(--muted); }

/* Voet */
.voet { padding-block: 3rem; border-top: 2px solid var(--ink); font-size: 1rem; }
.voet-grid { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 2rem; }
.voet-merk { font-weight: 700; }
address { margin-top: .75rem; color: var(--muted); font-style: normal; line-height: 1.7; }
.voet-links { display: flex; flex-direction: column; gap: .6rem; }
.voet a { display: inline-block; padding-block: .2rem; }

/* Losse pagina's */
.tekst { max-width: 46rem; padding-block: 4rem; }
.tekst h1 { margin-bottom: 1.5rem; }
.tekst p { margin-top: 1rem; }

@media (max-width: 60rem) {
	.intro .wrap { grid-template-columns: 1fr; }
	.blad-wrap { justify-self: start; max-width: 20rem; }
	.twee { grid-template-columns: 1fr; }
}
@media (max-width: 40rem) {
	.kop .wrap { flex-wrap: nowrap; }
	.kop li:not(:last-child) { display: none; }
	.hoofdstukken li { grid-template-columns: 2.5rem minmax(0, 1fr); }
	.hoofdstukken li p { grid-column: 2; }
	.bevinding > div { grid-template-columns: minmax(0, 1fr); }
	.lijsten { grid-template-columns: 1fr; }
}

/* ===== Logo ===== */
.merk { display: inline-flex; align-items: center; gap: .6rem; }
.merk-teken { width: 1.6rem; height: auto; flex: none; transform-origin: 50% 90%; }
.merk-vel { fill: var(--ink); }
.merk-hoek { fill: var(--surface); }
.merk-lijn, .merk-vink { fill: none; stroke: var(--bg); stroke-width: 2.2; }
.merk-lijn { stroke-linecap: square; }
.merk-tekst { font-weight: 400; letter-spacing: -.01em; }
.merk-tekst b { font-weight: 800; }

/* ===== Knoppen met pijl ===== */
.knop .pijl { width: 1rem; height: 1rem; margin-left: .65rem; flex: none; }

/* ===== Opening: raster en verloop ===== */
.intro { position: relative; isolation: isolate; overflow: hidden; background: linear-gradient(115deg, var(--bg) 45%, var(--surface) 100%); }
.intro::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background-image: radial-gradient(circle, rgba(22, 20, 15, .22) 1px, transparent 1.5px);
	background-size: 20px 20px;
	-webkit-mask-image: radial-gradient(ellipse 55% 75% at 80% 45%, #000 15%, transparent 75%);
	mask-image: radial-gradient(ellipse 55% 75% at 80% 45%, #000 15%, transparent 75%);
}
.intro .link-sterk { display: inline-block; margin-top: 1.25rem; }

/* ===== Snelle check ===== */
.check { margin-top: 1.75rem; max-width: 34rem; }
.check label { display: block; margin-bottom: .4rem; }
.check-rij { display: flex; }
.check-rij input { flex: 1; min-width: 0; border-right: 0; background: var(--surface); }
.check-rij .knop { flex: none; }
.check .hint { margin-top: .5rem; }
.check-melding { margin-top: .6rem; padding-left: .75rem; border-left: 4px solid var(--ink); font-weight: 700; }
.check-melding:empty { display: none; }
@media (max-width: 30rem) {
	.check-rij { flex-direction: column; }
	.check-rij input { border-right: 2px solid var(--ink); border-bottom: 0; }
}

/* ===== Rapportblad ===== */
.blad { overflow: hidden; }
.blad-titel { overflow-wrap: anywhere; }
.balk { width: calc(var(--n) * 100% / var(--max, 14)); }
.blad::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background: linear-gradient(180deg, transparent 0, transparent calc(100% - 4rem), rgba(22, 20, 15, .1) calc(100% - 2px), var(--ink) calc(100% - 2px));
	transform: translateY(-100%);
	opacity: 0;
}

/* ===== Uitslag van de snelle check ===== */
.uitslag { background: var(--surface); }
.uitslag h2 { overflow-wrap: anywhere; }
.uitslag h2:focus { outline: none; }
.uitslag h2:focus-visible { outline: 3px solid var(--ink); outline-offset: 4px; }
.punten { margin-top: 2rem; border-top: 2px solid var(--ink); }
.punt {
	display: grid;
	grid-template-columns: 8.5rem minmax(0, 1fr);
	gap: .5rem 2rem;
	padding-block: 1.25rem;
	border-bottom: 1px solid var(--ink);
}
.punt-status { display: inline-flex; align-items: center; gap: .6rem; font-weight: 800; }
.punt-status::before { content: ""; flex: none; width: .9rem; height: .9rem; border: 2px solid var(--ink); }
.punt--fout .punt-status::before { background: var(--ink); }
.punt--ok .punt-status::before {
	width: .45rem;
	height: .85rem;
	margin-inline: .2rem .25rem;
	border-width: 0 3px 3px 0;
	transform: rotate(45deg) translateY(-2px);
}
.punt h3 { font-size: 1.125rem; }
.punt h3 .code { display: inline; margin-left: .5rem; font-size: .875rem; }
.punt p { margin-top: .25rem; max-width: 44rem; color: var(--muted); }
.punt--ok h3 { font-weight: 700; }
.uitslag-cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1.25rem 2rem;
	margin-top: 2.5rem;
	padding: clamp(1.25rem, 3vw, 2rem);
	background: repeating-linear-gradient(180deg, rgba(234, 224, 207, .05) 0 1px, transparent 1px 7px), linear-gradient(160deg, var(--ink) 0%, #2B271F 100%);
	color: var(--bg);
}
.uitslag-cta p { max-width: 40rem; }
.uitslag-cta .knop { background: var(--bg); color: var(--ink); border-color: var(--bg); }
.uitslag-cta .knop:hover { background: var(--ink); color: var(--bg); }
.uitslag-cta :focus-visible { outline-color: var(--bg); }
.uitslag .noot { margin-top: 1.25rem; max-width: 52rem; }
@media (max-width: 40rem) {
	.punt { grid-template-columns: minmax(0, 1fr); }
}

/* ===== Patronen en verlopen in secties ===== */
.donker { background: repeating-linear-gradient(180deg, rgba(234, 224, 207, .05) 0 1px, transparent 1px 7px), linear-gradient(160deg, var(--ink) 0%, #2B271F 100%); }
.bestel-sectie { background: linear-gradient(180deg, var(--bg) 0%, var(--surface) 100%); }

/* ===== Bedanktpagina ===== */
.bedankt { padding-block: clamp(4rem, 9vw, 7rem); border-bottom: 2px solid var(--ink); background: linear-gradient(115deg, var(--bg) 45%, var(--surface) 100%); }
.bedankt .wrap { max-width: 46rem; margin-inline: 0 auto; margin-left: max(0px, calc((100% - var(--max)) / 2)); }
.bedankt h1 { font-size: clamp(2rem, 1.4rem + 2.4vw, 3.2rem); }
.bedankt p { margin-top: 1rem; max-width: 38rem; font-size: 1.1875rem; }
.bedankt .knop, .bedankt form { margin-top: 2rem; }

/* ===== Hover ===== */
a { transition: text-decoration-thickness .15s ease; }
.knop, .knop .pijl, .merk-teken, .nr, .blad-stapel::before { transition: transform .25s cubic-bezier(.2, .7, .2, 1), background-color .2s ease, color .2s ease; }
.knop:hover .pijl { transform: translateX(3px); }
.merk:hover .merk-teken { transform: rotate(-6deg); }
.hoofdstukken li { transition: background-color .2s ease; }
.hoofdstukken li:hover { background: linear-gradient(90deg, var(--surface) 0%, rgba(243, 237, 226, 0) 85%); }
.hoofdstukken li:hover .nr { transform: translateX(4px); }
tbody tr { transition: background-color .15s ease; }
tbody tr:hover { background: var(--surface); }
.vragen summary:hover { background: linear-gradient(90deg, var(--surface) 0%, rgba(243, 237, 226, 0) 85%); }
.blad-wrap:hover .blad-stapel::before { transform: translate(6px, 6px); }

/* ===== Beweging, alleen als de bezoeker dat niet heeft uitgezet ===== */
@keyframes eaa-scan { 0% { transform: translateY(-100%); opacity: 1; } 85% { opacity: 1; } 100% { transform: translateY(0); opacity: 0; } }
@keyframes eaa-groei { from { transform: scaleX(0); } }
@keyframes eaa-puls { from { opacity: .2; } to { opacity: .7; } }
@keyframes eaa-opkomen { from { opacity: 0; transform: translateY(14px); } }

@media (prefers-reduced-motion: no-preference) {
	.blad.is-intro::after { animation: eaa-scan 1.8s cubic-bezier(.45, 0, .4, 1) .3s 1 both; }
	.blad.is-scannen::after { animation: eaa-scan 1.2s linear infinite; }
	.balk { transform-origin: left center; animation: eaa-groei .8s cubic-bezier(.2, .7, .2, 1) both; animation-delay: calc(1s + var(--i, 0) * .12s); }
	.blad.is-klaar .balk { animation-delay: calc(.15s + var(--i, 0) * .12s); }
	.blad.is-scannen .balk { animation: eaa-puls .7s ease-in-out infinite alternate; }
	.uitslag.is-nieuw .punt { animation: eaa-opkomen .5s cubic-bezier(.2, .7, .2, 1) both; animation-delay: calc(var(--i, 0) * 70ms); }

	:root { interpolate-size: allow-keywords; }
	.vragen details::details-content { block-size: 0; overflow: hidden; transition: block-size .3s ease, content-visibility .3s allow-discrete; }
	.vragen details[open]::details-content { block-size: auto; }
}

@supports (animation-timeline: view()) {
	@media (prefers-reduced-motion: no-preference) {
		.hoofdstukken li, .tabel tbody tr, .feiten > div, .lijsten li, .bevinding > div {
			animation: eaa-opkomen linear both;
			animation-timeline: view();
			animation-range: entry 0% entry 70%;
		}
	}
}

@media (prefers-reduced-motion: reduce) {
	*, *::before, *::after { transition: none !important; }
	.blad::after { display: none; }
}