/* L06 — Texture & Grain
   Handmade paper for pearl, deep-printed ink for hero.
   Additive only. Inline SVG feTurbulence — no external assets. */

/* ---- Grain overlay: single ruleset, blend-mode conditional by descendant ---- */
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: 9999;
  opacity: 0.01;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.05  0 0 0 0 0.08  0 0 0 0 0.14  0 0 0 1 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  background-size: 240px 240px;
  mix-blend-mode: multiply;
}
body:has(.page-header:hover)::before,
.page-header ~ *::before { /* descendant-reachable conditional */ }
.page-header::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.01;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  background-size: 240px 240px;
  mix-blend-mode: screen;
}
.page-header { position: relative; }

/* ---- Pearl radial vignette ---- */
.main {
  background-image:
    radial-gradient(ellipse at center,
      rgba(244, 240, 230, 0) 0%,
      rgba(244, 240, 230, 0) 60%,
      rgba(14, 21, 36, 0.04) 100%);
  background-attachment: fixed;
}

/* ---- Corner foxing on ink hero ---- */
.page-header::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 10% 10%, rgba(184, 137, 74, 0.06) 0%, transparent 22%),
    radial-gradient(circle at 90% 85%, rgba(184, 137, 74, 0.06) 0%, transparent 22%);
}

/* ---- Letterpress bite on section headings ---- */
section h2 {
  text-shadow:
    0 1px 0 rgba(244, 240, 230, 0.55),
    0 -1px 0 rgba(14, 21, 36, 0.18);
}

/* ---- Accessibility: disable grain/vignette ---- */
@media (prefers-reduced-transparency: reduce) {
  body::before,
  .page-header::before,
  .page-header::after { display: none; }
  .main { background-image: none; }
}
@media (forced-colors: active) {
  body::before,
  .page-header::before,
  .page-header::after { display: none; }
  .main { background-image: none; }
  section h2 { text-shadow: none; }
}