/* Family photographs retain their full composition at every screen size. */
.about{column-gap:56px;row-gap:44px}
.family-photo{margin:0;min-width:0;background:var(--sky);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.family-photo img{display:block;width:100%;height:auto;object-fit:contain}
.family-photo figcaption{font:500 12px/1.6 var(--sans);color:var(--ink);padding:14px 18px;border-top:4px solid var(--blue)}
.family-photo-featured{align-self:center;box-shadow:12px 12px 0 var(--lavender)}
.family-photo-featured figcaption{border-color:var(--violet)}
.family-gallery{grid-column:1/-1;min-width:0}
.family-gallery h3{font-size:34px;color:var(--violet);margin:0 0 24px}
.family-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.family-gallery-grid .family-photo:nth-child(2){background:var(--mint)}
.family-gallery-grid .family-photo:nth-child(2) figcaption{border-color:var(--teal)}
.family-gallery-grid .family-photo:nth-child(3){background:#fff3b8}
.family-gallery-grid .family-photo:nth-child(3) figcaption{border-color:var(--yellow)}
@media(max-width:900px){.about{column-gap:32px}.family-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.about{grid-template-columns:1fr;row-gap:30px}.about-copy{grid-row:1}.family-photo-featured{box-shadow:7px 7px 0 var(--lavender)}.family-gallery-grid{grid-template-columns:1fr;gap:22px}.family-gallery-grid .family-photo:last-child{grid-column:auto;width:100%}.family-gallery h3{font-size:30px}.family-photo figcaption{font-size:12px}}

.family-gallery-grid .family-photo:nth-child(4){background:var(--lavender)}
.family-gallery-grid .family-photo:nth-child(4) figcaption{border-color:var(--violet)}