.about-hero {
      display: grid;
      grid-template-columns: 0.95fr 1.05fr;
      gap: 34px;
      align-items: start;
      padding: 12px 0 42px;
    }

    .about-headshot {
      margin-top: 50px;
      width: 100%;
      max-width: 315px;
      aspect-ratio: 4 / 5;
      border-radius: 34px;
      background-image: url('/assets/hs/jtr-hs.jpg');
      background-size: cover;
      background-position: center;
      box-shadow: 0 24px 55px rgba(141,47,95,0.16);
      border: 1px solid rgba(216,95,145,0.16);
    }

    .about-copy h1 {
      margin: 18px 0 16px;
      font-family: 'Cormorant Garamond', serif;
      font-size: clamp(2.6rem, 5.5vw, 4.6rem);
      line-height: 0.95;
      letter-spacing: 0.015em;
      font-weight: 600;
    }

    .about-copy p {
      margin: 0 0 18px;
      color: var(--muted);
      font-size: 1.04rem;
      max-width: 640px;
    }

    .values-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 18px;
      padding-bottom: 52px;
    }

    .value-card {
      background: rgba(255,255,255,0.74);
      border: 1px solid var(--line);
      border-radius: 28px;
      padding: 26px;
      box-shadow: 0 18px 40px rgba(141,47,95,0.08);
    }

    .value-card h3 {
      margin: 0 0 10px;
      font-size: 1.08rem;
    }

    .value-card p {
      margin: 0;
      color: var(--muted);
      font-size: 0.96rem;
      line-height: 1.7;
    }

    .closing-section {
      background: linear-gradient(135deg, var(--berry), var(--pink));
      color: white;
      border-radius: 36px;
      padding: 40px 34px;
      box-shadow: var(--shadow);
      margin-bottom: 42px;
    }

    .closing-section h2 {
      margin: 0 0 14px;
      font-family: 'Cormorant Garamond', serif;
      font-size: clamp(2.8rem, 5vw, 4.2rem);
      line-height: 0.95;
      letter-spacing: 0.015em;
      font-weight: 600;
    }

    .closing-section p {
      margin: 0 0 22px;
      max-width: 760px;
      color: rgba(255,255,255,0.84);
      font-size: 1.02rem;
    }

    @media (max-width: 860px) {
      .about-hero,
      .values-grid {
        grid-template-columns: 1fr;
      }

      .about-headshot {
        max-width: 100%;
      }
    }