/* BAGS wordmark — inline-HTML fallback for places that can load the kit webfonts.
   Prefer the outlined SVG (/brand/wordmark/bags-wordmark.svg) anywhere it can be embedded.
   Spec: Archivo Black · uppercase · tracking −.04em · line-height .88 · ink #0b0b0b / paper #f7f4ee / signal red #e0252b only.
   Font link (one tag): https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap */
.bags-wordmark{
  font-family:'Archivo Black','Archivo',Inter,'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:-.04em;
  line-height:.88;
  color:#0b0b0b;
  white-space:nowrap;
  display:inline-block;
  font-size:1em;              /* set the size on the element: cap height ≈ .69em of font-size */
  padding:0 .028em 0 0;       /* compensates the negative tracking on the last glyph */
}
.bags-wordmark.paper{color:#f7f4ee}
.bags-wordmark.red{color:#e0252b}
/* Horizontal lockup: icon left, wordmark right. Icon height = cap height × 1.15 ≈ .8em; gap = cap height × .5 ≈ .35em.
   <a class="bags-lockup"><img class="bags-lockup-icon" src="/brand/wordmark/bags-icon.svg" alt="" /><span class="bags-wordmark">BAGS</span></a> */
.bags-lockup{display:inline-flex;align-items:baseline;gap:.35em;text-decoration:none;border:0;line-height:.88}
.bags-lockup .bags-lockup-icon{height:.8em;width:auto;align-self:flex-end;transform:translateY(.02em)}
/* Minimum sizes: lockup ≥ 96px wide (font-size ≥ 24px); wordmark alone ≥ 64px wide (font-size ≥ 22px). */