:root{--bg-color: #000000;--text-color: #ffffff;--font-family: "Inter", sans-serif;--transition-speed: .3s}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-family);overflow:hidden;height:100vh;display:flex;flex-direction:column}header{position:fixed;top:120px;width:100%;text-align:center;z-index:100;pointer-events:none}h1{font-weight:300;font-size:1.5rem;letter-spacing:2px;text-transform:lowercase}.marquee-container{flex:1;display:flex;align-items:center;overflow:hidden;position:relative;width:100%;height:100%;user-select:none;-webkit-user-select:none}.marquee-track{display:flex;gap:40px;will-change:transform}.marquee-item{flex:0 0 auto;cursor:pointer;transition:transform var(--transition-speed) ease,opacity var(--transition-speed) ease;height:208px;width:auto;object-fit:cover;opacity:.8;border-radius:15px}.close-modal{position:absolute;top:30px;right:40px;background:none;border:none;color:#ffffff4d;font-size:3rem;font-weight:100;font-family:Helvetica Neue,Arial,sans-serif;cursor:pointer;z-index:201;line-height:1;transition:color .3s ease}.marquee-item:hover{transform:scale(1.05);opacity:1;z-index:10}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000f2;z-index:200;display:flex;align-items:center;visibility:hidden;opacity:0;transition:opacity var(--transition-speed) ease,visibility var(--transition-speed)}.modal.active{visibility:visible;opacity:1}.close-modal{position:absolute;top:30px;right:40px;background:none;border:none;color:#ffffff4d;font-size:3rem;font-weight:100;font-family:Inter,sans-serif;cursor:pointer;z-index:201;line-height:1;transition:color .3s ease}.close-modal:hover{color:#fffc}.modal-content-wrapper{width:100%;height:100%;overflow:hidden;display:flex;align-items:center;user-select:none;-webkit-user-select:none}.modal-marquee-track{display:flex;gap:40px;will-change:transform}.modal-image{height:60vh;width:auto;object-fit:cover;transition:transform .5s cubic-bezier(.25,1,.5,1),opacity .3s ease;flex-shrink:0;border-radius:15px}.modal-image:hover{transform:scale(1.15);z-index:10}@media(max-width:768px){.marquee-item{height:160px}.modal-image{height:40vh}.modal-image.zoomed{max-width:90vw;max-height:60vh}header h1{font-size:1.2rem}}