@layer celestia {
  @media (max-width: 1080px) {
    .celestia-hero__grid,
    .celestia-statement,
    .celestia-structure {
      grid-template-columns: 1fr;
    }

    .celestia-hero__grid {
      grid-template-areas:
        "copy"
        "brand"
        "summary";
    }

    .celestia-hero__orbit {
      justify-self: start;
      width: min(100%, 34rem);
      margin-block-start: 0;
    }

    .celestia-summary {
      margin-block-start: 0;
      transform: none;
    }

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

  @media (max-width: 760px) {
    .celestia-product-grid {
      grid-template-columns: 1fr;
    }

    .celestia-summary__row {
      grid-template-columns: 1fr;
      gap: 0.45rem;
    }

    .celestia-stat-stack article {
      grid-template-columns: 1fr;
      align-items: start;
      min-height: 0;
    }

    .celestia-hero__orbit {
      width: min(100%, 28rem);
      aspect-ratio: 1.45;
    }

    .celestia-orbit--outer {
      width: 31rem;
      height: 12.5rem;
    }

    .celestia-orbit--middle {
      width: 22rem;
      height: 8rem;
    }

    .celestia-orbit--inner {
      width: 12rem;
      height: 4.8rem;
    }
  }

  @media (max-width: 640px) {
    .celestia-hero {
      min-height: 0;
      padding-block: 3.4rem;
    }

    .celestia-hero h1 {
      font-size: clamp(2.1rem, 10vw, 3rem);
      line-height: 1.05;
    }

    .celestia-page-nav {
      display: grid;
      transform: none;
    }

    .celestia-page-nav .button {
      min-width: 0;
      width: 100%;
    }

    .celestia-hero__copy {
      max-width: none;
    }

    .celestia-hero__orbit {
      width: min(100%, 22rem);
    }

    .celestia-orbit__core {
      width: 2.5rem;
    }

    .celestia-section-copy h2,
    .celestia-structure__copy h2,
    .celestia-products__head h2 {
      font-size: clamp(1.9rem, 9vw, 2.35rem);
    }

    .celestia-list article {
      grid-template-columns: 3rem 1fr;
      gap: 1rem;
    }

    .celestia-list__icon {
      width: 3rem;
    }

    .celestia-summary,
    .celestia-stat-stack article,
    .celestia-deep-panel {
      padding: 1.15rem;
    }

    .celestia-product-card {
      min-height: 26rem;
    }
  }
}