/*
        This font software is the property of Commercial Type.

        You may not modify the font software, use it on another website, or install it on a computer.

        License information is available at http://commercialtype.com/eula
        For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com

        Copyright (C) 2026 Schwartzco Inc.
        License 2609-SERSVR      
*/

/* Type lock — Caponi Display, R3 final (1 Sep 2026).

   Caponi Display: Commercial Type web licence 2609-SERSVR, 29 September 2026,
   licensed to Lillie Coit's. The files are Commercial Type's own, unmodified.

   The bound _ds mirror is stale: it still ships Bricolage Grotesque as --font-display and
   carries no Caponi files. This file brings the site in line with the design system's
   CURRENT tokens/fonts.css + tokens/typography.css, and nothing more.

   Delete this file once the _ds mirror is refreshed. Load it AFTER the _ds token links. */

@font-face{font-family:'Caponi Display';font-weight:400;font-style:normal;font-display:swap;
  src:url('../fonts/CaponiDisplay-Regular-Web.woff2') format('woff2')}
@font-face{font-family:'Caponi Display';font-weight:700;font-style:normal;font-display:swap;
  src:url('../fonts/CaponiDisplay-Bold-Web.woff2') format('woff2')}

:root{
  /* Caponi falls back to Petrona, not a grotesque: a display serif degrading to the body
     serif keeps the page recognisable. */
  --font-display:"Caponi Display","Petrona",Georgia,"Times New Roman",serif;
  --track-display:0.005em;             /* Caponi sets wide; almost nothing to add */
  --tracking-display:var(--track-display);
}

/* ── One DS override, and the reason for it ──────────────────────────────────
   components/core/Eyebrow.jsx sets `whiteSpace: "nowrap"` as an INLINE style on
   its label span. That is right for a two-word kicker and wrong for anything
   longer: an Eyebrow carrying a sentence cannot wrap, so at phone widths it
   pushes the whole document past the viewport and the page scrolls sideways.

   Because the declaration is inline, only an !important author rule can reach
   it. `.sc-host-x` is the DS mount wrapper — <x-import> itself does not survive
   into the DOM, so scoping to the mount is what actually matches. Scoped rather
   than bare so it hits the 54 Eyebrow labels and leaves our own deliberate
   nowrap spans (the ratio chips in the prompt headers) alone.

   Keep Eyebrow for short kickers regardless; this is a floor, not a licence. */
.sc-host-x span[style*="nowrap"]{
  white-space: normal !important;
  text-wrap: pretty;
}