/* Shared native controls: no animation loop, no pointer overlay. */
html{scrollbar-color:#b48b50 #302219;scrollbar-width:thin}
*{scrollbar-color:#b48b50 #302219;scrollbar-width:thin}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:#302219}
::-webkit-scrollbar-thumb{background:#b48b50;border:2px solid #302219;border-radius:7px}
::-webkit-scrollbar-thumb:hover{background:#d8b675}
@media(hover:hover) and (pointer:fine){
 :root,:root body,:root body *{cursor:url('/brand-cursor.svg') 3 2,auto!important}
 :root body a,:root body a *,:root body button,:root body button *,:root body summary,:root body summary *,:root body [role=button],:root body [role=button] *,:root body label[for],:root body input[type=checkbox],:root body input[type=radio],:root body input[type=file]{cursor:url('/brand-pointer.svg') 9 3,pointer!important}
 :root body input:not([type=checkbox]):not([type=radio]):not([type=file]),:root body textarea,:root body [contenteditable=true]{cursor:text!important}
 :root body button:disabled,:root body [aria-disabled=true]{cursor:not-allowed!important}
 :root body canvas,:root body model-viewer{cursor:grab!important}:root body canvas:active,:root body model-viewer:active{cursor:grabbing!important}
}

/* Match each product photograph's own proportions without empty side gutters. */
html body #products #deskGallery.deskGallery,
html body #products #deskGallery.deskGallery.deskGrayGallery{
 aspect-ratio:auto!important;min-height:0!important;height:auto!important;padding:0!important;
}
html body #products #deskGallery #deskImage{
 position:static!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;max-height:none!important;
 object-fit:contain!important;object-position:center!important;transform:none!important;
}
/* Lock only the actual storefront intro; the controller releases it at animation end. */
html:has(body > .intro:not([hidden])){
 overflow:hidden!important;scrollbar-width:none!important;
}
html:has(body > .intro:not([hidden]))::-webkit-scrollbar,
html:has(body > .intro:not([hidden])) body::-webkit-scrollbar{display:none!important;width:0!important}
body:has(> .intro:not([hidden])){overflow:hidden!important}
body > .intro[hidden]{display:none!important}