/* direction: field — cinematic calm, warm ivory, brass accent, generous air.
   Scoped entirely under :root[data-rx="field"]; additive only.
   GENERATED assets: ../../assets/generated/field-plate-{1,2}.jpg (Higgsfield). */

/* ---- palette: warm ivory field, warm ink, NO blue ---- */
:root[data-rx="field"],
:root[data-rx="field"] body {
  background-color: #faf7f2 !important;
  color: #1c1a17;
}
:root[data-rx="field"] {
  --core-silver-a12: #1c1a17;
  --core-silver-a11: #6b645c;
  --core-silver-a10: #8a8480;
  --core-gray-a12: #1c1a17;
  --gray-a12: #1c1a17;
  --site-faint: rgba(250, 247, 242, 0.78);
}
:root[data-rx="field"] .hero-stage {
  background: transparent !important;
}
:root[data-rx="field"] .shapes-field {
  display: none !important;
}
/* captured inline blue literals -> warm brass / warm tint */
:root[data-rx="field"] [style*="rgb(74, 127, 192)"] { background-color: #a67c44 !important; }
:root[data-rx="field"] [style*="#dce8f5"] { background-color: #efe3cf !important; }

/* ---- type: Newsreader italic display, editorial + smaller ---- */
:root[data-rx="field"] h1.hero-title-words {
  font-style: italic;
  font-weight: 400 !important;
  font-size: clamp(34px, 4.4vw, 54px) !important;
  letter-spacing: 0 !important;
  line-height: 1.18 !important;
  color: #211d18 !important;
  text-shadow: 0 0 28px rgba(250, 247, 242, 0.7);
}
:root[data-rx="field"] h2,
:root[data-rx="field"] footer#footer p.font-editorial {
  font-style: italic;
  font-weight: 400 !important;
}
/* hero telemetry corners stay mono but read over the film */
:root[data-rx="field"] .note-line {
  color: rgba(28, 26, 23, 0.6) !important;
}

/* ---- nav: glassy pill (backdrop-filter) ---- */
:root[data-rx="field"] .site-island-shell {
  background: rgba(250, 247, 242, 0.55) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.15);
  backdrop-filter: blur(16px) saturate(1.15);
  box-shadow: 0 0 0 1px rgba(28, 26, 23, 0.08), 0 8px 30px rgba(28, 26, 23, 0.08);
}
:root[data-rx="field"] nav[aria-label="Site"] a,
:root[data-rx="field"] nav[aria-label="Site"] span {
  color: #1c1a17 !important;
}
:root[data-rx="field"] .site-island-cta {
  background: #1c1a17 !important;
}
:root[data-rx="field"] .site-island-cta span {
  color: #faf7f2 !important;
}

/* ---- density: generous air (space unit x1.25) ---- */
:root[data-rx="field"] section[aria-labelledby="feature-pillars-heading"] {
  padding-top: 7.5rem !important;
  padding-bottom: 7.5rem !important;
}
:root[data-rx="field"] article[style*="background"] {
  padding: 2.5rem !important;
  background: #f4efe6 !important;
}

/* ---- imagery: GENERATED misty-lab plates as section backdrops (decorative) ---- */
:root[data-rx="field"] section[aria-labelledby="feature-pillars-heading"] {
  background:
    linear-gradient(rgba(250, 247, 242, 0.92), rgba(250, 247, 242, 0.88)),
    url("../../assets/generated/field-plate-1.jpg") center / cover no-repeat;
  border-radius: 16px;
}
:root[data-rx="field"] main section.bg-transparent {
  background:
    linear-gradient(rgba(250, 247, 242, 0.94), rgba(250, 247, 242, 0.9)),
    url("../../assets/generated/field-plate-2.jpg") center / cover no-repeat !important;
}

/* ---- motion: slow 600ms fades, no translate; marquees slowed 2x ---- */
:root[data-rx="field"] [style*="transition"] {
  transition-duration: 0.6s !important;
  transition-property: opacity, filter !important;
}
:root[data-rx="field"] .badge-marquee-track,
:root[data-rx="field"] .badge-marquee-track-reverse {
  animation-duration: 52s !important;
}

/* full-viewport cinema layer (created by patch.js) */
:root[data-rx="field"] .rx-field-cinema {
  position: absolute;
  inset: 0;
  z-index: 0;
  overflow: hidden;
  pointer-events: none;
}
:root[data-rx="field"] .rx-field-cinema video,
:root[data-rx="field"] .rx-field-cinema img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  display: block;
}
:root[data-rx="field"] .rx-field-cinema .rx-scrim {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to bottom,
    rgba(250, 247, 242, 0.28),
    rgba(250, 247, 242, 0) 38%,
    rgba(22, 18, 14, 0.3) 100%
  );
}

/* NO blue anywhere: inline captured blue accents -> brass */
:root[data-rx="field"] {
  --core-blue-10: #a67c44;
  --core-blue-8: #cbb891;
  --core-blue-11: #a67c44;
}
:root[data-rx="field"] [style*="color:#4a7fc0"] { color: #a67c44 !important; }
:root[data-rx="field"] [style*="background:#4a7fc0"] { background: #a67c44 !important; }
