/* about-us — externalised head <style> (§9.3) */
@media (max-width: 600px) {
      /* Move the "30+ years experience" stat badge to the image's bottom-right corner. */
      #our-story .stat-badge { left: auto; right: 2rem; }
      /* Keep the stats ticker in 2 columns on mobile instead of collapsing to 1. */
      .stats-ticker { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 860px) {
      /* Remove the dividers between stat items on mobile and tablet, and the leftover
         top padding from the old single-column layout (which offset row 2 vertically). */
      .stats-ticker .stat-item { border: 0 !important; padding-top: 0 !important; }
    }
    @media (max-width: 820px) {
      /* Core values wraps to 2 columns here — "Positive energy" starts a new row,
         so its left divider (inherited from the 4-across desktop layout) is stray. */
      #core-values .feature-col:nth-child(3) { border-left: 0; }
    }
    @media (min-width: 861px) {
      .promise-simple-notebook { transform: rotate(10deg) scale(1.2); }
    }
    @media (max-width: 860px) {
      .promise-simple-notebook { transform: rotate(10deg) scale(1.1); }
      .promise-simple-tote { left: calc(clamp(-2rem, -5vw, -1rem) - 15px); }
    }
    @media (max-width: 600px) {
      .promise-simple-tote { left: calc(clamp(-2rem, -5vw, -1rem) - 20px); }
      /* Close the gap between the "lasting impression." copy and the logo carousel below it. */
      #brands .section-head { margin-bottom: calc(clamp(2.5rem, 4vw, 3.5rem) - 15px); }
    }