/* All rules are confined to the existing client section. */
.client-section[data-client-globe] .client-globe-view[hidden],
.client-section[data-client-globe] .client-wall[hidden] { display: none; }
.client-section[data-client-globe] { position: relative; padding-top: clamp(28px, 3.5vw, 52px); }
.client-section[data-client-globe] .client-heading {
  display: block;
  margin: 0 auto 8px;
  text-align: center;
}
.client-section[data-client-globe] .client-heading h2 {
  max-width: 22ch;
  margin-inline: auto;
  font-size: clamp(38px, 4.7vw, 70px);
  font-weight: 800;
  letter-spacing: -.035em;
  line-height: 1.06;
  text-wrap: balance;
}
.client-section[data-client-globe] .client-globe-view {
  position: relative;
  width: min(100%, 850px);
  height: clamp(320px, 63vw, 560px);
  margin: 0 auto;
  isolation: isolate;
  outline-offset: -4px;
  border-radius: 6px;
  cursor: grab;
  touch-action: pan-y pinch-zoom;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}
.client-section[data-client-globe] .client-globe-view canvas { display: block; width: 100%; height: 100%; touch-action: pan-y pinch-zoom; }
.client-section[data-client-globe] .client-globe-view:focus-visible,
.client-section[data-client-globe] a.client-mark:focus-visible { outline: 2px solid var(--focus); outline-offset: 4px; }
/* Keep every real client name and native case link available to assistive tech.
   Keyboard focus reveals the original wall without introducing visible controls. */
.client-section[data-client-globe][data-globe-enhanced="true"] .client-wall:not(:focus-within) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.client-section[data-client-globe][data-globe-enhanced="true"] .client-wall:focus-within { margin-top: 24px; }
.client-section[data-client-globe] a.client-mark { transition: background-color 180ms ease-out; }
.client-section[data-client-globe] a.client-mark:hover { background: #f4f0e8; }
.client-section[data-client-globe] .client-mark img{width:auto;height:auto;max-width:100%;max-height:78px;border-radius:7px}
@media (max-width: 620px) {
  .client-section[data-client-globe] .client-globe-view { height: clamp(300px, 90vw, 460px); }
}
@media (prefers-reduced-motion: reduce) {
  .client-section[data-client-globe] a.client-mark { transition: none; }
}