/* ============================================================
   warmdoor.css — VerificationStrip ("Warm Door" bar)
   Slim utility bar under the hero (2026-07-09 compression of the
   original three-tile section). Mono register, hairline rules,
   transparent ground so the manifesto shader's upward bleed runs
   through it (the hero→manifesto long-fade depends on this — see
   the .manifesto__shader-bg mask retune in styles.css).
   ============================================================ */

.wd {
  position: relative;
  z-index: 6;
  background: transparent;
  color: var(--ink-2);
  border-top: 1px solid var(--rule-2);
  border-bottom: 1px solid var(--rule-2);
  padding: clamp(12px, 1.8vh, 18px) var(--gutter);
}
/* Reduced motion: the shader doesn't run — restore opaque ground
   (site-wide pattern for canvas-backed bands). */
@media (prefers-reduced-motion: reduce) {
  .wd { background: #000; }
}

.wd__inner {
  width: 100%;
  max-width: var(--max);
  margin: 0 auto;
}

.wd__line {
  margin: 0;
  font-family: var(--mono);
  font-size: clamp(11px, 0.85vw, 13px);
  letter-spacing: 0.04em;
  line-height: 1.7;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 14px;
}

.wd__tag {
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--accent-2);
}

.wd__item { color: var(--ink-2); }
.wd__dot { color: var(--ink-4); }

.wd__tel,
.wd__link {
  color: var(--ink);
  text-decoration: none;
  border-bottom: 1px solid var(--rule);
  transition: border-color 0.2s ease, color 0.2s ease;
}
.wd__tel:hover,
.wd__link:hover {
  color: var(--accent-2);
  border-bottom-color: var(--accent-2);
}

/* Phones: the tag stacks above the two anchors; the separator dot
   is noise at one column. */
@media (max-width: 640px) {
  .wd__line { flex-direction: column; align-items: flex-start; gap: 4px; }
  .wd__dot { display: none; }
}