/* Gallery of finished DAD pieces: three square tiles on desktop, a swipeable row on phones. */
#motiv-dad .works{padding-top:72px;padding-bottom:24px}
#motiv-dad .works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
#motiv-dad .works figure{margin:0}
#motiv-dad .works img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:6px;background:#e7e3da}
/* Keeps the purple LED strip at the top of that photo out of the square crop: anchor to the bottom and zoom in slightly. */
#motiv-dad .works figure:has(.crop-low){overflow:hidden;border-radius:6px}
#motiv-dad .works .crop-low{object-position:50% 100%;transform:scale(1.15);transform-origin:50% 100%}
#motiv-dad .works figcaption{margin-top:10px;font-size:14px;color:#5e6974}
#motiv-dad .works-note{margin-top:18px;font-size:15px;color:#5e6974}
@media(max-width:760px){
#motiv-dad .works{padding-top:48px}
#motiv-dad .works-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}
#motiv-dad .works figure{flex:0 0 78%;scroll-snap-align:start}
}