@font-face{font-family:Playfair;src:url('./assets/playfair-display-latin.woff2')}@font-face{font-family:Playfair;src:url('./assets/playfair-display-italic-latin.woff2');font-style:italic}@font-face{font-family:DM;src:url('./assets/dm-sans-latin.woff2')}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#d5c2a8;color:#27241e;font-family:Playfair,Georgia,serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible{outline:3px solid #846128;outline-offset:4px}button:disabled{cursor:wait}h1,h2,h3,p{margin:0}h1,h2{font-weight:400}h2{text-transform:uppercase;letter-spacing:.12em}button,a{touch-action:manipulation}.skip{position:fixed;left:12px;top:-80px;z-index:99;background:white;padding:12px}.skip:focus{top:12px}
.room{position:relative;container-type:inline-size;width:min(100%,1100px);aspect-ratio:650/1585;margin:auto;overflow:hidden;background:#d6c4ac;box-shadow:0 0 120px #79624a44}.room-art{position:absolute;inset:0;pointer-events:none}.room-art img{width:100%;height:auto;display:block}.header{position:absolute;z-index:5;top:3.5cqw;left:4.6%;right:4.6%;display:flex;justify-content:space-between;align-items:flex-start}.languages{display:flex;gap:8px;font:12px DM;align-items:center;padding-top:1cqw}.languages button{padding:8px 0;min-width:24px}.languages button[aria-pressed=true]{border-bottom:1px solid}.brand{display:flex;align-items:center;flex-direction:column;gap:.7cqw}.brand>span:not(.emblem){letter-spacing:.3em;font-size:clamp(17px,3.3cqw,36px)}.brand .emblem{font-size:clamp(16px,3cqw,28px);line-height:1}.brand small{font:500 clamp(5px,.7cqw,8px) DM;letter-spacing:.3em}.menu-toggle{width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:8px}.menu-toggle span{height:2px;background:currentColor;width:100%}.menu{position:absolute;z-index:10;right:4%;top:11cqw;padding:25px;background:#f6f0e6f5;box-shadow:0 10px 40px #38240f33;min-width:210px;font:16px DM}.menu a{display:block;padding:12px}.hero-caption{position:absolute;top:15cqw;left:6%;width:88%;text-align:center}.hero-caption h1{font-size:clamp(17px,3cqw,30px);text-transform:uppercase;letter-spacing:.12em;margin-bottom:.5cqw}.hero-caption p{font-size:clamp(11px,1.85cqw,20px);line-height:1.4}.hero-caption #hero-detail{font-style:italic;color:#574734;font-size:clamp(10px,1.65cqw,18px)}
.mirror{position:absolute;left:19%;top:35.95cqw;width:60.5%;height:38.8cqw;clip-path:ellipse(50% 49.3% at 50% 50%);isolation:isolate}.mirror img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .4s ease;mask-size:cover;mask-position:center;-webkit-mask-size:cover;-webkit-mask-position:center;filter:sepia(.05) saturate(.9)}.mirror img.active{opacity:1}.carousel-controls{position:absolute;top:78cqw;left:20%;width:60%;display:flex;justify-content:center;align-items:center;gap:1cqw}.carousel-controls button{min-width:32px;height:40px;font-family:DM;font-size:20px}.dots{display:flex;align-items:center;gap:0}.dots button{min-width:20px;width:3cqw;padding:0;position:relative}.dots button::after{content:'';display:block;width:4px;height:4px;background:#58442d55;border-radius:50%;margin:auto}.dots button[aria-current=true]::after{background:#483621;box-shadow:0 0 0 3px #48362122}
.rituel-heading{position:absolute;top:85.5cqw;left:5%;width:90%;text-align:center;scroll-margin-top:20px}.eyebrow{font:10px DM;color:#776145;display:block;margin-bottom:1cqw}.rituel-heading h2{font-size:clamp(19px,3.7cqw,40px)}.rituel-heading p{font-style:italic;font-size:clamp(11px,1.9cqw,22px);margin-top:.5cqw}.art-link{position:absolute;left:22.5%;width:55%;top:100cqw;height:40cqw;border-radius:2px}.art-link:hover{box-shadow:0 0 35px #ffe4aa35}.rituel-actions{position:absolute;top:143cqw;left:5%;width:90%;display:flex;gap:1.5cqw}.button{display:inline-flex;justify-content:center;align-items:center;gap:1em;border:1px solid #4b4030a6;padding:1.7cqw 1cqw;font:500 clamp(10px,1.4cqw,15px) DM;text-transform:uppercase;letter-spacing:.04em;min-height:44px;text-align:center;background:#eee5d533;transition:background .2s}.button:hover{background:#fff7e688}.button.dark{background:#292722;color:#f5eee1;border-color:#292722}.button.dark:hover{background:#494033}.rituel-actions .button{flex:1}.univers-heading{position:absolute;top:154cqw;width:100%;text-align:center}.univers-heading h2{font-size:clamp(19px,3.6cqw,39px);text-shadow:0 1px #ffffff66}.objects{position:absolute;top:163cqw;left:4%;right:4%;height:27cqw;display:grid;grid-template-columns:1fr 1fr 1fr;gap:1cqw}.object{position:relative;display:flex;align-items:flex-start;justify-content:center;padding:0;border-radius:10px;transition:background .25s,box-shadow .25s}.object:hover{background:#ffdf8b16;box-shadow:inset 0 0 0 1px #ffdf8b77}.object>span{display:block;background:#f5eddfeb;padding:1cqw .7cqw;font-size:clamp(10px,1.7cqw,19px);box-shadow:0 3px 15px #34200f15;border:1px solid #bba88755;border-radius:2px}.object small{font:9px DM;display:block;color:#715638;margin-bottom:.4cqw}.object b{font:12px DM}.drawer{position:absolute;top:191.5cqw;left:0;width:100%;height:45cqw;scroll-margin-top:110px}.drawer-motion{position:absolute;inset:0;opacity:0;overflow:hidden;transform:scaleY(.3);transform-origin:top center;transition:transform 1.15s cubic-bezier(.2,.65,.25,1),opacity .14s}.drawer-motion img{position:absolute;top:-191.5cqw;width:100%;height:auto;max-width:none}.drawer.opening .drawer-motion,.drawer.open .drawer-motion{opacity:1;transform:scaleY(1)}.shop-button{position:absolute;top:4cqw;left:58%;width:37%;box-shadow:0 2px 15px #100a0566}.drawer.opening .shop-button,.drawer.open .shop-button{visibility:hidden}.drawer-status{position:absolute;left:15%;right:15%;top:47cqw;text-align:center;font:clamp(11px,1.8cqw,18px) DM;background:#eee6d8ee;padding:12px}.drawer-status button{font-size:12px;text-decoration:underline;margin-top:8px;min-height:28px}.room-signature{position:absolute;top:238cqw;left:8%;right:8%;text-align:center;font-style:italic;font-size:clamp(12px,2cqw,21px)}
footer{width:min(100%,1100px);margin:auto;background:#28251f;color:#d2c8b8;padding:45px 7%;display:grid;grid-template-columns:1fr 1fr;gap:32px;font:14px DM}footer h3{font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:500;color:#caae77;margin-bottom:18px}footer a{display:block;padding:6px 0}footer a:hover{text-decoration:underline}.footer-bottom{grid-column:1/-1;border-top:1px solid #ffffff24;padding-top:20px;display:flex;flex-wrap:wrap;gap:20px;font-size:11px;align-items:center}dialog{border:0;padding:0;background:#f7f2e9;color:#27241e;width:min(920px,94vw);max-height:92dvh;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#20180cc4;backdrop-filter:blur(5px)}.dialog-bar{position:sticky;top:0;background:#f7f2e9f5;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;z-index:1}.dialog-bar h2{font-size:16px;letter-spacing:.04em}.dialog-bar button{font:30px DM;width:44px;height:44px}dialog>img{width:100%;display:block}dialog>.button{display:flex;margin:20px;padding:18px}.room:has(.drawer.opening) .room-signature,.room:has(.drawer.open) .room-signature{visibility:hidden}
@media(min-width:1200px){body{background:radial-gradient(ellipse at 50% 10%,#e6d4ba,#bda486)}footer{padding:55px 80px}}
@media(max-width:480px){.header{top:3cqw}.languages{gap:5px;font-size:11px}.hero-caption{top:16cqw}.hero-caption h1{font-size:17px}.hero-caption p{font-size:11px}.hero-caption #hero-detail{font-size:10px}.carousel-controls{top:77cqw;left:12%;width:76%}.carousel-controls button{height:36px}.rituel-heading{top:86cqw}.eyebrow{display:none}.rituel-actions{top:141.5cqw;left:3%;width:94%;gap:1.2cqw}.button{font-size:9px;letter-spacing:0}.univers-heading{top:154.5cqw}.objects{top:163cqw;left:2%;right:2%}.object>span{font-size:10px;padding:5px 3px;max-width:100%;line-height:1.3}.object b{display:none}.object small{font-size:8px}.shop-button{left:57%;width:39%;font-size:10px;padding:8px 5px}.drawer-status{top:43.5cqw;padding:8px}.drawer-status button{min-height:24px;margin-top:2px}.room-signature{font-size:11px}footer{padding:30px 7%;font-size:13px;gap:26px}}
.room{aspect-ratio:650/1630}.mirror img{left:-5%}.univers-heading{top:150cqw}.univers-heading h2{line-height:1.15}.room-signature{top:246cqw}.drawer-motion{clip-path:polygon(10% 0,90% 0,97% 65%,97% 100%,3% 100%,2% 65%)}
@media(max-width:480px){.rituel-actions{top:140cqw}.univers-heading{top:152cqw;left:22%;width:56%;background:#e9d9bfec;padding:3px 0;border-radius:2px}.univers-heading h2{font-size:18px}.hero-caption{top:16cqw}.hero-caption #hero-detail{font-size:9.5px}}
#object-content{display:block;width:100%;height:68dvh;border:0;background:#f8f5ef}dialog>.button{margin:10px 20px;padding:12px}
@media(max-width:480px){.room{aspect-ratio:auto;height:calc(250.77vw + 80px)}.room-art{top:80px;mask-image:linear-gradient(to bottom,transparent,#000 65px);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 65px)}.hero-caption{top:75px}.hero-caption h1{font-size:18px}.hero-caption p{font-size:12px;line-height:1.35}.hero-caption #hero-detail{font-size:11px}.mirror,.carousel-controls,.rituel-heading,.art-link,.rituel-actions,.univers-heading,.objects,.drawer,.room-signature{transform:translateY(80px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.mirror img,.drawer-motion{transition:none}}