.related-group{gap:var(--space-7);padding-block:var(--space-section-sm) var(--space-section);border-block-start:var(--border) solid var(--border-subtle);display:grid}.related{gap:var(--space-4);min-inline-size:0;display:grid}.related__head{justify-content:space-between;align-items:baseline;gap:var(--space-1) var(--space-5);flex-wrap:wrap;display:flex}.related__head h2{font-family:var(--font-person-profile);font-size:var(--directory-section-title,var(--text-2xl));line-height:var(--leading-heading);text-wrap:balance;overflow-wrap:anywhere;margin:0}.related__all{align-items:center;gap:var(--space-2);min-block-size:var(--tap-min);color:var(--brand-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none;display:inline-flex}.related__all:hover{text-decoration:underline}.related__all svg{inline-size:var(--icon-sm);block-size:var(--icon-sm);flex:none}.related__list{gap:var(--space-3);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.related-card{grid-template-columns:var(--related-thumb) minmax(0, 1fr);align-items:center;gap:var(--space-4);min-inline-size:0;padding:var(--space-3);border:var(--border) solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-raised);transition:border-color var(--duration-fast) var(--ease-out);display:grid;position:relative}.related-card:hover,.related-card:focus-within{border-color:var(--brand-line)}.related-card__media{aspect-ratio:var(--directory-card-ratio);border-radius:var(--radius-xs);background:var(--media-backdrop);color:var(--brand-text);place-items:center;display:grid;position:relative;overflow:hidden}.related-card__media[data-kind=none]{background:var(--brand-tint)}.related-card__media img{object-fit:contain;block-size:100%;inline-size:100%;filter:drop-shadow(0 0 var(--artwork-halo-blur) var(--artwork-halo));position:absolute;inset:0}.related-card__media[data-kind=photo] img{object-fit:cover;filter:none}.related-card__media svg{inline-size:var(--related-glyph);block-size:var(--related-glyph)}.related-card__body{align-content:center;gap:var(--space-1);min-inline-size:0;display:grid}.related-card__kind{color:var(--ink-3);font-size:var(--text-xs);line-height:var(--leading-ui);overflow-wrap:anywhere}.related-card h3{font-family:var(--font-person-profile);font-size:var(--text-base);font-weight:var(--weight-bold);line-height:var(--leading-snug);letter-spacing:normal;overflow-wrap:anywhere;text-wrap:pretty;margin:0}.related-card h3 a{color:var(--ink);text-decoration:none}.related-card h3 a:after{content:"";border-radius:inherit;position:absolute;inset:0}.related-card:hover h3 a{color:var(--brand-text)}.related-card h3 a:focus-visible{outline:none}.related-card h3 a:focus-visible:after{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.related-card__place{align-items:flex-start;gap:var(--space-1);color:var(--ink-3);font-size:var(--text-xs);line-height:var(--leading-snug);overflow-wrap:anywhere;display:flex}.related-card__place svg{inline-size:var(--icon-sm);block-size:var(--icon-sm);flex:none}.related-card__distance{white-space:nowrap}.related-card .listing-badges{position:relative}@media (min-width:40rem){.related__list{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.related__list{gap:var(--space-5);grid-template-columns:repeat(4,minmax(0,1fr))}.related-card{grid-template-columns:minmax(0,1fr);align-content:start;align-items:start;gap:0;padding:0}.related-card__media{border-radius:calc(var(--radius-md) - var(--border)) calc(var(--radius-md) - var(--border)) 0 0;border-block-end:var(--border) solid var(--border-subtle)}.related-card__media svg{inline-size:var(--related-glyph-wide);block-size:var(--related-glyph-wide)}.related-card__body{align-content:start;gap:var(--space-2);padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){.related-card{transition:none}}