.family-signature{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:start;padding:25px 0 120px;border-bottom:1px solid var(--line)}
.family-mark{width:138px;height:138px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--wine);color:white;font:400 43px Georgia,serif;box-shadow:12px 12px 0 rgba(219,90,39,.18)}
.family-mark span{font-size:20px;color:#ffad70}.family-signature h2{font-size:clamp(36px,4vw,57px);margin-bottom:0}.family-signature h2 em{color:var(--accent);font-weight:400}.family-copy{color:var(--muted);font-size:17px}.family-copy p:first-child{margin-top:4px}.family-copy strong{display:block;margin-top:28px;color:var(--ink);font-size:18px;line-height:1.5}
.generation-path{padding:110px 0;background:#e8ded5}.generation-head{display:grid;grid-template-columns:.55fr 1.45fr;gap:60px}.generation-head h2{margin-top:0}.generation-steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid #cbbdb1}.generation-steps article{padding:30px 35px;border-right:1px solid #cbbdb1}.generation-steps article:last-child{border-right:0}.generation-steps span{font-size:11px;letter-spacing:.15em;color:var(--accent)}.generation-steps strong{display:block;font:400 28px Georgia,serif;color:var(--wine);margin:35px 0 12px}.generation-steps p{color:var(--muted)}
.family-intro{grid-template-columns:minmax(0,.95fr) minmax(190px,.45fr) minmax(0,1fr);gap:55px;align-items:center;padding-bottom:80px;overflow:hidden}.family-intro-portrait{align-self:end;display:flex;justify-content:center}.family-intro-portrait img{display:block;width:min(100%,300px);height:auto;max-height:470px;object-fit:contain;object-position:center bottom}.family-intro-copy{align-self:center}.family-intro-copy p:first-child{margin-top:0}
@media(max-width:1050px){.family-intro{grid-template-columns:1fr 240px;gap:35px 45px}.family-intro-copy{grid-column:1/-1}.family-intro-portrait img{max-height:390px}}
@media(max-width:1050px){.family-signature{grid-template-columns:1fr}.generation-head{grid-template-columns:1fr;gap:20px}}
@media(max-width:700px){.family-intro{grid-template-columns:1fr;gap:22px;padding-bottom:65px}.family-intro-portrait{align-self:auto}.family-intro-portrait img{width:min(82vw,300px);max-height:none}.family-intro-copy{grid-column:auto}.family-signature{gap:25px;padding-bottom:75px}.family-mark{width:105px;height:105px;font-size:34px}.generation-path{padding:75px 0}.generation-steps{grid-template-columns:1fr}.generation-steps article{border-right:0;border-bottom:1px solid #cbbdb1;padding:25px 0}}