@charset "UTF-8";*,::after,::before{box-sizing:border-box}html{font-size:16px;letter-spacing:.02rem}body{margin:0}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.17rem}h4{font-size:1rem}h5{font-size:.83rem}h6{font-size:.67rem}h1{margin:.67em 0}pre{white-space:pre-wrap}hr{border-style:solid;border-width:1px 0 0;color:inherit;height:0;overflow:visible}img{display:inline-block;vertical-align:middle;max-width:100%}audio,canvas,embed,iframe,object,svg,video{display:block;vertical-align:middle;max-width:100%}canvas,img,svg,video{height:auto}audio{width:100%}img{border-style:none}svg{overflow:hidden}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}h1,h2,h3,p{margin:0;padding:0}dd,ul{margin:0;padding:0;list-style:none}table{border-collapse:collapse;border-spacing:0}button{border-radius:0}template{display:none!important}.button{display:block;max-width:200px;padding:1em;border-radius:99px;background-color:#007aff;color:#fff;text-decoration:none;text-align:center}.loader{border:5px solid #f3f3f3;border-top:5px solid gray;border-radius:50%;width:32px;height:32px;animation:spin 2.5s linear infinite;position:absolute;top:calc(50% - (32px / 2));right:calc(50% - (32px / 2))}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.exhibit{height:100vh;height:100dvh;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none}.exhibit::-webkit-scrollbar{visibility:hidden}.exhibit-content{display:grid;width:-moz-min-content;width:min-content;grid-gap:1.5vh;grid-gap:1.5svh;padding-top:12vh;padding-top:12svh}@media (orientation:portrait){.exhibit-content{grid-auto-rows:27vh;grid-auto-rows:27svh}}@media (orientation:landscape){.exhibit-content{grid-auto-rows:28vh;grid-auto-rows:28svh}}.exhibit-row{display:flex;width:100%;max-height:100%;gap:1.5vh;gap:1.5svh;padding-left:calc(2em + 500px);padding-right:calc(2em + 500px)}.exhibit-row:nth-child(even){padding-left:calc(5em + 500px)}.exhibit-artwork-frame{position:relative}.exhibit-artwork-image{position:absolute;width:100%;padding:1em}@media all and (orientation:portrait) and (max-width:639px){.exhibit-artwork-image{padding:.75em}}@media (orientation:portrait) and (max-width:300px){.exhibit-artwork-image{padding:.5em}}@media (orientation:landscape) and (max-height:calc(640px - 1px)){.exhibit-artwork-image{padding:.75em}}@media (orientation:landscape) and (max-height:400px){.exhibit-artwork-image{padding:.5em}}@media (orientation:landscape) and (max-height:300px){.exhibit-artwork-image{padding:5px}}.exhibit-artwork-container{cursor:pointer;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0}@media all and (max-width:639px){.exhibit-artwork-container.landscape{width:27vh;width:27svh}}@media all and (min-width:640px){.exhibit-artwork-container.landscape{width:28vh;width:28svh}}.exhibit-artwork-container.portrait{max-height:100%}@media all and (max-width:639px){.exhibit-artwork-container.portrait{width:calc((27vh * calc(563 / 764)));width:calc((27svh * calc(563 / 764)))}}@media all and (min-width:640px){.exhibit-artwork-container.portrait{width:calc((28vh * calc(563 / 764)));width:calc((28svh * calc(563 / 764)))}}@media all and (max-width:639px){.exhibit-artwork-container.square{width:calc((28vh * calc(603 / 705)) * 1.1);width:calc((28svh * calc(603 / 705)) * 1.1)}}@media all and (min-width:640px){.exhibit-artwork-container.square{width:calc((28vh * calc(603 / 705)) * 1.1);width:calc((28svh * calc(603 / 705)) * 1.1)}}.exhibit-artwork-container.square .exhibit-artwork-image{width:auto}.exhibit-artwork-container.show{opacity:1;animation:scaleUp .5s}.sprite{width:100%;position:relative}@media (orientation:portrait){.sprite{height:calc((100 - (12 + (2 * (27 + 1.5)))) * 1vh);height:calc((100 - (12 + (2 * (27 + 1.5)))) * 1svh)}}@media (orientation:landscape){.sprite{height:calc((100 - (12 + (2 * (28 + 1.5)))) * 1vh);height:calc((100 - (12 + (2 * (28 + 1.5)))) * 1svh)}}.sprite img{height:100%;max-height:220px;width:auto;position:absolute;top:0}@media all and (max-width:639px){.sprite img{max-height:160px;top:5%}}@keyframes scaleUp{0%{transform:scale(.9) translateY(50px);opacity:0}100%{transform:scale(1) translateY(0);opacity:1}}.artwork{display:flex;position:relative;align-items:center;justify-content:center;flex-direction:column;gap:2em;margin:0 2em;z-index:10}@media (orientation:portrait){.artwork{height:80%}}@media (orientation:landscape){.artwork{margin:0 auto}}@media (orientation:landscape) and (max-height:calc(640px - 1px)){.artwork{flex-direction:row;gap:2em;margin-right:1.5em}}.artwork-container{position:relative;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;max-width:100%;padding:0 1.75em;display:flex;flex-direction:column;justify-content:center;align-items:center}.artwork-container:has(.loader){min-height:200px;min-width:100%}.artwork-container .frame{box-shadow:0 19px 20px rgba(0,0,0,.5);background:linear-gradient(135deg,rgba(0,0,0,.2),rgba(0,0,0,.4));visibility:hidden;width:auto;max-height:70vh;object-fit:contain}@media (min-width:768px){.artwork-container .frame{max-height:50vh}}@media (min-width:1920px){.artwork-container .frame{max-height:60vh}}.artwork-container .art{position:absolute;padding:5%;max-height:100%;width:100%;height:auto;visibility:hidden;object-fit:contain}.artwork-container.portrait .art{height:100%;width:auto;padding:7%}.artwork-container.square{padding:0}.artwork-container.square .art{height:auto;width:100%}.artwork-container.landscape{padding:0}.artwork-container.landscape .art{padding:5%;width:100%;height:auto}.artwork-detail{width:100%;transition:all .3s ease-out;text-align:center;align-items:center;display:flex;flex-direction:column;color:#fff;line-height:1.5}@media (orientation:landscape) and (max-height:639px){.artwork-detail{width:auto}}.artwork-detail .label{width:100%;padding-bottom:.25em;border-bottom:1px solid #fff}@media (orientation:landscape) and (min-height:640px){.artwork-detail .label{width:40%}}.artwork-detail .artwork-name .title{display:block;font-weight:700;text-align:center;margin:.3em 0 .6em;font-size:1.5rem}.spotlight{pointer-events:none;position:absolute;width:100%;height:auto;top:0;margin:0 auto;overflow:clip;max-height:100vh;max-height:100svh}.spotlight img{width:100%;height:auto}.artwork-detail{opacity:0}.artwork-detail.show{opacity:0;animation:scaleUp .5s cubic-bezier(.165,.84,.44,1) forwards}.artwork-container.loaded{animation:scaleUp .5s cubic-bezier(.165,.84,.44,1) forwards}.artwork-container.loaded img{visibility:visible;transition:all 1s}@keyframes scaleUp{0%{transform:scale(.8) translateY(20px);opacity:0}100%{transform:scale(1) translateY(0);opacity:1}}.popup-bg{height:100%;width:100%;background:rgba(0,0,0,.3);position:fixed;top:0}.popup{visibility:hidden;opacity:0}.popup.show{visibility:visible;opacity:1}.popup-content{background-image:url(../img/exhibit/popup_bg.webp);background-size:cover;background-color:#44cdd9;overflow:hidden;height:calc(100% - 2em);width:calc(100% - 1em);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:2px solid #ff0}@media (orientation:landscape){.popup-content{max-width:800px}}@media (orientation:portrait){.popup-content{height:80%}}.popup-content .btn-close{position:absolute;border-radius:50%;cursor:pointer;text-indent:200%;overflow:hidden;white-space:nowrap;padding:0;border:none;z-index:10}@media all and (min-width:640px){.popup-content .btn-close{width:35px;height:35px;right:18px;top:18px}}@media all and (max-width:639px){.popup-content .btn-close{width:40px;height:40px;right:10px;top:10px}}.popup-content .btn-close:after,.popup-content .btn-close:before{content:"";position:absolute;top:50%;left:50%;width:2px;height:20px;background:#fff}.popup-content .btn-close:before{transform:translate(-50%,-50%) rotate(45deg)}.popup-content .btn-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.main{background-color:grey}.exhibit-content{height:100vh;height:100svh;min-width:200%;background-image:url(../img/exhibit/bg_gallery.webp);background-repeat:repeat-x;background-size:contain}.lights{content:'';pointer-events:none;position:absolute;width:100%;background-image:url(../img/exhibit/gallery_light.webp);background-repeat:repeat-x;background-size:contain;z-index:100}@media (orientation:portrait){.lights{top:-20vh;top:-20svh;height:45vh;height:45svh}}@media (orientation:landscape){.lights{top:-23vh;top:-23svh;height:48vh;height:48svh}}.logo-exhibit{width:auto;position:absolute;z-index:100;height:12vh;height:12svh;padding:1vh}@media (orientation:portrait){.logo-exhibit{padding:2vh}}@media (orientation:landscape){.logo-exhibit{padding:1em}}@media (orientation:landscape) and (max-height:calc(640px - 1px)){.logo-exhibit{padding:1vh}}.logo-exhibit img{width:auto;height:100%}