/* Sponsor item. Not utility-shaped: the logo placeholder is a token gradient with
   a weave-free ribbon ground, and its type scale is driven by [data-tier] so the
   tier comes from the CMS field, never from where the item sits in the document.
   Candidate for promotion to base.css — see report. */
.sponsor{display:flex;flex-direction:column;min-width:0}
.sponsor .smark{display:grid;place-items:center;aspect-ratio:16/10;padding:var(--gap-sm);
  border-radius:var(--r-card);text-align:center;overflow-wrap:anywhere;
  background:linear-gradient(150deg,color-mix(in oklab,var(--accent) 26%,var(--navy-700)),
    var(--navy) 58%,var(--navy-950));
  box-shadow:inset 0 0 0 1px var(--ink-hairline);
  font-family:var(--f-display);font-weight:800;letter-spacing:var(--ls-display-tight);
  line-height:1;color:var(--cream);
  transition:box-shadow var(--d-base) var(--e-enter),transform var(--d-base) var(--e-enter)}
.sponsor:hover .smark{transform:translateY(-2px);
  box-shadow:inset 0 0 0 1px var(--ink-rim),var(--sh-sm)}
.sponsor h3{margin:var(--gap-sm) 0 0;font-family:var(--f-display);font-weight:700;
  font-size:var(--t-body);letter-spacing:var(--ls-display-tight);line-height:1.12;
  color:var(--cream);overflow-wrap:anywhere}
.sponsor p{margin:6px 0 0;font-size:var(--t-label);letter-spacing:var(--ls-tag);
  text-transform:uppercase;font-weight:700;color:var(--ink-56)}

/* Hierarchy is scale: the tier attribute sets the mark's type size. */
.sponsor[data-tier="main"] .smark{font-size:var(--t-display-xl);aspect-ratio:2/1}
.sponsor[data-tier="main"] h3{font-size:var(--t-display-sm)}
.sponsor[data-tier="gold"] .smark{font-size:var(--t-display-md)}
.sponsor[data-tier="gold"] h3{font-size:var(--t-body-lg)}
.sponsor[data-tier="partner"] .smark{font-size:var(--t-display-sm)}
.sponsor[data-tier="supporter"] .smark{font-size:var(--t-lead);aspect-ratio:2/1}
.sponsor[data-tier="supporter"] h3{font-size:var(--t-label);letter-spacing:0;
  text-transform:none;font-weight:600;font-family:var(--f-body);color:var(--ink-90)}