/* Physical asset proportions: panel raster is 2445 × 1696.
   Keep its hardware fixed while the content scrolls within it. */
#brand{top:50%;transform:translateY(-50%)}
#stage:not([data-state=idle]) #brand{transform:none}
#panel{bottom:auto;height:calc(100vw * .45 * 1696 / 2445);max-height:79%;overflow:hidden;background:none}
#panel[data-populated]::before{content:"";position:absolute;inset:0;background:url('/shared/assets/webp-v01/photoreal-png/02-shared-product-panel-blank-alpha_v04.webp') center/100% 100% no-repeat;pointer-events:none}
.board{position:absolute;inset:0;min-height:0;background:none!important;overflow:auto;overscroll-behavior:contain;padding:4% 7% 5%;scrollbar-color:#7c6950 transparent;scrollbar-gutter:stable}
#panel-wordmark{height:clamp(40px,4vw,76px)}
#bezel{width:86%;max-width:440px}
#about p,#availability,#purchase{font-size:clamp(13px,.9vw,16px);line-height:1.5}
#panel h2{font-size:clamp(13px,1vw,18px)}
#hotspots button{border:0;box-shadow:none;border-radius:0;background:url('/shared/assets/webp-v01/photoreal-png/07-rail-red-jewel-alpha_v03.webp') center/18px 19px no-repeat;color:transparent}
#hotspots button:hover,#hotspots button:focus-visible{background:url('/shared/assets/webp-v01/photoreal-png/07-rail-red-jewel-alpha_v03.webp') center/22px 23px no-repeat}
#hotspots button::after{content:attr(aria-label);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);width:max-content;max-width:240px;padding:7px 10px;color:#ead8b2;background:#35291deb;font:700 12px/1.3 monospace;opacity:0;pointer-events:none}
#hotspots button:hover::after,#hotspots button:focus-visible::after{opacity:1}