/* Hub-only framing: entire supplied illustrations, breathing room around hair. */
.collage{height:clamp(460px,50vw,650px);margin:34px auto 0}
.collage .photo{width:42%;height:auto;background:#fff}
.collage .photo-one{left:2%;top:20px}
.collage .photo-two{right:2%;top:48px}
.collage .photo img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;object-position:center;padding:6px;background:#fff}
.collage .ampersand{z-index:0;top:auto;bottom:20px;left:44%;font-size:96px;color:var(--brand-link);opacity:.5}
.collage .outline{z-index:0}
.live-grace [lang="zh-Hans"]{display:none}
html[lang="zh-Hans"] .live-grace [lang="zh-Hans"]{display:inline}
html[lang="zh-Hans"] .live-grace [lang="en"]{display:none}
@media(max-width:768px){
 /* A little frame overlap brings the pair together without covering either head.
    Reserve space below the rotated square frames for the shared caption. */
 .collage{height:clamp(320px,calc(54vw + 150px),570px);margin-top:32px}
 .collage .photo{width:54%;border-width:6px}
 .collage .photo-one{left:.5%;top:14px}
 .collage .photo-two{right:.5%;top:56px}
 .collage .photo img{padding:3px}
 .collage figcaption{height:38px;padding:3px 4px;flex-direction:column;align-items:start;justify-content:center;font-size:8px;gap:3px;letter-spacing:.3px}
 .collage .photo-one figcaption span{max-width:65%}
 .collage .margin-note{display:none}
 .collage .ampersand{font-size:58px;left:26%;bottom:12px}
 .collage .small-caption{bottom:0;gap:8px}
 .collage .small-caption p{font-size:10px}
 .collage .cross{font-size:32px}
}