/* ==========================================================================
   Heritage logo integration (round 1.1).
   The restored mark prints as-is on paper: it is the page's spot colour.
   The accent is re-tuned to the logo's exact burgundy (#7C042C).
   ========================================================================== */
:root {
  --accent: #7c042c;
  --accent-ink: #6a0325;
  --burgundy: #7c042c;
}

/* ---------- Header + menu ---------- */
.wordmark { display: grid; }
.wm-logo { display: block; height: 42px; width: auto; }
.wordmark .wm-sub { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.ms-top .wm-logo { height: 34px; }
@media (max-width: 720px) { .wm-logo { height: 34px; } }

/* ---------- The proof (Our story) ---------- */
.proof { margin: 0 0 clamp(48px, 6vw, 88px); display: grid; gap: 14px; }
.proof-sheet {
  position: relative;
  background: var(--receipt);
  border: 1px solid oklch(21% 0.012 55 / .16);
  box-shadow: 0 1px 0 oklch(21% 0.012 55 / .06), 0 24px 40px -28px oklch(30% 0.04 60 / .55);
  padding: clamp(14px, 2vw, 22px) clamp(16px, 2.4vw, 28px);
}
.proof-meta, .proof-foot {
  display: flex; flex-wrap: wrap; gap: 8px 22px; justify-content: space-between;
  font-size: 10.5px; letter-spacing: .1em; text-transform: uppercase; color: var(--ink-2);
}
.proof-meta { padding-bottom: 12px; border-bottom: 1px dashed var(--rule); }
.proof-foot { padding-top: 12px; border-top: 1px dashed var(--rule); align-items: center; }
.proof-art {
  position: relative;
  padding: clamp(28px, 6vw, 84px) clamp(12px, 8vw, 150px);
  /* crop marks at the four corners of the printed area */
  background:
    linear-gradient(var(--ink), var(--ink)) left 0 top 18px / 14px 1px no-repeat,
    linear-gradient(var(--ink), var(--ink)) left 18px top 0 / 1px 14px no-repeat,
    linear-gradient(var(--ink), var(--ink)) right 0 top 18px / 14px 1px no-repeat,
    linear-gradient(var(--ink), var(--ink)) right 18px top 0 / 1px 14px no-repeat,
    linear-gradient(var(--ink), var(--ink)) left 0 bottom 18px / 14px 1px no-repeat,
    linear-gradient(var(--ink), var(--ink)) left 18px bottom 0 / 1px 14px no-repeat,
    linear-gradient(var(--ink), var(--ink)) right 0 bottom 18px / 14px 1px no-repeat,
    linear-gradient(var(--ink), var(--ink)) right 18px bottom 0 / 1px 14px no-repeat;
}
.proof-art img { display: block; width: min(100%, 860px); height: auto; margin-inline: auto; position: relative; }
.reg {
  position: absolute; top: 50%; width: 22px; height: 22px; margin-top: -11px; border-radius: 50%;
  border: 1px solid var(--ink);
  background:
    linear-gradient(var(--ink), var(--ink)) center / 1px 100% no-repeat,
    linear-gradient(var(--ink), var(--ink)) center / 100% 1px no-repeat;
}
.reg-l { left: 22px; } .reg-r { right: 22px; }
@media (max-width: 720px) { .reg { display: none; } }
.swatch { display: inline-flex; align-items: center; gap: 8px; }
.swatch i { width: 26px; height: 14px; background: var(--burgundy); display: block; }
.swatch-w i { background: #fff; box-shadow: inset 0 0 0 1px var(--rule); }
.proof-cap { display: flex; flex-wrap: wrap; gap: 6px 16px; align-items: baseline; }
.proof-cap .serif-i { font-size: clamp(22px, 2.2vw, 30px); color: var(--ink); }
.proof-cap .mono { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: var(--ink-2); }
/* print-in: the burgundy lays down like a single ink pass */
.motion .proof[data-reveal] .proof-art img { clip-path: inset(0 100% 0 0); transition: clip-path 1.4s var(--ease) .25s; }
.motion .proof[data-reveal].in .proof-art img { clip-path: inset(0 0 0 0); }

/* ---------- Footer ---------- */
.ft-logo { display: block; width: min(100%, 620px); height: auto; }