/* v171 — optional orbit view for the home archive. The original archive remains the default. */
body.thumb-orbit-view .stage{
  perspective:clamp(900px,82vw,1500px);
  perspective-origin:50% 48%;
  overflow:hidden;
  touch-action:none;
}
body.thumb-orbit-view .rail{
  left:50%!important;
  top:50%!important;
  width:0!important;
  height:0!important;
  transform:none!important;
  transform-style:preserve-3d;
}
body.thumb-orbit-view .card{
  left:0!important;
  top:0!important;
  width:clamp(190px,23vw,360px)!important;
  aspect-ratio:16/10!important;
  border-radius:4px;
  transform-origin:50% 50%;
  transform-style:preserve-3d;
  backface-visibility:hidden;
  will-change:transform;
  transition:filter .25s ease,box-shadow .25s ease,opacity .2s ease;
}
body.thumb-orbit-view .card img{
  border-radius:4px;
  box-shadow:0 25px 75px rgba(0,0,0,.22),0 1px 0 rgba(255,255,255,.28) inset;
}
body.thumb-orbit-view.theme-dark .card img{box-shadow:0 30px 90px rgba(0,0,0,.55),0 1px 0 rgba(255,255,255,.16) inset}
body.thumb-orbit-view .card.is-hover img{box-shadow:0 34px 95px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.35)}
body.thumb-orbit-view .card::after{left:10%;right:10%;bottom:-14%;height:24%;opacity:.55;filter:blur(20px)}
body.thumb-orbit-view .tick{display:none!important}
body.thumb-orbit-view .stack-spine{display:none!important}
body.thumb-orbit-view .side{opacity:.24;transition:opacity .25s ease}
body.thumb-orbit-view .side:hover{opacity:1}
body.thumb-orbit-view .hint::after{content:' · ORBIT VIEW';opacity:.5}

.thumb-view-toggle svg{fill:none;stroke:currentColor;stroke-width:1.1;overflow:visible}
.thumb-view-toggle svg circle{fill:#e00024;stroke:none;transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.thumb-view-toggle[aria-pressed="true"] svg circle{transform:translate(-13.4px,2px)}
.thumb-view-toggle .thumb-view-label{position:absolute;left:30px;top:50%;transform:translate(0,-50%);font:600 7px/1 Arial,sans-serif;letter-spacing:.16em;white-space:nowrap;opacity:0;transition:opacity .2s ease,transform .2s ease}
.thumb-view-toggle:hover .thumb-view-label,.thumb-view-toggle:focus-visible .thumb-view-label{opacity:.7;transform:translate(4px,-50%)}

@media(max-width:700px){
  body.thumb-orbit-view .stage{perspective:760px;perspective-origin:50% 47%}
  body.thumb-orbit-view .card{width:min(54vw,205px)!important}
  body.thumb-orbit-view .side{display:none!important}
  body.thumb-orbit-view .meta{left:18px!important;right:18px!important;bottom:82px!important}
  body.thumb-orbit-view .hint::after{content:' · 3D'}
  .thumb-view-toggle .thumb-view-label{display:none}
}

@media(min-width:701px) and (max-width:900px){
  body.thumb-orbit-view .stage{perspective:900px}
  body.thumb-orbit-view .card{width:clamp(190px,32vw,260px)!important}
  body.thumb-orbit-view .side{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  body.thumb-orbit-view .stage,body.thumb-orbit-view .rail{perspective:none;transform:none!important}
  .thumb-view-toggle{display:none!important}
}

/* v171.1 — correções do modo Orbit (sem mudança de design)
   1) No celular, regras da home em site-shared-v170-1.css (maior especificidade) aplicavam
      translate3d(-44px,-42px) e perspective-origin 54% ao trilho, deslocando a grade final
      para a esquerda e cortando a 1ª coluna. Aqui o Orbit volta a valer.
   2) O sufixo " · ORBIT VIEW" do rodapé sobrepunha "SÃO PAULO, BRAZIL" entre 701 e ~1500 px. */
body.thumb-orbit-view:not(.ui-about):not(.ui-blog):not(.ui-article):not(.ui-case):not(.ui-contact) .rail{transform:none!important}
@media(max-width:700px){
  body.thumb-orbit-view:not(.ui-about):not(.ui-blog):not(.ui-article):not(.ui-case):not(.ui-contact) .stage{perspective:760px!important;perspective-origin:50% 47%!important}
}
@media(min-width:701px){
  body.thumb-orbit-view .hint::after{content:none}
}