.slideshow-container{display:flex;flex-direction:column;height:100%;gap:8rem}.page-overlay{position:absolute;inset:0;height:100%;width:100%;display:flex}.page-overlay .selector{width:50%;height:100%;cursor:col-resize}.main-image-container{position:absolute;top:-2rem;left:var(--sidebar-width);width:calc(100vw - var(--sidebar-width));height:100vh;padding:0;margin:0}.main-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .5s ease-in-out;pointer-events:none;line-height:0;z-index:10}.main-image.active{opacity:1;pointer-events:all}.main-image.active .main-image-overlay{position:absolute;inset:0;height:100%;width:100%;pointer-events:all;opacity:1;z-index:100;display:flex}.main-image.active .main-image-overlay .selector{height:100%;opacity:0;transition:opacity .3s ease}.main-image.active .main-image-overlay .selector.left{background:linear-gradient(to left,transparent,rgb(0,0,0));cursor:col-resize;width:0%}.main-image.active .main-image-overlay .selector.center{width:100%;cursor:pointer}.main-image.active .main-image-overlay .selector.right{background:linear-gradient(to right,transparent,rgb(0,0,0));cursor:col-resize;width:0%}.main-image.active .main-image-overlay .selector:hover{opacity:.2}.highres-modal{position:fixed;inset:0;height:100%;width:100%;background:#000000e6;z-index:1000;cursor:zoom-out;display:none}.highres-modal.active{display:flex;align-items:center;justify-content:center}.highres-modal img{max-width:95vw;max-height:90vh;-o-object-fit:contain;object-fit:contain;box-shadow:0 10px 30px #0000004d}.highres-modal img.gif-image{min-width:80vw;-o-object-fit:contain;object-fit:contain}.main-image-content{max-width:calc((100vw - var(--sidebar-width)) * .95);max-height:60vh;width:auto;height:auto;box-shadow:0 10px 30px #0000004d;pointer-events:none}@media(max-width:768px){.main-image-content{max-width:85vw;max-height:40vh}}.main-image-content.gif-image{min-width:60vw;max-width:calc((100vw - var(--sidebar-width)) * .9);max-height:70vh;-o-object-fit:contain;object-fit:contain}.main-video-content{min-width:60vw;aspect-ratio:16/9}.image-info{position:absolute;bottom:-1.8rem;color:var(--text-primary);font-size:1.2rem;font-weight:500}.image-info em{font-style:normal;font-weight:700}.thumbnail-container{position:absolute;bottom:3rem;left:var(--sidebar-width);width:calc(100vw - var(--sidebar-width));display:flex;justify-content:center;z-index:10;pointer-events:none}.thumbnail-row{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.thumbnail{pointer-events:all;flex-shrink:0;width:80px;height:80px;border:none;overflow:hidden;cursor:pointer;transition:all .3s ease;position:relative;background:transparent;box-shadow:0 4px 15px #0003}.thumbnail:hover{transform:translateY(-.3rem)}.thumbnail.active{transform:translateY(-.9rem)}.thumbnail:after{content:"";position:absolute;inset:0;background:#0000004d;opacity:0;transition:opacity .3s ease;pointer-events:none}.thumbnail:not(.active):after{opacity:1}.thumbnail-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media(max-width:768px){.slideshow-container{padding:1rem;gap:1rem}.main-image-wrapper{max-height:60vh}.image-info{margin-top:1rem}.image-info h2{font-size:1.5rem}.image-info p{font-size:1rem}.thumbnail{width:60px;height:60px}.thumbnail-row{gap:.5rem}}.main-video-content{max-width:calc((100vw - var(--sidebar-width)) * .95);max-height:70vh;width:auto;height:auto;box-shadow:0 10px 30px #0000004d;pointer-events:none}video.main-video-content::-webkit-media-controls-panel{display:none!important}video.main-video-content::-webkit-media-controls{display:none!important}video.main-video-content::-moz-media-controls{display:none!important}.thumbnail-video-indicator{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#000000b3}.thumbnail-video-indicator span{font-size:2rem;color:#fff}.modal-video,.modal-iframe,.modal-image{max-width:95vw;max-height:95vh;-o-object-fit:contain;object-fit:contain;box-shadow:0 0 50px #000c}.modal-iframe{min-width:80vw;aspect-ratio:16/9}.modal-left-zone{position:absolute;left:0;top:0;width:33.33%;height:100%;z-index:1}.modal-center-zone{position:relative;display:flex;align-items:center;justify-content:center;z-index:2;pointer-events:none}.modal-center-zone img,.modal-center-zone video,.modal-center-zone iframe{pointer-events:auto}.modal-right-zone{position:absolute;right:0;top:0;width:33.33%;height:100%;z-index:1}.illustration-page{display:flex;flex-direction:column;height:100vh;gap:3rem;padding:5rem 0 3rem}.category-selector{flex:0 0 auto;display:flex;justify-content:center;align-items:center;gap:1rem;font-size:1.5rem;z-index:10}@media(max-width:720px){.category-selector{margin-top:5rem}}.slideshow-container{flex:1;min-height:0;margin:0;padding:0}.category-option{cursor:pointer;transition:all .3s ease;font-weight:400;opacity:.6}.category-option:hover{opacity:.2}.category-option.active{font-weight:700;opacity:1}.category-separator{font-weight:400;opacity:.6}