/* Office gallery shared by the home and about pages. */
.office-gallery { background: #f5f7fb; }
.office-gallery .section-title { margin-bottom: 32px; }
.office-gallery .section-title p { max-width: 640px; margin: 14px auto 0; color: #626979; }
.office-gallery-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.office-gallery-card { margin: 0; min-width: 0; overflow: hidden; border-radius: 12px; background: #fff; border: 1px solid #e3e7ee; box-shadow: 0 8px 24px rgba(26, 40, 70, .05); }
.office-gallery-photo { display: flex; align-items: center; justify-content: center; aspect-ratio: 3 / 4; background: #e9edf2; }
.office-gallery-photo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.office-gallery-photo:focus-visible { outline: 3px solid #5b45d5; outline-offset: -3px; }
.office-gallery-photo:hover { opacity: .92; }
.office-gallery-card figcaption { padding: 18px 16px; font-size: 17px; font-weight: 600; color: #25324b; text-align: center; }
.office-gallery-hint { margin: 24px 0 0; color: #626979; text-align: center; font-size: 14px; }
@media (max-width: 991px) { .office-gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 575px) { .office-gallery-grid { grid-template-columns: minmax(0, 1fr); gap: 20px; } .office-gallery { padding: 60px 0; } }