/* Colours come from the shared theme tokens (theme.css) so light and dark follow the school theme. */
.photo-office { max-width: 70rem; }
.photo-office .lead, .photo-office .eyebrow { color: var(--ui-muted); }
.photo-office-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; margin: 1.5rem 0; }
.photo-office-card { border: 1px solid var(--ui-line); border-radius: 1rem; padding: 1rem; background: var(--ui-surface); color: var(--ui-ink); }
.photo-office-card img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: .7rem; }
.photo-office-card button { min-height: 2.75rem; border: 0; border-radius: .7rem; padding: .7rem 1rem; background: var(--ui-action); color: var(--ui-on-action); font: inherit; font-weight: 700; }
.photo-office-state { font-weight: 750; }
@media (max-width: 375px) { .photo-office-grid { grid-template-columns: 1fr; } .photo-office-card button { width: 100%; } }