/* P2 v8: furniture-matched fittings, not separate wooden UI plaques. */
:root{
 --mirror-metal:linear-gradient(110deg,#281c12,#56402a 24%,#37261a 53%,#21180f 88%,#493321);
 --frame-face:linear-gradient(112deg,#352316,#51351f 24%,#2c1c12 72%,#402b19);
 --aged-edge:#76563a;--fitting-ink:#e0cfaf;
}
.languages,.menu-toggle,.hero-caption summary,.carousel-controls{
 background:var(--mirror-metal);color:var(--fitting-ink);border:1px solid #291a10;
 box-shadow:inset 0 1px 1px #c09a6680,inset 0 0 0 2px #745136,inset 0 0 0 3px #1d140d,inset 0 0 0 4px #8f694040,inset 0 -3px 3px #100b08aa,1px 3px 4px #20140b55;
 filter:none;text-shadow:0 1px 1px #130c08;border-radius:6px;
}
.languages{padding:3px 12px}.languages span{color:#b79e7c}.languages button{color:#dfceb1}.languages button[aria-pressed=true]{border-bottom-color:#bda078}
.menu-toggle{padding:9px}.menu-toggle span{background:#cfb895;box-shadow:0 1px #140e08}
.hero-caption summary{border-radius:50% / 18%;padding:6px 25px;min-height:32px}
.hero-caption summary::before{left:10px;width:3px;height:3px;background:#ac8554;box-shadow:0 1px #0e0906;transform:translateY(-50%)}
.hero-caption summary::after{color:#c5ac85}.hero-caption h1{color:#e1ceb0}
.carousel-controls{position:absolute;left:22%;width:56%;padding:3px 9px;border-radius:22px;min-height:32px}
.carousel-controls::before,.carousel-controls::after{content:'';position:absolute;left:17px;right:17px;height:2px;background:radial-gradient(circle,#96714a 0 1px,transparent 1.2px) 0 0/5px 2px;opacity:.65;pointer-events:none}
.carousel-controls::before{top:3px}.carousel-controls::after{bottom:3px}
.carousel-controls button{color:#d4bd98}.dots button::after{background:#917554;box-shadow:0 1px #120d09}.dots button[aria-current=true]::after{background:#efdab3;box-shadow:0 0 0 1px #a08052,0 0 4px #e9d2a844}
.carousel-controls button:hover{color:#fff0d2}.menu{background:linear-gradient(110deg,#eee0c7,#ddcbb0);border:4px double #62452c;box-shadow:0 3px 10px #26170d55}
.intention-note{border:4px double #715234;background:#e8dbc5;box-shadow:1px 4px 12px #29190e44}
/* Rectangular stepped mouldings echo the adjacent pair of picture frames. */
.rituel-heading,.rituel-actions .button,.rituel-actions .button.dark,.rituel-actions .button:hover,.rituel-actions .button.dark:hover{
 background:var(--frame-face);border:1px solid #24170e;border-radius:1px;filter:none;color:#e0ceb0;text-shadow:0 1px #160e08;
 box-shadow:inset 0 1px 1px #c09b6f88,inset 0 0 0 2px #795536,inset 0 0 0 3px #23160e,inset 0 0 0 5px #67462d,inset 0 0 0 6px #27190f,1px 3px 4px #2b190b66;
}
.rituel-heading{padding:1.25cqw 2cqw}.rituel-heading h2{color:#e0ceb0;text-shadow:0 1px #1f130b}.rituel-heading p{color:#c8b493}
.rituel-heading::before,.rituel-heading::after{display:none}
.rituel-actions{gap:1.5cqw}.rituel-actions .button,.rituel-actions .button.dark{padding:7px 9px;font-size:clamp(9px,1.3cqw,14px);line-height:1.4;letter-spacing:0}
.rituel-actions .button::before,.rituel-actions .button::after{width:3px;height:3px;top:5px;border-radius:0;background:#9b714a;box-shadow:0 1px 1px #170d07;transform:rotate(45deg)}
.rituel-actions .button::before{left:5px}.rituel-actions .button::after{right:5px}
.rituel-actions .button:hover,.rituel-actions .button.dark:hover{filter:brightness(1.12);color:#fff0d6}
/* Raised metal gallery: its bottom rail meets the photographed desk edge.
   The title is a crest and the three entrances are inset between its posts. */
.univers-heading{top:145.7cqw;left:0;width:100%;height:14.7cqw;min-height:0;padding:0;background:url('./assets/gallery-rail-v8.svg') center/100% 100% no-repeat;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 .2cqw .15cqw #2a170d55);isolation:isolate}
.univers-heading::before,.univers-heading::after{display:none}
.univers-heading h2{position:absolute;z-index:1;top:.3cqw;left:36%;width:28%;height:2.7cqw;display:flex;align-items:center;justify-content:center;font-size:clamp(9px,1.45cqw,16px);letter-spacing:.15em;color:#d5bf99;text-shadow:0 1px #1c110b;line-height:1;background:var(--mirror-metal);border:1px solid #785839;border-radius:45% / 22%;box-shadow:inset 0 0 0 1px #27190e,inset 0 2px 2px #ab815340}
.exhibit-directory{position:absolute;left:5%;right:5%;top:4.4cqw;height:7.5cqw;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:4.4cqw}
.exhibit-directory button{position:relative;padding:.5cqw .3cqw;gap:.2cqw;border:1px solid #1e140d;border-radius:1cqw;background:var(--mirror-metal);color:#e0cead;text-shadow:0 1px #100b07;font-size:clamp(10px,1.75cqw,19px);box-shadow:inset 0 .15cqw .13cqw #ac885988,inset 0 0 0 .25cqw #725238,inset 0 0 0 .37cqw #261a11,inset 0 -.2cqw .3cqw #160e0a99;line-height:1.15}
.exhibit-directory button:last-child{border:1px solid #1e140d}
.exhibit-directory i{color:#c1ac87;font-size:.86em;line-height:1.2}
.exhibit-directory button::before,.exhibit-directory button::after{content:'';position:absolute;top:50%;width:.35cqw;height:.35cqw;border-radius:50%;background:#92714a;box-shadow:0 .1cqw .1cqw #130c07;transform:translateY(-50%)}
.exhibit-directory button::before{left:.75cqw}.exhibit-directory button::after{right:.75cqw}
.exhibit-directory button:hover{background:var(--mirror-metal);filter:brightness(1.14)}
.exhibit-directory button:focus-visible{outline:2px solid #efddbe;outline-offset:2px}
@media(max-width:480px){
 .languages{padding:2px 10px}.hero-caption summary{padding:4px 22px;min-height:27px}
 .carousel-controls{left:20%;width:60%;min-height:29px;padding:2px 7px}
 .rituel-heading{padding:1.3cqw 2cqw}.rituel-heading h2{font-size:12px}.rituel-heading p{font-size:8px}
 .rituel-actions .button,.rituel-actions .button.dark{padding:6px 7px;font-size:clamp(9px,2.4vw,11px)}
 .univers-heading h2{left:32%;width:36%;top:0;height:3.6cqw;font-size:9px;letter-spacing:.1em}
 .exhibit-directory{top:4.6cqw;height:7.9cqw;left:4%;right:4%;gap:3.8cqw}
 .exhibit-directory button{font-size:clamp(9px,2.75vw,13px);border-radius:1.2cqw}
}