<div class="bg-gradient-to-b from-pt-sage-400 to-pt-blue-400 pt-px">
  <section class="relative md:mt-[78px] min-h-[320px] 2xl:flex">
    <div class="absolute inset-0 flex sm:pt-8 sm:pb-8 2xl:static 2xl:inset-auto 2xl:w-[62%] 2xl:flex-none 2xl:p-0">
      <div class="hidden sm:block sm:basis-[8%] sm:grow-[2] 2xl:hidden"></div>
      <img src="/modules/custom/riverside_pt/images/neck.jpg" alt="Our clinic" class="basis-full sm:basis-[58%] sm:grow 2xl:basis-full 2xl:flex-none min-w-0 h-full object-cover object-center" />
      <div class="hidden sm:block sm:basis-[34%] sm:grow-[2] 2xl:hidden"></div>
    </div>
    <div class="absolute inset-0 bg-gradient-to-t from-black/60 via-black/30 to-transparent sm:hidden"></div>
    <div class="relative flex min-h-[320px] pt-0 pb-4 2xl:flex-1 2xl:bg-pt-blue-400 2xl:min-h-0 2xl:pb-0">
      <div class="hidden sm:block sm:basis-[50%] sm:grow-[2] 2xl:hidden"></div>
      <div class="basis-full sm:basis-[40%] sm:grow flex flex-col justify-end sm:justify-center px-6 sm:px-0 sm:pb-0 gap-[1vw] 2xl:basis-full 2xl:grow-0 2xl:pl-16 2xl:pr-12 2xl:justify-center">
        <h1 class="mt-0 mb-[1vw] text-[clamp(1.5rem,3.5vw,3.25rem)] font-serif font-normal text-white leading-none [text-shadow:-56.21px_2.55px_10.22px_rgb(0_0_0/10%)]">
          About Riverside Physical Therapy
        </h1>
        <p class="text-white/80 leading-tight text-[clamp(1rem,2vw,1.5vw)]">Helping you restore strength and reclaim your life since 2011.</p>
      </div>
      <div class="hidden sm:block sm:basis-[10%] sm:grow-[2] 2xl:hidden"></div>
    </div>
  </section>
</div>

<section class="rpt-section">
  <div class="rpt-container">
    <h2 class="text-[2.25rem] font-serif font-normal text-gray-900 leading-tight mb-8 text-center">Our Story</h2>
    <div class="max-w-none text-gray-700 space-y-4 text-[15px] leading-relaxed">
      <p>Riverside Physical Therapy was founded in 2011 by Dr. Elena Morales, a passionate physical therapist who had grown frustrated with the one-size-fits-all approaches she saw in larger clinics. After years working in high-volume settings, Elena opened a small practice in a modest office on Riverside Drive with a single treatment table and a clear vision: every patient deserves a thorough, one-on-one evaluation followed by a truly personalized plan designed around their unique body, goals, and life.</p>
      <p>What began with just a handful of patients quickly grew by word of mouth. People appreciated the time we took to listen, the detailed assessments that uncovered root causes rather than just treating symptoms, and the measurable progress they saw in their strength and mobility. Within a few years we had expanded into a larger space, added a second therapist, and begun specializing in the areas that mattered most to our community: sports rehab for local athletes, pre- and post-surgical protocols that improved outcomes, and neurological therapy for patients recovering from stroke, Parkinson’s, and other conditions.</p>
      <p>Today our team of licensed physical therapists brings together more than 75 combined years of experience across orthopedic, sports, post-surgical, and neurological rehabilitation. We remain committed to staying at the forefront of our field—regularly pursuing advanced certifications, attending conferences, and integrating the latest evidence-based techniques and technologies. Yet our core philosophy has never changed: we treat the whole person, not just the injury, and we measure our success by how quickly and completely you can reclaim the activities and independence that matter to you.</p>
      <p>Whether you’re an athlete returning to competition, a patient preparing for or recovering from surgery, or someone learning to navigate life with a neurological condition, we’re here to walk that journey with you—one thoughtful session at a time.</p>
    </div>
  </div>
</section>

<section class="bg-pt-blue-100 py-16 px-6">
  <div class="rpt-container">
    <h2 class="text-[2.25rem] font-serif font-normal text-gray-900 leading-tight mb-8 text-center">What Sets Us Apart</h2>
    <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
      <div class="rpt-card-rounded">
        <h3 class="rpt-heading-md">One-on-one care</h3>
        <p class="text-gray-600">You work with the same therapist throughout your treatment. No hand-offs, no assembly line.</p>
      </div>
      <div class="rpt-card-rounded">
        <h3 class="rpt-heading-md">Root cause focus</h3>
        <p class="text-gray-600">We don't just chase symptoms. We find and treat the underlying movement problems.</p>
      </div>
      <div class="rpt-card-rounded">
        <h3 class="rpt-heading-md">Real results</h3>
        <p class="text-gray-600">Our patients consistently report faster recovery times and lasting improvements.</p>
      </div>
    </div>
  </div>
</section>

<section class="rpt-section">
  <div class="max-w-[700px] mx-auto text-center">
    <h2 class="text-[2.25rem] font-serif font-normal text-gray-900 leading-tight mb-6">Ready to start your recovery?</h2>
    <a href="/book-appointment" class="inline-block px-[4em] py-[1em] bg-pt-blue-500 text-white text-sm font-medium no-underline transition-colors border-2 border-pt-blue-500 hover:bg-pt-blue-600 hover:border-pt-blue-600">Make an Appointment</a>
  </div>
</section>
