/* PACT HR Partners - mobile layer. Loads after pact-styles.css and only affects screens 680px wide and under. */
@media (max-width:900px){
  .wrap{padding-left:24px;padding-right:24px}
  .content-grid{gap:36px}
}
@media (max-width:680px){
  html{-webkit-text-size-adjust:100%}
  img,svg{max-width:100%}
  .wrap{padding-left:20px;padding-right:20px}

  /* Navigation: logo + button on top, scrollable link row beneath */
  nav .wrap{flex-wrap:wrap;gap:4px 12px;padding:10px 20px}
  .nav-wordmark{font-size:1.1rem}
  .nav-cta{margin-left:auto;padding:8px 12px;font-size:.74rem}
  .nav-links{display:flex !important;order:3;flex:0 0 100%;gap:12px;justify-content:space-between;margin:0;padding:4px 0 6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .nav-links::-webkit-scrollbar{display:none}
  .nav-links a{margin-right:0;padding:6px 0 4px;font-size:.8rem;white-space:nowrap}

  /* Buttons: comfortable tap targets */
  .btn-primary,.btn-secondary{min-height:46px;display:inline-flex;align-items:center;justify-content:center}
  .hero .btn-primary{display:flex;width:100%}

  /* Home hero */
  .hero{padding:52px 0 44px}
  .hero .wordmark{font-size:2.4rem}
  .hero .wordmark svg{height:32px;margin:0 -5px}
  .hero .sub-word{font-size:.72rem;letter-spacing:.26em;margin:6px 0 22px}
  .hero h1{font-size:1.65rem}
  .hero p{font-size:1rem;margin-bottom:26px}

  /* Inner page headers and sections */
  .page-header{padding:40px 0 22px}
  .page-header h1{font-size:1.85rem}
  .page-header .deck{font-size:.98rem}
  section{padding:44px 0}
  .section-title{font-size:1.4rem;margin-bottom:24px}

  /* Cards stack full width */
  .card-grid{flex-direction:column;gap:14px}
  .card{flex:1 1 auto;width:100%;min-width:0;padding:20px}

  /* About / Leadership */
  .content-grid{display:block}
  .content-grid > div:last-child{margin-top:32px}
  .founder-photo{max-width:240px}
  .pull-quote{font-size:1.12rem;padding-left:18px;margin:24px 0}

  /* Testimonials */
  .featured-testimonial{padding:30px 22px}
  .featured-testimonial p{font-size:1.05rem}
  .testimonial{padding:26px 22px}
  .scroll-strip .testimonial{flex:0 0 86%}

  /* Seal section */
  .meaning{padding:52px 0}
  .meaning svg{width:64px;height:64px}
  .meaning h2{font-size:1.3rem}

  /* Contact form: stacked, 16px text so phones do not zoom in */
  .contact-section{padding:60px 0}
  .form-row{flex-direction:column;gap:0}
  .form-field input,.form-field textarea{font-size:16px}
  .contact-form .btn-primary{width:100%}
  .contact-details{gap:18px;margin-top:28px}

  footer{padding:22px 0}
}

@media (max-width:380px){
  .nav-links{gap:8px}
  .nav-links a{font-size:.74rem}
}