body.modal-open,body.modal-open html,html.lenis.modal-open{overflow:hidden!important;touch-action:none}.media-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:9999;display:flex;align-items:center;justify-content:center;padding:0;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.media-modal-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.media-modal-container.swipe-up .media-modal-content{animation:swipeOutUp .3s ease-out forwards}.media-modal-container.swipe-down .media-modal-content{animation:swipeOutDown .3s ease-out forwards}.media-modal-container.swipe-left .media-modal-content{animation:swipeOutLeft .3s ease-out forwards}.media-modal-container.swipe-right .media-modal-content{animation:swipeOutRight .3s ease-out forwards}@keyframes swipeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100vh)}}@keyframes swipeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(100vh)}}@keyframes swipeOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-100vw)}}@keyframes swipeOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100vw)}}.media-modal-close{position:fixed;top:2em;right:2em;background:transparent;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;z-index:10001}@media(hover:hover){.media-modal-close:hover{background:#ffffff1a;transform:rotate(90deg)}}.media-modal-close:active{transform:rotate(90deg) scale(.95)}.media-modal-nav{position:fixed;top:50%;transform:translateY(-50%);background:#ffffff0d;border:none;border-radius:50%;width:64px;height:64px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease;z-index:10001;opacity:0;pointer-events:auto}@media(hover:hover){.media-modal-overlay:hover .media-modal-nav{opacity:1}}@media(hover:hover){.media-modal-nav:hover{background:#ffffff26;transform:translateY(-50%) scale(1.1)}}.media-modal-nav:active{transform:translateY(-50%) scale(.95)}.media-modal-prev{left:2em}.media-modal-next{right:2em}.media-modal-nav.mobile-vertical{top:auto;left:50%;transform:translate(-50%)}.media-modal-nav.mobile-vertical.media-modal-prev{top:2em;left:50%;transform:translate(-50%)}.media-modal-nav.mobile-vertical.media-modal-next{bottom:2em;top:auto;left:50%;right:auto;transform:translate(-50%)}@media(hover:hover){.media-modal-nav.mobile-vertical:hover{transform:translate(-50%) scale(1.1)}}.media-modal-nav.mobile-vertical:active{transform:translate(-50%) scale(.95)}.media-modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.media-modal-player{max-width:90vw;max-height:90vh;width:auto;height:auto;display:block;object-fit:contain;border-radius:.5rem;box-shadow:0 20px 80px #0009}.media-modal-img{max-width:90vw;max-height:90vh;width:auto;height:auto;display:block;object-fit:contain;border-radius:.5rem;box-shadow:0 20px 80px #0009;animation:modalImgIn .32s cubic-bezier(.16,1,.3,1)}@keyframes modalImgIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.media-modal-counter{position:fixed;bottom:2em;left:50%;transform:translate(-50%);color:#fff;font-family:IBM Plex Sans,monospace;font-size:.9rem;opacity:.7;white-space:nowrap;z-index:10001}@media(max-width:1200px){.media-modal-prev{left:1em}.media-modal-next{right:1em}}@media(max-width:768px){.media-modal-close{top:1em;right:1em;width:40px;height:40px}.media-modal-close svg{width:24px;height:24px}.media-modal-nav{width:48px;height:48px;opacity:1}.media-modal-nav.mobile-vertical{opacity:1}.media-modal-nav.mobile-vertical.media-modal-prev{top:4.5em}.media-modal-nav.mobile-vertical.media-modal-next{bottom:4.5em}.media-modal-counter{bottom:1em;font-size:.8rem}.media-modal-player,.media-modal-img{max-width:95vw;max-height:70vh;border-radius:.25rem}}@media(max-width:480px){.media-modal-close{top:.5em;right:.5em;width:36px;height:36px}.media-modal-close svg{width:20px;height:20px}.media-modal-nav{width:44px;height:44px}.media-modal-nav svg{width:28px;height:28px}.media-modal-nav.mobile-vertical.media-modal-prev{top:3.5em}.media-modal-nav.mobile-vertical.media-modal-next{bottom:3.5em}.media-modal-counter{font-size:.75rem}.media-modal-player,.media-modal-img{max-height:65vh}}@media(max-width:900px)and (orientation:landscape){.media-modal-close{top:.5em;right:.5em}.media-modal-nav{top:50%;bottom:auto;transform:translateY(-50%)}@media(hover:hover){.media-modal-nav:hover{transform:translateY(-50%) scale(1.1)}}.media-modal-nav:active{transform:translateY(-50%) scale(.95)}.media-modal-prev{left:.5em}.media-modal-next{right:.5em}.media-modal-counter{bottom:.5em}.media-modal-player,.media-modal-img{max-height:100vh}}.media-modal-overlay.closing{animation:fadeOut .2s ease-out forwards}.media-modal-overlay.closing .media-modal-container{animation:slideDown .2s ease-out forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(20px) scale(.98)}}