/* Sumur 2026 Home hero orbit — isolated Three.js visual module. */
#s26-home .s26-hero-concept-copy{position:relative!important;z-index:6!important}
#s26-home .s26-hero-actions{position:relative!important;z-index:7!important}
#s26-home .s26-section-inner{overflow:visible!important}

#s26-home .s26-hero-orbit{
  position:absolute!important;
  right:clamp(-54px,-3.2vw,-38px)!important;
  top:50%!important;
  width:clamp(828px,calc(58vw + 128px),988px)!important;
  height:min(84vh,800px)!important;
  min-height:620px!important;
  transform:translateY(-50%)!important;
  isolation:isolate!important;
  overflow:visible!important;
  z-index:2!important;
  cursor:grab!important;
  touch-action:pan-y!important;
  filter:drop-shadow(0 34px 52px rgba(54,39,117,.16));
}
#s26-home .s26-hero-orbit:active{cursor:grabbing!important}
#s26-home .s26-hero-orbit canvas{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  outline:none!important;
  opacity:0;
  transition:opacity .35s ease;
}
#s26-home .s26-hero-orbit.is-ready canvas{opacity:1}
#s26-home .s26-hero-orbit-label{
  position:absolute;
  z-index:8;
  left:50%;
  top:50%;
  padding:10px 15px;
  border:1px solid rgba(255,255,255,.68);
  border-radius:999px;
  background:rgba(16,16,32,.66);
  backdrop-filter:blur(14px);
  color:#fff;
  font-family:var(--s26-body-font,Inter,sans-serif);
  font-size:13px;
  font-weight:750;
  line-height:1;
  white-space:nowrap;
  pointer-events:none;
  opacity:0;
  transform:translate(-50%,-50%) scale(.92);
  transition:opacity .18s ease,transform .18s ease;
}
#s26-home .s26-hero-orbit-label.visible{opacity:1;transform:translate(-50%,-50%) scale(1)}
#s26-home .s26-hero-orbit-hint{
  position:absolute;
  left:58%;
  bottom:5%;
  z-index:7;
  transform:translateX(-50%);
  color:rgba(255,255,255,.76);
  font-family:var(--s26-body-font,Inter,sans-serif);
  font-size:10px;
  font-weight:700;
  letter-spacing:.13em;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap;
  pointer-events:none;
}
#s26-home .s26-hero-orbit-hint::before{
  content:'';
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:10px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 0 7px rgba(255,255,255,.13);
  animation:s26OrbitHint 1.8s ease-in-out infinite;
}
#s26-home .s26-hero-orbit-fallback{
  display:none;
  position:absolute;
  inset:20% 10%;
  place-items:center;
  color:#fff;
  font-weight:700;
  text-align:center;
}
#s26-home .s26-hero-orbit.has-error canvas{display:none!important}
#s26-home .s26-hero-orbit.has-error .s26-hero-orbit-fallback{display:grid}
.s26-hero-orbit-links{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
@keyframes s26OrbitHint{50%{box-shadow:0 0 0 14px rgba(255,255,255,0)}}

@media(max-width:1180px) and (min-width:761px){
  #s26-home .s26-hero-orbit{right:-44px!important;width:920px!important;height:680px!important;min-height:560px!important;opacity:.92}
}
@media(max-width:760px){
  /* The fixed one-screen mobile hero has no safe room for the interactive canvas yet.
     Keep the approved copy and CTAs clean; mobile composition will be designed separately. */
  #s26-home .s26-hero-orbit{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  #s26-home .s26-hero-orbit-hint{display:none!important}
  #s26-home .s26-hero-orbit-hint::before{animation:none!important}
}