:root{
    --museum-ivory:#eee7da;
    --museum-muted:#aaa095;
    --museum-brass:#c99b52;
    --museum-brass-light:#efd29b;
    --museum-blue:#304dff;
    --museum-line:rgba(221,190,137,.28);
    --museum-black:#050504;
}
*{box-sizing:border-box}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--museum-black);color:var(--museum-ivory)}
body.museum-page{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overscroll-behavior:none}
button,a{font:inherit}
button{color:inherit}
.museum-app,.museum-viewport{position:fixed;inset:0}
.museum-app{isolation:isolate}
.museum-viewport{z-index:0;overflow:hidden;perspective:1080px;perspective-origin:50% 48%;background-color:#080d15;background-image:radial-gradient(circle at 50% 20%,rgba(61,75,97,.44),transparent 36%),linear-gradient(180deg,#111a28 0%,#080d15 58%,#030507 100%);background-position:center;background-size:cover;background-repeat:no-repeat;touch-action:none;cursor:grab;contain:layout paint style;isolation:isolate;transform:translateZ(0);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .62s ease}
.museum-backdrop{position:fixed;z-index:0;inset:0;pointer-events:none;background-image:linear-gradient(180deg,rgba(4,8,14,.06),rgba(5,7,10,.1) 58%,rgba(3,4,6,.14)),url('/assets/images/museum-courtyard.webp?v=16.23');background-position:center,center 47%;background-size:cover,cover;background-repeat:no-repeat;transform:translateZ(0);backface-visibility:hidden}
.museum-viewport.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.museum-viewport.is-dragging{cursor:grabbing}
.museum-rotation,.museum-world{position:absolute;inset:0;transform-style:preserve-3d;will-change:transform}
.museum-rotation{z-index:2;transition:transform .5s cubic-bezier(.2,.78,.2,1)}
.museum-world{transition:transform .72s cubic-bezier(.22,.72,.24,1);backface-visibility:hidden;transform:translate3d(0,0,0)}
.museum-positioner{position:absolute;left:50%;top:50%;transform-style:preserve-3d;backface-visibility:hidden}

.museum-frame-position{width:0;height:0}
.museum-frame{position:absolute;left:0;top:0;width:min(46vw,460px);aspect-ratio:16/10;transform:translate3d(-50%,-50%,0);padding:8px;border:2px solid rgba(221,190,137,.72);background:#171410;cursor:pointer;pointer-events:none;opacity:.2;transition:opacity .2s ease;will-change:opacity}
.museum-frame.is-near{pointer-events:auto;opacity:1}
.museum-frame.is-selected{border-color:#f0cf93}
.museum-frame:focus-visible{outline:3px solid #fff;outline-offset:12px}
.museum-frame img{display:block;width:100%;height:100%;object-fit:cover;background:#080706;user-select:none;-webkit-user-drag:none;transform:translateZ(0);backface-visibility:hidden}
.museum-plaque{position:absolute;left:0;top:calc(50% + min(27vw,265px));width:250px;transform:translateX(-50%);padding:10px 15px;border:1px solid rgba(236,213,173,.58);background:rgba(20,20,20,.94);color:#f1dfbe;text-align:center;letter-spacing:.08em;font-size:.68rem;line-height:1.25}
.museum-plaque small{display:block;margin-top:4px;color:#998b78;font-size:.55rem;text-transform:uppercase;letter-spacing:.13em}

.museum-gallery-sign-position{width:0;height:0}
.museum-gallery-sign{position:absolute;left:0;top:0;width:520px;transform:translate(-50%,-50%);padding:15px 28px;background:rgba(17,19,21,.96);border:1px solid rgba(244,219,175,.65);color:#f4ddb0;text-align:center;text-transform:uppercase;letter-spacing:.22em;font-size:.76rem;pointer-events:none}
.museum-gallery-sign small{display:block;margin-bottom:5px;color:#8f7756;font-size:.52rem;letter-spacing:.28em}
.museum-topbar{position:fixed;z-index:100;left:0;right:0;top:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:max(18px,env(safe-area-inset-top)) max(25px,env(safe-area-inset-right)) 18px max(25px,env(safe-area-inset-left));background:linear-gradient(180deg,rgba(4,4,3,.86),transparent);pointer-events:none;opacity:1;visibility:visible}
.museum-topbar>*{pointer-events:auto}
.museum-brand{justify-self:start;color:#f0cf93;text-decoration:none;font-family:"Oleo Script","Brush Script MT","Segoe Script",cursive;font-size:clamp(1.25rem,2vw,1.8rem);font-weight:700}
.museum-brand.has-logo{display:flex;align-items:center;gap:16px;max-width:min(62vw,720px)}
.museum-brand-logo{display:block;width:auto;height:clamp(50px,5.8vw,76px);max-width:min(56vw,600px);object-fit:contain}
.museum-brand span{display:block}
.museum-heading{text-align:center;text-transform:uppercase;letter-spacing:.2em;font-size:.7rem}
.museum-heading span{display:block;margin-bottom:4px;color:#8f7c62;font-size:.48rem;letter-spacing:.28em}
.museum-languages{justify-self:end;display:flex;gap:9px;margin-right:50px}
.museum-languages a{padding:6px 1px;color:#fff;text-decoration:none;opacity:.5;font-size:.64rem;letter-spacing:.12em}
.museum-languages a:hover,.museum-languages a:focus-visible,.museum-languages a.is-active{opacity:1}
.museum-languages a.is-active{text-decoration:underline;text-underline-offset:5px}
.museum-exit{position:absolute;right:max(22px,env(safe-area-inset-right));top:max(13px,env(safe-area-inset-top));display:grid;place-items:center;width:45px;height:45px;border:1px solid transparent;border-radius:50%;color:#fff;text-decoration:none;font-size:2rem;font-weight:200}
.museum-exit:hover,.museum-exit:focus-visible{border-color:var(--museum-line);background:rgba(255,255,255,.06)}

.museum-status{position:fixed;z-index:98;left:clamp(20px,4vw,64px);top:98px;display:flex;flex-direction:column;max-width:min(54vw,620px);pointer-events:none;opacity:1;visibility:visible}
.museum-status>span{color:var(--museum-brass);text-transform:uppercase;letter-spacing:.18em;font-size:.58rem}
.museum-status>strong{margin-top:4px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.15rem,2.4vw,2.15rem);font-weight:400}
.museum-status small{margin-top:7px;color:#9d9589;text-transform:uppercase;letter-spacing:.12em;font-size:.54rem}.museum-status small b{color:#d6c4a5;font-weight:500}
.museum-artwork-info{position:fixed;z-index:105;left:clamp(20px,4vw,64px);bottom:112px;max-width:min(72vw,650px);padding:15px 18px;border-left:2px solid var(--museum-brass);background:linear-gradient(90deg,rgba(6,5,4,.94),rgba(6,5,4,.48))}
.museum-artwork-info>span{display:block;color:#c6a56e;text-transform:uppercase;letter-spacing:.14em;font-size:.57rem}
.museum-artwork-info>strong{display:block;margin-top:5px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.05rem,2.2vw,1.65rem);font-weight:400}
.museum-artwork-info>div{display:flex;gap:9px;margin-top:12px}.museum-artwork-info button,.museum-artwork-info a{padding:8px 13px;border:1px solid var(--museum-line);border-radius:999px;background:rgba(16,13,10,.84);color:#eadcc4;text-decoration:none;font-size:.7rem;font-weight:700;cursor:pointer}.museum-artwork-info button:hover,.museum-artwork-info a:hover{border-color:var(--museum-brass)}

.museum-controls{position:fixed;z-index:110;left:50%;bottom:max(21px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;transform:translateX(-50%);padding:8px;border:1px solid rgba(226,191,132,.2);border-radius:999px;background:rgba(5,4,3,.94);opacity:1;visibility:visible}
.museum-controls button{display:flex;align-items:center;gap:8px;min-height:46px;padding:8px 15px;border:1px solid rgba(226,191,132,.22);border-radius:999px;background:#12100d;color:#e8decf;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.museum-controls button:hover,.museum-controls button:focus-visible{outline:0;transform:translateY(-2px);border-color:rgba(226,191,132,.7);background:#211a12}
.museum-controls button:disabled{opacity:.3;cursor:not-allowed;transform:none}
.museum-controls button.is-primary{background:linear-gradient(180deg,#d0a35b,#966326);color:#100c08;border-color:#eccb91;font-weight:800}
.museum-controls button span{font-size:1rem}.museum-controls button em{font-style:normal;font-size:.68rem;font-weight:700;white-space:nowrap}

.museum-intro{position:fixed;z-index:200;inset:0;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,rgba(5,9,15,.54),rgba(2,3,5,.86)),url('/assets/images/museum-courtyard.webp?v=16.23') center/cover no-repeat;transform:translateZ(0);isolation:isolate}
.museum-intro[hidden]{display:none!important}
.museum-intro.is-closed{pointer-events:none}
.museum-intro-card{position:relative;z-index:1;width:min(92vw,660px);padding:clamp(30px,5vw,65px);border:1px solid rgba(232,201,147,.28);background:linear-gradient(145deg,#18130e,#060605);text-align:center;transition:opacity .24s ease,transform .24s ease}
.museum-intro.is-closed .museum-intro-card{opacity:0;transform:translateY(-8px)}
.museum-intro-mark{display:grid;place-items:center;width:54px;height:72px;margin:0 auto 24px;border:5px solid #71502a;border-radius:26px 26px 12px 12px}
.museum-intro-mark i{display:block;width:13px;height:43px;border-radius:10px;background:#5670ff}
.museum-intro-card>p:first-of-type{margin:0;color:var(--museum-brass);text-transform:uppercase;letter-spacing:.25em;font-size:.62rem;font-weight:700}
.museum-intro-card h1{margin:8px 0 16px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.2rem,7vw,4.8rem);font-weight:400;line-height:1}
.museum-intro-line{width:90px;height:1px;margin:0 auto 20px;background:linear-gradient(90deg,transparent,var(--museum-brass),transparent)}
.museum-intro-copy{max-width:520px;margin:0 auto;color:#bbb0a0;line-height:1.7;font-family:Georgia,"Times New Roman",serif;font-size:1rem}
.museum-intro-card>button{display:inline-flex;align-items:center;gap:24px;margin:28px 0 18px;padding:13px 22px;border:1px solid #e3c188;border-radius:999px;background:linear-gradient(180deg,#d3a45c,#98682e);color:#120d08;font-weight:850;cursor:pointer}.museum-intro-card>button:hover,.museum-intro-card>button:focus-visible{outline:3px solid rgba(255,255,255,.65);outline-offset:4px}.museum-intro-card>small{display:block;color:#80786e;font-size:.66rem;line-height:1.5}.museum-intro-card>a{display:inline-block;margin-top:18px;color:#bba47e;font-size:.7rem;text-underline-offset:4px}

.museum-lightbox{position:fixed;z-index:240;inset:0;display:grid;place-items:center;padding:70px clamp(18px,5vw,80px) 34px;background:rgba(2,2,2,.98)}
.museum-lightbox[hidden]{display:none}
.museum-page.museum-lightbox-open .museum-viewport{visibility:hidden;pointer-events:none}
.museum-lightbox-close{position:absolute;right:22px;top:18px;width:48px;height:48px;border:1px solid rgba(255,255,255,.24);border-radius:50%;background:#0d0c0a;color:#fff;font-size:2rem;cursor:pointer}
.museum-lightbox figure{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px;width:100%;height:100%;margin:0}
.museum-lightbox img{display:block;max-width:100%;max-height:calc(100svh - 150px);margin:auto;object-fit:contain;user-select:none;-webkit-user-drag:none}
.museum-lightbox figcaption{display:flex;align-items:center;justify-content:center;gap:28px;min-height:46px}.museum-lightbox figcaption div{text-align:right}.museum-lightbox figcaption span{display:block;color:#b68c4c;text-transform:uppercase;letter-spacing:.14em;font-size:.55rem}.museum-lightbox figcaption strong{display:block;margin-top:3px;font-family:Georgia,"Times New Roman",serif;font-weight:400}.museum-lightbox figcaption a{padding:9px 14px;border:1px solid var(--museum-line);border-radius:999px;color:#eadcc4;text-decoration:none;font-size:.7rem}
.museum-empty{min-height:100svh;display:grid;place-content:center;gap:18px;padding:30px;text-align:center;background:radial-gradient(circle,#292119,#050504)}.museum-empty p{color:#c6bcae}.museum-empty a{color:#e0b66d}

@media(max-width:820px){
    .museum-topbar{grid-template-columns:1fr auto}.museum-heading{display:none}.museum-languages{grid-column:2;margin-right:43px}.museum-status{top:80px}.museum-controls button em{display:none}.museum-controls button{width:46px;justify-content:center;padding:0}.museum-controls{gap:5px;padding:6px}.museum-artwork-info{bottom:92px}.museum-frame{width:min(72vw,380px)}.museum-plaque{top:calc(50% + min(41vw,238px))}
}
@media(max-width:520px){
    .museum-topbar{padding-left:15px;padding-right:15px}.museum-brand{font-size:1.15rem}.museum-brand.has-logo{max-width:68vw;gap:8px}.museum-brand-logo{height:clamp(40px,11vw,50px);max-width:54vw}.museum-languages{gap:5px}.museum-exit{right:7px}.museum-status{left:16px;top:72px;max-width:80vw}.museum-artwork-info{left:14px;right:14px;bottom:90px;max-width:none}.museum-artwork-info>div{flex-wrap:wrap}.museum-intro{padding:12px}.museum-intro-card{padding:30px 20px}.museum-intro-card>small{display:none}.museum-lightbox{padding:64px 12px 24px}.museum-lightbox figcaption{flex-direction:column;gap:9px}.museum-lightbox figcaption div{text-align:center}
}
@media(prefers-reduced-motion:reduce){
    .museum-viewport,.museum-rotation,.museum-world,.museum-intro,.museum-intro-card,.museum-frame,.museum-controls button{transition:none!important}
}