/* "Meet the family" block for Chuck's homepage. Uses Chuck's own variables. */
.family{padding-top:80px;padding-bottom:75px}
.family-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:46px}
.family-card{display:grid;grid-template-columns:170px 1fr;gap:24px;align-items:center;border:1px solid var(--line);padding:20px;background:#1b2b29;transition:transform .2s,border-color .2s}
.family-card:hover{transform:translateY(-3px);border-color:var(--pink)}
.family-card img{width:170px;height:170px;object-fit:cover;display:block}
.family-card .eyebrow{font-size:9px;color:var(--lime);margin-bottom:10px}
.family-card h3{font:700 38px/0.95 ChuckNarrow,'Arial Narrow',sans-serif;margin:0}
.family-card p{font-size:14px;line-height:1.6;color:#c4cfc1;margin-top:10px}
.family-card .family-cta{display:inline-block;margin-top:14px;font-weight:700;font-size:13px;color:var(--pink)}
.family-card.honey{box-shadow:inset 4px 0 0 #c9b6ff}
.family-card.baby{box-shadow:inset 4px 0 0 #ff3d9a}
.family-intro{max-width:560px;color:#c4cfc1;font-size:15px;line-height:1.7;margin-top:22px}
@media (max-width:900px){.family-grid{grid-template-columns:1fr}}
@media (max-width:520px){.family-card{grid-template-columns:1fr}.family-card img{width:100%;height:auto;aspect-ratio:1/1}}