@layer sections{.praktijk__head{justify-content:space-between;align-items:end;gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin-block-end:var(--space-5);display:flex}.praktijk__head>div{gap:var(--space-2);justify-items:start;display:grid}.praktijk__title{font-size:var(--text-h2);font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:1.04}.praktijk__lijst{gap:var(--space-3);grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);min-block-size:clamp(26rem,22rem + 12vw,38rem);margin:0;padding:0;list-style:none;display:grid}.praktijk__item--groot{grid-row:span 2}.praktijk__lijst:not(:has(>:nth-child(3))){grid-template-rows:minmax(0,1fr)}.praktijk__lijst:not(:has(>:nth-child(3))) .praktijk__item--groot{grid-row:auto}.praktijk__kaart{border-radius:var(--radius-xl);block-size:100%;min-block-size:12rem;color:var(--color-text-inverse);isolation:isolate;text-decoration:none;display:block;position:relative;overflow:clip}.praktijk__beeld,.praktijk__beeld img{block-size:100%;inline-size:100%;position:absolute;inset:0}.praktijk__beeld img{object-fit:cover;transition:scale 1.2s var(--ease-zacht)}.praktijk__kaart:after{content:"";background:linear-gradient(180deg, transparent 38%, color-mix(in srgb, var(--color-primary) 82%, transparent) 100%);z-index:0;position:absolute;inset:0}.praktijk__tekst{z-index:1;padding:var(--space-3) var(--space-4);gap:.375rem;display:grid;position:absolute;inset-block-end:0;inset-inline:0}.praktijk__meta{font-size:var(--text-label);font-weight:var(--weight-sterk);letter-spacing:var(--tracking-label);text-transform:uppercase;opacity:.92;align-items:center;gap:.375rem;display:inline-flex}.praktijk__meta .icon{--icon-size:.875rem}.praktijk__naam{font-size:var(--text-h4);font-weight:var(--weight-display);text-wrap:balance;line-height:1.15}.praktijk__item--groot .praktijk__naam{font-size:var(--text-h3)}.praktijk__kaart:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}@media (hover:hover) and (prefers-reduced-motion:no-preference){.praktijk__kaart:hover img{scale:1.05}}@media not (min-width:48rem){.praktijk__lijst{grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr));min-block-size:0}.praktijk__item--groot{grid-area:auto/1/auto/-1}.praktijk__item--groot .praktijk__kaart{aspect-ratio:4/3}.praktijk__item:not(.praktijk__item--groot) .praktijk__kaart{aspect-ratio:3/4}.praktijk__tekst{padding:var(--space-2) var(--space-3)}.praktijk__item:not(.praktijk__item--groot) .praktijk__naam{font-size:var(--text-body)}}}