/* orb-gl.css — WebGL 渐变球外观接管 .orb-disc
   新增文件，不修改任何既有压缩产物。 */

/* 接管后关掉原来那块淡灰平色盘的底与描边（形状交给 shader 画） */
.orb-w.orb-gl-on .orb-disc{
  background: none;
  outline: none;
  inset: 0;
}

.orb-w.orb-gl-on .orb-disc > canvas{
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  /* 球体自身不参与差值混合；压在上面的标题才是 .mbm-diff */
  mix-blend-mode: normal;
}

/* WebGL 不可用 / 初始化失败时，保持原有平色盘外观（渐进增强回退） */
.orb-w:not(.orb-gl-on) .orb-disc{ /* 原样式来自 main css，不覆盖 */ }

/* Offbrand uses an 80vh canvas centred in the viewport, with independent rings. */
.orb-w .orb-stage{width:80vh;height:80vh;translate:none}
.orb-w > .orb-outline{
  width:80vh;height:80vh;inset:auto;position:absolute;
  border-style:dashed;border-color:color-mix(in srgb,var(--ink) 20%,transparent);
  animation:none;
}
.orb-w > .orb-outline.is-2{width:100vh;height:100vh;inset:auto;animation:none}
.hero .hh-eyebrow{display:none}
.hero .hh-intro{display:none}
.hero .hh-scroll{align-self:end}
.hero + section{min-height:100svh;display:flex;align-items:center}
.intro-context{max-width:32em;margin:2.5em 0 0 auto;line-height:1.6}
@media(min-width:992px){
  .hero .hh-line.is-2{text-align:left;grid-column:8 / 13}
}
@media(max-width:991px){
  .orb-w .orb-stage{width:min(90vw,72svh);height:min(90vw,72svh)}
  .orb-w > .orb-outline{width:min(112vw,90svh);height:min(112vw,90svh)}
  .orb-w > .orb-outline.is-2{width:min(124vw,100svh);height:min(124vw,100svh)}
  .hero + section{min-height:80svh}
}