/* Main-page desktop 360-degree viewing surface, video based to avoid WebGL failures. */
@media(min-width:761px){
  .hero-visual .display-card{
    transition:none!important;
    transform:none!important;
    contain:layout paint;
  }
  .hero-visual video.studio-model{
    display:block;
    position:absolute;
    inset:5% 5% 25%;
    width:90%;
    height:70%;
    object-fit:contain;
    background:transparent;
    cursor:grab;
    touch-action:none;
    user-select:none;
    border:0;
    outline-offset:-5px;
    transition:none!important;
    transform:none!important;
  }
  .hero-visual video.studio-model.dragging{cursor:grabbing}
  .hero-visual .display-card::before,
  .hero-visual .display-card::after{pointer-events:none}
  .hero-visual .studio-model-controls{transition:none!important}
}

/* Color chips match the actual concept render. */
.hero-visual .studio-model-controls button[data-model-tone="graphite"]{--tone:#74787b}
.hero-visual .studio-model-controls button[data-model-tone="ivory"]{--tone:#b7b6b0}
.hero-visual .studio-model-controls button[data-model-tone="orange"]{--tone:#b66039}