/* StudioFork homepage overrides (full unslop pass later) */

.brand--studiofork::before {
  content: none !important;
  display: none !important;
}

/* Same hero art on homepage + SEO inner pages (overrides any cached unslop URL) */
body.studiofork-home::before,
body.seo-page::before {
  background-image: url("/images/studiofork-hero.jpg") !important;
  background-position: center 35% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
}

body.studiofork-home::after,
body.seo-page::after {
  background: linear-gradient(
    180deg,
    rgba(6, 10, 18, 0.35) 0%,
    rgba(4, 8, 14, 0.55) 45%,
    rgba(2, 4, 8, 0.82) 100%
  ) !important;
}

.brand--studiofork {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.brand--studiofork img {
  flex-shrink: 0;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.35));
}

.brand--studiofork .brand-domain {
  font-weight: 500;
  font-size: 0.92em;
  color: var(--ink-2, rgba(244, 242, 255, 0.78));
}

.studiofork-home .hero-h1 .h1-domain {
  display: block;
  font-family: var(--font, Figtree, system-ui, sans-serif);
  font-size: clamp(0.95rem, 2.8vw, 1.15rem);
  font-weight: 500;
  letter-spacing: 0.02em;
  color: var(--ink-2);
  margin-top: 0.65rem;
  text-shadow: 0 1px 16px rgba(0, 0, 0, 0.5);
}

.studiofork-home .footer-splash-brand {
  font-variant-numeric: tabular-nums;
}

.footer-credits {
  max-width: var(--max, 72rem);
  margin: 0 auto 0.85rem;
  padding: 0 var(--pad, 1.25rem);
  text-align: center;
  font-family: Figtree, var(--font, system-ui, sans-serif);
  font-size: clamp(0.7rem, 2vw, 0.8125rem);
  line-height: 1.6;
  color: var(--ink-3, rgba(244, 242, 255, 0.48));
}

.footer-credits a {
  color: var(--ink-2, rgba(244, 242, 255, 0.78));
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  transition: color 0.15s ease, border-color 0.15s ease;
}

.footer-credits a:hover {
  color: #79c0ff;
  border-color: rgba(121, 192, 255, 0.45);
}