.family-hero{display:grid;grid-template-columns:.9fr 1.1fr;min-height:760px;background:#160f12;color:#f4efe7}.family-hero>div{padding:11vw 6vw}.family-hero h1{font-size:clamp(70px,8vw,128px);line-height:.78;margin:28px 0}.family-hero>div>p{max-width:560px;color:#d7cbc4;font-size:18px}.family-hero>div>span{display:block;margin-top:35px;color:#d7bea0;text-transform:uppercase;letter-spacing:.14em;font-size:10px}.family-hero figure{margin:0;position:relative}.family-hero img{width:100%;height:760px;object-fit:cover;filter:saturate(.75) brightness(.8)}.family-hero figcaption{position:absolute;bottom:18px;left:18px;right:18px;background:#100b0dcc;color:#fff;padding:10px;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.family-config{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;padding:130px max(6vw,30px);background:#f4efe7}.family-config h2{font-size:70px}.family-config form{display:grid;gap:10px;margin:35px 0}.family-config label{text-transform:uppercase;letter-spacing:.14em;font-size:10px}.family-config select{min-height:58px;border:1px solid #87756e;background:#fff;padding:12px;font-size:16px}.family-config dl{border-top:1px solid #b9aaa2}.family-config dl div{display:grid;grid-template-columns:180px 1fr;padding:15px 0;border-bottom:1px solid #cfc2b9}.family-config dt{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.family-config dd{font-family:var(--display);font-size:22px}.family-notice{padding:20px;border-left:3px solid #5b1729;background:#e8ddd3}.family-config aside{padding:45px;background:#2b151c;color:#f4efe7}.family-config aside h3{font-size:32px;margin-top:35px}.family-config aside p{color:#d4c5bf}.admin-card{margin:2rem 0;padding:1.5rem;background:#f4efe7}.admin-card details{border-top:1px solid #bbb;padding:1rem 0}.admin-card summary{font-weight:700;cursor:pointer}.admin-card table{width:100%}@media(max-width:700px){.family-hero,.family-config{grid-template-columns:1fr}.family-hero>div{padding:90px 20px}.family-hero h1{font-size:64px}.family-hero img{height:560px}.family-config{padding:90px 20px}.family-config h2{font-size:52px}.family-config dl div{grid-template-columns:1fr}.family-config aside{padding:28px}}
.family-rail{grid-template-columns:repeat(4,1fr)}.family-rail a{color:#0b090a}.family-rail img{width:100%;height:480px;object-fit:cover}.family-rail small{display:block;margin-top:12px;text-transform:uppercase;letter-spacing:.09em;color:#5b1729}.family-rail h3{font-size:32px;margin:8px 0}.family-rail span{font-size:12px;color:#655b57}@media(max-width:900px){.family-rail{grid-template-columns:1fr 1fr}}@media(max-width:520px){.family-rail{grid-template-columns:1fr}.family-rail img{height:480px}}
.family-shop{padding-top:70px}.family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px 24px}.family-grid a{color:#0b090a}.family-grid figure{margin:0;position:relative}.family-grid img{width:100%;height:520px;object-fit:cover}.family-grid figcaption{position:absolute;left:8px;right:8px;bottom:8px;background:#120c0ed9;color:#fff;padding:8px;font-size:9px;text-transform:uppercase}.family-grid h2{font-size:42px;margin:8px 0}.family-grid a>span{display:block;color:#5b1729;font-size:11px}.family-grid a>b{display:inline-block;margin-top:18px;border-bottom:1px solid;text-transform:uppercase;letter-spacing:.1em;font-size:10px}@media(max-width:800px){.family-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.family-grid{grid-template-columns:1fr}.family-grid img{height:480px}}

/* Keep hover-zoomed artwork inside its media frame instead of over card copy. */
.family-grid>a{min-width:0}.family-grid figure{overflow:hidden}.family-grid img{display:block}
.family-rail>a{min-width:0;background:#fff}.family-rail img{display:block}.family-rail small,.family-rail h3,.family-rail span{position:relative;z-index:2;display:block;background:#fff}
