/* ══════════════════════════════════════════
                         REUSABLE CONTENT TYPOGRAPHY CLASSES
                         Use c-h1 / c-h2 / c-h3 / c-p anywhere
                         ══════════════════════════════════════════ */

                      .c-h1 {
                          font-size: 32px;
                          font-weight: 800;
                          color: #1a1a2e;
                          line-height: 1.25;
                          margin: 0 0 18px;
                          letter-spacing: -0.5px;
                          text-align: left;
                      }

                      .c-h2 {
                          font-size: 22px;
                          font-weight: 700;
                          color: #1a1a2e;
                          line-height: 1.3;
                          margin: 36px 0 12px;
                          padding-left: 14px;
                          border-left: 3px solid #e93314;
                          text-align: left;
                      }

                      .c-h3 {
                          font-size: 17px;
                          font-weight: 700;
                          color: #333;
                          line-height: 1.4;
                          margin: 24px 0 8px;
                          position: relative;
                          padding-left: 14px;
                          text-align: left;
                      }

                      .c-h3::before {
                          content: '';
                          position: absolute;
                          left: 0;
                          top: 50%;
                          transform: translateY(-50%);
                          width: 5px;
                          height: 5px;
                          background: #e93314;
                          border-radius: 50%;
                      }

                      .c-p {
                          font-size: 15px;
                          color: #555;
                          line-height: 1.85;
                          margin: 0 0 16px;
                      }

                      /* Responsive */
                      @media (max-width: 768px) {
                          .c-h1 { font-size: 24px; }
                          .c-h2 { font-size: 18px; margin-top: 28px; }
                          .c-h3 { font-size: 15px; }
                          .c-p  { font-size: 14px; line-height: 1.75; }
                      }

                      @media (max-width: 480px) {
                          .c-h1 { font-size: 20px; }
                          .c-h2 { font-size: 16px; }
                          .c-h3 { font-size: 14px; }
                          .c-p  { font-size: 13px; }
                      }