/* ==========================================================================
   Metropolen (/artister/metropolen/), sidenivå. Lastes bare av denne siden via
   meta.sideCss i data/artist-content/metropolen.md, så artistmalen for de andre
   sidene er uendret. Laget 21.10.2026, samme grep som AVGVSTVS og JMK.

   Mobil og nettbrett (under 820 px): malens omslag trekker tittelblokka opp i
   den nedre fadingen av pressefotoet. Eierens designdom 20.10.2026 er «ingen
   tekst oppå bilder», så her starter teksten under bildet, på heltebakgrunnen.
   Desktop er uendret: der står bildet som panel ved siden av teksten.
   ========================================================================== */

@media (max-width: 819px) {
  .artist-hero--omslag .artist-hero-content {
    margin-top: 0;
    padding-top: 8px;
  }
}

/* Nettbrett: når teksten står under bildet, må fotoet være lavere for at
   tittelen og taglinen skal stå over folden på 768 x 900 (designgaten). */
@media (min-width: 500px) and (max-width: 819px) {
  .artist-hero--omslag img.artist-hero-image {
    max-height: 50vh;
    max-height: 50svh;
  }
}

/* Lenken i taglinen («slik er Metropolen satt sammen» → kartet over hvor de
   fem kommer fra): teksten står på heltebakgrunnen og arver fargen, med en
   gul strek under, som hos AVGVSTVS og JMK. */
.artist-hero-tagline a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1.5px solid var(--artist-accent);
}
.artist-hero-tagline a:focus-visible { color: var(--artist-accent); }
@media (hover: hover) and (pointer: fine) {
  .artist-hero-tagline a:hover { color: var(--artist-accent); }
}

/* Tabellene på denne siden er oppslag med tekst, ikke tall. Malens
   .af-tabell høyrestiller og låser cellene på én linje (nowrap), og på 390 px
   rullet tabellene da sidelengs. Her brytes og venstrestilles teksten. */
.af-tabell.metro-tabell td,
.af-tabell.metro-tabell thead th + th {
  text-align: left;
  white-space: normal;
}
.af-tabell.metro-tabell tbody th {
  white-space: nowrap;
}
@media (max-width: 479px) {
  .af-tabell.metro-tabell tbody th {
    white-space: normal;
    width: 34%;
  }
}

/* Kontrast i «Andre artister» (Ramón og Ari Bajgora fra data/artist-relations.json):
   malen bruker --artist-accent (gul) på lys bakgrunn, 1,47:1 og 1,63:1 i designgaten
   21.10.2026. Samme sidelokale retting som Sombr: blekktonen. Malfeilen tas i egen PR. */
.artist-related-section .artist-section-eyebrow { color: var(--artist-accent-ink); }
.artist-related-section .artist-section-eyebrow::before { background: var(--artist-accent-ink); }
.artist-related-card-eyebrow { color: var(--artist-accent-ink); }