/* Homepage desktop viewer: separate drag interaction surface from native video.
   The user's 3D piece stays unchanged; the rotating build plate is Bambu inspired. */
@media(min-width:761px){
 .hero-visual .display-card{transform:none!important;transition:none!important;contain:layout paint}
 .hero-visual video.studio-model{
   pointer-events:none!important;
   transform:translateY(-8px) scale(1.06)!important;transition:none!important;
   transform-origin:center center;
   object-fit:cover;display:block;
   background:#e8e1d8;
   border:0!important;box-shadow:none!important;outline:0!important;
   border-radius:14px;
   -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 87%,transparent 100%);
   mask-image:linear-gradient(to bottom,#000 0%,#000 87%,transparent 100%);
 }
 .hero-visual .display-card::before{content:none!important;display:none!important}
 .hero-visual .studio-model-drag{
   position:absolute;
   inset:5% 5% 25%;
   width:90%;
   height:70%;
   z-index:5;
   background:transparent;
   cursor:grab;
   touch-action:none;
   user-select:none;
   outline-offset:-4px;
 }
 .hero-visual .studio-model-drag.dragging{cursor:grabbing}
 .hero-visual .studio-model-drag:focus-visible{outline:2px solid #f27622;border-radius:18px}
 .hero-visual .studio-model-controls{z-index:7}
 .hero-visual .studio-model-hint{z-index:6;pointer-events:none}
 .hero-visual .display-card::before,.hero-visual .display-card::after{pointer-events:none}
}
