@media (max-width: 992px) {
  .pals-desktop-nav { display: none; }
  .pals-menu-toggle { display: block; }
  .about-wrapper { grid-template-columns: 1fr; gap: 40px; }
  .main-frame { height: 420px; }
  .tiles-grid { grid-template-columns: 1fr 1fr; }
  .tile-img, .tile-joint, .tile-bone, .tile-recovery, .tiles-banner { grid-column: auto; grid-row: auto; }
  .tile-img { min-height: 360px; }
  .tile-recovery { align-items: flex-start; flex-direction: column; }
  .dark-grid { grid-template-columns: 1fr 1fr; }
  .card-large, .card-medium, .card-square, .card-wide { grid-column: auto; }
  .card-large, .card-wide { align-items: flex-start; flex-direction: column; }
  .wide-stat { text-align: left; }
  .partner-card-grid { grid-template-columns: 1fr 1fr; }
  .contact-container { grid-template-columns: 1fr; gap: 40px; }
  .footer-container { grid-template-columns: 1.2fr 1fr; }
  .career-split { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .pals-header-inner { width: min(100% - 28px, var(--container)); height: 70px; }
  .pals-brand { width: 154px; }
  .anchor-offset { scroll-margin-top: 70px; }
  .pals-hero { min-height: 650px; padding: 120px 18px 64px; }
  .pals-hero::after { background: rgba(4, 12, 23, .79); }
  .hero-content { max-width: 600px; text-align: center; }
  .company-badge { margin-bottom: 18px; }
  .hero-content h1 { font-size: clamp(34px, 10vw, 46px); }
  .hero-content h1 span { display: block; }
  .hero-content p { font-size: 16px; }
  .hero-actions { justify-content: center; }
  .pals-about-creative, #tiles-ortho-section, #pals-section, #pals-dark-cinematic, #pals-vm-transparent-border, #contact, .join-section, .pals-career-hero { padding-top: 64px; padding-bottom: 64px; }
  .main-frame { height: 330px; }
  .science-tag { left: 14px; bottom: 14px; }
  .content-title-area h2, .tiles-header h2, .contact-info-side h2 { font-size: 34px; }
  .approach-bar { width: 100%; justify-content: center; }
  .bar-item { padding: 9px 10px; font-size: 12px; }
  .about-signature { align-items: flex-start; gap: 14px; }
  .tiles-grid, .dark-grid, .vm-container, .partner-card-grid, .grid-benefits { grid-template-columns: 1fr; }
  .tile-img { min-height: 320px; }
  .tile-card, .glass-card, .luxury-glass-card, .vm-card { padding: 26px; }
  .card-large { text-align: left; }
  .card-img-wrap { width: 100%; height: 180px; }
  .partner-header-box { padding-left: 16px; }
  .partner-header-box h2 { font-size: 32px; }
  .contact-visual-side { border-radius: var(--radius-md); }
  .cta-ethical { align-items: flex-start; flex-direction: column; padding: 24px; }
  .career-page { padding-top: 70px; }
  .glass-career-card, .career-form-card, .form-page-card { padding: 28px; }
  .pals-form-grid { grid-template-columns: 1fr; }
  .form-page { padding: 112px 16px 64px; }
  .form-page-card h1 { font-size: 31px; }
  .legal-page { padding-top: 70px; }
  .legal-header { padding: 44px 16px 62px; }
  .legal-box { padding: 26px; }
  .footer-container { grid-template-columns: 1fr; gap: 32px; }
  .footer-bottom { align-items: flex-start; flex-direction: column; margin-top: 36px; }
}

@media (max-width: 440px) {
  .pals-hero { min-height: 620px; padding-inline: 14px; }
  .hero-content h1 { font-size: 33px; }
  .hero-actions { display: grid; grid-template-columns: 1fr; }
  .btn { width: 100%; }
  .main-frame { height: 290px; }
  .science-tag { padding: 10px 12px; }
  .science-tag i { font-size: 17px; }
  .content-title-area h2, .tiles-header h2, .contact-info-side h2 { font-size: 31px; }
  .approach-bar { align-items: stretch; flex-direction: column; text-align: center; }
  .bar-arrow { display: none; }
  .about-signature { display: grid; grid-template-columns: auto 1px 1fr; }
  .tile-card, .glass-card, .luxury-glass-card, .vm-card { padding: 22px; }
  .tiles-banner { align-items: flex-start; }
  .slider-track .p-card { width: 238px; }
  .img-holder { height: 175px; }
  #pals-section.is-grid .slider-wrapper { width: calc(100% - 28px); }
  .contact-detail-item { padding: 16px; }
  .contact-text p, .contact-text a { font-size: 13px; }
  .visual-content { padding: 24px; }
  .join-header h1 { font-size: 31px; }
  .glass-career-card, .career-form-card, .form-page-card { padding: 22px 18px; }
  .legal-box { padding: 22px 18px; }
}