.family-card{flex-direction:column;height:100%;display:flex}.family-card__image-wrap{aspect-ratio:16/9;background:color-mix(in srgb, var(--portal-primary) 6%, var(--surface-ground));border-radius:10px;width:100%;margin-bottom:.85rem;position:relative;overflow:hidden}.family-card__image-wrap:hover .family-card__image{transform:scale(1.04)}.family-card__image{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.family-card__badges{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:.6rem;left:.6rem;right:.6rem}.family-card__featured-badge{background:color-mix(in srgb, var(--portal-primary) 88%, #000);color:#fff;letter-spacing:.1em;text-transform:uppercase;pointer-events:auto;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.68rem;font-weight:800;display:inline-flex;box-shadow:0 2px 8px #00000040}.family-card__count-badge{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;pointer-events:auto;background:#00000085;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-flex}.family-card__logo-wrap{border:2px solid var(--surface-card);background:var(--surface-card);z-index:1;border-radius:50%;width:3.25rem;height:3.25rem;position:absolute;bottom:-1rem;left:.85rem;overflow:hidden;box-shadow:0 2px 8px #0003}.family-card__body{flex-direction:column;flex:1;gap:.4rem;display:flex}.family-card__body--with-logo{padding-top:1rem}.family-card__title{color:var(--text-color);font-size:1rem;font-weight:700;line-height:1.35;text-decoration:none;display:block}.family-card__title:hover{color:var(--portal-primary)}.family-card__desc{color:var(--text-color-secondary);margin:0;font-size:.85rem;line-height:1.6}.family-card-ltr{flex-direction:column;gap:.75rem;display:flex}@media (min-width:768px){.family-card-ltr{flex-direction:row;align-items:flex-start}}.family-card-ltr__image{object-fit:cover;border-radius:10px;width:100%;height:10rem;display:block}@media (min-width:768px){.family-card-ltr__image{flex-shrink:0;width:10rem}}.family-card-ltr__content{flex-direction:column;flex:1;gap:.35rem;display:flex}.family-card-ltr__title{color:var(--text-color);font-size:1rem;font-weight:700;text-decoration:none}.family-card-ltr__title:hover{color:var(--portal-primary)}.family-card-ltr__meta{color:var(--text-color-secondary);font-size:.8rem}.family-card-ltr__desc{color:var(--text-color-secondary);font-size:.85rem;line-height:1.6}