/* Museums & Cultural market page. Shared shell comes from signage-solutions.css. */

.mus-hero__inner { max-width: min(58rem, 100%); }

/* Alternating capability rows */
.mus-rows { display: grid; gap: clamp(2.5rem, 6vw, 5rem); margin-top: clamp(2rem, 4vw, 3rem); }
.mus-row { display: grid; gap: clamp(1.5rem, 4vw, 3rem); align-items: center; }
@media (min-width: 900px) {
  .mus-row { grid-template-columns: 1fr 1fr; }
  .mus-row:nth-child(even) .mus-row__media { order: -1; }
}
.mus-row__media { position: relative; aspect-ratio: 4 / 3; overflow: hidden; }
.mus-row__copy { display: flex; flex-direction: column; gap: var(--space-4); }
.mus-row__copy p { color: var(--text-secondary); max-width: var(--measure); }
.mus-row__num { font-family: var(--font-mono); font-size: var(--text-caption); color: var(--text-muted); }
.mus-row__list { display: flex; flex-direction: column; gap: var(--space-2); padding-top: var(--space-2); }
.mus-row__list li { font-size: var(--text-body-sm); color: var(--text-secondary); }
.mus-row__list strong { color: var(--text-primary); }

/* Institution wall */
.mus-institutions { display: grid; gap: 1px; margin-top: clamp(1.5rem, 3vw, 2.5rem); background: rgba(255,255,255,.14); grid-template-columns: repeat(auto-fill, minmax(min(50%, 190px), 1fr)); }
.mus-institutions li {
  display: grid; place-items: center; min-height: 108px; padding: var(--space-4); background: var(--ink-950);
  font-family: var(--font-display); font-weight: var(--weight-bold); font-size: var(--text-body-sm);
  text-transform: uppercase; letter-spacing: var(--tracking-wide); color: rgba(255,255,255,.66); text-align: center;
}

/* Install timeline */
.mus-timeline { margin-top: clamp(2rem, 4vw, 3rem); display: grid; gap: 0; }
.mus-timeline > li { display: grid; gap: var(--space-4); padding: var(--space-6) 0; border-top: 1px solid var(--border-subtle); }
.mus-timeline > li:last-child { border-bottom: 1px solid var(--border-subtle); }
@media (min-width: 768px) { .mus-timeline > li { grid-template-columns: 132px 1fr; gap: clamp(1.5rem, 4vw, 3rem); } }
.mus-timeline__when { font-family: var(--font-mono); font-size: var(--text-body-sm); color: var(--text-accent); }
.mus-timeline__body h3 { font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-h3); }
.mus-timeline__body p { color: var(--text-secondary); margin-top: var(--space-2); max-width: var(--measure); }
.mus-timeline__body .epi-mono { color: var(--text-muted); }

/* Care notes */
.mus-notes { display: grid; gap: var(--grid-gap); margin-top: clamp(1.5rem, 3vw, 2.5rem); grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
.mus-note { padding: var(--space-6); background: var(--paper); border: 1px solid var(--border-subtle); }
.mus-note__rule { width: 48px; height: 4px; background: var(--gradient-spectrum); margin-bottom: var(--space-4); }
.mus-note h3 { font-family: var(--font-display); font-weight: var(--weight-semibold); font-size: var(--text-h4); }
.mus-note p { font-size: var(--text-body-sm); color: var(--text-secondary); margin-top: var(--space-2); }

/* Gallery band */
.mus-band { display: grid; gap: var(--space-3); margin-top: clamp(1.5rem, 3vw, 2.5rem); grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); }
.mus-band figure { position: relative; aspect-ratio: 3 / 4; overflow: hidden; }
.mus-band figure:first-child { grid-column: span 1; }
@media (min-width: 900px) { .mus-band figure:first-child { grid-column: span 2; aspect-ratio: 3 / 2; } }

#process .sig-panel { grid-template-columns: minmax(0, 1fr); }
#process .sig-panel__copy { max-width: 72ch; }