.context {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: var(--paper);
  background: var(--ink);
  --muted: var(--text-dark-secondary);
}
.context #brand-field {
  position: absolute;
  inset: 0;
  z-index: -2;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.context::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, #11120fed 0%, #11120fcc 55%, #11120fb8 100%);
}
.context .eyebrow { color: var(--paper); }
.context h2 span { color: var(--accent-soft); }
.context .context-bottom { color: var(--paper); }
.context .context-label, .context .context-bottom a { color: var(--paper); }
.context .context-bottom > div { padding-left: 1.5rem; border-left: 1px solid var(--border-dark); }
.context a:focus-visible { outline-color: var(--lime); }
@media (max-width: 600px) {
  .context .context-bottom > div { padding-left: 1rem; }
}
@media (prefers-reduced-motion: reduce) { .context #brand-field { display: none; } }