/* Blogkaarten voor het blok "Uit de buurt" op wijkpagina's. Letterlijk uit blog-makelaarinamsterdam.html. */
.uit-de-buurt .raster{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.uit-de-buurt .kaart{background:var(--wit);border:1px solid var(--zand-rand);border-radius:var(--radius);overflow:hidden;box-shadow:var(--schaduw-klein);display:flex;flex-direction:column;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}
.uit-de-buurt .kaart:hover{transform:translateY(-4px);box-shadow:var(--schaduw)}
.uit-de-buurt .kaart-beeld{aspect-ratio:16/10;overflow:hidden;background:var(--zand-diep)}
.uit-de-buurt .kaart-beeld img{width:100%;height:100%;object-fit:cover}
.uit-de-buurt .kaart-tekst{padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.uit-de-buurt .meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:.8rem;color:var(--ink-zacht)}
.uit-de-buurt .kaart h3{font-size:1.2rem;line-height:1.25}
.uit-de-buurt .kaart p{font-size:.95rem;color:var(--ink-zacht)}
.uit-de-buurt .lees{margin-top:auto;font-family:'Funnel Display',Arial,sans-serif;font-weight:700;font-size:.95rem;border-bottom:3px solid var(--blauw);align-self:flex-start;padding-bottom:2px}
.uit-de-buurt .lees::after{content:" \2192";color:var(--groen)}
.uit-de-buurt .cat{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border-radius:999px}
.uit-de-buurt .cat-kv{background:var(--blauw-zacht);color:#1f5673}
.uit-de-buurt .cat-wm{background:#e4e5e4;color:var(--ink)}
.uit-de-buurt .cat-bs{background:#ecebdc;color:#55522b}
.uit-de-buurt .cat-wi{background:var(--zand-diep);color:#6b5530}
.uit-de-buurt .cat-wh{background:#f5e1dd;color:#8e3326}
.uit-de-buurt .tegel{position:relative;width:100%;height:100%;display:flex;align-items:flex-end;padding:20px 22px;overflow:hidden}
.uit-de-buurt .tegel b{position:relative;font-family:'Funnel Display',Arial,sans-serif;font-weight:800;font-size:1.5rem;line-height:1.05;max-width:12ch;letter-spacing:-.02em}
.uit-de-buurt .tegel-kv{background:var(--blauw);color:var(--ink)}
.uit-de-buurt .tegel-wm{background:var(--ink);color:var(--zand)}
.uit-de-buurt .tegel-bs{background:var(--groen);color:var(--zand)}
.uit-de-buurt .tegel-wi{background:var(--zand-diep);color:var(--ink)}
.uit-de-buurt .tegel-wh{background:var(--rood);color:var(--zand)}
@media(max-width:1000px){.uit-de-buurt .raster{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.uit-de-buurt .raster{grid-template-columns:1fr}}
.uit-de-buurt .tegel::after{content:"";position:absolute;right:24px;top:22px;width:30px;height:98px;background:currentColor;opacity:.28;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 110'%3E%3Cpath d='M5 5l24 24M29 5L5 29M5 43l24 24M29 43L5 67M5 81l24 24M29 81L5 105' stroke='black' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 110'%3E%3Cpath d='M5 5l24 24M29 5L5 29M5 43l24 24M29 43L5 67M5 81l24 24M29 81L5 105' stroke='black' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}