@media (max-width: 1120px) {
  .site-nav {
    gap: 14px;
  }

  .site-nav__link {
    padding: 0 9px;
    font-size: 0.9rem;
  }

  .category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .documents-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .documents-filter {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .documents-filter__field--keyword {
    grid-column: 1 / -1;
  }

  .documents-filter__submit {
    grid-column: 1 / -1;
  }

  .contact-main-grid,
  .contact-location-grid {
    gap: 30px;
  }

  .contact-support-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .recruitment-overview-grid {
    gap: 34px;
  }

  .recruitment-benefit-grid,
  .recruitment-process-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .recruitment-process-grid::before {
    display: none;
  }

  .split-section {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  html,
  body {
    overflow-x: clip;
  }

  h1 {
    font-size: 2.7rem;
  }

  h2 {
    font-size: 1.72rem;
  }

  .site-menu-toggle {
    display: inline-flex;
  }

  .site-nav {
    position: fixed;
    inset: var(--header-height) 0 auto auto;
    width: min(100%, 390px);
    height: calc(100vh - var(--header-height));
    display: grid;
    align-content: start;
    gap: 22px;
    padding: 24px;
    background: var(--color-white);
    border-left: 1px solid var(--color-gray-200);
    box-shadow: var(--shadow-md);
    transform: translateX(100%);
    transition: transform 180ms ease;
  }

  .site-nav.is-open {
    transform: translateX(0);
  }

  .site-nav__links {
    display: grid;
    gap: 6px;
  }

  .site-nav__link {
    min-height: 46px;
    padding: 0 12px;
  }

  .site-nav__cta {
    width: 100%;
  }

  .home-hero {
    min-height: auto;
  }

  .home-hero__inner {
    padding: 72px 0 42px;
  }

  .home-hero__metrics {
    grid-template-columns: 1fr;
  }

  .home-hero__metrics div {
    border-right: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  }

  .home-hero__metrics div:last-child {
    border-bottom: 0;
  }

  .intro-grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .site-footer__brand {
    grid-column: 1 / -1;
  }

  .about-overview,
  .statement-grid {
    grid-template-columns: 1fr;
  }

  .about-overview {
    gap: 34px;
  }

  .value-grid,
  .capability-grid,
  .process-grid,
  .applications-grid,
  .applications-process-grid,
  .products-category-grid,
  .products-result-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .process-step:not(:last-child)::after {
    display: none;
  }

  .products-layout {
    grid-template-columns: 1fr;
  }

  .product-detail-overview__grid,
  .product-detail-content-grid,
  .product-specs-layout {
    grid-template-columns: 1fr;
  }

  .product-quick-info {
    position: static;
  }

  .product-detail-related-grid,
  .packaging-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .products-filter {
    position: static;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .products-filter__search {
    grid-column: 1 / -1;
  }

  .documents-category-grid,
  .documents-featured-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .documents-filter__submit {
    width: 100%;
  }

  .contact-main-grid,
  .contact-location-grid {
    grid-template-columns: 1fr;
  }

  .contact-information-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .recruitment-overview-grid,
  .recruitment-application-panel {
    grid-template-columns: 1fr;
  }

  .recruitment-job-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .cta-block {
    grid-template-columns: 1fr;
  }

  .cta-block__actions {
    min-width: 0;
  }
}

@media (max-width: 640px) {
  .site-container {
    width: min(100% - 28px, var(--container-width));
  }

  h1 {
    font-size: 2.1rem;
  }

  h2 {
    font-size: 1.45rem;
  }

  .site-logo__text span {
    display: none;
  }

  .site-section {
    padding: 60px 0;
  }

  .page-hero__inner {
    padding: 46px 0 54px;
  }

  .home-hero__actions,
  .btn {
    width: 100%;
  }

  .category-grid,
  .product-grid,
  .about-feature-grid,
  .value-grid,
  .capability-grid,
  .process-grid,
  .products-category-grid,
  .products-result-grid,
  .applications-industry-grid,
  .applications-grid,
  .applications-process-grid,
  .applications-featured-grid,
  .product-detail-related-grid,
  .packaging-grid,
  .documents-category-grid,
  .technical-document-grid,
  .documents-featured-grid,
  .documents-filter {
    grid-template-columns: 1fr;
  }

  .contact-information-list,
  .contact-form,
  .contact-support-grid {
    grid-template-columns: 1fr;
  }

  .recruitment-overview-highlights,
  .recruitment-benefit-grid,
  .recruitment-job-grid,
  .recruitment-process-grid {
    grid-template-columns: 1fr;
  }

  .recruitment-overview-highlights article,
  .recruitment-benefit-card,
  .recruitment-job-card,
  .recruitment-process-card {
    min-height: auto;
  }

  .recruitment-benefit-card,
  .recruitment-job-card,
  .recruitment-process-card,
  .recruitment-application-panel {
    padding: 20px;
  }

  .recruitment-benefit-card:hover,
  .recruitment-job-card:hover {
    transform: none;
  }

  .recruitment-job-card__top {
    align-items: flex-start;
    flex-direction: column;
  }

  .recruitment-application-panel__contact .btn {
    width: 100%;
  }

  .contact-form__field--full {
    grid-column: auto;
  }

  .contact-form-panel,
  .contact-support-card {
    padding: 20px;
  }

  .contact-form__footer {
    align-items: stretch;
    flex-direction: column;
  }

  .contact-form__footer .btn {
    width: 100%;
  }

  .contact-support-card {
    min-height: auto;
  }

  .contact-support-card:hover {
    transform: none;
  }

  .contact-map-mock {
    min-height: 320px;
  }

  .documents-filter__field--keyword {
    grid-column: auto;
  }

  .documents-category-card,
  .technical-document-card,
  .documents-featured-card {
    min-height: auto;
    padding: 20px;
  }

  .technical-document-card:hover {
    transform: none;
  }

  .documents-result-bar,
  .technical-document-card__footer,
  .documents-featured-card__footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .technical-document-card__meta {
    grid-template-columns: 1fr;
  }

  .technical-document-card__footer .btn {
    width: 100%;
  }

  .applications-industry-card,
  .application-card,
  .applications-process-step {
    min-height: auto;
    padding: 20px;
  }

  .applications-industry-card span {
    margin-bottom: 26px;
  }

  .application-card:hover {
    transform: none;
  }

  .products-category-card,
  .products-filter,
  .products-card__body {
    padding: 20px;
  }

  .products-filter {
    gap: 14px;
  }

  .products-filter,
  .products-card__actions {
    grid-template-columns: 1fr;
  }

  .products-result__bar {
    flex-direction: column;
    gap: 6px;
  }

  .products-card__specs {
    grid-template-columns: 1fr;
  }

  .product-gallery__thumbs {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .product-quick-info,
  .product-content-card,
  .packaging-card {
    padding: 20px;
  }

  .product-quick-info dl div {
    grid-template-columns: 1fr;
    gap: 4px;
  }

  .product-spec-table th,
  .product-spec-table td {
    padding: 13px;
  }

  .about-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 24px 0 18px;
  }

  .about-kpi-card {
    padding: 14px 12px;
  }

  .about-feature-card {
    padding: 14px;
  }

  .statement-card,
  .value-card,
  .capability-card,
  .process-step {
    padding: 22px;
  }

  .value-card {
    gap: 10px;
  }

  .capability-card {
    min-height: auto;
    gap: 10px;
  }

  .value-card:hover,
  .capability-card:hover {
    transform: none;
  }

  .statement-card,
  .capability-card {
    min-height: auto;
  }

  .statement-card__top {
    margin-bottom: 16px;
  }

  .process-step {
    min-height: auto;
    gap: 10px;
  }

  .process-step:hover {
    transform: none;
  }

  .process-step:not(:last-child)::after {
    display: none;
  }

  .document-item {
    grid-template-columns: auto 1fr;
  }

  .document-item .btn {
    grid-column: 1 / -1;
  }

  .product-card__specs {
    grid-template-columns: 1fr;
  }

  .recruitment-panel {
    padding: 20px;
  }

  .cta-block {
    padding: 26px;
  }

  .about-page-cta .cta-block {
    padding: 24px;
  }

  .products-page-cta .cta-block {
    padding: 24px;
  }

  .product-detail-cta .cta-block {
    padding: 24px;
  }

  .applications-page-cta .cta-block {
    padding: 24px;
  }

  .documents-page-cta .cta-block {
    padding: 24px;
  }

  .contact-page-cta .cta-block {
    padding: 24px;
  }

  .recruitment-page-cta .cta-block {
    padding: 24px;
  }

  .site-footer__grid {
    grid-template-columns: 1fr;
    gap: 26px;
    padding-top: 48px;
  }

  .site-footer__bottom {
    flex-direction: column;
  }
}