/* ============================================================
   SIGNATURE SYSTEM — Smart-Suited Tech
   The differentiator: the tailor's seam + the gear-notch diamond,
   plus the eyebrow and strap patterns. Drawn from the mark.
   Keep disciplined: division, connection, quiet sign-off.
   ============================================================ */

/* —— Gear-notch diamond divider —— section breaks, under headlines —— */
.rule-diamond { display:flex; align-items:center; max-width:300px; margin:2.2rem 0; }
.rule-diamond i { flex:1; height:1px; background:var(--hairline); }
.rule-diamond b { width:7px; height:7px; transform:rotate(45deg); margin:0 .8rem;
                  background:var(--oxblood); }
.ink-surface .rule-diamond i { background:var(--hairline-ink); }
.ink-surface .rule-diamond b { background:var(--claret); }

/* —— Stitched vertical seam —— echoes the rule beside the wordmark —— */
.seam-v { width:1px; align-self:stretch;
  background:repeating-linear-gradient(to bottom, var(--hairline) 0 6px, transparent 6px 13px); }
.ink-surface .seam-v {
  background:repeating-linear-gradient(to bottom, var(--hairline-ink) 0 6px, transparent 6px 13px); }

/* —— Stitched horizontal seam —— */
.seam-h { height:1px; width:100%;
  background:repeating-linear-gradient(to right, var(--hairline) 0 6px, transparent 6px 13px); }
.ink-surface .seam-h {
  background:repeating-linear-gradient(to right, var(--hairline-ink) 0 6px, transparent 6px 13px); }

/* —— Notched corner —— a fabric-swatch "tell" on cards/chips, use sparingly —— */
.notch { clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%); }

/* —— Lapel pinstripe —— ambient texture on dark bands only, very faint —— */
.pinstripe { background:
  repeating-linear-gradient(118deg, transparent 0 11px, rgba(243,239,230,.05) 11px 12px); }

/* —— Eyebrow —— mono micro-label with a short leading rule —— */
.eyebrow { font-family:var(--font-mono); font-size:var(--fs-micro); font-weight:500;
  letter-spacing:var(--track-eyebrow); text-transform:uppercase; color:var(--oxblood);
  display:inline-flex; align-items:center; gap:.7em; }
.eyebrow::before { content:""; width:1.6rem; height:1px; background:currentColor; opacity:.6; }
.ink-surface .eyebrow { color:var(--bone-soft); }

/* —— Strap line —— Automate · Assure · Elevate (live text, order configurable) —— */
.strap { display:flex; flex-direction:column; align-items:center; gap:.7rem; }
.strap-words { font-family:var(--font-display); text-transform:uppercase;
  letter-spacing:var(--track-strap); font-weight:500;
  font-size:clamp(.8rem, .7rem + .4vw, 1rem); color:var(--ink); margin:0; }
.ink-surface .strap-words { color:var(--bone); }
.strap-rule { display:flex; align-items:center; width:min(320px,70%); }
.strap-rule i { flex:1; height:1px; background:var(--hairline); }
.strap-rule b { width:7px; height:7px; transform:rotate(45deg); margin:0 .8rem; background:var(--oxblood); }
.ink-surface .strap-rule i { background:var(--hairline-ink); }
.ink-surface .strap-rule b { background:var(--claret); }