/* Pear Media in Numbers: the About numbers block as its own page, filling the first screen,
   over the billboard photo, darkened so the cream numbers read. */
.about-numbers .sec-head { margin-bottom: 56px; }
.about-numbers .figure__num { color: var(--paper); font-family: var(--sans); font-style: normal; font-weight: 500; font-size: clamp(2.75rem, 1.4rem + 2.6vw, 3.75rem); line-height: 1.1; letter-spacing: -.02em; }
.about-numbers .figure__label { color: rgba(243, 240, 231, .78); }
.about-numbers .eyebrow { color: rgba(243, 240, 231, .82); }
.about-numbers__src { display: block; margin-top: 8px; font-family: var(--serif); font-style: italic; font-size: 1rem; color: rgba(243, 240, 231, .82); }
@media (min-width: 1024px) { .about-numbers__figures { grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: 40px; } }

.about-numbers--photo { position: relative; background: var(--ink) url("/assets/img/about-numbers-bg-1490.webp") center / cover no-repeat; }
.about-numbers--photo::before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(19, 21, 15, .62), rgba(19, 21, 15, .55)); }
.about-numbers--photo > .container { position: relative; z-index: 1; }
@media (max-width: 767px) { .about-numbers--photo { background-image: url("/assets/img/about-numbers-bg-800.webp"); } }

.numbers-page { display: grid; align-content: center; min-height: 100vh; min-height: 100svh; padding-top: max(var(--section), 120px); }
.about-numbers { margin-bottom: 24px; }
@media (min-width: 768px) { .about-numbers { margin-bottom: 40px; } }