/* ── Dark theme overrides (index only) ───────────────────────────
   All other pages keep the default light palette from styles.css.
   ──────────────────────────────────────────────────────────────── */
:root {
  --white: #252120;
  --black: #e3ded2;
}

/* Invert logo / icon images so they appear white on dark */
.topbar__logo-img,
.nav-insta__icon,
.topbar__insta-mobile img,
#logo-base {
  filter: invert(1);
}

/* Cursor hairlines */
.cur-h,
.cur-v {
  background: rgba(227, 222, 210, 0.25);
}

/* Channel ghosts: screen blends light onto dark */
.splash__ch-r,
.splash__ch-b {
  mix-blend-mode: screen;
}


/* ── Home text ────────────────────────────────────────────────── */
.hero__tagline {
  font-family: var(--mono);
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.15;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--black);
  text-align: center;
}

.hero__location {
  font-family: var(--mono);
  font-size: 0.6rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--grey);
  line-height: 1.9;
  text-align: center;
  margin-top: 1.5rem;
}

/* Bold overrides — index only */
.address-block,
.nav-item,
.mobile-nav__item {
  font-weight: 700;
}


@media (max-width: 768px) {

  .hero__tagline {
    font-size: 1.25rem;
  }

  .hero__location {
    font-size: 0.55rem;
  }
}