/* The Gallery — museum black, warm exhibit glow, brass */
:root {
  --bg: #0B0B0C;
  --ink: #F1E4C8;
  --accent: #A98963;
  --serif: "Cormorant Garamond", Georgia, serif;
  --sans: "IBM Plex Mono", monospace;
}

.callout.exhibit span { text-transform: none; letter-spacing: 0.06em; line-height: 1.6; }

.wall-name { font-size: clamp(3rem, 9vw, 7rem); letter-spacing: 0.14em; }
.wall-sub { font-size: clamp(1rem, 2vw, 1.4rem); font-style: italic; opacity: 0.75; }

.work-index { margin-top: 4rem; }
.work-row {
  display: grid; grid-template-columns: 220px 1fr auto; gap: 2rem; align-items: baseline;
  padding: 1.6rem 0.2rem; border-top: 1px solid color-mix(in srgb, var(--ink) 14%, transparent);
}
.work-row strong { font-family: var(--serif); font-size: 1.5rem; font-weight: 500; }
.work-row span { font-size: 0.72rem; letter-spacing: 0.08em; opacity: 0.65; }
.work-row em { font-style: normal; font-size: 0.62rem; letter-spacing: 0.3em; opacity: 0.4; }
@media (max-width: 767px) { .work-row { grid-template-columns: 1fr; gap: 0.4rem; } }

.mail {
  color: var(--accent); text-decoration: none; font-family: var(--serif);
  font-size: clamp(1.4rem, 3.4vw, 2.4rem); border-bottom: 1px solid color-mix(in srgb, var(--accent) 45%, transparent);
}