html { scroll-behavior: smooth; }
body { background-color: #0C0B09; font-family: 'Geist', sans-serif; font-feature-settings: "ss01", "cv11"; }

/* Newsreader as display — editorial authority, not delicate */
.display {
  font-family: 'Newsreader', Georgia, serif;
  font-weight: 500;
  font-variation-settings: "opsz" 72;
  letter-spacing: -0.022em;
  line-height: 1.0;
}
.display em {
  font-style: normal;
  font-weight: 500;
  color: #FF4D1A;
}

.eyebrow {
  font-family: 'Geist', sans-serif;
  font-weight: 500;
  font-size: 11.5px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  color: #8A857C;
}

.hairline-b { border-color: #26221E; }
.nav-blur { backdrop-filter: saturate(140%) blur(10px); -webkit-backdrop-filter: saturate(140%) blur(10px); }

/* subtle grain so dark doesn't feel flat */
.grain::before {
  content: "";
  position: fixed; inset: 0; pointer-events: none; z-index: 0;
  opacity: .04;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
}
main, header { position: relative; z-index: 1; }

/* hero glow */
.hero-glow {
  position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background:
    radial-gradient(55% 50% at 18% 22%, rgba(255,77,26,0.14), transparent 60%),
    radial-gradient(35% 35% at 92% 82%, rgba(255,77,26,0.05), transparent 70%);
}

.accent-mark { color: #FF4D1A; }