/* ==========================================================================
   KrayknotLabs — Responsive
   ========================================================================== */

@media (min-width: 861px) {
  .nav__links {
    display: flex;
  }
  .nav__burger {
    display: none;
  }
}

@media (max-width: 860px) {
  .nav__links {
    display: none;
  }
  .nav__pill {
    display: none;
  }
  .nav__burger {
    display: flex;
  }

  .product {
    grid-template-columns: 1fr;
    gap: 40px;
    padding: 70px var(--gutter);
    min-height: auto;
  }
  .product__visual {
    height: 420px;
    order: -1 !important;
  }
  .product:nth-child(even) .product__visual {
    order: -1;
  }

  .split {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .tech {
    height: 460px;
  }

  .scene__text {
    max-width: 13ch;
  }

  .device-row {
    gap: 14px;
  }
  .device--laptop {
    width: 42vw;
    height: 26vw;
  }
}

@media (max-width: 560px) {
  :root {
    --gutter: 20px;
  }
  .lab-card {
    padding: 30px 24px;
    min-height: 220px;
  }
  .footer {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* Fine pointer-only affordances (custom cursor, magnetic buttons) */
@media (hover: none) and (pointer: coarse) {
  .cursor,
  .cursor-ring {
    display: none;
  }
}