@layer components{.portret{border-radius:1.125rem;flex:none;display:block;position:relative;overflow:hidden}.portret svg{width:100%;height:100%;position:absolute;inset:0}.portret--jij{background:linear-gradient(160deg,#d5deff,#ffd6be)}.portret--foto{background:#dad9d3}.portret--foto img{object-fit:cover;object-position:50% 24%;width:100%;max-width:none;height:100%;filter:blur(var(--waas,1.5px));position:absolute;inset:0;transform:scale(1.1)}.etiket{box-shadow:inset 0 0 0 1.2px var(--color-rand);color:var(--color-grijs);letter-spacing:.005em;border-radius:999px;padding:.3125rem .5rem;font-size:.71875rem;font-weight:640;line-height:1;display:inline-block}.etiket--jij{background:var(--color-inkt);color:#fff;box-shadow:none}}@media (forced-colors:active){.etiket{border:1px solid canvastext}}
@layer components{.mens{width:100%;min-width:0;color:var(--color-inkt);box-shadow:var(--schaduw-kaart);-webkit-tap-highlight-color:transparent;background:#fff;border-radius:1.625rem;padding:.875rem 1rem 1rem .875rem;text-decoration:none;transition:transform .1s ease-out;display:block;position:relative}.mens:active{transform:scale(.985)}.mens>.etiket{position:absolute;top:.875rem;right:.875rem}.mens-kop{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.875rem;display:grid}.mens .portret{border-radius:1.125rem;width:4.75rem;height:5.75rem}.mens-naam{letter-spacing:-.035em;margin-top:.3125rem;padding-right:4.5rem;font-size:1.625rem;font-weight:760;font-stretch:106%;line-height:1.05;display:block}.mens-buurt{color:var(--color-grijs);margin-top:.1875rem;font-size:.90625rem;font-weight:520;display:block}.mens-feiten{flex-wrap:wrap;gap:.3125rem;margin-top:.5625rem;display:flex}.mens-feiten span{background:var(--color-papier);color:var(--color-donkergrijs);border-radius:999px;padding:.375rem .5625rem;font-size:.78125rem;font-weight:580;line-height:1}.mens-uit{grid-template-columns:minmax(0,1fr);gap:.5625rem;margin-top:.875rem;display:grid}.mens-groot{letter-spacing:-.035em;font-size:1.3125rem;font-weight:760;font-stretch:108%;line-height:1.1;display:block}.mens-groot small{letter-spacing:-.01em;font-size:.875rem;font-weight:600;font-stretch:100%}.mens-adres{flex-wrap:wrap;align-items:center;gap:.3125rem;margin-top:.5rem;display:flex}.mens-adres span{background:#fff;border-radius:999px;align-items:center;gap:.3125rem;padding:.375rem .5625rem .375rem .4375rem;font-size:.78125rem;font-weight:620;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1.2px #cfcec8}.mens-adres .glyph{width:.6875rem;height:.6875rem}.mens-adres b{color:var(--color-grijs);margin-left:.1875rem;font-size:.8125rem;font-weight:640}.mens-klein{color:var(--color-grijs);margin-top:.1875rem;font-size:.84375rem;font-weight:520;line-height:1.3;display:block}.mens--rij .mens-kop{min-height:4.875rem}.mens--rij .portret{border-radius:1rem;width:4rem;height:4.875rem}.mens--rij .mens-naam{margin-top:.75rem;font-size:1.5rem}.mens--lijst{padding:.75rem .875rem .875rem .75rem}.mens--lijst .mens-kop{gap:.75rem}.mens--lijst .portret{border-radius:1rem;width:3.875rem;height:4.75rem}.mens--lijst .mens-naam{margin-top:.125rem;font-size:1.5rem}.mens--lijst .mens-buurt{margin-top:.125rem;font-size:.875rem}.mens--lijst>.etiket{top:.75rem;right:.75rem}.mens--lijst .mens-uit{gap:.5rem;margin-top:.75rem}}@media (prefers-reduced-motion:reduce){.mens{transition:none}.mens:active{opacity:.8;transform:none}}@media (forced-colors:active){.mens{border:2px solid linktext}}