*{box-sizing:border-box;margin:0;padding:0}body,html{background:#000;font-family:Hanken\+Grotesk,sans-serif}.gallery-headline{width:100%;height:100%;padding:10em 2em 5em}.gallery-text{color:#cfd6e4;max-width:46rem;margin-top:1.25rem;font-size:1.15rem;line-height:1.65}@media (max-width:768px){.gallery-text{font-size:1rem}}h1{color:#fff;font-size:60px;font-weight:lighter}.gallery{z-index:1;width:100%;padding:5em 2em;display:flex;position:relative}.minimap{justify-content:center;align-items:flex-start;width:20%;height:100vh;padding:2em 0;display:flex;position:sticky;top:0}.images{width:80%;position:relative;top:0}.gallery-image{width:800px;height:auto;margin:50px auto;position:relative;overflow:hidden}.gallery-img{object-fit:contain;width:100%;height:auto;max-height:80vh;display:block}img{object-fit:cover;width:100%;height:100%}.preview{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;gap:8px;max-height:100%;display:flex;overflow-y:auto}.preview::-webkit-scrollbar{display:none}.thumbnail{cursor:pointer;opacity:.5;width:80px;transition:opacity .3s;position:relative}.thumbnail img{border-radius:8px;width:100%;display:block}.thumbnail.active{opacity:1}.thumbnail.active img{outline-offset:-2px;outline:2px solid #fff}@media (max-width:768px){.gallery{flex-direction:column;width:100%;height:auto;padding:0;display:flex;position:relative}.images{box-sizing:border-box;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;flex-flow:row;order:1;gap:12px;width:100%;min-height:0;padding:0 1rem 1.5rem;display:flex;overflow-x:auto}.images::-webkit-scrollbar{display:none}.gallery-image{box-sizing:border-box;scroll-snap-align:center;flex:0 0 85%;width:85%;max-width:85%;height:auto;margin:0;padding:0;position:relative}.gallery-image img,.gallery-img{object-fit:cover;border-radius:8px;width:100%;max-width:100%;height:60vh;max-height:none;display:block}.minimap{width:100%;height:auto;padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom));z-index:1;background:#0000008c;order:2;display:block;position:static}.preview{flex-direction:row;gap:6px;max-height:none;padding-bottom:2px;overflow:auto hidden}.thumbnail{flex:none;width:44px}.thumbnail img{object-fit:cover;border-radius:3px;width:100%;height:34px;display:block}}.top-nav{z-index:1000;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:absolute;top:0;left:0;right:0}.logo-link{color:#fff;align-items:center;gap:1rem;text-decoration:none;display:flex}.nav-logo{width:auto;height:40px}.back-button{color:#fff;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:color .3s}.back-button:hover{color:#0078ff}@media (max-width:768px){.top-nav{padding:.75rem 1rem}.nav-logo{height:30px}.logo-link span{font-size:.8rem}}.desktop-only{display:block}.mobile-only{display:none}@media (max-width:768px){.desktop-only{display:none}.mobile-only{display:block}.top-nav{padding:.75rem 1rem}.nav-logo{height:30px}.logo-link span{font-size:.8rem}}