.robot-portrait.expo-group-photo { width: min(100%,560px); }
.robot-portrait.expo-group-photo img { height: auto; aspect-ratio: 4/3; object-fit: contain; }
.project-preview { width: min(1120px,calc(100% - 48px)); }
.preview-grid { grid-template-columns: 1.15fr 1fr; gap: 36px; }
.preview-photos { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; align-items: center; padding-block: 20px; }
.preview-photo { margin: 0; border-radius: 50%; }
.preview-photo:nth-child(2) { transform: translateY(18px); }
.preview-grid .preview-photo img { width: 100%; height: auto; aspect-ratio: 1; border-radius: 50%; object-fit: cover; object-position: 50% 48%; mask-image: radial-gradient(circle closest-side,#000 94%,transparent 100%); }
.preview-grid .preview-photo img.robot-photo { object-position: 50% 39%; }
@media(max-width:850px) {
 .preview-grid { grid-template-columns: 1fr; gap: 24px; }
 .preview-photos { width: min(100%,540px); margin-inline: auto; padding-block: 0 18px; }
}
@media(max-width:650px) {
 .project-preview { width: calc(100% - 24px); }
 .preview-photos { gap: 16px; }
}