/* P2 showroom refinement. Portraits and drawer layers keep their source geometry. */
.skip{opacity:0;pointer-events:none}.skip:focus{opacity:1;pointer-events:auto}
.hero-caption{top:17cqw;left:12%;width:76%;z-index:4}.hero-caption summary{display:inline-flex;align-items:center;gap:10px;list-style:none;cursor:pointer;min-height:36px;padding:5px 15px;border-bottom:1px solid #735a383b}.hero-caption summary::-webkit-details-marker{display:none}.hero-caption summary::after{content:'+';font:13px DM;color:#705638}.hero-caption[open] summary::after{content:'−'}.hero-caption h1{font-size:clamp(13px,2.1cqw,23px);letter-spacing:.17em;margin:0}.intention-note{position:absolute;left:50%;transform:translateX(-50%);width:min(92vw,410px);margin-top:8px;padding:18px 22px;background:#efe5d3f5;box-shadow:0 6px 22px #39281425;border:1px solid #bca68166}.hero-caption .intention-note p{font-size:15px;line-height:1.5}.hero-caption .intention-note #hero-detail{font-size:13px;margin-top:6px}
.mirror img{width:114%;height:100%;left:-27%;object-fit:fill;object-position:0 0;mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-position:0 0;-webkit-mask-position:0 0;mask-repeat:no-repeat;filter:sepia(.025) saturate(.98)}
.carousel-controls{gap:.3cqw}.carousel-controls button{font-size:16px;color:#57432a}.dots button::after{width:3px;height:3px}.dots button[aria-current=true]::after{box-shadow:0 0 0 2px #48362122}
.rituel-heading .eyebrow{display:none}.rituel-heading h2{font-size:clamp(18px,3.3cqw,36px)}.rituel-heading p{font-size:clamp(11px,1.65cqw,18px)}.rituel-actions{left:10%;width:80%;gap:3%}.rituel-actions .button{border:0;background:transparent;color:#453622;font-size:clamp(9px,1.25cqw,14px);padding:10px 5px;text-transform:uppercase}.rituel-actions .button:not(.dark){text-decoration:underline;text-underline-offset:6px;text-decoration-color:#856a454d}.rituel-actions .button.dark{background:linear-gradient(120deg,#725333,#503e29);color:#f7e9cf;box-shadow:inset 0 0 0 1px #dabd8055,0 2px 6px #38241022;border-radius:2px}.rituel-actions .button:hover{color:#21170b}.rituel-actions .button.dark:hover{color:white;background:#715234}
.univers-heading{background:none;border:0;padding:0}.univers-heading h2{font-size:clamp(17px,3.1cqw,34px);letter-spacing:.16em}.objects{top:162.5cqw;height:28cqw}.object{border-radius:4px}.object>span{background:none;border:0;box-shadow:none;color:#fae6bd;text-shadow:0 1px 3px #24150cf2;padding:1.2cqw .7cqw;font-size:clamp(10px,1.65cqw,18px);font-weight:400}.object small{color:#dabb80;text-shadow:0 1px 3px #24150c;font-size:9px;margin-bottom:.6cqw}.object>span::after{content:'';display:block;width:24px;height:1px;margin:7px auto 0;background:#d0af706b}.object:hover{box-shadow:none;background:linear-gradient(#fbe1a00d,transparent)}.object:hover>span{color:#fff8e7}.object:hover>span::after{background:#efd29a;width:34px;transition:width .2s}.object:active{background:#f9dda312}.object b{display:none}
.shop-button{left:60%;width:31%;top:4.6cqw;border:1px solid #c5a46a99!important;background:linear-gradient(110deg,#60462c,#3e3021)!important;box-shadow:inset 0 0 0 2px #39261466,0 2px 5px #180f0966;font-size:clamp(9px,1.15cqw,13px);min-height:38px;border-radius:2px;padding:9px 8px;letter-spacing:.08em}.shop-button::before,.shop-button::after{content:'•';font-size:9px;color:#cfaf73;position:absolute;top:50%;transform:translateY(-50%)}.shop-button::before{left:5px}.shop-button::after{right:5px}.shop-button b{font-size:15px}.shop-button:hover{filter:brightness(1.15)}
/* The tray slides from under the fixed desktop. The rigid front translates outwards.
   No rotateX, scaleY or changing panel height: its handle stays upright throughout. */
.drawer-tray-viewport{position:absolute;top:0;left:0;width:100%;height:31cqw;overflow:hidden;clip-path:polygon(11% 0,89% 0,97% 100%,3% 100%);pointer-events:none}.drawer-tray{position:absolute;inset:0;transform:translateY(-31cqw);transition:transform 1.15s cubic-bezier(.22,.65,.28,1)}.drawer-tray img{position:absolute;top:-191.5cqw;left:0;width:100%;height:auto;max-width:none}.drawer-front{position:absolute;top:0;left:0;width:100%;height:14cqw;overflow:hidden;clip-path:polygon(8% 2%,92% 2%,92% 96%,8% 96%);transform:translateY(0) scaleX(1);transform-origin:50% 50%;transition:transform 1.15s cubic-bezier(.22,.65,.28,1);pointer-events:none}.drawer-front img{position:absolute;top:-191.5cqw;left:0;width:100%;height:auto;max-width:none}.drawer.opening .drawer-tray,.drawer.open .drawer-tray{transform:translateY(0)}.drawer.opening .drawer-front,.drawer.open .drawer-front{transform:translateY(30cqw) scaleX(1.08)}.drawer-status{top:46cqw;background:#efe2ccc9;border:1px solid #b3976966;color:#4e3e2b;font-size:clamp(11px,1.6cqw,16px)}
dialog{width:min(1100px,94vw);height:90dvh;max-height:90dvh;background:#f1e9dc;overflow:hidden;box-shadow:0 20px 100px #130b0599}dialog[open]{display:flex;flex-direction:column;animation:object-arrive .23s ease-out}dialog::backdrop{background:#21180ec7;backdrop-filter:blur(6px)}.dialog-bar{position:relative;flex:none;background:#f1e9dc;padding:8px 18px;min-height:60px;border-bottom:1px solid #baa4883b}.dialog-bar h2{font:12px DM;letter-spacing:.09em;line-height:1.5}.dialog-bar button{font-size:26px}#object-image{width:100%;height:calc(90dvh - 130px);min-height:0;object-fit:contain;flex:1;padding:10px 16px;margin:0}dialog>.button{flex:none;margin:0 20px 10px;border:0;background:transparent!important;color:#715736!important;font-size:11px;padding:8px;min-height:40px;text-decoration:underline;text-underline-offset:4px}@keyframes object-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){.room{height:250.77vw}.room-art{top:0;mask-image:none;-webkit-mask-image:none}.mirror,.carousel-controls,.rituel-heading,.art-link,.rituel-actions,.univers-heading,.objects,.drawer,.room-signature{transform:none}.hero-caption{top:21cqw}.hero-caption h1{font-size:13px}.hero-caption summary{min-height:24px;padding:2px 8px}.hero-caption .intention-note p{font-size:14px}.hero-caption .intention-note #hero-detail{font-size:12px}.rituel-actions{top:140cqw;left:5%;width:90%;gap:2%}.rituel-actions .button{font-size:9px;min-height:44px}.univers-heading{top:151.8cqw;left:0;width:100%;background:none;padding:0}.univers-heading h2{font-size:17px;line-height:1.1}.object>span{font-size:10px;line-height:1.25;padding:6px 2px}.object small{font-size:8px}.object>span::after{margin-top:5px}.shop-button{left:59%;width:35%;font-size:9px;letter-spacing:.03em;min-height:36px}.drawer-status{top:44.3cqw;padding:6px}.drawer-status button{min-height:28px}.dialog-bar{min-height:60px}.dialog-bar h2{font-size:11px}dialog{width:100vw;height:100dvh;max-width:100vw;max-height:100dvh;margin:0}#object-image{height:calc(100dvh - 125px);padding:8px}dialog>.button{margin-bottom:calc(10px + env(safe-area-inset-bottom,0px))}}
@media(max-width:360px){.rituel-actions .button{min-height:36px;font-size:8px}.univers-heading h2{font-size:16px}.object>span{font-size:9px}.shop-button{font-size:8px}.header .brand small{font-size:4.5px}}
.drawer-tray{overflow:hidden}.drawer-front{height:13cqw}
@media(prefers-reduced-motion:reduce){.drawer-tray,.drawer-front{transition:none}dialog[open]{animation:none}}