/* Evergreen Industries: shared typography refinements.
   Linked after each page's own styles. Progressive: a browser without
   text-wrap support keeps its default wrapping and loses nothing else. */

/* Headlines set on balanced lines; running text avoids orphans. */
h1,h2,h3,h4{text-wrap:balance}
/* Playfair Display has tall ascenders and deep descenders: below about 1.06
   a descender (g, p, y) can touch the ascender or dot of the line below. */
h1{line-height:1.06}
h2,h3{line-height:1.1}
p,li,dd,figcaption,blockquote{text-wrap:pretty}

/* Tracked uppercase labels: with wide letter-spacing the word gaps read
   as narrow as the letter gaps, so give words a little more room. */
.eyebrow,.hero-facts span,.hero .meta span,.marquee-track span,.nav-links a.link,
.btn-solid,.btn-ghost,.btn-pill,.tag,.badge,.ribbon,.filter,.count,.kind,.nose,
.stat .lbl,.foot-h,.lic,.role,.meta,.cmeta,.soon,.t-meta,.t-win,.win,.facts span,
.reel-head .hint,.reel-nav a,.scroll-hint,.spot-label span,.duo span,.mini-stats div,
.art-hero .back,.card .badge{word-spacing:.12em}

/* Short labels and pills never break mid-phrase. */
.brand span,.badge,.ribbon,.t-win,.win,.tag,.count,.filter,.nav-links a.link,.btn-pill,
.facts span,.duo span,.mini-stats div,.stat .lbl,.soon{white-space:nowrap}

/* Fact rows wrap whole items rather than breaking a label under its number. */
.facts,.duo,.mini-stats{flex-wrap:wrap}

/* Body copy breathes a touch more. */
.lede,.desc,.pillar p,.product span,.post-card p,.card p,.founder p,.split .body p,
.standard .cols p,.spot p,.cta p,.journal .intro p,.band p.lede{word-spacing:.02em}