/* ════════════════════════════════════════════════
       FOUNDER QUOTE SECTION - scoped styles
       Structure: .quote-section → .quote-container → content
       Inherits the JAB Innovations design system tokens verbatim.
       ════════════════════════════════════════════════ */


    /* ── SECTION (full-width) ── */
    .quote-section {
      width: 100%;
      background: #EDE7D3;
      border-top: 1px solid rgba(26,27,21,0.12);
      position: relative;
      overflow: hidden;
      font-family: "Bitter", Georgia, serif;
      box-sizing: border-box;
    }

    /* scoped reset - only inside the section */
    .quote-section *,
    .quote-section *::before,
    .quote-section *::after {
      box-sizing: border-box;
    }

    /* subtle warm tint overlay - from JAB design system */
    .quote-section::before {
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(122,51,22,0.025);
      pointer-events: none;
    }

    /* ── CONTAINER ── */
    .quote-container {
      width: 100%;
      max-width: 1216px;
      margin: 0 auto;
      padding: 0 32px;
      position: relative;
      z-index: 1;
    }

    /* ── INNER CONTENT - centered single column ── */
    .quote-content {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding: 88px 0 80px;
      max-width: 880px;
      margin: 0 auto;
    }

    /* ── Quote mark - orange double-quote glyph ── */
    .quote-mark {
      font-family: "Archivo Black", sans-serif; font-weight: 900;
      font-size: 56px;
      line-height: 1;
      color: #FF5B1F;
      margin: 0 0 32px;
      user-select: none;
      /* tighten descender so the glyph reads as a top-aligned mark */
      transform: translateY(0.18em);
    }

    /* ── Quote body ──
       Serif display weight to match the screenshot.
       Bitter at semibold/700 preserves the system's serif voice. */
    .quote-body {
      font-family: "Bitter", serif;
      font-weight: 600;
      font-size: 26px;
      line-height: 1.4;
      letter-spacing: -0.2px;
      color: #1A1B15;
      margin: 0 0 32px;
      max-width: 760px;
    }

    /* ── Attribution ──
       JAB system eyebrow style: JetBrains Mono / 11px / letter-spacing 3px / #7A3316 */
    .quote-attribution {
      font-family: "JetBrains Mono", monospace;
      font-size: 11px;
      letter-spacing: 3px;
      color: #7A3316;
      text-transform: uppercase;
      margin: 0;
    }

    /* responsive images */
    .quote-section img { max-width: 100%; height: auto; display: block; }

    /* ════════════════════════════════════════════════
       RESPONSIVE BREAKPOINTS
       (matches JAB Innovations: 992px, 640px, 380px)
       ════════════════════════════════════════════════ */

    /* Tablet - JAB system: padding 72px 0 64px */
    @media (max-width: 992px) {
      .quote-container {
        padding: 0 24px;
      }
      .quote-content {
        padding: 72px 0 64px;
      }
      .quote-mark {
        font-size: 48px;
        margin-bottom: 28px;
      }
      .quote-body {
        font-size: 22px;
        line-height: 1.45;
      }
    }

    /* Mobile - JAB system: padding 56px 0 48px */
    @media (max-width: 640px) {
      .quote-container {
        padding: 0 20px;
      }
      .quote-content {
        padding: 56px 0 48px;
      }
      .quote-mark {
        font-size: 40px;
        margin-bottom: 24px;
      }
      .quote-body {
        font-size: 18px;
        line-height: 1.5;
        margin-bottom: 28px;
      }
      .quote-attribution {
        font-size: 10px;
        letter-spacing: 2.5px;
      }
    }

    /* Small mobile */
    @media (max-width: 380px) {
      .quote-body {
        font-size: 16.5px;
      }
    }