/* Selected material pairing: B aged wood for room controls, A cotton paper
   for the drawer pendant. Live text remains separate from the blank assets. */
:root{--wood-face:url('./assets/ui-wood.webp');--paper-face:url('./assets/ui-cotton.webp');--wood-ink:#241d15;--brass-face:var(--wood-face)}
.languages,.menu-toggle,.hero-caption summary,.carousel-controls,.rituel-heading,.univers-heading,.dialog-bar button{
 background:var(--wood-face) center/100% 100% no-repeat;
 border:0;border-radius:3px;box-shadow:none;
 filter:drop-shadow(1px 2px 2px #33241755);
 color:var(--wood-ink);text-shadow:0 1px #c5b09233;
}
.languages{padding:2px 9px}.languages span,.hero-caption summary::after{color:#463729}
.menu-toggle span{background:#302519}.hero-caption summary{border-radius:3px;padding-left:21px;padding-right:17px}.hero-caption summary::after{color:#372a1d}
.hero-caption summary::before,.rituel-heading::before,.rituel-heading::after,.exhibit-plaque::before,.exhibit-plaque::after{
 width:clamp(3px,.65cqw,6px);height:clamp(3px,.65cqw,6px);
 background:radial-gradient(circle at 32% 24%,#8d877a 0,#49473e 28%,#29281f 65%,#15140f 100%);
 border-radius:50%;box-shadow:.5px 1px 1px #17140dbb;transform:translateY(-50%);
}
.rituel-heading h2,.univers-heading h2{color:#2d2319;text-shadow:0 1px #bea88b44}.rituel-heading p{color:#3c3022}
.carousel-controls button{color:#302419}.dots button::after{background:#766044;box-shadow:0 1px #bda17c55}.dots button[aria-current=true]::after{background:#23190e;box-shadow:0 0 0 1px #4b382288}
/* Three individual pinned wood pieces beside the paintings. */
.rituel-actions{background:none;border:0;box-shadow:none;padding:0;gap:1.3cqw}
.rituel-actions .button,.rituel-actions .button.dark{
 position:relative;background:var(--wood-face) center/100% 100% no-repeat;
 border:0;border-radius:3px;box-shadow:none;filter:drop-shadow(1px 2px 2px #33241755);
 color:#241c13;padding:4px 7px;font-size:clamp(9px,1.3cqw,14px);line-height:1.4;text-shadow:0 1px #c5b09233;
}
.rituel-actions .button::before,.rituel-actions .button::after{content:'';position:absolute;top:50%;width:clamp(2px,.5cqw,5px);height:clamp(2px,.5cqw,5px);transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle at 32% 24%,#8d877a,#39372f 45%,#1d1b15 80%);box-shadow:.5px 1px 1px #17140d88}
.rituel-actions .button::before{left:4px}.rituel-actions .button::after{right:4px}
.rituel-actions .button:hover,.rituel-actions .button.dark:hover{background:var(--wood-face) center/100% 100% no-repeat;color:#100b07;filter:drop-shadow(1px 3px 3px #33241766) brightness(1.045)}
.exhibit-directory button{color:#281f15;text-shadow:0 1px #c6ae8a44;border-right-color:#503b2350}.exhibit-directory i{color:#403120}.exhibit-directory button:hover{background:#e8d1aa15}
.dialog-bar button{border-radius:3px;color:#2b2217}
/* Fibrous, deckle-edged cotton paper, with no smooth ceramic-like border. */
.drawer .shop-button{background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(1px 2px 2px #30241466);color:#3f382f!important;text-shadow:none;padding:10px 3px 3px!important}
.drawer .shop-button::before{content:'';display:block;position:absolute;inset:0;width:auto;height:auto;background:var(--paper-face) center/100% 100% no-repeat;border:0;border-radius:0;transform:none;pointer-events:none}
.drawer .shop-button>span{position:relative;z-index:1;font-style:italic}
.drawer .shop-button::after{z-index:2;background:#80725c;border:1px solid #bdb09a;box-shadow:0 1px #f4eedf}
.drawer .shop-button:hover{filter:drop-shadow(1px 3px 3px #30241466) brightness(1.035);box-shadow:none!important}
.tag-cord path{stroke:#aaa18e}
@media(max-width:480px){.rituel-actions .button,.rituel-actions .button.dark{font-size:clamp(9px,2.5vw,11px);padding:3px 6px}.languages{padding:1px 8px}}
/* Crop the wood's surrounding export margin in the native UI background;
   the original raster is retained, and paper keeps its real alpha/deckle edge. */
.languages,.menu-toggle,.hero-caption summary,.carousel-controls,.rituel-heading,.univers-heading,.dialog-bar button,.rituel-actions .button,.rituel-actions .button.dark,.rituel-actions .button:hover,.rituel-actions .button.dark:hover{background-size:108% 135%;border-radius:5px;box-shadow:inset 0 1px 1px #c1a27a66,inset 0 -1px 1px #32261999}