/* Preview-only hero: a shallow field receding behind the original copy. */
body[data-audit-entry="home"] .masthead { position: relative; z-index: 2; }
.hero { --hero-masthead: 112px; position: relative; isolation: isolate; min-height: calc(100svh - var(--hero-masthead)); display: flex; flex-direction: column; align-items: center; justify-content: center; }
.hero-title-wrap { width: 100%; }
.hero-field { position: absolute; z-index: -1; top: calc(-1 * var(--hero-masthead)); bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); overflow: clip; container-type: size; pointer-events: none; user-select: none; mask-image: linear-gradient(transparent, #000 9%, #000 85%, transparent); }
.hero-field::after { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse 38% 44% at 50% 53%, var(--paper) 24%, color-mix(in oklch, var(--paper) 93%, transparent) 55%, transparent 100%); }
.marketing-glyph { position: absolute; left: 50%; top: 48%; display: grid; justify-items: center; align-content: center; gap: 6px; width: clamp(44px, 5.5vw, 82px); color: var(--oxblood); transform: translate(-50%, -50%) translate3d(calc(var(--x) * .8cqw), calc(var(--y) * .8cqh), 0) scale(.7) rotate(var(--turn)); opacity: .38; animation: marketing-recede var(--duration) linear var(--delay) infinite; animation-play-state: paused; }
.marketing-glyph img { display: block; width: 100%; height: auto; }
.hero-field[data-motion="running"] .marketing-glyph { animation-play-state: running; }
.hero-field[data-visible="false"] .marketing-glyph { animation-play-state: paused; }
.hero-motion-control { position: absolute; right: 0; top: 8px; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 8px 10px; border: 0; border-radius: 0; background: transparent; color: var(--muted); font: .6875rem/1.5 var(--sans); }
.hero-motion-control:hover { color: var(--oxblood); }
.hero-motion-control svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; }
@keyframes marketing-recede {
  0% { transform: translate(-50%, -50%) translate3d(calc(var(--x) * 1cqw), calc(var(--y) * 1cqh), 0) scale(1.12) rotate(var(--turn)); opacity: 0; }
  10% { opacity: .62; }
  65% { opacity: .32; }
  100% { transform: translate(-50%, -50%) translate3d(calc(var(--x) * .09cqw), calc(var(--y) * .09cqh), 0) scale(.12) rotate(0deg); opacity: 0; }
}
@media (max-width: 760px) {
  .hero { --hero-masthead: 90px; }
  .marketing-glyph { width: 54px; }
  .hero-field::after { background: radial-gradient(ellipse 46% 45% at 50% 53%, var(--paper) 26%, color-mix(in oklch, var(--paper) 93%, transparent) 58%, transparent 100%); }
}
@media (max-width: 500px) {
  .hero { --hero-masthead: 80px; padding-bottom: 4rem; }
  .marketing-glyph { width: 48px; }
  .marketing-glyph:nth-of-type(n+15) { display: none; }
  .hero-motion-control { top: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-field .marketing-glyph { animation: none; opacity: .22; }
  .hero-motion-control { display: none; }
}