*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#f5f5f5;font-family:Roboto Mono,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}.logo{position:fixed;top:20px;left:20px;z-index:500}.logo img{height:70px;width:auto}#main{width:100%;height:100%}#hero{width:100%;height:100vh;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:grab}html.dragging #hero{cursor:grabbing}#images{width:100%;height:100%;display:inline-block;white-space:nowrap;position:relative}.item{position:absolute;top:0;left:0;will-change:transform;white-space:normal;cursor:pointer}.item-wrapper{will-change:transform,opacity;opacity:1}.item-image{overflow:hidden;background:#e0e0e0}.item-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;will-change:transform}.loader{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;z-index:100;transition:opacity .5s ease}.loader.hidden{opacity:0;pointer-events:none}.loader span{font-size:14px;color:#666;letter-spacing:2px;text-transform:uppercase}.window-frame{position:fixed;bottom:0;left:0;width:100%;height:20px;background:#f5f5f5;pointer-events:none;z-index:500}.window-frame-links{position:absolute;bottom:3px;right:10px;display:flex;gap:20px;pointer-events:auto}.frame-link{font-size:11px;color:#999;text-decoration:none;letter-spacing:1px;transition:color .2s ease}.frame-link:hover{color:#666}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#f5f5f5;opacity:0;z-index:1000;cursor:pointer}.modal-image{position:fixed;z-index:1001;cursor:pointer}.modal-image img{box-shadow:0 25px 80px #00000026}body.is-mobile{overflow:auto;overscroll-behavior:auto}body.is-mobile #hero{height:auto;overflow:visible;cursor:default}body.is-mobile #images{display:block;white-space:normal;height:auto}body.is-mobile .logo{position:relative;top:auto;left:auto;padding:20px;display:block}body.is-mobile .logo img{height:50px}body.is-mobile #main{min-height:calc(100vh - 140px)}body.is-mobile .window-frame{position:static;height:auto;padding:30px 20px}body.is-mobile .window-frame-links{position:static;justify-content:center}.mobile-gallery{padding:0 20px 40px}.mobile-item{margin-bottom:20px}.mobile-image{width:100%;height:auto;display:block;background:#e0e0e0;min-height:200px}.mobile-modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#f5f5f5;opacity:0;z-index:1000;transition:opacity .3s ease}.mobile-modal-backdrop.active{opacity:1}.mobile-modal-image{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);max-width:95vw;max-height:90vh;-o-object-fit:contain;object-fit:contain;z-index:1001;opacity:0;transition:opacity .3s ease}.mobile-modal-image.active{opacity:1}.admin-link{position:fixed;top:20px;right:20px;z-index:500;font-size:12px;color:#999;text-decoration:none}.admin-link:hover{color:#666}