@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)}}.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}}body::after{position:absolute;width:0;height:0;overflow:hidden;z-index:-1;content:url(../img/exhibit/popup_bg.webp)}.main{background-image:url(../img/exhibit/popup_bg.webp);background-size:cover;background-color:#44cdd9;min-height:100vh;min-height:100dvh}.logo-img{width:auto;position:relative;z-index:100;max-width:calc(255px - 1em)}@media (orientation:portrait){.logo-img{height:80px;padding:.75em}}@media (orientation:landscape){.logo-img{padding:1em}}@media (orientation:landscape) and (max-height:calc(640px - 1px)){.logo-img{height:80px}}.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){.btn-close{width:35px;height:35px;right:18px;top:18px}}@media all and (max-width:639px){.btn-close{width:40px;height:40px;right:10px;top:10px}}.btn-close:after,.btn-close:before{content:"";position:absolute;top:50%;left:50%;width:2px;height:20px;background:#fff}.btn-close:before{transform:translate(-50%,-50%) rotate(45deg)}.btn-close:after{transform:translate(-50%,-50%) rotate(-45deg)}