/* Extra strong slant for the big Oswald headings. Oswald has no real italic,
   so font-style:italic only gets the browser's fake italic, which is stuck at
   about 14 degrees. skewX tilts the letters by any angle we want; negative
   leans them to the right.
   Each word is its own span so it tilts around its own center. Skewing the
   whole heading at once would push the top line right and the bottom line
   left on headings that wrap. Spans also keep this off the heading itself,
   whose transform the scroll reveal animation already uses.
   inline-block is needed because transforms don't apply to plain inline text.
   font-weight 700 is one step heavier than the 600 these headings had, and
   the heaviest Oswald weight the Google Fonts link loads. */
.slant{display:inline-block;transform:skewX(-20deg);font-weight:700}

/* LeoTrace is retired in favor of this slanted Oswald look. Everything with
   the font-display class (service titles, bio names, contact headings, the
   newsletter popup) now gets Oswald instead. Pointing the --font-display
   setting at --font-label swaps the font everywhere that uses it.
   font-style:normal turns off the browser's fake italic, because the .slant
   spans inside these elements already do the tilting; both together would
   lean too far. */
:root{--font-display:var(--font-label)}
.font-display{font-style:normal}

/* The & in service titles was set in Archivo because LeoTrace's own & looked
   off. Oswald's & is fine, so it now just matches the rest of the title. */
.slant .amp{font-family:inherit;font-style:inherit;font-weight:inherit}

/* Logo style P. /assets/site.js wraps every visible uppercase P set in Oswald
   in <span class="logo-p">. The real letter stays in the page (so copy/paste,
   search engines and screen readers still see a P) but is made invisible with
   text-fill-color, which leaves `color` alone so currentColor still works.
   The ::before box then draws /images/logo-p.svg in that color on top: a P
   drawn at Oswald's own size and stroke weight, with the logo P's flat top,
   rounded right side and open left side.
   The em values come from Oswald's measurements: the letter sits .289em
   above the bottom of the text box (the font's descent), is .81em tall
   (cap height) and .485em wide, starting .06em in from the left. */
.logo-p{position:relative;-webkit-text-fill-color:transparent}
.logo-p::before{content:"";position:absolute;left:.06em;bottom:.289em;width:.485em;height:.81em;background:currentColor;-webkit-mask:url(/images/logo-p.svg) no-repeat center/100% 100%;mask:url(/images/logo-p.svg) no-repeat center/100% 100%}