.hang-host{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:none;opacity:0;transition:opacity .32s ease;--hang-ground: #0b0c0f;--hang-surface: #151515;--hang-rule: rgba(255,255,255,.13);--hang-text: #c9c9c9;--hang-muted: #8a8a8a;--hang-accent: #e4d3b4;--hang-brass: #f6e2ce;--hang-caption: rgba(242,236,221,.82);--hang-ink: #8ea6b3;--hang-wall: #23211e;--hang-pool-1: rgba(255,241,216,.21);--hang-pool-2: rgba(255,241,216,0);--hang-skirt: #17150f;--hang-floor: #0d0c0b;--hang-num: #968e80;--hang-hint: #8a8a8a;--hang-head-bg: linear-gradient(180deg, rgba(11,12,15,.94) 0%, rgba(11,12,15,.72) 62%, rgba(11,12,15,0) 100%);--hang-veil: rgba(11,12,15,.7);--hang-flip: #0b0c0f;--hang-photo-bed: #0e0d0c;--hang-art-b: .93;--hang-photo-b: .95;--hang-vh: 100vh;--hang-head: 84px;--hang-skirt-h: 9px;--hang-floor-h: 74px;--hang-pad-h: 26px;--hang-pad-v: 20px;--hang-box-hu: 690;--hang-avail-h: calc(var(--hang-vh) - var(--hang-head) - var(--hang-skirt-h) - var(--hang-floor-h) - (var(--hang-pad-v) * 2));--hang-box-w: min(calc(100vw - (var(--hang-pad-h) * 2)), calc(var(--hang-avail-h) * 1300 / var(--hang-box-hu)));--hang-box-h: calc(var(--hang-box-w) * var(--hang-box-hu) / 1300);--hang-u: calc(var(--hang-box-w) / 1300);--hang-col-w: min( calc(100vw - 40px) , 460px);--hang-pu: calc(var(--hang-col-w) / 350);--hang-ease: cubic-bezier(.16,.84,.3,1)}@supports (height: 100dvh){.hang-host{--hang-vh: 100dvh}}.hang-host.hang-open{display:block;opacity:1}.hang-host[data-tone=pale]{--hang-ground: #e6e2d8;--hang-surface: #dcd8cd;--hang-rule: rgba(20,18,14,.18);--hang-text: #2b2a26;--hang-muted: #6b675f;--hang-accent: #7a6338;--hang-brass: #5f4d2c;--hang-caption: rgba(33,31,26,.86);--hang-ink: #3f5362;--hang-wall: #d6d2c8;--hang-pool-1: rgba(255,255,255,.34);--hang-pool-2: rgba(255,255,255,0);--hang-skirt: #c3bdb1;--hang-floor: #2c2926;--hang-num: #57524a;--hang-hint: #a39e94;--hang-head-bg: linear-gradient(180deg, rgba(214,210,200,.96) 0%, rgba(214,210,200,.74) 62%, rgba(214,210,200,0) 100%);--hang-veil: rgba(214,210,200,.78);--hang-flip: #23211e;--hang-photo-bed: #b9b4a8;--hang-art-b: 1;--hang-photo-b: 1}.hang{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--hang-ground);color:var(--hang-text);font-family:Barlow,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.hang-wall{position:absolute;left:0;right:0;top:0;bottom:calc(var(--hang-skirt-h) + var(--hang-floor-h));background:var(--hang-wall)}.hang-pool{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 72% 52% at 50% 33%,var(--hang-pool-1) 0%,var(--hang-pool-2) 70%);animation:hang-breathe 19s ease-in-out infinite}@keyframes hang-breathe{0%,to{opacity:.93}50%{opacity:1}}.hang-wall:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#00000059}.hang-skirt{position:absolute;left:0;right:0;bottom:var(--hang-floor-h);height:var(--hang-skirt-h);background:var(--hang-skirt)}.hang-floor{position:absolute;left:0;right:0;bottom:0;height:var(--hang-floor-h);background:var(--hang-floor);display:flex;align-items:center;justify-content:center}.hang-stage{position:absolute;left:0;right:0;top:var(--hang-head);bottom:0;display:flex;align-items:center;justify-content:center;padding:var(--hang-pad-v) var(--hang-pad-h)}.hang-box{position:relative;width:var(--hang-box-w);height:var(--hang-box-h)}.hang-row{display:contents}.hang-piece{-webkit-appearance:none;appearance:none;position:relative;display:block;margin:0;padding:0;border:0;border-radius:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .35s var(--hang-ease)}.hang-piece-photo{position:absolute;display:block;object-fit:cover;background:var(--hang-photo-bed);filter:brightness(var(--hang-photo-b, 1))}.hang-piece-frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;filter:brightness(var(--hang-art-b, 1)) drop-shadow(0 10px 14px rgba(0,0,0,.28)) drop-shadow(0 2px 3px rgba(0,0,0,.2));transition:filter .35s var(--hang-ease)}.hang-fig{position:absolute;left:0;right:0;top:100%;margin-top:calc(8 * var(--hang-u));font-family:Barlow Semi Condensed,Barlow,sans-serif;font-weight:400;font-size:10px;letter-spacing:.18em;text-transform:uppercase;text-align:right;color:var(--hang-num);pointer-events:none}.hang-piece:focus-visible{outline:2px solid var(--hang-accent);outline-offset:6px}@media(min-width:750px){.hang-piece{position:absolute;left:var(--px);top:var(--py);width:var(--pw);aspect-ratio:var(--pr)}.hang-piece-photo{left:var(--ol);top:var(--ot);width:var(--ow);height:var(--oh)}.hang-piece-frame{background-image:var(--frame)}.hang-piece:hover{transform:translateY(-4px)}.hang-piece:hover .hang-piece-frame{filter:drop-shadow(0 20px 26px rgba(0,0,0,.38)) drop-shadow(0 5px 7px rgba(0,0,0,.26))}}@media(max-width:749px){.hang-host{--hang-head: 64px;--hang-floor-h: 58px}.hang-stage{display:block;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(22 * var(--hang-pu)) 20px calc(40 * var(--hang-pu))}.hang-box{width:100%;max-width:460px;height:auto;margin:0 auto;display:flex;flex-direction:column;gap:calc(24 * var(--hang-pu))}.hang-row{display:flex;align-items:flex-start;justify-content:space-between}.hang-piece{width:var(--mw);aspect-ratio:var(--mr);margin-top:var(--mdrop, 0)}.hang-piece-photo{left:var(--mol);top:var(--mot);width:var(--mow);height:var(--moh)}.hang-piece-frame{background-image:var(--frame-m)}.hang-fig{margin-top:calc(8 * var(--hang-pu))}}.hang-head{position:absolute;left:0;right:0;top:0;height:var(--hang-head);z-index:8;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;padding:0 var(--hang-pad-h);background:var(--hang-head-bg);pointer-events:none}.hang-head>*{pointer-events:auto}.hang-ident{text-align:center;min-width:0}.hang-eyebrow{font-family:Barlow Semi Condensed,Barlow,sans-serif;font-weight:400;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--hang-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hang-eyebrow b{font-weight:400;color:var(--hang-ink)}.hang-title{margin:3px 0 0;font-family:Shippori Mincho B1,Times New Roman,serif;font-weight:400;font-size:22px;line-height:1.16;color:var(--hang-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hang-meta{justify-self:end;font-family:Barlow Semi Condensed,Barlow,sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--hang-muted);white-space:nowrap}.hang-hair{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid var(--hang-rule);border-radius:0;background:transparent;color:var(--hang-muted);cursor:pointer;font-family:Barlow Semi Condensed,Barlow,sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;transition:color .24s ease,border-color .24s ease}.hang-hair svg{display:block;flex:0 0 auto}.hang-hair:hover{color:var(--hang-brass);border-color:var(--hang-accent)}.hang-hair:focus-visible{outline:2px solid var(--hang-accent);outline-offset:3px}.hang-back{justify-self:start}.hang-towall{justify-self:end}.hang-back svg{transition:transform .24s var(--hang-ease)}.hang-back:hover svg{transform:translate(-2px)}.hang-towall,.hang-host.hang-at-piece .hang-meta{display:none}.hang-host.hang-at-piece .hang-towall{display:inline-flex}.hang-hint{margin:0;font-family:Barlow Semi Condensed,Barlow,sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--hang-hint);transition:opacity .4s ease}.hang-host.hang-at-piece .hang-hint,.hang-host.hang-hint-retired .hang-hint{opacity:0;pointer-events:none}.hang-view{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;opacity:0;visibility:hidden;transition:opacity .36s ease,visibility 0s linear .36s}.hang-host.hang-at-piece .hang-view{opacity:1;visibility:visible;transition-delay:0s,0s}.hang-veil{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hang-veil);backdrop-filter:blur(7px) saturate(.88);-webkit-backdrop-filter:blur(7px) saturate(.88)}.hang-nojump{transition:none!important}.hang-light{position:absolute;left:var(--light-l, 50%);top:var(--light-t, 0px);width:720px;height:400px;pointer-events:none;background:radial-gradient(ellipse at 50% 20%,rgba(255,248,235,.35),transparent 65%);transition:left .6s var(--hang-ease),top .6s var(--hang-ease)}.hang-plate{position:absolute;left:var(--plate-l, 0px);top:var(--plate-t, 0px);width:var(--plate-w, 0px);height:var(--plate-h, 0px);transition:left .6s var(--hang-ease),top .6s var(--hang-ease),width .6s var(--hang-ease),height .6s var(--hang-ease)}.hang-plate:focus{outline:none}.hang-plate:focus-visible{outline:1px solid var(--hang-rule);outline-offset:12px}.hang-layer{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .42s ease}.hang-layer.on{opacity:1}.hang-layer-photo{position:absolute;left:var(--lol);top:var(--lot);width:var(--low);height:var(--loh);display:block;object-fit:cover;background:var(--hang-photo-bed)}.hang-layer-frame{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-size:100% 100%;background-image:var(--lframe);filter:brightness(var(--hang-art-b, 1)) drop-shadow(0 18px 30px rgba(0,0,0,.42)) drop-shadow(0 3px 5px rgba(0,0,0,.28))}.hang-peek{-webkit-appearance:none;appearance:none;position:absolute;top:var(--peek-t, 50%);height:300px;width:var(--peek-w, 300px);margin:0;padding:0;border:0;border-radius:0;background:none;opacity:.9;cursor:pointer;transition:opacity .3s ease,transform .35s var(--hang-ease)}.hang-peek.prev{left:calc(90px - var(--peek-w, 300px))}.hang-peek.next{right:calc(90px - var(--peek-w, 300px))}.hang-peek:hover{opacity:1}.hang-peek.prev:hover{transform:translate(10px)}.hang-peek.next:hover{transform:translate(-10px)}.hang-peek:focus-visible{outline:2px solid var(--hang-accent);outline-offset:4px}.hang-peek[hidden]{display:none}@media(max-width:1179px){.hang-peek{display:none}}.hang-peek-photo{position:absolute;left:var(--kol);top:var(--kot);width:var(--kow);height:var(--koh);display:block;object-fit:cover;background:var(--hang-photo-bed)}.hang-peek-frame{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-size:100% 100%;background-image:var(--kframe);filter:brightness(var(--hang-art-b, 1)) drop-shadow(0 12px 18px rgba(0,0,0,.34))}.hang-tomb{position:absolute;left:var(--tomb-l, 60%);top:var(--tomb-t, 20%);width:300px}.hang-tomb-text{position:relative;min-height:var(--tomb-min-h, 0px)}.hang-tomb-block{position:absolute;left:0;top:0;width:100%;opacity:0;transition:opacity .42s ease}.hang-tomb-block.on{opacity:1;position:relative}.hang-tomb-fig{font-family:Barlow Semi Condensed,Barlow,sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--hang-ink)}.hang-tomb-caption{margin:12px 0 0;font-family:Shippori Mincho B1,Times New Roman,serif;font-weight:400;font-size:26px;line-height:1.3;color:var(--hang-caption)}.hang-tomb-caption:empty{display:none}.hang-tomb-rule{height:1px;margin:18px 0;background:var(--hang-rule)}.hang-tomb-where,.hang-tomb-when{font-family:Barlow,system-ui,sans-serif;font-size:14px;line-height:1.5;color:var(--hang-muted)}.hang-tomb-where{color:var(--hang-text)}.hang-tomb-nav{display:flex;align-items:center;gap:10px;margin-top:24px}.hang-nav-count{display:none;flex:1 1 auto;text-align:center;font-family:Barlow Semi Condensed,Barlow,sans-serif;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--hang-ink)}.hang-step{-webkit-appearance:none;appearance:none;position:relative;width:48px;height:48px;flex:0 0 auto;padding:0;border:1px solid var(--hang-rule);border-radius:0;background:transparent;color:var(--hang-muted);cursor:pointer;overflow:hidden;isolation:isolate;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;transition:color .28s ease,border-color .28s ease}.hang-step:before{content:"";position:absolute;left:50%;top:50%;width:150%;aspect-ratio:1;transform:translate(-50%,-50%) scale(0);border-radius:50%;background:radial-gradient(circle,#fff4e6 0%,var(--hang-brass) 55%,#c9ae93 100%);transition:transform .42s var(--hang-ease);z-index:0}.hang-step>span{position:relative;z-index:1;display:flex;line-height:0}.hang-step:hover:not(:disabled){color:var(--hang-flip);border-color:var(--hang-accent)}.hang-step:hover:not(:disabled):before{transform:translate(-50%,-50%) scale(1)}.hang-step:focus-visible{outline:2px solid var(--hang-accent);outline-offset:3px}.hang-step:disabled{opacity:.32;cursor:default}@media(hover:none){.hang-step:hover:not(:disabled){color:var(--hang-muted)}.hang-step:hover:not(:disabled):before{transform:translate(-50%,-50%) scale(0)}.hang-step:active:not(:disabled){color:var(--hang-flip)}.hang-step:active:not(:disabled):before{transform:translate(-50%,-50%) scale(1)}}@media(max-width:749px){.hang-head{padding:0 14px;gap:10px;grid-template-columns:auto 1fr auto}.hang-hair{position:relative;width:40px;height:40px;padding:0;justify-content:center}.hang-hair span{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;white-space:nowrap;clip-path:inset(50%)}.hang-meta-d{display:none}.hang-eyebrow{font-size:10px;letter-spacing:.16em}.hang-title{font-size:18px}.hang-meta,.hang-hint{font-size:10px;letter-spacing:.16em}.hang-view{display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(var(--hang-head) + 14px) 20px 26px}.hang-veil{position:fixed}.hang-light,.hang-peek{display:none}.hang-plate{position:relative;left:auto;top:auto;width:100%;max-width:460px;height:auto;margin:0 auto;aspect-ratio:var(--plate-r, 1.4433);flex:0 0 auto}.hang-tomb{position:relative;left:auto;top:auto;width:100%;max-width:460px;margin:26px auto 0}.hang-tomb-fig{display:none}.hang-tomb-caption{font-size:22px;margin-top:0}.hang-tomb-nav{margin-top:22px}.hang-step{width:44px;height:44px}.hang-nav-count{display:block}}.hang-eye{position:fixed;left:0;top:0;width:44px;height:44px;border-radius:50%;background:#0b122080;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(242,236,221,.18);color:#f2ecdd;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:24;opacity:0;will-change:transform;transition:opacity .16s ease}.hang-eye.on{opacity:1}@media(hover:hover)and (pointer:fine){.hang-piece,.hang-peek{cursor:none}}@media(hover:none){.hang-eye{display:none!important}}@media(prefers-reduced-motion:reduce){.hang-host,.hang-piece,.hang-piece-frame,.hang-plate,.hang-light,.hang-layer,.hang-tomb-block,.hang-peek,.hang-view,.hang-hint{transition-duration:.01s!important}.hang-pool{animation:none}.hang-piece:hover,.hang-peek.prev:hover,.hang-peek.next:hover{transform:none}.hang-back:hover svg{transform:none}.hang-step:before{transition-duration:.01s}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/museum-hang.css.map */