/* insideout symbol (the swirl) beside the Fraunces wordmark. Sized in em so it follows the text.
   Centred on the lowercase (x-height) band, so it overhangs equally above and below the letters:
   Fraunces x-height is .482em, so the band's middle is .241em above the baseline. The SVG box is .9em
   (a solid mark looks bigger than the old cut pinwheel, so it's drawn a little smaller) and sits on the
   baseline (align-items: baseline), so it moves down .45em - .241em = .209em. */
.wordmark { display: inline-flex; align-items: baseline; gap: .3em; }
.pw-mark { width: .9em; height: .9em; flex: none; overflow: visible; position: relative; top: .209em; }
.pw-spin { transform-box: fill-box; transform-origin: center; }