@media (max-width: 1439px) {
  .hero__title {
    font-size: clamp(3rem, 9vw, 7.5rem);
  }
}

@media (max-width: 1023px) {
  .nav-desktop {
    display: none;
  }

  .market-switch--header .market-switch__copy {
    display: none;
  }

  .hamburger {
    display: inline-flex;
  }

  .hero__hint,
  .hero__meta {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    transform: none;
    margin: 1rem var(--p3d-gutter);
    text-align: left;
  }

  .hero__holdbar {
    bottom: 1.5rem;
  }

  .hero__copy {
    padding-top: 0.5rem;
  }

  .hero {
    display: block;
    padding-bottom: 2rem;
  }

  .hero__foot {
    margin-top: 2rem;
  }

  .product-grid,
  .shop-results ul.products,
  .related.products .products,
  .related ul.products {
    grid-template-columns: repeat(2, 1fr);
  }

  .color-lab__stage,
  .about__grid,
  .bulk__grid,
  .faq__grid,
  .p3d-product__grid,
  .shop-layout,
  .footer-grid,
  .manufacturing__grid,
  .testimonials__grid,
  .why-stage__grid {
    grid-template-columns: 1fr;
  }

  .stats__grid,
  .stats-stage__grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .hero-spool {
    position: relative;
    right: auto;
    top: auto;
    transform: none;
    margin: 1.5rem auto 0;
    width: min(58vw, 280px);
  }

  .hero-spool__spin {
    width: 100%;
  }

  .qa-card:last-child {
    grid-column: auto;
  }

  .stat:nth-child(2) {
    border-right: 0;
  }

  .app-row,
  .app-row--alt {
    grid-template-columns: 1fr;
  }

  .app-row--alt .app-row__media {
    order: 0;
  }

  .shop-filters {
    position: static;
  }
}

@media (max-width: 767px) {
  :root {
    --p3d-header: 72px;
  }

  body.has-custom-cursor,
  body.has-custom-cursor a,
  body.has-custom-cursor button {
    cursor: auto;
  }

  .cursor {
    display: none !important;
  }

  .product-grid,
  .shop-results ul.products,
  .related.products .products,
  .related ul.products,
  .swatch-grid,
  .why__grid,
  .form-row,
  .editorial-item,
  .stats__grid,
  .stats-stage__grid,
  .testimonials__grid {
    grid-template-columns: 1fr;
  }

  body.is-front .shutter-scene,
  body.is-front .story,
  body.is-front .spool-stage {
    height: auto;
  }

  body.is-front .shutter-scene__sticky,
  body.is-front .story__sticky,
  body.is-front .spool-stage__sticky {
    position: relative;
    height: auto;
    min-height: 0;
  }

  .timeline__years {
    display: grid;
    gap: 1.5rem;
  }

  .timeline__rail {
    display: none;
  }

  .timeline__panel {
    position: relative;
    opacity: 1;
    transform: none;
    pointer-events: auto;
    margin-bottom: 1.5rem;
  }

  .timeline__copy {
    min-height: 0;
    display: none;
  }

  .timeline__mobile-copy {
    display: block;
    margin-top: 0.55rem;
    color: var(--p3d-muted);
    max-width: 36rem;
  }

  .timeline__year {
    padding-left: 1.25rem;
    border-left: 1px solid var(--p3d-border);
  }

  .timeline__year.is-active .timeline__marker-year,
  .timeline__marker-year {
    color: var(--p3d-white);
  }

  .spool-stage__field {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    height: auto;
    gap: 1.25rem;
    place-items: center;
  }

  .spool-node {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    width: min(42vw, 180px);
  }

  .stat {
    border-right: 0;
    border-bottom: 1px solid var(--p3d-border);
  }

  .hero__frame img,
  .about__img {
    height: 280px;
  }

  .hero-marquee {
    display: none;
  }

  .slider {
    grid-template-columns: 1fr;
  }

  .slider__btn {
    display: none;
  }

  .quote-card {
    min-width: 100%;
  }

  .news-form {
    grid-template-columns: 1fr;
  }

  .header-actions .icon-btn:nth-child(1) {
    display: none;
  }
}

@media (min-width: 1024px) {
  .hero__copy {
    padding-right: 38%;
  }
}

@media (min-width: 1440px) {
  .hero__copy {
    padding-right: 42%;
  }
}