:root {
  --sig-system-x: 0px;
  --sig-system-y: 0px;
  --sig-system-scale: 1;
  --sig-system-tilt: 0deg;
  --sig-system-copy-x: 0px;
  --sig-system-grid-y: 0px;
  --sig-system-field: 0;
  --sig-brief-shift: 0px;
  --sig-brief-form-scale: 1;
  --sig-brief-field: 0;
}

.signature-systems-field,
.signature-brief-lock {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 0;
}

.systems > :not(.signature-systems-field),
.brief > :not(.signature-brief-lock) {
  position: relative;
  z-index: 1;
}

.systems {
  perspective: 1400px;
  isolation: isolate;
}

.signature-systems-field {
  opacity: var(--sig-system-field);
  background:
    radial-gradient(circle at 29% 42%, rgba(101,184,75,.12), transparent 23%),
    radial-gradient(ellipse at 58% 50%, rgba(79,159,58,.045), transparent 46%);
  transition: opacity .18s linear;
}
.signature-systems-field::before {
  content: "";
  position: absolute;
  left: -12%;
  right: -12%;
  top: 48%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(101,184,75,.38) 28%, rgba(243,246,239,.2) 50%, rgba(79,159,58,.28) 72%, transparent);
  box-shadow: 0 0 36px rgba(79,159,58,.18);
  transform: rotate(-4deg);
}
.signature-systems-field::after {
  content: "SIGNAL / SYSTEM / FIELD";
  position: absolute;
  right: 4vw;
  top: 18%;
  color: rgba(243,246,239,.045);
  font: 900 clamp(3rem,9vw,10rem)/.8 Inter,ui-sans-serif,sans-serif;
  letter-spacing: -.07em;
  white-space: nowrap;
  transform: rotate(90deg) translateX(28%);
  transform-origin: right top;
}

.systems.signature-scene .system-orbit {
  transform:
    translate3d(var(--sig-system-x), var(--sig-system-y), 0)
    scale(var(--sig-system-scale))
    rotateZ(var(--sig-system-tilt));
  filter: drop-shadow(0 0 56px rgba(79,159,58,.18));
  will-change: transform;
}
.systems.signature-scene .system-copy {
  transform: translate3d(var(--sig-system-copy-x),0,0);
  will-change: transform;
}
.systems.signature-scene .system-grid {
  transform: translate3d(0,var(--sig-system-grid-y),0);
  box-shadow: 0 50px 140px rgba(0,0,0,.28);
  will-change: transform;
}

.command.signature-command-active .command-shell {
  transform: translateY(-8px) scale(1.008);
  border-color: rgba(101,184,75,.28);
  box-shadow: 0 58px 150px rgba(0,0,0,.52), 0 0 85px rgba(79,159,58,.07);
  transition: transform .75s cubic-bezier(.2,.75,.2,1), border-color .75s ease, box-shadow .75s ease;
}
.command.signature-command-active .command-map::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 50% 50%, rgba(101,184,75,.09), transparent 34%);
  opacity: 1;
}

.brief {
  isolation: isolate;
  overflow: hidden;
}
.signature-brief-lock {
  opacity: var(--sig-brief-field);
  background:
    radial-gradient(circle at 72% 52%, rgba(5,7,6,.17), transparent 18%),
    linear-gradient(90deg, rgba(5,7,6,.06), transparent 34%, transparent 66%, rgba(5,7,6,.08));
  transition: opacity .16s linear;
}
.signature-brief-lock::before,
.signature-brief-lock::after {
  content: "";
  position: absolute;
  left: 72%;
  top: 52%;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  border: 1px solid rgba(5,7,6,.22);
  width: min(52vw,720px);
  aspect-ratio: 1;
  box-shadow: 0 0 0 1px rgba(243,246,239,.035) inset;
}
.signature-brief-lock::after {
  width: min(28vw,390px);
  border-color: rgba(5,7,6,.38);
  box-shadow: 0 0 80px rgba(5,7,6,.12);
}
.brief.signature-brief-active .brief-intro {
  transform: translate3d(var(--sig-brief-shift),0,0);
  will-change: transform;
}
.brief.signature-brief-active .brief-form {
  transform: scale(var(--sig-brief-form-scale));
  transform-origin: 72% 52%;
  box-shadow: 0 0 0 1px rgba(5,7,6,.04);
  will-change: transform;
}
.brief.signature-brief-active .brief-intro h2 {
  text-shadow: 0 20px 60px rgba(5,7,6,.08);
}

@media (max-width: 1100px) {
  .signature-systems-field::after { opacity: .4; }
  .signature-brief-lock::before,
  .signature-brief-lock::after { left: 50%; top: 68%; }
  .brief.signature-brief-active .brief-form { transform-origin: 50% 68%; }
}

@media (max-width: 760px) {
  .signature-systems-field::after { display: none; }
  .systems.signature-scene .system-orbit,
  .systems.signature-scene .system-copy,
  .systems.signature-scene .system-grid,
  .brief.signature-brief-active .brief-intro,
  .brief.signature-brief-active .brief-form { will-change: auto; }
  .signature-brief-lock::before { width: 110vw; }
  .signature-brief-lock::after { width: 62vw; }
}

@media (prefers-reduced-motion: reduce) {
  .signature-systems-field,
  .signature-brief-lock { opacity: .18 !important; }
  .systems.signature-scene .system-orbit,
  .systems.signature-scene .system-copy,
  .systems.signature-scene .system-grid,
  .brief.signature-brief-active .brief-intro,
  .brief.signature-brief-active .brief-form,
  .command.signature-command-active .command-shell { transform: none !important; }
}