/* One self-contained cutout; no CSS luminance mask or unmasked fallback. */
.spotlight-leo>img{mask:none;-webkit-mask:none;display:block}
.native-board{background-image:url('/site-20261023-v9/art/board-frame.webp')}
.viewer-object{transition:none}
.viewer-object.is-manual-view{transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.swatch.amethyst{background:linear-gradient(135deg,#edc6ee,#bc8bd4 65%,#825aa3)}
.swatch.turquoise{background:linear-gradient(135deg,#a0e5da,#49b4b4 65%,#266f83)}
.swatch.obsidian{background:linear-gradient(135deg,#5a4d39 0%,#242423 42%,#ba9354 49%,#d0ad6c 54%,#38332b 62%,#1f2022 100%)}
.swatch.original{background:linear-gradient(135deg,#9c5fc5,#4e2873 55%,#20112f)}
.design-viewer[aria-busy=true] .viewer-toolbar p{opacity:.65}
@media(max-width:760px){
  /* A fixed small-viewport stage avoids reflow on every swipe / toolbar resize. */
  .reference-study .cinema-hero{height:calc(100svh - var(--mobile-intro-height,94px));min-height:460px;max-height:none;contain:layout paint}
  .cinema-track{height:170svh}
  .light-scene{transform:scale(var(--light-scale,1)) translateZ(0)}
  .floating-gem,.opening-board,.rising-object,.viewer-object{backface-visibility:hidden}
  .display-board,.hive-display,.viewer-object{filter:none}
  .viewer-object{top:35px;width:184px;height:400px;left:calc(50% - 92px)}
  .product-nav{backdrop-filter:none;background:var(--draft-surface)}
}
@media(prefers-reduced-motion:reduce){.viewer-object.is-manual-view{transition:none}.cinema-track{height:auto}.reference-study .cinema-hero{position:relative;height:100svh}}
.paused .cinema-track{height:auto}.paused .reference-study .cinema-hero{position:relative;height:100svh}
.paused .study-reveal{opacity:1;transform:none;transition:none}.paused .viewer-object{transition:none}