/* Keep the original scroll-driven horizontal animation and styling.
   The hidden orbital's wrapper still occupied a square above the icon.
   Remove that redundant layout block and prevent flex shrink on the icon. */
@media (max-width: 760px) {
  .is-pinned .service-visual {
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    min-height: 60px;
    max-width: 60px;
  }
  .is-pinned .service-visual > .orbital { display: none; }
  .is-pinned .service-visual .service-focus-icon {
    position: relative;
    inset: auto;
    width: 60px;
    height: 60px;
    margin: 0;
  }
  .is-pinned .service-inner {
    min-height: 0;
    gap: 12px;
    justify-content: center;
  }
  .is-pinned .service-copy {
    flex: 0 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding-top: 0;
  }
}