.celebrity-wall-page { background: var(--paper); }
.celebrity-hero { display: grid; grid-template-columns: 60px minmax(0, 1fr) 235px; min-height: 370px; border-bottom: 1px solid var(--line); }
.celebrity-hero .street-rail { min-height: 370px; }
.celebrity-hero__copy { padding: 46px 5.2vw 38px; }
.celebrity-hero__copy h1 { margin: 28px 0 20px; font: 600 clamp(58px, 7vw, 98px)/.86 "Playfair Display", serif; letter-spacing: -.065em; text-transform: uppercase; }
.celebrity-hero__copy h1 em { color: var(--red); font-style: normal; }
.celebrity-hero__copy > p:not(.eyebrow) { max-width: 445px; margin: 0; color: var(--muted); font-size: 17px; line-height: 1.55; }
.celebrity-hero__note { display: flex; flex-direction: column; justify-content: flex-end; padding: 30px; border-left: 1px solid var(--line); background: var(--ink); color: var(--paper); }
.celebrity-hero__note span { color: var(--red); font: 500 78px/.8 "Playfair Display", serif; letter-spacing: -.07em; }
.celebrity-hero__note p { margin: 18px 0 30px; font: 500 10px/1.4 "DM Mono", monospace; letter-spacing: .12em; }
.celebrity-hero__note b { color: #d6d4cf; font: 500 9px/1.3 "DM Mono", monospace; letter-spacing: .1em; }
.celebrity-gallery { padding-top: 28px; padding-bottom: 72px; }
.celebrity-gallery__bar { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 14px; border-bottom: 1px solid var(--line); color: var(--muted); font: 500 10px/1.3 "DM Mono", monospace; letter-spacing: .12em; }
.celebrity-gallery__bar p { margin: 0; color: var(--ink); }
.celebrity-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; padding-top: 14px; }
.celebrity-card { position: relative; grid-column: span 3; min-height: 220px; margin: 0; overflow: hidden; border: 1px solid var(--line); background: #e7e3da; cursor: zoom-in; }
.celebrity-card--feature { grid-column: span 5; grid-row: span 2; min-height: 520px; }
.celebrity-card--portrait { grid-column: span 4; }
.celebrity-card--tall { grid-row: span 2; min-height: 455px; }
.celebrity-card--wide { grid-column: span 5; }
.celebrity-card img { width: 100%; height: 100%; min-height: inherit; display: block; object-fit: cover; filter: saturate(.78) contrast(1.04); transition: filter .35s ease, transform .55s cubic-bezier(.2,.8,.2,1); }
.celebrity-card figcaption { position: absolute; display: flex; justify-content: space-between; align-items: flex-end; gap: 14px; left: 0; right: 0; bottom: 0; padding: 13px 14px; color: #fff; background: linear-gradient(transparent, rgba(17,18,20,.82)); font: 500 10px/1.2 "DM Mono", monospace; letter-spacing: .1em; opacity: 0; transition: opacity .25s ease; }
.celebrity-card figcaption span { color: #e85844; font: 500 21px/.9 "Playfair Display", serif; letter-spacing: -.04em; }
.celebrity-card figcaption b { font-weight: 500; }
.celebrity-card:hover img, .celebrity-card:focus-within img { filter: saturate(1) contrast(1); transform: scale(1.025); }
.celebrity-card:hover figcaption, .celebrity-card:focus-within figcaption { opacity: 1; }
@media (max-width: 900px) {
  .celebrity-hero { display: block; min-height: 0; padding: 0; }
  .celebrity-hero .street-rail { display: none; }
  .celebrity-hero__copy { padding: 42px 7vw 38px; }
  .celebrity-hero__copy h1 { font-size: clamp(58px, 16vw, 86px); }
  .celebrity-hero__note { min-height: 160px; padding: 24px 7vw; border-left: 0; flex-direction: row; align-items: center; justify-content: flex-start; gap: 20px; }
  .celebrity-hero__note p { margin: 0; }
  .celebrity-hero__note b { display: none; }
  .celebrity-gallery { padding: 20px 6vw 52px; }
  .celebrity-gallery__bar span { display: none; }
  .celebrity-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .celebrity-card, .celebrity-card--feature, .celebrity-card--portrait, .celebrity-card--tall, .celebrity-card--wide { grid-column: span 1; grid-row: auto; min-height: 0; aspect-ratio: 1 / 1.15; }
  .celebrity-card--feature { grid-column: 1 / -1; aspect-ratio: 4 / 5; }
  .celebrity-card figcaption { opacity: 1; padding: 10px; font-size: 8px; }
}