/* Compact opening sections on phones; desktop retains the Claude layout. */
.wg-root .studio-orbit-window{display:contents}
@media (max-width:767px){
  .wg-root.wg-root #top{
    min-height:0!important;
    padding:124px 24px 64px!important;
  }
  .wg-root.wg-root #top .wg-btn-group{margin-top:28px;gap:12px}
  .wg-root.wg-root section[aria-label="Clients"]{padding:8px 24px 16px!important}
  .wg-root.wg-root section[aria-label="Clients"]>div{gap:20px!important}
  .wg-root.wg-root .wg-scrolltext{margin-top:24px!important;padding:32px 24px 36px!important}
  .wg-root.wg-root #overview{padding:16px 16px 40px!important}
  .wg-root.wg-root #overview>div{gap:12px!important}
  /* Keep the rotating image arc in a dedicated area above the CTA copy. */
  .wg-root.wg-root .cta-panel{min-height:0!important;padding-top:204px!important;padding-bottom:40px!important}
  .wg-root.wg-root .studio-orbit-window{
    display:block;position:absolute;inset:0 0 auto;height:184px;overflow:hidden;
    z-index:-1;pointer-events:none;
    -webkit-mask-image:linear-gradient(#000 0 78%,transparent 100%);
    mask-image:linear-gradient(#000 0 78%,transparent 100%);
    --studio-orbit-radius:clamp(230px,65vw,320px);
    --studio-orbit-card:clamp(100px,28vw,128px);
  }
  .wg-root.wg-root .studio-orbit-window .orbit{top:calc(var(--studio-orbit-radius) + 64px)}
  .wg-root.wg-root .studio-orbit-window .orbit .oc{
    width:var(--studio-orbit-card);height:calc(var(--studio-orbit-card) * 2 / 3);
    left:calc(var(--studio-orbit-card) * -.5);top:calc(var(--studio-orbit-card) / -3);
    border-radius:10px;
  }
  .wg-root.wg-root .studio-orbit-window .orbit .oc:nth-child(n){transform:rotate(var(--orbit-angle)) translateY(calc(-1 * var(--studio-orbit-radius)))}
  .wg-root.wg-root .cta-panel:has(#brief:not([hidden])){padding-top:40px!important}
  .wg-root.wg-root .cta-panel:has(#brief:not([hidden])) .studio-orbit-window{display:none}
}
@media (max-width:380px){
  .wg-root.wg-root #top{padding:112px 20px 52px!important}
  .wg-root.wg-root #top .hero-cta{gap:8px!important}
  .wg-root.wg-root #top .hero-faces img{width:40px!important;height:40px!important}
  .wg-root.wg-root #top .wg-btn{font-size:16px;padding:12px 18px}
}