/* ============ Sam Set Events — shared tokens & primitives ============ */
:root {
  --burgundy: #5A2F33;
  --gold: #D1A45F;
  --blush: #E9C7C1;
  --rose: #B97C7B;
  --sage: #7D8575;
  --ivory: #FBF7F2;
  --ink: #2A1B1E;

  --serif-a: 'Cormorant Garamond', serif;
  --sans-a: 'Jost', sans-serif;
  --serif-b: 'Playfair Display', serif;
  --sans-b: 'Manrope', sans-serif;
  --mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  --gold-pct: 55%;
  --goldline: color-mix(in oklab, var(--gold) var(--gold-pct), transparent);
}

/* ---------- image placeholder ---------- */
.ph {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  flex: none;
}
.ph .ph-label {
  font-family: var(--mono);
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  max-width: 82%;
  position: relative;
  z-index: 1;
}

/* ---------- hairlines ---------- */
.hr-gold { height: 1px; background: var(--goldline); border: none; margin: 0; }

/* ---------- foundations artboard ---------- */
.found {
  background: #FFFFFF;
  font-family: var(--sans-b);
  color: var(--ink);
  padding: 56px 64px 64px;
}
.found h3 {
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #9A8F8B;
  margin: 0 0 18px;
}
.found .found-row { display: flex; gap: 28px; align-items: stretch; }
.found .logo-tile {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 36px;
  border: 1px solid #EFE8E2;
  border-radius: 4px;
}
.found .swatch-row { display: grid; grid-template-columns: repeat(7, 1fr); gap: 16px; }
.found .swatch { border: 1px solid #EFE8E2; border-radius: 4px; overflow: hidden; }
.found .swatch .chip { height: 84px; }
.found .swatch .meta { padding: 10px 12px 12px; }
.found .swatch .meta b { display: block; font-size: 12px; font-weight: 600; letter-spacing: 0.02em; }
.found .swatch .meta span { display: block; font-family: var(--mono); font-size: 10px; color: #9A8F8B; margin-top: 3px; }
.found .swatch .meta i { display: block; font-style: normal; font-size: 10.5px; color: #6F6561; margin-top: 6px; line-height: 1.45; }
.found .type-col { flex: 1; border: 1px solid #EFE8E2; border-radius: 4px; padding: 28px 32px 32px; }
.found .type-col .dir-tag {
  font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em;
  text-transform: uppercase; color: #9A8F8B; margin-bottom: 16px;
}
.found .gap { height: 44px; }