/* About — page additions on top of site.css (Arch & Pane) */

/* Saved headings use <span> for the highlighted words; style them like <em>. */
h2 > span:not([class]) { font-style: italic; font-weight: 400; color: var(--arch); }
.storm h2 > span:not([class]) { color: #8FAAFF; }

/* Our story */
.about-story { align-items: start; }
.about-story .prose h2 { margin-top: 0; }
.about-facts {
  padding: clamp(28px, 4vw, 44px); padding-top: clamp(64px, 7vw, 84px);
  border-radius: 160px 160px 24px 24px; background: var(--sand);
  border: 1px solid var(--line); box-shadow: var(--shadow-md);
}
.about-facts .check-list { margin-top: 0; }

/* Brand partners */
.about-brand-label { display: flex; margin: 0 0 22px; }
.about-brands + .about-brand-label { margin-top: clamp(40px, 5vw, 64px); }
.about-brands .card h3 { font-size: 1.25rem; }

/* Service areas */
.about-areas { margin-top: 24px; }
.about-areas-note { margin: 22px 0 0; font-size: 15px; }
.about-areas-note a { text-decoration: underline; text-underline-offset: 3px; }

/* Company strengths (dark storm section) */
.about-strengths { grid-template-columns: repeat(3, 1fr); }
.about-strengths .stat h3 { margin-top: 18px; font-size: 18px; }

@media (max-width: 1024px) {
  .about-strengths { grid-template-columns: 1fr; }
}