.intro .content{max-width:720px}
.gallery.duo{gap:30px;display:grid;grid-template-columns:repeat(auto-fill,minmax(349px,1fr))}
.gallery.duo .gallery-card{flex:0 1 auto}
.duo .gallery-card a:has(img){border-radius:0 0 8px 8px;display:flex}
.duo .gallery-card a img,.duo .gallery-card .gi{flex:0 0 50%;width:50%}
.duo-in-out{padding:4px;text-align:center;background-color:var(--brown);color:var(--sand);border-radius:8px 8px 0 0}
.duo-in-out p.in-out{margin:0;line-height:1.1}
@media only screen and (min-width: 1024px) {
.duo-in-out{padding:10px}
.duo-in-out p{font-size:1em}
}
@media only screen and (min-width: 1280px) {
.gallery.duo{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:80px 30px}
}