:root { --wall: var(--wall-ribbons); --c-floor: var(--floor-ribbons); }
@media (prefers-color-scheme: dark) {
  :root {
    --c-ink: #eef1f8; --c-ink-2: #b8c0d2; --c-ink-3: #8a93a8; --c-line: rgba(255, 255, 255, .11);
    --c-surface: rgba(20, 25, 40, .72); --c-surface-2: rgba(28, 34, 52, .55); --c-raised: rgba(44, 52, 76, .85);
    --c-accent: #8592ff; --c-accent-ink: #0b1020; --c-accent-soft: rgba(133, 146, 255, .2); --c-good: #5ad184; --c-focus: #8592ff; --c-solid: #171c2e; --c-bad: #ff948b;
    --edge: rgba(255, 255, 255, .14); --edge-in: rgba(255, 255, 255, .08);
    --sh-card: 0 6px 22px rgba(0, 0, 0, .35);
    --wall-ribbons: url("../img/ribbons-dark.svg"); --floor-ribbons: #0d1430;
    color-scheme: dark;
  }
}
.hold-top { display: flex; justify-content: center; padding: var(--sp-7) var(--sp-4) 0; }
.hold-top .brand { gap: var(--sp-3); flex: none; justify-content: center; }
.hold-top .brand-mark { width: 36px; height: 41px; }
.hold-top .brand-word { width: 116px; height: 27px; }
.hold-hero { padding: var(--sp-7) 0 0; text-align: center; }
.hold-hero h1 { font-size: clamp(26px, 3.6vw, 44px); font-weight: 700; letter-spacing: -.02em; line-height: var(--lh-tight); max-width: 20em; margin: 0 auto; text-wrap: balance; }
.hold-forms { margin-top: var(--sp-7); }
.hold-forms .solid h2 { margin: 0 0 var(--sp-2); font-size: var(--fs-5); }
.hold-forms .form-intro { color: var(--c-ink-2); margin: 0 0 var(--sp-4); }
.hold-forms .form-privacy { margin-top: var(--sp-4); }
.hold-foot { margin-top: var(--sp-7); padding: 0 var(--sp-4) var(--sp-6); text-align: center; color: var(--c-ink-3); }
.hold-foot a { color: inherit; }
@media (max-width: 760px) { .hold-forms .pair { grid-template-columns: minmax(0, 1fr); } .hold-hero { padding-top: var(--sp-6); } }

@media (forced-colors: active) {
  .solid, .field input, .field textarea, .btn { border: 1px solid CanvasText; }
  .btn { forced-color-adjust: auto; }
}