/* The Adams family: a framed, responsive brand portrait. */
.family-layout{grid-template-columns:.85fr 1.15fr;gap:80px}
.family-portrait{position:relative;width:100%;margin:18px 0 0;padding:12px;border:1px solid #c8aa7080;background:#0e110bf2;box-shadow:0 0 0 5px #1e2116,0 0 0 6px #c8aa7033,0 25px 65px #0005;min-width:0}
.family-portrait:before{content:'';position:absolute;width:145px;height:58px;top:-53px;left:50%;transform:translateX(-50%);background:url('/assets/gothic-crest.svg') center/contain no-repeat}
.family-portrait .image-button{display:block;width:100%;height:auto;padding:0;border:0;background:transparent;line-height:0}
.family-portrait .image-button:after{content:'View family portrait ↗';font-size:9px;color:#f3eee4;line-height:1.5;position:absolute;z-index:2}
.family-portrait img{width:100%;height:auto;display:block;object-fit:contain}
.family-portrait figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 3px 1px;font:20px/1.35 var(--classic);color:#decba5}
.family-portrait figcaption span{font:9px/1.5 var(--sans);letter-spacing:.04em;color:#bfb49e;text-align:right}
.family-copy h2{font-size:clamp(39px,4vw,57px)}
.family-section{padding-block:120px}
.owner-block{grid-template-columns:1.13fr .87fr;gap:85px;align-items:center}
.owner-block .family-portrait{align-self:center}
.dialog.artwork .brand-stamp{display:none}
.collection-notes details p{max-width:900px}
@media(max-width:1100px){.family-layout,.owner-block{gap:45px}.family-copy h2{font-size:44px}.family-copy .intro{font-size:23px}.family-copy>p{font-size:13px}.family-portrait figcaption{font-size:18px}.family-portrait figcaption span{font-size:8px}}
@media(max-width:800px){.family-layout,.owner-block{grid-template-columns:1fr;gap:60px}.family-portrait{max-width:670px;margin-inline:auto}.family-section{padding-block:75px}.family-copy>p{font-size:14px;max-width:650px}.family-copy h2{font-size:46px}.family-copy .intro{font-size:26px}.owner-block{padding-top:20px}.family-portrait figcaption{font-size:20px}.family-portrait figcaption span{font-size:9px}.owner-block .family-portrait{order:0}.owner-copy{order:1}}
@media(max-width:420px){.family-portrait{padding:8px}.family-portrait figcaption{font-size:17px;padding-top:12px}.family-portrait figcaption span{font-size:8px;max-width:115px}.family-copy h2{font-size:40px}.family-portrait .image-button:after{font-size:8px;top:8px;right:8px}}