/* ── About page (extracted from inline <style>; consolidate shared rules into main.css) ── */
    /* ── About Intro ── */
    .about-intro { background: var(--surface); }
    .about-intro-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: clamp(3rem, 6vw, 6rem);
      align-items: center;
    }
    .about-intro-img {
      width: 100%;
      aspect-ratio: 4/5;
      object-fit: cover;
      border-radius: 3px;
    }
    .about-intro-content .label { margin-bottom: 0.75rem; }
    .about-intro-content h2 { margin-bottom: 1.25rem; }
    .about-intro-content p {
      color: var(--text-muted);
      font-size: 1rem;
      line-height: 1.8;
    }

    /* ── Philosophy / Mission / Values ── */
    .values-section { background: var(--warm-gray); }
    .values-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1.5rem;
    }
    .value-card {
      background: var(--surface);
      padding: 2.5rem 2rem;
      border-radius: 3px;
      border-top: 3px solid var(--rose);
    }
    .value-card h3 {
      font-family: var(--font-display);
      font-size: 1.5rem;
      line-height: 1.2;
      margin-bottom: 1rem;
    }
    .value-card p {
      font-size: 0.9375rem;
      color: var(--text-muted);
      line-height: 1.75;
    }

    /* ── Why Choose Us ── */
    .why-section { background: var(--surface); }
    .why-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: clamp(3rem, 6vw, 6rem);
      align-items: center;
    }
    .why-content .label { margin-bottom: 0.75rem; }
    .why-content h2 { margin-bottom: 1rem; }
    .why-content > p {
      color: var(--text-muted);
      font-size: 1rem;
      line-height: 1.75;
      margin-bottom: 2rem;
    }
    .feature-item {
      padding: 1.25rem;
      border-left: 3px solid var(--rose);
      background: var(--body-bg);
      margin-bottom: 1rem;
    }
    .feature-item:last-child { margin-bottom: 0; }
    .feature-item h4 {
      font-size: 0.9375rem;
      font-weight: 600;
      color: var(--text);
      margin-bottom: 0.375rem;
    }
    .feature-item p {
      font-size: 0.8125rem;
      color: var(--text-muted);
      line-height: 1.65;
    }
    .why-img {
      width: 100%;
      aspect-ratio: 3/4;
      object-fit: cover;
      border-radius: 3px;
    }

    /* ── Responsive (page-specific) ── */
    @media (max-width: 1024px) {
      .values-grid { grid-template-columns: 1fr 1fr; }
    }

    @media (max-width: 768px) {
      .about-intro-grid { grid-template-columns: 1fr; }
      .values-grid { grid-template-columns: 1fr; }
      .why-grid { grid-template-columns: 1fr; }
      .why-img-wrap { order: -1; }
    }