:root{--black:#090909;--white:#f4f1e9;--yellow:#ffd900;--ink:#161616;--muted:#8a877f}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--black);font-family:Arial,Helvetica,sans-serif;color:var(--white)}button,a{font:inherit}.entrance{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#292929 0,#111 36%,#050505 72%);transition:opacity .9s ease,visibility .9s}.entrance::before{content:"";position:absolute;inset:5vh 8vw;border:1px solid #393939;box-shadow:inset 0 0 120px #000}.entrance.is-entered{opacity:0;visibility:hidden}.entrance__panel{position:relative;text-align:center;padding:40px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.24em;margin:0 0 20px}.entrance h1{font-size:clamp(52px,9vw,122px);line-height:.78;letter-spacing:-.065em;margin:0;font-weight:900}.entrance h1 span{color:var(--yellow)}.entrance__copy{text-transform:uppercase;font-size:14px;line-height:1.6;letter-spacing:.12em;margin:34px 0}.enter-button{border:1px solid var(--yellow);background:var(--yellow);color:#000;padding:17px 24px;font-size:12px;font-weight:800;letter-spacing:.12em;cursor:pointer;transition:.25s}.enter-button:hover{background:transparent;color:var(--yellow)}.enter-button span{font-size:20px;margin-left:20px}.entrance__hint{color:#777;font-size:10px;letter-spacing:.12em;margin-top:24px}.gallery{height:100%;opacity:0;transition:opacity 1s ease}.gallery.is-active{opacity:1}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;background:#0a0a0a;padding:0 28px;position:relative;z-index:20;border-bottom:1px solid #222}.brand{color:#fff;text-decoration:none;font-size:15px;font-weight:900;letter-spacing:.04em;display:flex;align-items:center;gap:10px}.brand__mark{display:grid;place-items:center;width:32px;height:32px;background:var(--yellow);color:#000;font-size:23px;font-weight:900}.room-title{font-size:10px;letter-spacing:.2em;color:#aaa}.room-title span{color:var(--yellow);margin-right:10px}.icon-button{border:0;background:transparent;color:#fff;font-size:24px;cursor:pointer;padding:8px}.museum{height:calc(100vh - 118px);position:relative;overflow:hidden;perspective:900px;background:#d9d6ce}.ceiling{position:absolute;left:0;right:0;top:0;height:19%;background:linear-gradient(#f7f5ef,#d9d6ce);clip-path:polygon(0 0,100% 0,76% 100%,24% 100%)}.floor{position:absolute;left:0;right:0;bottom:0;height:28%;background:repeating-linear-gradient(90deg,transparent 0 11.8%,rgba(0,0,0,.08) 12%,transparent 12.2%),linear-gradient(#cac6bb,#9f9a90);clip-path:polygon(24% 0,76% 0,100% 100%,0 100%)}.floor::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 29%,rgba(0,0,0,.08) 30%,transparent 31%)}.wall{position:absolute;top:0;bottom:0;width:28%;background:linear-gradient(90deg,#a8a59d,#e9e6de);z-index:2}.wall--left{left:0;clip-path:polygon(0 0,100% 19%,100% 72%,0 100%)}.wall--right{right:0;transform:scaleX(-1);clip-path:polygon(0 0,100% 19%,100% 72%,0 100%)}.far-wall{position:absolute;left:24%;right:24%;top:19%;bottom:28%;background:#eeece5;box-shadow:inset 0 0 60px rgba(0,0,0,.08);display:flex;align-items:flex-end;justify-content:flex-end;padding:2.2vw}.far-wall__statement{font-size:clamp(10px,1.1vw,16px);font-weight:900;letter-spacing:.04em;color:#111;line-height:1.05;text-align:right}.far-wall__statement span{color:#b8a400}.artwork-stage{position:absolute;inset:20% 28% 22%;z-index:5;display:flex;align-items:center;justify-content:center;transition:opacity .22s,transform .5s cubic-bezier(.2,.8,.2,1)}.artwork-stage.is-changing{opacity:0;transform:translateX(35px) scale(.97)}.spotlight{position:absolute;width:80%;height:95%;background:radial-gradient(ellipse at 50% 25%,rgba(255,255,255,.8),rgba(255,255,255,0) 65%);filter:blur(20px)}.artwork-frame{position:relative;border:clamp(7px,.7vw,12px) solid #191919;padding:clamp(5px,.45vw,8px);background:#f8f6ef;box-shadow:0 15px 32px rgba(0,0,0,.3),0 0 0 1px #555;max-width:72%;max-height:90%;cursor:zoom-in;display:flex;transition:width .3s,height .3s}.artwork-frame.is-square{width:min(38vh,390px);height:min(38vh,390px)}.artwork-frame.is-landscape{width:min(48vh,520px);height:min(32vh,347px)}.artwork-frame img{display:block;width:100%;height:100%;object-fit:contain;background:#f8f6ef}.wall-label{position:absolute;left:calc(50% + min(21vw,300px));bottom:15%;width:128px;color:#232323;border-left:2px solid #222;padding-left:10px}.wall-label p:first-child{font-size:10px;font-weight:900;margin:0 0 5px}.wall-label p:last-child{font-size:7px;line-height:1.45;margin:0;text-transform:uppercase}.walk-control{position:absolute;z-index:9;top:50%;transform:translateY(-50%);border:1px solid rgba(0,0,0,.2);background:rgba(244,241,233,.72);color:#111;width:52px;height:70px;font-size:38px;cursor:pointer;backdrop-filter:blur(6px);transition:.2s}.walk-control:hover{background:var(--yellow)}.walk-control--previous{left:3vw}.walk-control--next{right:3vw}.gallery-visitors{position:absolute;z-index:7;left:50%;bottom:-7%;width:min(67vw,920px);transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 8px 7px rgba(0,0,0,.28))}.gallery-visitors img{display:block;width:100%;height:auto}.gallery-visitors::after{content:"";position:absolute;left:7%;right:7%;bottom:6%;height:5%;background:rgba(0,0,0,.22);filter:blur(13px);z-index:-1}.progress{position:absolute;z-index:10;bottom:29px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#222;font-size:9px;font-weight:700}.progress__track{width:min(20vw,180px);height:2px;background:rgba(0,0,0,.2)}.progress__track span{display:block;height:100%;background:#111;transition:width .4s}.movement-hint{position:absolute;z-index:9;left:25px;bottom:15px;color:#333;font-size:8px;letter-spacing:.18em}.toolbar{height:48px;background:#0a0a0a;border-top:1px solid #222;display:flex;align-items:center;justify-content:center;gap:32px;padding:0 20px;position:relative;z-index:20}.toolbar button,.toolbar a{border:0;background:none;color:#bbb;text-decoration:none;font-size:9px;font-weight:700;letter-spacing:.15em;cursor:pointer}.toolbar button:hover,.toolbar a:hover{color:var(--yellow)}.tour-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#777;margin-right:8px}.tour-active .tour-dot{background:var(--yellow);box-shadow:0 0 8px var(--yellow)}.directory{position:fixed;z-index:40;inset:70px 0 48px;background:#111;color:#fff;transform:translateX(100%);transition:transform .55s cubic-bezier(.2,.8,.2,1);padding:32px 5vw;overflow:auto}.directory.is-open{transform:none}.directory__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.directory__header h2{font-size:clamp(34px,5vw,72px);letter-spacing:-.05em;margin:0}.directory__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.directory-card{border:0;background:#1c1c1c;color:#fff;text-align:left;padding:0 0 14px;cursor:pointer;transition:.25s}.directory-card:hover{transform:translateY(-4px);background:#292929}.directory-card img{width:100%;aspect-ratio:1;object-fit:contain;display:block;background:#f4f1e9;padding:8px}.directory-card span{display:block;padding:12px 12px 0;font-weight:800;font-size:11px;letter-spacing:.08em}.directory__footer{padding:35px 0}.directory__footer a{color:var(--yellow);font-size:11px;font-weight:800;letter-spacing:.12em}.details{position:fixed;z-index:60;inset:0;background:#0a0a0a;color:#fff;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);opacity:0;visibility:hidden;transition:.45s}.details.is-open{opacity:1;visibility:visible}.details__close{position:absolute;z-index:2;right:24px;top:18px;border:0;background:none;color:#fff;font-size:36px;cursor:pointer}.details__image-wrap{display:grid;place-items:center;background:#171717;padding:7vh 5vw}.details__image-wrap img{max-width:100%;max-height:82vh;box-shadow:0 20px 55px #000}.details__content{display:flex;flex-direction:column;justify-content:center;padding:7vw;background:#0b0b0b}.details__content h2{font-size:clamp(46px,6vw,88px);letter-spacing:-.06em;margin:0 0 28px;color:var(--yellow)}.details__description{font-family:Georgia,serif;font-size:clamp(17px,1.55vw,23px);line-height:1.55;color:#ddd}.details__actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:35px}.details__actions a{color:#fff;font-size:10px;letter-spacing:.12em;font-weight:800}.details__actions .primary-link{background:var(--yellow);color:#000;text-decoration:none;padding:15px 18px}.details__credit{margin-top:auto;color:#777;font-size:9px;letter-spacing:.13em}@media(max-width:800px){.topbar{padding:0 16px}.room-title{display:none}.museum{height:calc(100vh - 116px)}.wall{width:16%}.far-wall{left:14%;right:14%}.artwork-stage{inset:13% 11% 29%}.artwork-frame{max-width:84%;max-height:82%}.artwork-frame.is-square{width:min(38vh,72vw);height:min(38vh,72vw)}.artwork-frame.is-landscape{width:min(46vh,78vw);height:min(30.67vh,52vw)}.wall-label{left:auto;right:-3%;bottom:-15%}.gallery-visitors{width:105vw;bottom:-3%;opacity:.92}.walk-control{top:auto;bottom:18px;width:44px;height:44px;font-size:28px}.walk-control--previous{left:18px}.walk-control--next{right:18px}.progress{bottom:24px}.movement-hint{display:none}.toolbar{gap:18px}.toolbar a{display:none}.directory{padding:24px}.directory__grid{grid-template-columns:repeat(2,1fr);gap:12px}.details{grid-template-columns:1fr;grid-template-rows:minmax(0,55%) minmax(0,45%);overflow:auto}.details__image-wrap{padding:52px 24px 20px}.details__image-wrap img{max-height:46vh}.details__content{padding:28px}.details__content h2{font-size:42px;margin-bottom:12px}.details__description{font-size:16px}.details__actions{margin-top:16px}.details__credit{margin-top:25px}.entrance::before{inset:3vh 5vw}}@media(max-height:650px){.entrance__copy{margin:20px 0}.artwork-frame.is-square{width:34vh;height:34vh}.artwork-frame.is-landscape{width:43vh;height:28.67vh}.gallery-visitors{width:75vw;bottom:-14%}.details__description{font-size:16px}}