@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:300;font-display:swap;src:local(''),url('../fonts/ibm-plex-sans-v8-latin-300.woff2') format('woff2'),url('../fonts/ibm-plex-sans-v8-latin-300.woff') format('woff')}@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:local(''),url('../fonts/ibm-plex-sans-v8-latin-regular.woff2') format('woff2'),url('../fonts/ibm-plex-sans-v8-latin-regular.woff') format('woff')}@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:700;font-display:swap;src:local(''),url('../fonts/ibm-plex-sans-v8-latin-700.woff2') format('woff2'),url('../fonts/ibm-plex-sans-v8-latin-700.woff') format('woff')}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:'IBM Plex Sans',sans-serif;line-height:1.2em}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}h1,h2,h3,h4,p,ul,ol{display:block;font-size:inherit}img{max-width:100%;height:auto;border:0}a{color:inherit;transition:.3s;outline:0;cursor:pointer;user-select:none}a:hover{color:#B387FF}body{font-family:'IBM Plex Sans',sans-serif;font-size:16px;line-height:26px;color:#333;font-weight:400;background:#fff;display:flex;flex-direction:column;min-height:100vh}b,strong{font-weight:700}p:not(:last-child){margin-bottom:30px}h1{font-family:'IBM Plex Sans',sans-serif;font-size:3rem;font-weight:300;letter-spacing:-1px;padding:25px 0}sup{font-size:75%}.btn{display:inline-flex;justify-content:center;align-items:center;background-color:#333;color:#fff !important;text-decoration:none;transition:.3s;cursor:pointer;outline:0;border:3px solid transparent;position:relative;overflow:hidden;font-family:inherit;font-size:15px;line-height:15px;padding:7px 15px;border-radius:3px}.btn.btn-important{background-color:#B387FF}.btn[disabled]{opacity:.5;pointer-events:none}.btn:hover{opacity:.6}.t-left{text-align:left}.t-right{text-align:right}.t-center{text-align:center}.t-white{color:#fff}[hidden],.hidden{display:none !important}::-webkit-input-placeholder{color:#B7B3BD}:-moz-placeholder{color:#B7B3BD}::-moz-placeholder{color:#B7B3BD}:-ms-input-placeholder{color:#B7B3BD}input{font-family:inherit;font-size:13px;line-height:14px;background:transparent;border:1px solid #F0F0F2;font-style:normal;padding:0 10px;width:100%;height:37px;background:#fff;transition:.3s}input:focus{border-color:#333;outline:0}input[type=checkbox]{width:20px;vertical-align:-2px}#modal_container{display:flex;align-items:center;justify-content:center;position:fixed;width:100%;height:100vh;top:0;left:0;background:rgba(0,0,0,0.8);z-index:1000;transition:.6s;opacity:0;visibility:hidden}#modal_container.is-visible{opacity:1;visibility:visible;transition:opacity .3s 0s,visibility 0s 0s}#modal_container.is-visible #modal_window{opacity:1;transform:translate(0, 0)}#modal_container #modal_window{border-radius:4px;background:#fff;max-width:1200px;max-height:100vh;width:100%;box-shadow:0 14px 28px rgba(0,0,0,0.25),0 10px 10px rgba(0,0,0,0.22);overflow:hidden;text-align:center;transform:translate(0, -20px);opacity:0;transition:opacity 0s 0s,transform .3s 0s}#modal_container #modal_header{background-color:#F0F0F2;padding:20px 35px;display:flex;align-items:center}#modal_container #modal_header .modal-title{text-align:left;text-transform:uppercase}#modal_container #modal_header .modal-title em{font-style:normal;font-weight:bold;text-transform:none}#modal_container #modal_header .modal-close{font-size:1.4rem;flex-grow:1;text-align:right;cursor:pointer;transition:.3s}#modal_container #modal_header .modal-close:hover{color:#B387FF}#modal_container #modal_content{padding:25px 25px 20px 25px;overflow-y:auto;max-height:calc(100vh - 64px);text-align:center}#modal_container #modal_content .modal-results{padding:30px}#modal_container #modal_actions{padding-bottom:25px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap}#modal_container #modal_actions>*{margin:0 3px}header{display:flex;align-items:center;align-content:flex-start;flex-wrap:wrap;width:100%;background-color:#39343D;height:130px;border-bottom:3px solid #B387FF;position:relative;user-select:none}header h1{color:#B387FF;padding-top:5px;padding-left:30px;cursor:pointer}header .breadcrumbs{width:calc(100% - 90px);padding:25px 0 0 25px;color:#B7B3BD;display:flex;flex-wrap:wrap}header .breadcrumbs .breadcrumb{padding:0 7px;position:relative;text-decoration:none;display:inline-block;margin-right:8px;text-transform:uppercase;font-size:14px;line-height:14px;font-weight:bold}header .breadcrumbs .breadcrumb:not(:last-child):after{content:'>';position:absolute;top:-2px;right:-8px;color:#B7B3BD !important}header .nav{position:absolute;right:60px;top:0;height:100%;display:flex;align-items:center}header .nav .nav-btn{position:relative;width:30px;height:30px;margin-left:30px;transition:.3s cubic-bezier(.645, .045, .355, 1)}header .nav .nav-btn svg{width:30px;height:30px;cursor:pointer;transition:.3s cubic-bezier(.645, .045, .355, 1);color:#B387FF}header .nav .nav-btn svg:hover{color:#fff}header .nav .nav-btn .btn-close{padding:5px;opacity:0}header .nav .nav-btn.is-open .btn-icon{margin-top:-30px;opacity:0}header .nav .nav-btn.is-open .btn-close{opacity:1}header .nav .nav-btn.is-hidden{opacity:0;width:0;margin:0;overflow:hidden}header .search-menu{width:100%;position:absolute;top:130px;display:flex;flex-wrap:wrap;justify-content:center;z-index:2;background-color:#39343D;height:0;overflow:hidden;transition:.3s cubic-bezier(.645, .045, .355, 1)}header .search-menu .search-menu-btn{width:25%;padding:30px 60px;display:flex;color:#fff;align-items:center;text-decoration:none;justify-content:center;opacity:0;transition:.3s cubic-bezier(.645, .045, .355, 1)}header .search-menu .search-menu-btn .btn-img{width:50px;margin-right:15px;transition:transform .3s cubic-bezier(.645, .045, .355, 1)}header .search-menu .search-menu-btn .btn-text{text-transform:uppercase;text-decoration:none;font-size:1.2rem;transition:transform .3s cubic-bezier(.645, .045, .355, 1)}header .search-menu .search-menu-btn:hover{background-color:#4F435C}header .search-menu .search-menu-btn:hover .btn-img,header .search-menu .search-menu-btn:hover .btn-text{transform:translateY(-8px)}header .search-menu.is-open{height:230px}header .search-menu.is-open .search-menu-btn{opacity:1}.right-sidebar-menu{display:flex;flex-direction:column;position:absolute;right:0;top:0;bottom:0;width:0;overflow-x:hidden;overflow-y:auto;transition:.3s cubic-bezier(.645, .045, .355, 1);z-index:15}.right-sidebar-menu::-webkit-scrollbar{width:10px}.right-sidebar-menu::-webkit-scrollbar-track{background:#4F435C}.right-sidebar-menu::-webkit-scrollbar-thumb{background:#B7B3BD;border-radius:7px;transition:.3s cubic-bezier(.645, .045, .355, 1);cursor:pointer}.right-sidebar-menu::-webkit-scrollbar-thumb:hover{background:#B387FF}.right-sidebar-menu .sidebar-menu-content{position:relative;width:350px;transition:.3s cubic-bezier(.645, .045, .355, 1);background-color:#39343D}.right-sidebar-menu .sidebar-menu-btn{opacity:1;display:flex;align-items:center;color:#fff;padding:20px 30px;border-bottom:1px solid #fff;text-decoration:none;font-size:.9rem}.right-sidebar-menu .sidebar-menu-btn img{width:20px;margin-right:15px}.right-sidebar-menu .sidebar-menu-btn.selected{color:#B387FF;font-weight:bold}.right-sidebar-menu .sidebar-menu-btn:hover{background-color:#4F435C}.right-sidebar-menu .sidebar-menu-list{display:flex;flex-direction:column;padding:15px 0;background-color:#4F435C;overflow:auto}.right-sidebar-menu .sidebar-menu-list .sidebar-menu-item{padding:10px 30px;text-decoration:none;color:#fff}.right-sidebar-menu .sidebar-menu-list .sidebar-menu-item.is-selected{color:#B387FF;font-weight:bold}.right-sidebar-menu .sidebar-menu-list .sidebar-menu-item:hover{color:#B387FF}.right-sidebar-menu.is-open{width:350px}.right-sidebar-menu.is-open .sidebar-menu-btn{opacity:1}.index-bkg{position:absolute;width:100%;top:0;left:0;height:300px;object-fit:cover;object-position:center -270px}.index-box{display:flex;flex-wrap:wrap;margin:0 auto;max-width:1024px;z-index:1;background-color:#fff;margin-top:75px;padding:60px 0;justify-content:center;align-content:flex-start}.index-box .box-text{width:100%;margin-bottom:30px;font-size:1.2rem}.index-box .box-search{width:80%;position:relative;margin-bottom:60px}.index-box .box-search #search{font-size:2rem;border:none;border-bottom:2px solid #B7B3BD;padding:15px 0;height:auto;color:#4F435C}.index-box .box-search #search:focus{border-color:#4F435C;outline:0}.index-box .box-search .search-btn{position:absolute;right:0;bottom:20px;width:30px}.index-box .box-buttons{display:flex;justify-content:center;width:100%;flex-wrap:wrap}.index-box .box-buttons .box-text{text-align:center;margin-bottom:40px}.index-box .box-buttons .box-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;width:200px;height:200px;background-color:#F0F0F2;padding:24px;text-decoration:none;transition:.3s;margin:25px}.index-box .box-buttons .box-btn .btn-img{margin-bottom:24px;width:50%}.index-box .box-buttons .box-btn .btn-text{text-transform:uppercase;text-align:center;font-size:1.2rem}.index-box .box-buttons .box-btn:hover{background-color:#B387FF;color:#fff}.index-box .box-buttons .box-btn:hover .btn-img{filter:brightness(20)}.alphabet{display:flex;width:100%;height:56px}.alphabet .alphabet-letter{background-color:#4F435C;flex-grow:1;padding:15px 0;color:#B7B3BD;font-weight:bold;cursor:pointer;transition:.3s cubic-bezier(.645, .045, .355, 1);text-align:center;line-height:1.4em;user-select:none}.alphabet .alphabet-letter.empty{color:#ffffff38;pointer-events:none}.alphabet .alphabet-letter.selected{background-color:#B387FF;color:#39343D}.alphabet .alphabet-letter:hover{background-color:#B7B3BD;color:#39343D}.alphabet .alphabet-letter[disabled]{color:rgba(183,179,189,0.2);pointer-events:none}.main{display:flex;flex-wrap:wrap;width:100%;position:relative;flex-grow:1;align-content:flex-start}.modal-image-container{display:flex;flex-direction:column}.modal-image-container .modal-image{align-self:center;max-height:70vmin}.modal-image-container .modal-image-caption{font-style:italic;border-bottom:1px solid #B387FF;margin-bottom:15px;text-align:left;padding-bottom:10px}.modal-image-container .modal-image-caption .modal-close{width:35px;height:auto;float:right;margin:0 0 0 10px;cursor:pointer}.sidebar{background-color:#39343D;color:#B7B3BD;padding:40px 0;width:300px;min-height:calc(100vh - 130px - 56px - 60px);position:relative}.sidebar .sidebar-list{display:flex;flex-direction:column;position:relative;min-height:calc(100vh - 130px - 56px - 60px);height:100%;scroll-behavior:smooth;position:absolute;left:0;top:0;right:0;bottom:0;overflow-y:auto}.sidebar .sidebar-list::-webkit-scrollbar{width:10px}.sidebar .sidebar-list::-webkit-scrollbar-track{background:#4F435C;border-radius:7px}.sidebar .sidebar-list::-webkit-scrollbar-thumb{background:#B7B3BD;border-radius:7px;transition:.3s cubic-bezier(.645, .045, .355, 1);cursor:pointer}.sidebar .sidebar-list::-webkit-scrollbar-thumb:hover{background:#B387FF}.sidebar .sidebar-list .sidebar-letter{display:flex;flex-direction:column}.sidebar .sidebar-list .sidebar-item{padding:10px 30px;transition:background-color .3s cubic-bezier(.645, .045, .355, 1);color:#B7B3BD}.sidebar .sidebar-list .sidebar-item:hover{background-color:#4F435C}.sidebar .sidebar-list .sidebar-item.selected{color:#B387FF;font-weight:bold;pointer-events:none}.sidebar .sidebar-list .sidebar-item.letter{color:#B7B3BD;text-transform:uppercase;padding-top:30px;font-weight:bold;line-height:1.4em;pointer-events:none}.sidebar.sidebar-texts{min-height:calc(100vh - 130px - 60px)}.sidebar.sidebar-texts .sidebar-list{padding:30px 0}.works{width:calc(100% - 300px);padding:60px}.works .works-title{width:100%;color:#B387FF;font-size:2.4rem;margin-bottom:30px}.works .work{display:flex;border-top:1px solid #B7B3BD;padding:15px 0px;position:relative;flex-wrap:wrap;justify-content:space-between;text-decoration:none}.works .work:last-child{border-bottom:1px solid #B7B3BD}.works .work .work-text{width:calc(100% - 150px)}.works .work .work-author{font-size:.8rem;width:100%;text-transform:uppercase;transition:transform .3s cubic-bezier(.645, .045, .355, 1)}.works .work .work-author em{color:#B387FF;font-style:normal}.works .work .work-title{width:100%;font-weight:bold;font-size:1.2rem;transition:transform .3s cubic-bezier(.645, .045, .355, 1)}.works .work .work-title .label-dot{margin-right:6px;position:relative;display:inline-flex;height:6px;width:6px;background-color:#B387FF;border-radius:10px;top:-3px}.works .work .work-opera{width:100%;text-transform:uppercase;font-size:.8rem;transition:transform .3s cubic-bezier(.645, .045, .355, 1)}.works .work .work-btn{text-transform:uppercase;display:flex;align-items:center;color:#B387FF;transition:.3s cubic-bezier(.645, .045, .355, 1),background-color .3s;font-size:.9rem;margin-right:25px}.works .work .work-btn img{width:20px;margin-left:5px}.works .work:hover{background-color:#F0F0F2}.works .work:hover .work-opera,.works .work:hover .work-title,.works .work:hover .work-author,.works .work:hover .work-btn{transform:translateX(15px)}.works.works-authors{width:100%}.works.works-authors .work-title{font-weight:normal}.work-detail{display:flex;width:100%;justify-content:center;max-width:1024px;margin:60px auto;padding:0 25px}.work-detail .column-left{width:70%;padding-right:30px}.work-detail .column-right{width:30%}.work-detail .work-author{font-size:2rem;font-weight:100;margin-bottom:15px;text-decoration:none}.work-detail .work-title{font-size:2rem;color:#B387FF;font-weight:bold;border-left:2px solid #B387FF;padding-left:15px}.work-detail .work-opera{text-transform:uppercase;border-left:2px solid #B387FF;padding-left:15px;padding-top:10px;margin-bottom:90px}.work-detail .work-buttons{display:flex;flex-direction:column;max-width:400px}.work-detail .work-buttons .work-btn{border:2px solid #B387FF;color:#B387FF;padding:30px 60px;border-radius:100px;text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:30px;position:relative}.work-detail .work-buttons .work-btn svg{position:absolute;top:0;left:45px;width:40px;height:100%;margin-right:15px}.work-detail .work-buttons .work-btn:hover{background-color:#B387FF;color:#fff}.work-detail .work-attributes{margin-bottom:45px}.work-detail .work-attributes .attributes-title{border-bottom:2px solid black;text-transform:uppercase;font-size:1.2rem;font-weight:bold;padding-bottom:10px}.work-detail .work-attributes .work-attribute{display:flex;padding:10px 0;border-bottom:1px solid black}.work-detail .work-attributes .work-attribute .attribute-name{text-transform:uppercase;font-weight:bold;flex-grow:1;margin-right:15px}.work-detail .work-attributes .work-attribute a{display:block;color:#B387FF;font-weight:bold;position:relative;padding-right:20px;text-decoration:none;text-align:right}.work-detail .work-attributes .work-attribute a:after{content:'';width:10px;font-size:1rem;background-image:url(../img/chevron-right.svg);background-size:20px 20px;position:absolute;right:0;top:0;height:100%;background-repeat:no-repeat;background-position:center;transition:filter .3s}.work-detail .work-attributes .work-attribute a:hover{color:#39343D}.work-detail .work-attributes .work-attribute a:hover:after{filter:brightness(0)}.search-results{flex-grow:1;display:flex;flex-wrap:wrap;padding:60px;align-content:flex-start;flex-direction:column;align-items:center}.search-results .search-results-title{width:100%;display:flex;flex-direction:column;margin-bottom:60px}.search-results .search-results-title em{width:100%;color:#B387FF;font-size:2.4rem;font-style:normal}.search-results .search-no-result{background:#F0F0F2;padding:30px 60px;text-align:center;width:100%}.search-results .search-result{display:flex;border-top:1px solid #B7B3BD;padding:15px 0px;position:relative;flex-wrap:wrap;justify-content:space-between;text-decoration:none;width:100%;text-align:left}.search-results .search-result:last-child{border-bottom:1px solid #B7B3BD}.search-results .search-result .search-result-text{width:calc(100% - 180px)}.search-results .search-result .search-result-pretitle{width:100%;text-transform:uppercase;font-size:.8rem;transition:transform .3s cubic-bezier(.645, .045, .355, 1)}.search-results .search-result .search-result-pretitle em{color:#B387FF;font-weight:bold;font-style:normal}.search-results .search-result .search-result-title{width:100%;font-weight:bold;font-size:1.2rem;transition:transform .3s cubic-bezier(.645, .045, .355, 1)}.search-results .search-result .search-result-title .label-dot{margin-right:6px;position:relative;display:inline-flex;height:6px;width:6px;background-color:#B387FF;border-radius:10px;top:-3px}.search-results .search-result .search-result-desc{transition:transform .3s cubic-bezier(.645, .045, .355, 1)}.search-results .search-result .search-result-btn{text-transform:uppercase;display:flex;align-items:center;color:#B387FF;transition:.3s cubic-bezier(.645, .045, .355, 1),background-color .3s;font-size:.9rem;margin-right:25px}.search-results .search-result .search-result-btn img{width:20px;margin-left:5px}.search-results .search-result:hover{background-color:#F0F0F2}.search-results .search-result:hover .search-result-pretitle,.search-results .search-result:hover .search-result-title,.search-results .search-result:hover .search-result-desc,.search-results .search-result:hover .search-result-btn{transform:translateX(15px)}.timeline{display:flex;width:100%;flex-wrap:wrap;justify-content:center;padding:60px 30px}.timeline>div{animation:fade-in-bottom 1.2s cubic-bezier(.645, .045, .355, 1) both}.timeline>div:nth-child(1){animation-delay:.1s}.timeline>div:nth-child(2){animation-delay:.2s}.timeline>div:nth-child(3){animation-delay:.3s}.timeline>div:nth-child(4){animation-delay:.4s}.timeline>div:nth-child(5){animation-delay:.5s}.timeline>div:nth-child(6){animation-delay:.6s}.timeline .timeline-title{width:100%;color:#B387FF;font-size:2.4rem;font-weight:300;margin:0 0 50px 0px}.timeline .timeline-periods{margin-right:50px;position:sticky;top:30px;align-self:flex-start}.timeline .timeline-periods .period{margin-bottom:2px;position:relative;padding:5px 15px;transition:color .3s}.timeline .timeline-periods .period:before{content:'';height:100%;width:5px;background-color:#39343D;position:absolute;left:0;top:0;transition:background-color .3s}.timeline .timeline-periods .period:first-child:before{border-top-left-radius:10px;border-top-right-radius:10px}.timeline .timeline-periods .period:last-child:before{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.timeline .timeline-periods .period.selected,.timeline .timeline-periods .period:hover{color:#B387FF;cursor:pointer}.timeline .timeline-periods .period.selected:before,.timeline .timeline-periods .period:hover:before{background-color:#B387FF}.timeline .timeline-decades{margin-right:30px;position:relative;top:-5px}.timeline .timeline-decades .timeline-decade{padding-top:5px;color:#72697C;font-weight:bold}.timeline .timeline-line{width:110px;outline:15px solid #EDE1FF;background-color:#EDE1FF;margin-right:30px;border-radius:1px;position:relative;top:4px}.timeline .timeline-line .timeline-dot{min-height:10px;width:10px;position:absolute;left:0;background-color:#4F435C;border-radius:8px;transition:background-color .3s;cursor:pointer}.timeline .timeline-line .timeline-dot.selected{background-color:#B387FF;z-index:10}.timeline .timeline-line .timeline-dot:hover{background-color:#B387FF}.timeline .timeline-labels{position:relative;max-width:600px;flex-grow:1}.timeline .timeline-labels .timeline-label{position:absolute;width:100%;left:0;height:19px;cursor:pointer;transition:color .3s;font-size:.9rem;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline .timeline-labels .timeline-label .label-date{font-weight:bold;margin-right:8px}.timeline .timeline-labels .timeline-label .label-date.label-date-hidden{visibility:hidden}.timeline .timeline-labels .timeline-label .label-dot{margin-right:6px;position:relative;display:inline-flex;height:5px;width:5px;background-color:#B387FF;border-radius:10px;top:-2px}.timeline .timeline-labels .timeline-label.selected{color:#B387FF}.timeline .timeline-labels .timeline-label:hover{color:#B387FF}.timeline .timeline-literal-periods{position:relative;width:130px;color:#B387FF;text-align:right}.timeline .timeline-literal-periods .timeline-literal-period{position:absolute;left:10px;white-space:nowrap}.main-header{background-color:#F0F0F2;display:flex;padding:20px 80px;align-items:center}.main-header img{width:60px;align-self:start;margin-right:20px}.main-header .header-title{margin:0;text-transform:none;font-weight:300;font-size:2.5rem}.main-title{color:#1EB1B3;font-weight:300;text-transform:none;font-size:3rem;text-align:left;padding:0 80px;line-height:1.2em}.main-desc{margin:50px 150px;border-top:2px solid #1eb1b3;padding:10px 0;border-bottom:2px solid #1eb1b3;font-size:1.2rem;line-height:1.2em}.main-desc:empty{display:none}.main-extra{margin:0 80px 80px}.main-actions{display:flex;justify-content:space-between;margin-bottom:80px}.main-actions a{color:#1eb1b3;text-transform:uppercase;text-decoration:none;padding:0 80px}.main-actions a:hover{opacity:.6}.main-actions a:last-child{margin-left:auto}.main-actions img{width:11px;margin-right:5px}.main-actions img:last-child{margin-left:5px}span.highlight{background-color:#fff387;padding:2px 5px;border-radius:4px}.explore-page-title{width:100%;color:#B387FF;font-size:2.4rem;font-weight:300;margin:0 0 30px 0px;padding:30px 30px 0}.explore-header{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:60px}.explore-header .explore-pretitle{margin-bottom:5px}.explore-header .explore-title{font-size:32px;line-height:28px;color:#B387FF;font-weight:bold;margin-bottom:10px;text-decoration:none;text-align:center}.explore-header .explore-subtitle{text-transform:uppercase;margin-bottom:15px;font-size:.9rem}.explore-buttons{width:100%;display:flex;justify-content:center;position:relative;margin-top:90px;margin-bottom:60px}.explore-buttons>div{animation:fade-in-bottom .6s cubic-bezier(.645, .045, .355, 1) both}.explore-buttons .explore-button{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#F0F0F2;margin:10px 20px;font-weight:bold;font-size:1.2rem;text-decoration:none;width:240px;height:240px;text-align:center;padding:10px}.explore-buttons .explore-button:nth-child(1) img,.explore-buttons .explore-button:nth-child(1) span{animation-delay:.1s}.explore-buttons .explore-button:nth-child(2) img,.explore-buttons .explore-button:nth-child(2) span{animation-delay:.2s}.explore-buttons .explore-button:nth-child(3) img,.explore-buttons .explore-button:nth-child(3) span{animation-delay:.3s}.explore-buttons .explore-button img{width:120px;height:120px;margin-bottom:20px}.explore-buttons .explore-button img,.explore-buttons .explore-button span{animation:fade-in-bottom 1.2s cubic-bezier(.645, .045, .355, 1) both}.explore-buttons .explore-button:after{content:'';width:2px;height:50px;position:absolute;top:-50px;background-color:#B387FF}.explore-buttons .explore-button:before{content:'';width:calc(100% + 40px);height:2px;position:absolute;top:-50px;background-color:#B387FF}.explore-buttons .explore-button:first-child:before{width:calc(50% + 20px);right:-20px}.explore-buttons .explore-button:last-child:before{width:calc(50% + 20px);left:-20px}.explore-buttons .explore-button:first-child:last-child:before{display:none}.explore-buttons .explore-button:hover,.explore-buttons .explore-button.selected{background-color:#B387FF;color:#fff}.explore-buttons .explore-button:hover img,.explore-buttons .explore-button.selected img{filter:brightness(20)}.explore-buttons:before{content:'';width:2px;height:50px;position:absolute;top:calc(-100px + 10px);background-color:#B387FF}.explore-results{align-content:center;width:100%}.explore-results .explore-result.search-results{width:100%;animation:fade-in-bottom .9s cubic-bezier(.645, .045, .355, 1) both;align-content:flex-end}.explore-results .explore-result.search-results .explore-result-period{height:0;text-align:left;width:100%;align-self:flex-start}.explore-results .explore-result.search-results .explore-result-period span{width:30%;text-align:right;display:inline-block;padding-right:40px;color:#B387FF;font-size:1.1rem}.explore-results .explore-result.search-results .search-result{width:70%;align-self:flex-end}footer{height:60px;padding:15px 30px;width:100%;background-color:#f0f0f2;display:flex;justify-content:flex-end;align-items:center;align-self:flex-end}footer .logo{width:40px}@media (max-width:1024px){.sidebar{width:250px}.sidebar.sidebar-texts .sidebar-list{padding:0}.works{width:calc(100% - 250px);padding:20px 25px}.works .works-title{font-size:32px;line-height:32px;margin-bottom:25px}.search-results{padding:20px 25px}.search-results .search-results-title{margin-bottom:30px}.explore-header{margin-top:20px}}@media (max-width:1023px){h1{font-size:25px;line-height:25px;letter-spacing:-1px;padding:0}header{height:60px;align-content:center;position:fixed;top:0;left:0;z-index:100}header .breadcrumbs{padding:0 0 0 5px}header h1{display:none}header .nav{right:15px}header .nav .nav-btn{width:25px;height:25px;margin-left:15px}header .nav .nav-btn svg{width:25px;height:25px}header .search{padding:0 10px}header .alphabet{flex-direction:column;position:fixed;left:0;top:50px;width:40px;height:calc(100vh - 50px)}header .alphabet .alphabet-letter{width:100%;flex:1;border-bottom:1px solid #39343D;padding:0;display:flex;justify-content:center;align-items:center;line-height:16px}header .search-menu{top:60px}header .search-menu .search-menu-btn{padding:25px}header .search-menu .search-menu-btn .btn-img{width:40px;margin-right:10px}header .search-menu .search-menu-btn .btn-text{font-size:15px;line-height:15px}header .search-menu.is-open{height:auto}.index-box{margin-top:50px;padding:30px}.index-box .box-search{width:100%;margin-bottom:30px}.index-box .box-text{margin-bottom:0}.index-box .box-buttons .box-text{margin-bottom:10px}.index-box .box-buttons .box-btn{width:200px;height:200px;padding:30px;margin:15px}.index-box .box-buttons .box-btn .btn-img{width:75px;margin-bottom:25px}.index-box .box-buttons .box-btn .btn-text{font-size:18px;line-height:18px}.sidebar{width:200px}.sidebar.sidebar-texts{min-height:calc(100vh - 60px)}.sidebar .sidebar-list .sidebar-item{padding:10px 15px}.works{width:calc(100% - 200px)}.works .work .work-btn{margin-right:15px}.search-results .search-result .search-result-btn{margin-right:15px}main{padding-top:60px}.work-detail .column-left{width:60%;padding-right:60px}.work-detail .column-right{width:40%}.right-sidebar-menu{top:60px}.explore-buttons{margin-bottom:30px}.explore-buttons .explore-button{margin:10px 20px;width:200px;height:200px}.explore-buttons .explore-button img{width:80px;height:80px;margin-bottom:15px}.timeline{padding:150px 20px 25px 20px}.timeline .timeline-periods{margin-right:0;position:fixed;left:0;top:60px;width:100%;height:135px;background-color:#fff;z-index:10;display:flex;justify-content:center;align-items:center;align-content:center;flex-wrap:wrap;padding:0 10px}.timeline .timeline-periods .period{background-color:#B387FF;color:#fff;margin:2px;user-select:none}.timeline .timeline-periods .period.selected,.timeline .timeline-periods .period:hover{background-color:#39343D;color:#fff}.timeline .timeline-periods .period:before{display:none}.timeline .timeline-literal-periods{display:none}#modal_container #modal_content .modal-results{padding:0}}@media (max-width:767px){.sidebar{position:fixed;left:-100%;top:60px;width:100%;z-index:10;transition:.3s;min-height:calc(100vh - 60px);padding:0}.sidebar.is-open{left:0%}.sidebar.sidebar-authors .sidebar-list{padding-left:30px}.alphabet{position:fixed;width:25px;height:calc(100vh - 60px);left:0;top:60px;flex-direction:column;z-index:15}.alphabet .alphabet-letter{padding:0;line-height:16px;display:flex;justify-content:center;align-items:center}.works{width:100%;padding:15px 10px}.works.works-authors{padding:15px 10px 15px 40px}.works .works-title{font-size:25px;line-height:25px;margin-bottom:15px}.works .work{padding:10px 0px}.works .work .work-title{font-size:15px;line-height:15px}.works .work .work-btn{font-size:13px;line-height:13px;margin-right:5px;transform:translateX(0) !important}.works .work .work-btn img{margin-left:2px}.search-results{padding:15px 10px}.search-results .search-results-title{margin-bottom:20px}.search-results .search-results-title em{font-size:24px}.search-results .search-result .search-result-title{font-size:15px;line-height:15px}.search-results .search-result .search-result-text{width:calc(100% - 150px)}.search-results .search-result .search-result-btn{font-size:13px;line-height:13px;margin-right:5px;transform:translateX(0) !important}.work-detail{flex-wrap:wrap;margin:0;padding:15px 10px}.work-detail .column-left{width:100%;padding-right:0}.work-detail .column-right{width:100%}.work-detail .work-author{display:block;font-size:25px;line-height:25px;margin-bottom:10px}.work-detail .work-title{font-size:25px;line-height:25px;padding-left:10px}.work-detail .work-opera{padding-left:10px;padding-top:5px;margin-bottom:30px}.work-detail .work-buttons .work-btn{padding:15px 30px;font-size:20px;line-height:15px;margin-bottom:30px}.explore-buttons{flex-wrap:wrap;margin:0 0 15px 0}.explore-buttons:before{display:none}.explore-buttons .explore-button{margin:7px;width:150px;height:150px;font-size:14px;line-height:14px}.explore-buttons .explore-button img{width:50px;height:50px;margin-bottom:10px}.explore-buttons .explore-button:before{display:none !important}.explore-buttons .explore-button:after{display:none !important}}@media (max-width:580px){header .breadcrumbs{width:calc(100% - 50px)}.btn-right-sidebar-menu{display:none !important}.index-box{margin-top:30px;padding:20px}header .search-menu{flex-wrap:wrap}header .search-menu .search-menu-btn{padding:15px 25px;width:50%;justify-content:flex-start}.timeline{padding:180px 15px 25px 15px}.timeline .timeline-decades{margin-right:10px}.timeline .timeline-decades .timeline-decade span{display:inline-block;border-radius:2px;background-color:#39343D;color:#fff;font-size:13px;line-height:13px;padding:2px 3px;font-weight:normal}.timeline .timeline-periods{height:175px}.timeline .timeline-periods .period{font-size:13px;line-height:18px;padding:4px 6px;margin:1}.timeline .timeline-line{display:none}.explore-results .explore-result.search-results .explore-result-period{display:none}.explore-results .explore-result.search-results .search-result{width:100%}#modal_container #modal_content{padding:15px}}.fade-in-bottom{-webkit-animation:fade-in-bottom 1.2s cubic-bezier(.645, .045, .355, 1) both;animation:fade-in-bottom 1.2s cubic-bezier(.645, .045, .355, 1) both}@-webkit-keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes fade-in-bottom{0%{-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}