@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&display=swap";@font-face{font-family:HALTimezone;src:url(/fonts/HALTimezoneTest-Regular.otf) format("opentype")}@font-face{font-family:HALTimezone-Italic;src:url(/fonts/HALTimezoneTest-Italic.otf) format("opentype")}*{margin:0;padding:0;box-sizing:border-box}body{background:#000;color:#fff;overflow-x:hidden;line-height:1;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/images/TEXTURE.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.start-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10000;transition:opacity 1s ease;background-color:#000}.start-overlay .texture-background{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/images/TEXTURE.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.start-overlay .start-content{display:flex;flex-direction:column;align-items:center;gap:24px;z-index:2}.start-overlay .start-text{font-family:DM Sans,sans-serif;color:#fff;font-size:12px;letter-spacing:.05em;text-transform:uppercase}.start-overlay .start-image{width:85vh;height:85vh;position:absolute;z-index:1}.start-overlay .start-image img{width:100%;height:100%;object-fit:cover}.start-overlay button{background:none;border:none;color:#a0a0a0;font-family:HALTimezone,sans-serif;cursor:pointer}.start-overlay button:hover{text-decoration:underline}.start-overlay.hidden{opacity:0;pointer-events:none}.page-content{position:relative;z-index:1;opacity:0;transition:opacity 1s ease}.page-content.visible{opacity:1}.track-section{height:200vh;width:100%;position:relative;overflow:hidden}.track-section .content{z-index:2!important}.track-section .background{position:sticky;top:0;left:0;width:100vw;height:100vh;z-index:1;background-color:#000}.track-section .background:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:200vw;height:200vh;background-image:url(/images/TEXTURE.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.track-section .drawing-container{position:absolute;width:75vh;height:75vh;z-index:3!important;transition:transform .3s ease;pointer-events:auto}.track-section .drawing-container .drawing-image{width:100%;height:100%;object-fit:cover}.track-section .drawing-container:hover{opacity:1}.track-section .content{position:absolute;top:0;left:0;width:100%;height:200vh;z-index:2!important}.track-section.has-video .video-container{position:sticky;top:50%;transform:translateY(-50%);width:95vw;max-width:1600px;margin:0 auto;z-index:2!important}.track-section.has-video .video-container .track-video{width:100%;height:100%;object-fit:contain;z-index:2!important}.track-section.has-video .video-container .btn-fullscreen{position:absolute;bottom:20px;right:20px;background:#00000080;border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .3s ease,background-color .3s ease;z-index:3!important}.track-section.has-video .video-container .btn-fullscreen svg{width:20px;height:20px;stroke:#fff}.track-section.has-video .video-container .btn-fullscreen:hover{background:#000c}.track-section.has-video .video-container:hover .btn-fullscreen{opacity:1}.track-section[data-track="1"] .video-container{height:auto;width:75vw;max-width:1400px}.track-section[data-track="1"] .video-container .track-video{width:100%;height:100%;object-fit:contain}.track-title{position:fixed;top:20px;left:20px;width:75vw;z-index:4!important;pointer-events:none;padding:10px}.track-title:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;border-radius:4px}.track-title .title-image{display:block;width:25%;mix-blend-mode:difference;opacity:.95;transform:translateZ(0);position:relative;z-index:2}.track-title .credits{display:block;margin-top:0;text-transform:lowercase;font-family:DM Sans,serif;font-size:10px;line-height:1.2;color:#a0a0a0;mix-blend-mode:difference;opacity:.95;transform:translateZ(0);position:relative;z-index:2}@media (max-width: 768px){.track-title{width:90vw;padding:8px}.track-title .title-image{width:45%}.track-title .credits{font-size:11px;margin-top:4px;line-height:1.3}}@media (max-width: 480px){.track-title .title-image{width:60%}}.svg-filters{position:absolute;width:0;height:0;pointer-events:none;opacity:0}.blend-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:5!important;pointer-events:none;mix-blend-mode:difference;isolation:isolate}.lyrics-container{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:95vw;text-align:center;z-index:5!important;pointer-events:none}.lyrics-container .lyrics-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px}.lyrics-container .lyric-line{font-family:DM Sans,serif;font-size:2.5rem;text-transform:uppercase;color:#d6d6d6;opacity:0;position:absolute;left:0;right:0;margin:0 auto;letter-spacing:-.02em}.lyrics-container .lyric-line.normal{opacity:1;filter:none!important;transition:none;mix-blend-mode:difference}.lyrics-container .lyric-line.transition-in{animation:fade-in .6s forwards cubic-bezier(.22,1,.36,1)}.lyrics-container .lyric-line.transition-out{animation:fade-out .6s forwards cubic-bezier(.22,1,.36,1)}@keyframes fade-in{0%{opacity:0;filter:url(#gooey)}to{opacity:1;filter:url(#gooey)}}@keyframes fade-out{0%{opacity:1;filter:url(#gooey)}to{opacity:0;filter:url(#gooey)}}.logo-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:6!important;pointer-events:none;mix-blend-mode:exclusion;isolation:isolate}#logo{position:absolute;top:50%;left:50%;height:250vh;width:auto;transform:translate(-50%,-50%);will-change:transform}#logo img{width:auto;height:100%;object-fit:contain;opacity:.25;transform-origin:center center;will-change:transform}@media (max-width: 768px){#logo{height:100vh}}.media-controls{position:fixed;top:10px;right:20px;z-index:7!important;background:none;padding:12px;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.media-controls.visible{opacity:1;visibility:visible}.media-controls .controls-group{display:flex;align-items:center;gap:12px}.media-controls button{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;transition:background-color .2s ease}.media-controls button:hover{background:#ffffff1a}.media-controls button svg{width:20px;height:20px;stroke:#ebebeb}.media-controls .volume-slider{width:100px;height:4px;-webkit-appearance:none;background:#a0a0a0;border-radius:2px;outline:none;margin:0;cursor:pointer}.media-controls .volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#ebebeb;border-radius:50%;cursor:pointer;transition:transform .2s ease}.media-controls .volume-slider::-moz-range-thumb{width:12px;height:12px;background:#000;border:none;border-radius:50%;cursor:pointer;transition:transform .2s ease}.media-controls .volume-slider:hover::-webkit-slider-thumb{transform:scale(1.2)}.media-controls .volume-slider:hover::-moz-range-thumb{transform:scale(1.2)}.track-numbers{isolation:isolate;position:fixed;left:10px;top:0;height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:10px 0;z-index:8!important;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;pointer-events:none}.track-numbers.visible{opacity:1;visibility:visible}.track-numbers .track-number{text-align:left;font-family:DM Sans,sans-serif;font-size:10vh;color:#000;opacity:.1;transition:opacity .3s ease;font-variant-numeric:tabular-nums;letter-spacing:-.025em;mix-blend-mode:difference}.track-numbers .track-number.active{opacity:.5}.photo-grid-container{position:absolute;top:0;right:0;bottom:0;left:0;height:200vh;z-index:3!important;pointer-events:none;isolation:isolate}.grid-photo{position:absolute;overflow:hidden;opacity:0}.grid-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}@media (max-width: 768px){.photo-grid-container{display:none}}@media (max-width: 1024px){.track-section .video-container,.track-section.has-video .video-container{width:100vw!important;max-width:100vw!important;min-width:0;margin:0;left:0;right:0;padding:0}.track-section .video-container .track-video,.track-section.has-video .video-container .track-video{width:100%!important;height:auto!important;max-width:100vw!important;object-fit:contain;display:block}}.footer{position:fixed;bottom:20px;left:20px;font-family:DM Sans,serif;font-size:10px;line-height:1.2;z-index:1000;color:#a0a0a0;opacity:0;pointer-events:none;transition:opacity .3s ease;text-transform:lowercase;mix-blend-mode:difference;transform:translateZ(0)}.footer.visible{opacity:.95;pointer-events:auto}.footer a{color:#a0a0a0;text-decoration:none}.footer a:hover{text-decoration:underline}