.iv-family{background:#141413;padding:130px clamp(22px,5.6vw,110px);position:relative;z-index:2}
.iv-fam-eyebrow{font-size:13px;font-weight:500;letter-spacing:.17em;color:#a6a49e;margin:0 0 28px;text-transform:uppercase}
.iv-fam-eyebrow span{color:#db9a6d;margin-right:16px}
.iv-fam-title{font-size:clamp(40px,5.4vw,100px);font-weight:350;letter-spacing:-.06em;line-height:1.02;margin:0;color:#eeeae3}
.iv-fam-title em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#c4b7a4}
.iv-fam-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:70px}
.iv-fam{position:relative;aspect-ratio:3/4;overflow:hidden;border:1px solid #ffffff1f;background:#000;transition:border-color .4s;color:#eeeae3;text-decoration:none}
.iv-fam img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.2,1),opacity .6s;opacity:.8;display:block;max-width:none}
.iv-fam img.contain{object-fit:contain;padding:18%;background:radial-gradient(ellipse at 50% 50%,#2a2622,#0d0d0c 70%)}
.iv-fam:hover{border-color:#db9a6d}.iv-fam:hover img{transform:scale(1.06);opacity:1}
.iv-fam:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000c,#0000 45%);pointer-events:none}
.iv-fam span{position:absolute;left:22px;bottom:20px;right:22px;display:flex;justify-content:space-between;align-items:flex-end;font-size:24px;letter-spacing:.14em;font-weight:300;z-index:2}
.iv-fam span small{font-size:12px;letter-spacing:.14em;color:#bdb9b0}
@media(max-width:1000px){.iv-fam-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.iv-family{padding:90px 22px}.iv-fam-grid{gap:10px}.iv-fam span{left:12px;bottom:12px;font-size:16px;flex-direction:column;align-items:flex-start;gap:4px}}