/* Controlled variation for artist guides: one design system, several page voices. */
body.artist-tone-0 { --artist-accent:#d4a030; --artist-glow:rgba(212,160,48,.22); }
body.artist-tone-1 { --artist-accent:#d7782b; --artist-glow:rgba(215,120,43,.22); }
body.artist-tone-2 { --artist-accent:#a86eb8; --artist-glow:rgba(168,110,184,.20); }
body.artist-tone-3 { --artist-accent:#759f83; --artist-glow:rgba(117,159,131,.20); }
body.artist-tone-4 { --artist-accent:#b66b54; --artist-glow:rgba(182,107,84,.21); }
body.artist-tone-5 { --artist-accent:#7b91ad; --artist-glow:rgba(123,145,173,.20); }

body[class*="artist-tone-"] {
  --gold:var(--artist-accent);
  --rf-gold:var(--artist-accent);
}

body.artist-layout-0 .rf-band-hero::before,
body.artist-layout-0 .rf-band-hero::after { right:7vw; }
body.artist-layout-1 .rf-band-hero { place-items:end end; text-align:right; }
body.artist-layout-1 .rf-band-hero-inner { padding-left:min(22vw,260px); }
body.artist-layout-1 .rf-band-rank { left:4vw; right:auto; }
body.artist-layout-1 .rf-band-hero::before,
body.artist-layout-1 .rf-band-hero::after { left:7vw; right:auto; }
body.artist-layout-2 .rf-band-hero { place-items:center; text-align:center; }
body.artist-layout-2 .rf-band-hero-inner { padding-bottom:82px; }
body.artist-layout-2 .rf-band-hero h1,
body.artist-layout-2 .rf-tagline { margin-left:auto; margin-right:auto; }
body.artist-layout-2 .rf-band-rank { left:50%; right:auto; transform:translateX(-50%); }

body[class*="artist-layout-"] .rf-band-hero {
  background:
    radial-gradient(circle at var(--artist-x,78%) var(--artist-y,28%),var(--artist-glow),transparent 26%),
    linear-gradient(var(--artist-angle,135deg),#0b0702 0%,var(--artist-mid,#251304) 52%,#0d0802 100%);
}

body.artist-layout-1 .band-photo { margin-left:0; max-width:780px; }
body.artist-layout-2 .band-photo { margin-right:0; max-width:780px; }
body.artist-layout-0 .band-photo { max-width:900px; }

body.artist-layout-1 .rf-section:nth-of-type(even) h2,
body.artist-layout-2 .rf-section:nth-of-type(odd) h2 {
  border-bottom-style:dashed;
}

body.artist-layout-2 .rf-members {
  border-left:1px solid var(--rf-border,var(--border-gold));
  border-top:3px solid var(--artist-accent);
}

@media (max-width:800px) {
  body.artist-layout-1 .rf-band-hero,
  body.artist-layout-2 .rf-band-hero { place-items:end start; text-align:left; }
  body.artist-layout-1 .rf-band-hero-inner,
  body.artist-layout-2 .rf-band-hero-inner { padding-left:18px; }
  body.artist-layout-1 .rf-band-rank,
  body.artist-layout-2 .rf-band-rank { left:auto; right:10px; transform:none; }
  body.artist-layout-1 .band-photo,
  body.artist-layout-2 .band-photo { margin-left:auto; margin-right:auto; }
}