/* =============================================================
   d-asterism.css — D Asterism brand theme
   Requires: base.css, brand-shared.css

   Personality: Creative, dreamy, aspirational.
   Palette: Deep navy bg, cerulean blue accent, star-field aesthetic.
   Typography: DM Serif Display for headlines — literary, elegant.
   ============================================================= */

/* ── Brand CSS variables for this page ── */
.page--artists {
  --brand-accent:      #1B4F8A;
  --brand-accent-dark: #143b69;
  --brand-bg:          #07101C;        /* deep midnight navy */
  --brand-about-bg:    #f5f7fb;        /* cool off-white */
  --brand-services-bg: #07101C;
  --brand-card-bg:     rgba(255,255,255,0.04);
}

/* ── Nav accent ── */
.site-header--artists {
  background-color: #050d16;
  border-bottom-color: rgba(27, 79, 138, 0.3);
}

/* ── Hero ── */
.brand-hero--artists {
  background-color: #07101C;
}

/* Blue nebula glow — centred for a star-field feel */
.brand-hero--artists::after {
  content: '';
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 60%;
  background: radial-gradient(ellipse, rgba(27, 79, 138, 0.22) 0%, transparent 65%);
  pointer-events: none;
  z-index: 0;
}

/* Sprinkle of faint star dots via box-shadow trick */
.brand-hero--artists .brand-hero__content::before {
  content: '';
  position: absolute;
  width: 2px; height: 2px;
  border-radius: 50%;
  top: 12%; left: 8%;
  background: rgba(255,255,255,0.5);
  box-shadow:
    40px  60px 0 rgba(255,255,255,0.3),
    90px  20px 0 rgba(255,255,255,0.2),
   140px  80px 0 rgba(255,255,255,0.4),
   200px  30px 0 rgba(255,255,255,0.25),
   260px  90px 0 rgba(255,255,255,0.35),
   320px  15px 0 rgba(255,255,255,0.2),
   380px  70px 0 rgba(255,255,255,0.3),
    20px 140px 0 rgba(255,255,255,0.2),
    80px 170px 0 rgba(255,255,255,0.35),
   160px 120px 0 rgba(255,255,255,0.25);
  pointer-events: none;
  z-index: 0;
}

/* ── About section ── */
.brand-about--artists {
  background-color: #f5f7fb;
}

.brand-about--artists .brand-about__heading {
  color: var(--color-artists);
}

/* ── Roster section ── */
.brand-services--artists {
  background-color: #07101C;
  color: #ffffff;
}

.brand-services--artists .brand-services__heading {
  color: #ffffff;
}

.brand-services--artists .services-grid__item {
  background-color: rgba(255, 255, 255, 0.04);
  border-left-color: var(--color-artists);
}

.brand-services--artists .services-grid__icon {
  color: #5b9bd5; /* lighter blue for icon contrast on dark bg */
}

.brand-services--artists .services-grid__title {
  color: #ffffff;
}

.brand-services--artists .services-grid__desc {
  color: rgba(255, 255, 255, 0.65);
}

/* ── Contact section ── */
.brand-contact-section--artists {
  background-color: #050d16;
  border-top: 1px solid rgba(27, 79, 138, 0.2);
}

.contact-btn--artists {
  background-color: var(--color-artists);
}

.contact-btn--artists:hover {
  background-color: var(--color-artists-dark);
}