/* ONIX v7.9 — Index scroll stability + compact rotating brand sphere */

/* After intro is dismissed, the document must return to native page scroll. */
html{
  height:auto!important;
  min-height:100%!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
}
body.public-index-v23.intro-complete{
  position:relative!important;
  height:auto!important;
  min-height:100dvh!important;
  max-height:none!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  touch-action:pan-y!important;
  -webkit-overflow-scrolling:touch!important;
  overscroll-behavior-y:auto!important;
}
body.public-index-v23.intro-complete > main{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
body.public-index-v23.intro-active{
  width:100%!important;
  height:100dvh!important;
  min-height:100dvh!important;
  max-height:100dvh!important;
  overflow:hidden!important;
  touch-action:none!important;
}

/* Compact version of the sphere for the top-left brand. */
.public-brand.onix-brand-sphere{
  gap:10px;
}
.onix-mini-sphere{
  width:36px;
  height:36px;
  flex:0 0 36px;
  position:relative;
  display:grid;
  place-items:center;
  border-radius:50%;
  perspective:260px;
  background:radial-gradient(circle,rgba(255,255,255,.07),rgba(255,255,255,.012) 52%,transparent 72%);
  filter:drop-shadow(0 0 7px rgba(255,255,255,.08));
}
.onix-mini-sphere::before{
  content:"";
  position:absolute;
  inset:3px;
  border:1px solid rgba(239,244,249,.18);
  border-radius:50%;
  animation:onixMiniSphereShell 6.2s linear infinite;
}
.onix-mini-sphere img{
  position:relative;
  z-index:2;
  width:20px!important;
  height:20px!important;
  object-fit:contain;
  filter:grayscale(1) brightness(1.22) contrast(1.05);
  animation:onixMiniMarkTurn 6.2s linear infinite;
  will-change:transform;
}
.mini-sphere-ring{
  position:absolute;
  inset:5px;
  border:1px dashed rgba(235,240,246,.25);
  border-radius:50%;
  transform-style:preserve-3d;
}
.mini-ring-a{transform:rotateX(70deg)}
.mini-ring-b{transform:rotateY(68deg);opacity:.62}
@keyframes onixMiniSphereShell{
  from{transform:rotateY(0deg) rotateX(7deg)}
  to{transform:rotateY(360deg) rotateX(7deg)}
}
@keyframes onixMiniMarkTurn{
  0%{transform:rotateY(0deg) scale(.96)}
  50%{transform:rotateY(180deg) scale(1)}
  100%{transform:rotateY(360deg) scale(.96)}
}
@media(max-width:640px){
  .onix-mini-sphere{width:32px;height:32px;flex-basis:32px}
  .onix-mini-sphere img{width:18px!important;height:18px!important}
}
@media(prefers-reduced-motion:reduce){
  .onix-mini-sphere::before,.onix-mini-sphere img{animation:none!important}
}