/* Product pages: the display face for page titles, body type for section headings. Public pages
   take their type scale from landing.css. */
body.product-page h1 { font-family: var(--font-display); font-weight: 400; letter-spacing: -.055em; line-height: 1.1; }
body.product-page h2 { font-family: var(--font-body); font-weight: 600; letter-spacing: -.015em; line-height: 1.3; }

/* Reuse the technology artwork without introducing a second illustration style. */
.brand-stem-illustration { padding: 24px; background: #fbf7ef; border-radius: 20px; }
.brand-stem-illustration__crop { position: relative; overflow: hidden; aspect-ratio: 2; }
.brand-stem-illustration__crop img { position: absolute; width: 300%; max-width: none; height: 200%; inset: 0 auto auto 0; }
.brand-stem-illustration figcaption { color: #6a5b4e; font-size: 13px; }
.brand-status { display: inline-block; vertical-align: middle; margin-left: 6px; padding: 3px 8px; border: 1px solid var(--color-rule-strong); border-radius: 999px; font: 500 11px/1.4 var(--font-body); letter-spacing: 0; color: var(--color-muted); white-space: nowrap; }