/* Shared large floating navigation sphere. Overlap is intentional. */
@media (min-width: 901px) {
  :is(.home-page, .shop-page, .showcase-page, .product-page, .start-page) .interface-panel {
    top: 54%;
    right: 8px;
  }

  :is(.home-page, .shop-page, .showcase-page, .product-page, .start-page) .sphere-shell {
    width: clamp(370px, 36vw, 520px);
    height: clamp(370px, 36vw, 520px);
  }

  :is(.home-page, .shop-page, .showcase-page, .product-page, .start-page) .sphere-core {
    width: 98px;
    height: 98px;
    font-size: 0.88rem;
  }

  :is(.home-page, .shop-page, .showcase-page, .product-page, .start-page) .sphere-link {
    width: 116px;
    min-height: 38px;
    padding: 0 10px;
    font-size: 0.78rem;
  }

  :is(.home-page, .shop-page, .showcase-page, .product-page, .start-page) .sphere-solutions {
    width: 138px;
  }

  :is(.home-page, .shop-page, .showcase-page, .product-page, .start-page) .sphere-link:hover,
  :is(.home-page, .shop-page, .showcase-page, .product-page, .start-page) .sphere-link:focus-visible {
    font-size: 1rem;
  }
}