/* R1 subpage layer — DEEPFIELD treatment for legacy subpages.
   Loaded on every non-homepage HTML file. The bone reading surface is kept
   (it is the DEEPFIELD interlude); type, accents, reveals and motion are unified.
   No pointer-driven decorative effects anywhere in this layer. */

/* ---------- type ---------- */
html.r1-sub body { font-family: "Inter", ui-sans-serif, system-ui, sans-serif; -webkit-font-smoothing: antialiased; }
html.r1-sub h1, html.r1-sub h2,
html.r1-sub .font-display, html.r1-sub .display {
  font-family: "Fraunces", ui-serif, Georgia, serif;
  font-weight: 340;
  letter-spacing: -0.01em;
  text-wrap: balance;
}
html.r1-sub h1 { letter-spacing: -0.015em; }
html.r1-sub .eyebrow, html.r1-sub .kicker, html.r1-sub [class*="eyebrow"] {
  color: #8a6a1f;
}
/* gold focus ring everywhere */
html.r1-sub :focus-visible { outline: 2px solid #d2a13f; outline-offset: 3px; border-radius: 4px; }

/* ---------- hero: contour band behind the first heading ---------- */
html.r1-sub main { position: relative; }
html.r1-sub main::before {
  content: ""; position: absolute; inset: 0 0 auto 0; height: 520px; pointer-events: none;
  background:
    radial-gradient(60% 90% at 50% 0%, rgba(210, 161, 63, .10), transparent 70%),
    repeating-radial-gradient(120vmax 120vmax at 50% -70vmax, transparent 0 9vmax, rgba(138, 106, 31, .06) 9vmax 9.1vmax);
  mask-image: linear-gradient(#000 55%, transparent);
  -webkit-mask-image: linear-gradient(#000 55%, transparent);
}
html.r1-sub main > * { position: relative; }

/* ---------- scroll reveals (JS adds .in) ---------- */
html.r1-sub [data-r1-rise] { opacity: 0; transform: translateY(26px); transition: opacity .9s cubic-bezier(.22,1,.36,1), transform .9s cubic-bezier(.22,1,.36,1); }
html.r1-sub [data-r1-rise].in { opacity: 1; transform: none; }
html.r1-sub [data-r1-rise="left"] { transform: translateX(-30px); }
html.r1-sub [data-r1-rise="right"] { transform: translateX(30px); }
html.r1-sub [data-r1-rise="scale"] { transform: scale(.96); }

/* ---------- nav: readable once scrolled ---------- */
html.r1-sub #nav.scrolled, html.r1-sub .nav-shell.scrolled {
  background: rgba(251, 248, 239, .86) !important;
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(138, 106, 31, .18);
}

/* ---------- footer: dark DEEPFIELD close ---------- */
html.r1-sub footer { background: #0b0b0c !important; color: #f0ebe1; }
html.r1-sub footer .text-ink\/60, html.r1-sub footer [class*="text-ink"] { color: rgba(240, 235, 225, .6) !important; }
html.r1-sub footer a { color: #f0ebe1; }
html.r1-sub footer a:hover { color: #e6be6e; }

/* ---------- reduced motion: everything static ---------- */
@media (prefers-reduced-motion: reduce) {
  html.r1-sub [data-r1-rise] { opacity: 1 !important; transform: none !important; transition: none !important; }
  html.r1-sub *, html.r1-sub *::before, html.r1-sub *::after { animation-duration: .001s !important; animation-iteration-count: 1 !important; }
}
html.r1-sub.rm [data-r1-rise] { opacity: 1 !important; transform: none !important; transition: none !important; }
html.r1-sub.rm *, html.r1-sub.rm *::before, html.r1-sub.rm *::after { animation: none !important; transition: none !important; }
/* no-JS: reveals never hide */
html:not(.r1-sub) [data-r1-rise] { opacity: 1; transform: none; }