.expo-album { padding-top: 40px; padding-bottom: 52px; }
.expo-album-heading { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin: 26px 0 32px; }
.expo-album h1 { font: 700 clamp(28px,3vw,40px)/1.4 var(--upgrade-serif); margin: 0; color: var(--four-ink); }
.expo-album-heading p { color: var(--four-muted); margin: 0; }
.expo-album time { font-size: 14px; }
.expo-people-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px 24px; align-items: start; }
.expo-people-grid figure { margin: 0; min-width: 0; }
.expo-people-grid figure:first-child { grid-column: 1/-1; }
.expo-people-grid a { display: block; background: #e9eff3; }
.expo-people-grid img { display: block; width: 100%; height: auto; object-fit: contain; max-height: 600px; }
.expo-people-grid figcaption { font-size: 15px; color: var(--four-ink); padding-top: 12px; }
.expo-album-return { margin-top: 38px; }
.expo-view-hint { color: var(--four-muted); font-size: 14px; margin: -10px 0 22px; }
.expo-people-grid a:focus-visible { outline: 3px solid #b78b00; outline-offset: 5px; }
.expo-lightbox:not([open]) { display: none; }
.expo-lightbox { box-sizing: border-box; width: min(1200px, calc(100vw - 32px)); max-width: none; height: min(900px, calc(100dvh - 32px)); max-height: calc(100dvh - 32px); margin: auto; padding: 16px 20px; border: 1px solid #51657a; background: #0d2337; color: #fff; display: flex; flex-direction: column; gap: 12px; }
.expo-lightbox::backdrop { background: rgb(3 13 24 / .87); }
html:has(.expo-lightbox[open]) { overflow: hidden; }
.expo-lightbox-toolbar, .expo-lightbox-controls { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-shrink: 0; }
.expo-lightbox-toolbar p { font-size: 16px; line-height: 1.6; color: #fff; margin: 0; }
.expo-lightbox button { font: 600 15px/1.5 var(--upgrade-sans); min-height: 44px; padding: 8px 16px; background: transparent; border: 1px solid #7791a7; color: #fff; cursor: pointer; white-space: nowrap; }
.expo-lightbox button:hover { background: #244764; }
.expo-lightbox button:focus-visible { outline: 3px solid #f4c900; outline-offset: 3px; }
.expo-lightbox-image { flex: 1; min-height: 0; display: flex; justify-content: center; align-items: center; }
.expo-lightbox-image img { display: block; width: 100%; height: 100%; min-height: 0; object-fit: contain; }
.expo-lightbox-controls span { font-size: 14px; }
@media(max-width:600px) {
  .expo-lightbox { width: calc(100vw - 16px); height: calc(100dvh - 16px); max-height: calc(100dvh - 16px); padding: 12px; }
  .expo-lightbox-toolbar { align-items: start; gap: 8px; }
  .expo-lightbox-toolbar p { font-size: 14px; }
  .expo-lightbox button { padding-inline: 12px; }
}
@media(max-width:768px) {
  .expo-album { padding-top: 28px; }
  .expo-album-heading { display: block; margin: 22px 0 28px; }
  .expo-album-heading p { margin-top: 18px; }
  .expo-people-grid { grid-template-columns: 1fr; gap: 24px; }
}