/* ==========================================================================
   Heritage logo integration (round 1.1).
   The restored mark is treated as a lab specimen: shown unaltered, bracketed,
   with a spec table of real facts. Reversed file only on the ink footer.
   ========================================================================== */
:root { --burgundy: #7c042c; }

/* ---------- Header ---------- */
.wordmark { align-items: center; }
.wm-logo { display: block; height: 36px; width: auto; }
@media (max-width: 720px) { .wm-logo { height: 30px; } }

/* ---------- Mark specimen (Our story) ---------- */
.mark-spec {
  margin: clamp(48px, 6vw, 88px) 0;
  display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(280px, 1fr);
  border-top: 2px solid var(--ink); border-bottom: 1px solid var(--rule-2);
}
.ms-stage {
  position: relative;
  display: grid; align-content: space-between; gap: 18px;
  padding: 16px clamp(16px, 2.4vw, 32px) 18px;
  background-image: var(--dots); background-size: 22px 22px;
  border-right: 1px solid var(--rule-2);
}
.ms-tag { color: var(--ink-2); }
.ms-art { position: relative; margin: clamp(20px, 3vw, 44px) clamp(24px, 5vw, 72px); }
.ms-art img { display: block; width: 100%; height: auto; }
.ms-art .brk { width: 26px; height: 26px; transition: inset .9s var(--ease), border-color .4s; }
.ms-art .brk-tl, .ms-art .brk-tr, .ms-art .brk-bl, .ms-art .brk-br { border-color: var(--sig); }
.ms-dim {
  display: flex; align-items: center; gap: 12px; color: var(--ink-2);
  justify-content: center; text-align: center;
}
.ms-dim span { flex: 1; height: 1px; background: var(--rule-2); position: relative; color: transparent; overflow: hidden; }
.ms-panel { display: grid; align-content: start; gap: 14px; padding: 18px 0 18px clamp(18px, 2.4vw, 32px); }
.ms-name { font-weight: 800; font-size: clamp(26px, 2.4vw, 38px); letter-spacing: -.045em; line-height: .98; text-wrap: balance; }
.ms-table td { font-size: 14px; }
.ms-chip { display: inline-block; width: 12px; height: 12px; background: var(--burgundy); margin-right: 8px; vertical-align: -1px; }
/* brackets start wide, then lock on to the mark when it scrolls in */
html.motion.ready .mark-spec:not(.in) .brk-tl { top: -48px; left: -48px; }
html.motion.ready .mark-spec:not(.in) .brk-tr { top: -48px; right: -48px; }
html.motion.ready .mark-spec:not(.in) .brk-bl { bottom: -48px; left: -48px; }
html.motion.ready .mark-spec:not(.in) .brk-br { bottom: -48px; right: -48px; }
@media (max-width: 900px) {
  .mark-spec { grid-template-columns: 1fr; }
  .ms-stage { border-right: 0; border-bottom: 1px solid var(--rule-2); }
  .ms-panel { padding-left: 0; }
}
@media (max-width: 520px) { .ms-art { margin: 22px 18px; } .ms-art .brk { width: 16px; height: 16px; } }

/* ---------- Footer ---------- */
.foot-logo { display: block; width: min(100%, 980px); height: auto; margin: 0 0 clamp(32px, 5vw, 64px); }