.family-section{display:grid;grid-template-columns:53% 47%;background:#fffdf6;color:#272821;border-top:1px solid #27282170;min-height:850px}
.family-copy{padding:48px 48px 44px;display:flex;flex-direction:column;justify-content:space-between;gap:55px;min-width:0}
.family-eyebrow{font-size:12px;letter-spacing:.07em;margin:0 0 24px}
.family-title{font:400 clamp(55px,5.8vw,90px)/.98 'DM Serif Display',Georgia,serif;letter-spacing:-.035em;margin:0}
.family-title span{display:block}
.family-title span:nth-child(2){text-align:right}
.family-title em{font-weight:400}
.family-cta{display:inline-block;font:400 15px 'DM Sans',sans-serif;color:inherit;border:1px solid;padding:12px 18px;text-decoration:none;margin-top:28px}
.family-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 30px}
.family-quote{border-left:1px solid #272821;padding:0 0 0 15px;min-width:0;margin:0}
.family-quote p{font:400 20px/1.4 'DM Sans',sans-serif;margin:0 0 24px;color:#66675f}
.family-quote footer{font:400 15px/1.4 'DM Sans',sans-serif}
.family-quote small{display:block;font-size:12px;color:#77786d;margin-top:6px}
.family-photo{margin:0;min-width:0;position:relative;overflow:hidden}
.family-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 38%}
.family-note{font-size:12px;color:#77786d;margin:0;line-height:1.5}
.monochrome .family-photo img{filter:grayscale(1)}
.warm .family-copy{background:#f4e8b3;padding:54px}
.warm .family-title{font-size:clamp(58px,5vw,78px)}
.warm .family-title span:nth-child(2){text-align:left;margin-left:55px}
.warm .family-quotes{grid-template-columns:1fr;gap:22px}
.warm .family-quote{display:grid;grid-template-columns:1fr 160px;align-items:start;gap:20px;padding-top:15px;border-left:0;border-top:1px solid #27282150}
.warm .family-quote p{font-size:20px;margin:0}
.close{grid-template-columns:48% 52%;min-height:850px}
.close .family-photo{order:-1}
.close .family-copy{padding:50px 50px 40px}
.close .family-title{font-size:clamp(54px,4.8vw,75px)}
.close .family-title span:nth-child(2){text-align:left}
.close .family-quotes{gap:32px}
.close .family-photo img{filter:grayscale(1);object-position:center 38%}
@media(max-width:900px){.family-copy,.warm .family-copy,.close .family-copy{padding:32px}.family-title{font-size:58px}.family-quotes{grid-template-columns:1fr;gap:25px}.family-quote p{font-size:18px}.warm .family-quote{grid-template-columns:1fr}.family-section{min-height:900px}}
@media(max-width:650px){.family-section,.close{grid-template-columns:1fr;min-height:0}.family-copy,.warm .family-copy,.close .family-copy{padding:38px 24px;gap:40px}.family-title,.warm .family-title,.close .family-title{font-size:54px}.family-quotes{grid-template-columns:1fr}.family-photo{min-height:530px}.family-photo img{object-position:center 35%}.close .family-photo{order:0}.family-quote p{font-size:20px}.family-cta{font-size:15px}.family-title span:nth-child(2){text-align:left}.warm .family-title span:nth-child(2){margin-left:30px}}
.family-more{font-size:15px;line-height:1.4}.family-more summary{cursor:pointer;list-style:none;border-top:1px solid #27282150;padding-top:14px;display:flex;justify-content:space-between}.family-more summary::-webkit-details-marker{display:none}.family-more>div{display:grid;gap:25px;margin-top:25px}.family-more .family-quote p{font-size:18px}.family-more[open] summary span{transform:rotate(45deg)}
.family-section{min-height:900px}.family-copy{gap:35px}.family-quote p{font-size:18px;line-height:1.45;margin-bottom:16px}.family-quotes{gap:28px 28px}.warm .family-quote p{font-size:18px}.warm .family-copy{gap:30px}.warm .family-quotes{gap:18px}