.image-gallery{margin-bottom:2rem}.gallery-main{aspect-ratio:16/10;cursor:pointer;background:var(--background-alt);border-radius:1rem;width:100%;position:relative;overflow:hidden}.gallery-zoom-hint{color:#fff;opacity:0;background:#0009;border-radius:.5rem;padding:.5rem 1rem;font-size:.8rem;transition:opacity .3s;position:absolute;bottom:1rem;right:1rem}.gallery-main:hover .gallery-zoom-hint{opacity:1}.gallery-thumbs{gap:.75rem;margin-top:1rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.gallery-thumb{cursor:pointer;width:100px;height:70px;transition:var(--transition);background:0 0;border:2px solid #0000;border-radius:.5rem;flex-shrink:0;padding:0;overflow:hidden}.gallery-thumb.active{border-color:var(--primary);box-shadow:0 0 0 2px #e67e224d}.gallery-thumb:hover{border-color:var(--primary)}.lightbox-overlay{z-index:9999;background:#000000eb;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-close{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;width:50px;height:50px;font-size:1.5rem;transition:background .2s;position:absolute;top:1.5rem;right:1.5rem}.lightbox-close:hover{background:#ffffff40}.lightbox-content{width:85vw;height:80vh;position:relative}.lightbox-nav{color:#fff;cursor:pointer;z-index:10;background:#ffffff1a;border:none;border-radius:50%;width:60px;height:60px;font-size:2.5rem;transition:background .2s;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#ffffff40}.lightbox-prev{left:1.5rem}.lightbox-next{right:1.5rem}.lightbox-counter{color:#ffffffb3;letter-spacing:2px;font-size:.9rem;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}