@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:700}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}h1,h2,h3{font-family:Space Mono,monospace;font-weight:700}h4,h5,h6{font-family:Space Mono,monospace;font-weight:400}a,span,p,li,ul,ol{font-family:Space Mono,monospace;font-weight:100}a:visited{color:#fff}header{position:fixed;top:0;left:0;height:100vh;width:100vw;display:flex;justify-content:flex-start;align-items:center;pointer-events:none;z-index:10}header.modified{height:fit-content}header nav{width:40vw;display:flex;justify-content:space-around;gap:40px;pointer-events:all}header nav a{padding:.5rem;background-color:#000;font-size:.7em;text-transform:uppercase;color:#fff}@media only screen and (max-width: 768px){header{position:sticky;top:1vh;align-items:flex-start;margin-top:1rem}header nav{width:100vw}}.home{width:90vw;height:100%;display:flex;flex-direction:column;gap:10rem;margin:0 auto;position:relative;top:50vh;padding-bottom:4rem;z-index:9;pointer-events:none}.home .bio-container{height:auto;display:flex;align-items:flex-end;flex-direction:column;pointer-events:none}.home .bio-container .bio{max-width:500px;font-size:.9em;color:#fff;mix-blend-mode:difference;pointer-events:all}.home .bio-container .bio a,.home .bio-container .bio section,.home .bio-container .bio section a{pointer-events:all}.home .clients-container{height:auto;display:flex;align-items:center;justify-content:center;gap:5rem;color:#fff;mix-blend-mode:difference;pointer-events:none}.home .clients-container .clients-list{display:flex;flex-wrap:wrap;max-width:400px;gap:5px;pointer-events:all}.home .clients-container .clients-list a,.home .clients-container a{pointer-events:all}.home .clients-container .clients-list p{margin:0}.home .cv-container{height:auto;display:flex;align-items:center;justify-content:flex-start;gap:5rem;color:#fff;mix-blend-mode:difference;pointer-events:all}.home .cv-container .clients-list{display:flex;flex-wrap:wrap;max-width:400px;gap:5px}.home .cv-container .cv-categories,.home .cv-container .cv-categories a,.home .cv-container a{pointer-events:all}.home a,.home button,.home input,.home select,.home textarea{pointer-events:all!important}.home .bio-container,.home .clients-container,.home .cv-container{position:relative;z-index:2}@media only screen and (max-width: 768px){.home{top:0vh;gap:5rem}.home .clients-container{flex-direction:column;gap:1rem;mix-blend-mode:normal;align-items:flex-start}.home .clients-container h5{font-size:1.5em;margin-bottom:.5rem}.home .cv-container{flex-direction:column;gap:1rem;mix-blend-mode:normal;align-items:flex-start}.home .cv-container h5{font-size:1.5em;margin-bottom:.5rem}}.background-player{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;background-color:#000}.background-video,.background-image{position:absolute;top:0;left:0;min-width:100%;min-height:100%;width:auto;height:auto;object-fit:cover}.background-embed{position:absolute;top:0;left:0;width:100%;height:100%}.background-embed iframe,.background-embed video,.background-embed embed,.background-embed object{width:100%;height:100%;border:none}.no-media-fallback,.media-error-fallback,.media-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.9rem;text-align:center;z-index:2;font-family:Space Mono,monospace}.media-loading{opacity:.8;animation:pulse 2s infinite}.media-error-fallback{background:#000000b3;padding:2rem;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.media-error-fallback p{margin:.5rem 0}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.projects-indicator-container{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;position:fixed;bottom:max(20px,env(safe-area-inset-bottom,0px) + 20px);left:max(40px,env(safe-area-inset-left,0px) + 40px);bottom:max(20px,env(safe-area-inset-bottom,0px) + 20px,calc(100dvh - 100vh + 20px));pointer-events:none;z-index:10;transition:transform .3s ease,opacity .3s ease;transform:translate(0);opacity:1}.projects-indicator-container.scroll-hidden{transform:translate(100px);opacity:0}.project-info-row{display:flex;flex-direction:row;align-items:center;gap:1rem}.project-title{color:#fff;font-size:1em}.project-counter{color:#fff;font-size:1rem}.custom-cursor{position:fixed;pointer-events:none;z-index:9999;color:#fff;font-size:14px;font-weight:500;padding:.5rem;background-color:#000c;border-radius:4px;transform:translate(-50%,-100%);margin-top:-10px;text-transform:uppercase;letter-spacing:1px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);mix-blend-mode:difference}.custom-cursor p{margin:0}.background-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:auto;background-color:#0000001a;z-index:1}.no-video-message,.no-media-message,.no-media-fallback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.5rem;text-align:center}@media (max-width: 768px){.projects-indicator-container{bottom:max(15px,env(safe-area-inset-bottom,0px) + 20px,calc(100dvh - 100vh + 15px));left:max(20px,env(safe-area-inset-left,0px) + 20px)}.project-title{font-size:1.2rem}.project-counter{font-size:.9rem}.custom-cursor{font-size:12px;padding:6px 10px}}@media (max-width: 480px){.projects-indicator-container{bottom:max(10px,env(safe-area-inset-bottom,0px) + 25px,calc(100dvh - 100vh + 10px));left:max(15px,env(safe-area-inset-left,0px) + 15px)}.project-title{font-size:1rem}.project-title h4{margin:0}.project-counter{font-size:.8rem}.project-counter p{margin:0}}@media (orientation: portrait){.motion .background-video,.motion .background-image{width:100vh;height:auto;transform:translate(-50%,-50%)}.home .background-image,.home .background-video{width:100vw;height:100vh}}@media (orientation: landscape){.motion-project-item .background-video,.motion-project-item .background-image{width:100%;height:100vh;transform:translate(-50%,-50%)}.home .background-video,.home .background-image{width:100vw;height:100vh}}.mobile-entry-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:50000;background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center}.mobile-entry-content{text-align:center;color:#fff;max-width:300px;width:100%;z-index:50001;position:relative}.mobile-entry-content h2{font-size:1em;margin-bottom:1rem;font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:2px}.mobile-entry-content p{font-size:1rem;line-height:1.6;margin-bottom:2rem;opacity:.9}.mobile-entry-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.mobile-entry-button{padding:14px 28px;font-size:14px;font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:1px;cursor:pointer;border-radius:4px;border:1px solid;transition:all .3s ease;background:none}.mobile-entry-button.primary{color:#fff;border-color:#ffffff80;background:#ffffff1a}.mobile-entry-button.primary:hover{background:#fff3;border-color:#ffffffb3}.mobile-entry-button.secondary{color:#ffffffb3;border-color:#ffffff4d}.mobile-entry-button.secondary:hover{color:#fff;border-color:#ffffff80}.mobile-entry-button:active{transform:scale(.98)}.mobile-entry-instructions{font-size:.85rem;opacity:.6;line-height:1.4}.mobile-entry-instructions p{margin-bottom:.5rem;font-size:.85rem}@media (max-width: 480px){.mobile-entry-content h2{font-size:1.5rem;margin-bottom:.75rem}.mobile-entry-content p{font-size:.9rem;margin-bottom:1.5rem}.mobile-entry-button{font-size:12px;padding:12px 24px}}@media (orientation: landscape) and (max-height: 500px){.mobile-entry-content h2{font-size:1.25rem;margin-bottom:.5rem}.mobile-entry-content p{font-size:.85rem;margin-bottom:1rem}.mobile-entry-buttons{margin-bottom:1rem}}.navigation-instructions{color:#fff;background-color:#00000080;padding:.5rem;border-radius:50px;font-size:.75rem;font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:1px;opacity:.7;margin-top:.5rem;display:none}.navigation-instructions p{margin:0}@keyframes fadeInOut{0%,to{opacity:.4}50%{opacity:.8}}@media (max-width: 768px){.navigation-instructions{font-size:.65rem;display:block}}@media (max-width: 480px){.navigation-instructions{font-size:.6rem}}.background-overlay.tapped-left,.background-overlay.tapped-right,.background-overlay.tapped-center{animation:tapFeedback .2s ease-out}.background-overlay.tapped-left:before{content:"◀ PREV";position:absolute;top:50%;left:15%;transform:translate(-50%,-50%);color:#fff;font-size:1.2rem;font-weight:700;font-family:Space Mono,monospace;text-shadow:0 0 10px rgba(255,255,255,.8);animation:tapIndicator .2s ease-out;z-index:20}.background-overlay.tapped-right:before{content:"NEXT ▶";position:absolute;top:50%;right:15%;transform:translate(50%,-50%);color:#fff;font-size:1.2rem;font-weight:700;font-family:Space Mono,monospace;text-shadow:0 0 10px rgba(255,255,255,.8);animation:tapIndicator .2s ease-out;z-index:20}.background-overlay.tapped-center:before{content:"VIEW";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.2rem;font-weight:700;font-family:Space Mono,monospace;text-shadow:0 0 10px rgba(255,255,255,.8);animation:tapIndicator .2s ease-out;z-index:20}@keyframes tapFeedback{0%{background-color:#0000001a}50%{background-color:#ffffff0d}to{background-color:#0000001a}}@keyframes tapIndicator{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}@media (max-width: 480px){.background-overlay.tapped-left:before,.background-overlay.tapped-right:before,.background-overlay.tapped-center:before{font-size:1rem}.background-overlay.tapped-left:before{left:10%}.background-overlay.tapped-right:before{right:10%}}.music-player-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;position:sticky;z-index:12}.date-container{flex-shrink:0}.date{font-family:Space Mono,monospace;font-weight:400;color:#fff;background-color:#111;font-size:.9rem}.music-player{display:flex;align-items:center;gap:1rem;flex:1;max-width:300px;background-color:#111}.song-info{flex:1;overflow:hidden;display:flex;align-items:center;gap:.5rem}.marquee-container{width:100%;overflow:hidden;white-space:nowrap;position:relative}.marquee-text{display:inline-block;color:#fff;mix-blend-mode:difference;font-family:Space Mono,monospace;font-weight:400;font-size:.8rem;animation:marquee 20s linear infinite;padding-left:100%}@keyframes marquee{0%{transform:translateZ(0)}to{transform:translate3d(-100%,0,0)}}.player-controls{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.control-btn{background:none;border:none;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;color:#fff;mix-blend-mode:difference;transition:opacity .2s ease;pointer-events:all}.control-btn:hover{opacity:.7}.control-btn:focus{outline:none}.control-btn svg{width:16px;height:16px}.play-pause-btn svg{width:18px;height:18px}.disk-icon{width:20px;height:20px;border-radius:50%;flex-shrink:0;mix-blend-mode:difference}.disk-icon.rotating{animation:rotate 3s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}audio{display:none}@media (max-width: 768px){.music-player-header{padding:1rem}.music-player{max-width:200px;gap:.75rem}.date{font-size:.8rem}.marquee-text{font-size:.75rem}.disk-icon{width:18px;height:18px}.control-btn svg{width:14px;height:14px}.play-pause-btn svg{width:16px;height:16px}}@media (max-width: 480px){.music-player-header{padding:1rem;top:5vh}.music-player{max-width:150px;gap:.5rem}.player-controls{gap:.25rem}.disk-icon{width:16px;height:16px}}.music-player-header *{pointer-events:all}.motion{width:100vw;height:100vh;position:absolute;top:0;left:0;z-index:9;overflow:hidden}.motion-scrollable-container{width:100%;height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;overflow-x:hidden}.motion-project-item{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;position:relative;text-decoration:none;color:inherit;scroll-snap-align:start;transition:transform .3s ease;overflow:hidden}.motion-project-item:hover{transform:scale(1.02)}.motion-project-background{position:absolute;top:-5%;left:-5%;width:110%;height:110%;background-size:cover;background-position:center;background-repeat:no-repeat;transition:transform .15s ease-out;z-index:1}.motion-project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease;z-index:2}.motion-project-item:hover .motion-project-overlay{background:#0009}.motion-project-title{font-family:Space Mono,monospace;font-weight:400;font-size:2em;color:#fff;text-align:center;letter-spacing:2px;text-transform:uppercase;margin:0;padding:0 2rem;transition:transform .3s ease}.motion-project-item:hover .motion-project-title{transform:scale(1.05)}.motion-project-item[style*="background-color: rgb(245, 245, 245)"] .motion-project-overlay{background:#0000001a}.motion-project-item[style*="background-color: rgb(245, 245, 245)"] .motion-project-title{color:#333;text-shadow:none}.motion-scrollable-container::-webkit-scrollbar{width:8px}.motion-scrollable-container::-webkit-scrollbar-track{background:#0000001a}.motion-scrollable-container::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px}.motion-scrollable-container::-webkit-scrollbar-thumb:hover{background:#00000080}@media (max-width: 768px){.motion-project-title{font-size:2rem;letter-spacing:1px;padding:0 1rem}.motion-project-item:hover,.motion-project-item:hover .motion-project-title{transform:none}.motion-scrollable-container{scroll-snap-type:none}.motion-project-background{transform:none!important;transition:none}}@media (max-width: 480px){.motion-project-title{font-size:1.5rem;letter-spacing:.5px}}.project{height:100%;min-height:100vh;width:95vw;margin:0 auto}.project .project-container{height:100%;min-height:100vh;display:flex;gap:1rem}.project .description-container{display:flex;height:100%;min-height:85vh;min-width:40vw;width:40vw;flex-direction:column;justify-content:space-between;position:sticky;top:1vh;overflow:scroll}.project .title{text-transform:uppercase;font-weight:lighter}.project .description-container p{font-size:.8em}.project .project-media{flex:1;padding:2rem 0;display:flex;flex-direction:column;gap:2rem;align-items:center;justify-content:center;width:60vw;margin-top:15vh}.project .media-item{max-width:100%;width:fit-content;height:auto;margin:0 auto;position:relative;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;display:flex;align-items:center;justify-content:center}.project .media-item:hover{transform:translateY(-5px)}.project .media-item img{max-width:100%;height:auto;display:block}.project .media-item video{max-width:100%;height:auto;display:block}.project .video-item{position:relative}.project .video-item:hover video{filter:brightness(1.1)}.project .video-item .video-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;color:#fff;width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:1.8rem;pointer-events:none;transition:all .3s ease;z-index:3}.project .video-item:hover .video-overlay{background:#000c;transform:translate(-50%,-50%) scale(1.1)}.project .embed-item{position:relative}.project .embed-container iframe{width:60vw!important;height:auto!important;max-width:100%;display:block;border:none;aspect-ratio:16/9}@media only screen and (max-width: 768px){.project .embed-container iframe{width:100vw!important}}.project .empty-media-state{display:flex;align-items:center;justify-content:center;height:200px;color:#666;font-style:italic;background:#f0f0f080;border-radius:8px;border:2px dashed #ccc;width:100%}.project .loading-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#666;font-size:.9rem;background:#fffffff2;padding:.5rem 1rem;border-radius:4px;z-index:1;pointer-events:none;box-shadow:0 2px 8px #0000001a}@media (max-width: 1024px){.project .project-container{gap:1.5rem}.project .description-container{max-width:400px}.project .project-media{gap:1.5rem;padding:0}}@media (max-width: 768px){.project .project-container{flex-direction:column;gap:1rem}.project .description-container{max-width:100%;min-height:auto;position:relative;top:0;margin-bottom:1rem;overflow:visible;width:100vw}.project .project-media{gap:1.5rem;width:100%;padding:0;margin-top:0}.project .video-item .video-overlay{width:50px;height:50px;font-size:1.5rem}}@media (max-width: 480px){.project{width:95vw;margin-top:2rem}.project .project-media{gap:1rem}.project .video-item .video-overlay{width:40px;height:40px;font-size:1.2rem}}.media-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;max-width:95vw;max-height:95vh;overflow:visible;cursor:default;animation:modalContentSlideIn .3s ease;z-index:10000}@keyframes modalContentSlideIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal-content img,.modal-content video{width:auto;height:auto;max-width:90vw;max-height:80vh;object-fit:contain}.modal-content iframe{width:90vw;height:50.6vw;max-height:80vh;border:none}.modal-close{position:fixed;top:20px;right:20px;background:#ffffffe6;color:#333;border:none;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;z-index:10001;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:700}.modal-close:hover{background:#fff;transform:scale(1.1)}.media-modal:focus{outline:none}@media (max-width: 768px){.modal-close{top:15px;right:15px;background:#000000b3;color:#fff}.modal-close:hover{background:#000000e6}.modal-content iframe{width:95vw;height:53.4vw}.modal-nav-container{bottom:-60px;gap:1.5rem}.modal-nav{width:50px;height:50px;font-size:28px}.modal-counter{font-size:12px;padding:6px 12px}}.archive{height:100vh;width:100vw;overflow:hidden;background:#fff;color:#000}.archive-container{display:flex;height:100%;width:100%}.set-info-display{width:35vw;height:800px;display:flex;flex-direction:column;align-items:flex-start;padding:3rem 2rem;position:relative;overflow-y:auto}.set-header{margin-bottom:1rem;transition:all .3s ease}.set-header h1,.set-header h2{animation:fadeInUp .4s ease-out}.current-year{font-size:3em;font-weight:100;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:-.02em;transition:all .5s ease;animation:fadeInUp .6s ease-out}.set-name{font-size:1.25em;font-weight:300;margin:0;opacity:.8;font-family:Space Mono,monospace;animation:fadeInUp .6s ease-out .2s both;transition:all .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.set-stats{display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem;transition:all .3s ease}.media-count span:first-child{animation:fadeInUp .3s ease-out}.progress-indicator{font-size:1.2rem;font-weight:300;display:flex;gap:.5rem;align-items:baseline}.sets-label{font-size:.9rem;opacity:.6;margin-left:.2rem}.set-name-and-count{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.set-name-and-count .set-name{margin:0;flex:1}.media-count{font-size:1rem;font-weight:300;display:flex;gap:.5rem;align-items:baseline;opacity:.7;flex-shrink:0}.media-label{font-size:.8rem;opacity:.6}.metadata-section{width:100%;transition:all .3s ease;animation:fadeInUp .5s ease-out}.metadata-title{font-size:1.1rem;font-weight:400;margin:0 0 1.5rem;color:#333;text-transform:uppercase;letter-spacing:.05em;font-family:Space Mono,monospace}.metadata-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.metadata-item{display:flex;flex-direction:column;gap:.3rem;padding-bottom:1rem;border-bottom:1px solid #f0f0f0;transition:all .2s ease;animation:fadeInUp .4s ease-out}.metadata-item:last-child{border-bottom:none}.metadata-label{font-size:.85rem;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.05em;font-family:Space Mono,monospace}.metadata-value{font-size:.8em;font-weight:300;color:#333;line-height:1.4;transition:color .2s ease}.media-scroll-container{flex:1;position:relative;overflow:hidden}.media-scroll-container:before,.media-scroll-container:after,.media-scroll-container .fade-top,.media-scroll-container .fade-bottom{content:"";position:absolute;z-index:300;pointer-events:none}.media-scroll-container:before{left:0;top:0;width:100px;height:100%;background:linear-gradient(to right,#fff,transparent)}.media-scroll-container:after{right:0;top:0;width:100px;height:100%;background:linear-gradient(to left,#fff,transparent)}.media-scroll-container .fade-top{top:0;left:0;width:100%;height:100px;background:linear-gradient(to bottom,#fff,transparent)}.media-scroll-container .fade-bottom{bottom:0;left:0;width:100%;height:100px;background:linear-gradient(to top,#fff,transparent)}.media-viewport{position:relative;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;perspective:1200px;transform-style:preserve-3d;pointer-events:none}.media-set{position:absolute;transition:all .6s cubic-bezier(.23,1,.32,1);cursor:pointer;transform-style:preserve-3d;transform-origin:center center;pointer-events:auto;isolation:isolate;z-index:1}.media-item-stacked{position:absolute;width:400px;height:280px;overflow:hidden;box-shadow:0 8px 25px #00000026;transition:all .4s cubic-bezier(.23,1,.32,1);cursor:pointer;filter:grayscale(.3);transform-origin:center center;backface-visibility:hidden;pointer-events:auto;will-change:transform}.media-set:hover .media-item-stacked{filter:grayscale(0);box-shadow:0 20px 50px #0000004d;transform-origin:center center}.media-item-stacked img,.media-item-stacked video,.media-item-stacked iframe{width:100%;height:100%;object-fit:cover;border:none;display:block;filter:grayscale(100);transition:filter .4s cubic-bezier(.23,1,.32,1)}.media-item-stacked img:hover,.media-item-stacked video:hover,.media-item-stacked iframe:hover{filter:grayscale(0)}.media-item-stacked.video-item{position:relative}.empty-archive{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.2rem;opacity:.7}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;opacity:.6;z-index:150}.scroll-hint{font-size:.9rem;font-weight:300;color:#000;font-family:Space Mono,monospace}.scroll-arrow{font-size:1.5rem;color:#666;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.modal-nav-container{position:absolute;bottom:-80px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:2rem;width:100%}.modal-nav{position:static;background:#0009;color:#fff;border:none;font-size:36px;width:60px;height:60px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.modal-nav:hover{background:#000c;transform:scale(1.1)}.modal-nav.next-set,.modal-nav.prev-set{background:transparent;border:1px solid #fff;width:auto;padding:0 20px;border-radius:25px;min-width:60px;font-size:14px;font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.modal-counter{background:#000000b3;color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-family:Space Mono,monospace;white-space:nowrap;display:flex;align-items:center}.next-set-label,.prev-set-label{white-space:nowrap;font-weight:500}.set-info-display .set-header,.set-info-display .set-stats,.set-info-display .metadata-section{transition:all .5s cubic-bezier(.23,1,.32,1)}@media (max-width: 767px),(min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.archive-container{flex-direction:column}.set-info-display{width:100%;height:40vh;padding:1.5rem 1rem;flex:0 0 auto}.media-scroll-container{height:60vh}.current-year{font-size:3rem}.media-item-stacked{width:300px;height:200px}.media-viewport{perspective:800px;padding-top:10vh}}@media (max-width: 768px){.set-info-display{height:35vh;padding:1rem}.current-year{font-size:2.5rem}.set-name{font-size:1.2rem}.metadata-section{max-height:150px;overflow-y:auto}.media-item-stacked{width:250px;height:170px}.media-viewport{perspective:600px;padding-top:8vh}.modal-nav-container{bottom:-60px;gap:1.5rem}.modal-nav{width:50px;height:50px;font-size:28px}.modal-nav.next-set,.modal-nav.prev-set{padding:0 15px;font-size:12px}.modal-counter{font-size:12px;padding:6px 12px}}@media (max-width: 480px){.set-info-display{height:30vh;padding:.8rem}.current-year{font-size:2rem}.set-name{font-size:1rem}.metadata-item{gap:.2rem}.metadata-label{font-size:.75rem}.metadata-value{font-size:.9rem}.media-item-stacked{width:200px;height:140px}.scroll-indicator{bottom:20px}.scroll-hint{font-size:.8rem}.scroll-arrow{font-size:1.3rem}}@media (max-width: 480px){.modal-nav-container{bottom:-50px;gap:1rem}.modal-nav{width:40px;height:40px;font-size:24px}.modal-nav:hover{transform:scale(1.1)}.modal-counter{font-size:11px;padding:4px 8px}}.archive-mobile{height:100vh;width:100vw;overflow:hidden;background:#fff;color:#000;position:relative}.archive-mobile-content{height:90svh;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem 1rem;gap:2rem;padding-bottom:env(safe-area-inset-bottom,1rem)}.mobile-header-section{display:flex;flex-direction:column;gap:.5rem}.mobile-year-title{font-size:2.5rem;font-weight:100;margin:0;text-transform:uppercase;letter-spacing:-.02em;color:#000}.mobile-progress{font-size:1rem;font-weight:300;color:#666;font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:.05em}.mobile-info-section{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.mobile-set-info{display:flex;flex-direction:column;gap:.3rem;flex:1}.mobile-set-name{font-size:1.2rem;font-weight:300;margin:0;font-family:Space Mono,monospace;color:#000}.mobile-media-count{font-size:.9rem;font-weight:300;color:#666;font-family:Space Mono,monospace}.mobile-metadata{display:flex;flex-direction:column;gap:.8rem;max-width:200px;text-align:right}.mobile-metadata-item{display:flex;flex-direction:column;gap:.2rem}.mobile-metadata-label{font-size:.75rem;font-weight:500;color:#666;text-transform:uppercase;letter-spacing:.05em;font-family:Space Mono,monospace}.mobile-metadata-value{font-size:.85rem;font-weight:300;color:#333;line-height:1.3}.mobile-nav-buttons{display:flex;gap:1rem;justify-content:center;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));position:sticky;bottom:0;background:linear-gradient(transparent,#ffffffe6 20%,#fff);padding-top:1rem;margin-top:auto}.mobile-nav-btn{background:#ffffffe6;border:1px solid #ddd;color:#000;border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-family:Space Mono,monospace;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-nav-btn:hover{background:#fff;border-color:#999}.mobile-nav-btn:disabled{opacity:.5;cursor:not-allowed}.mobile-carousel-container{position:relative;width:100%;overflow:hidden}.mobile-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;gap:1rem;padding:0 1rem;padding-right:50vw}.mobile-carousel::-webkit-scrollbar{display:none}.mobile-carousel-item{flex-shrink:0;width:80vw;max-width:350px;height:60vw;max-height:250px;overflow:hidden;box-shadow:0 4px 15px #0000001a;cursor:pointer;transition:all .3s ease;scroll-snap-align:start}.mobile-carousel-item:hover{box-shadow:0 8px 25px #0003;transform:translateY(-2px)}.mobile-carousel-item.active{box-shadow:0 8px 25px #00000040}.mobile-carousel-item img,.mobile-carousel-item video,.mobile-carousel-item iframe{width:100%;height:100%;object-fit:cover;display:block;border:none}.mobile-carousel-indicators{display:flex;justify-content:center;gap:.5rem;margin-top:1rem;padding:0 1rem}.carousel-indicator{width:8px;height:8px;border-radius:50%;background:#0000004d;transition:all .3s ease;cursor:pointer}.carousel-indicator.active{background:#333;transform:scale(1.2)}.placeholder-media{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f0f0f0;color:#999;font-size:.9rem}.mobile-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem}.mobile-modal-content{position:relative;max-width:100%;max-height:100%;background:#000;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.mobile-modal-close{position:absolute;top:1rem;right:1rem;background:#ffffffe6;color:#000;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;z-index:101;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.mobile-modal-close:hover{background:#fff}.mobile-modal-media{flex:1;display:flex;align-items:center;justify-content:center;min-height:300px;max-height:70vh}.mobile-modal-media img,.mobile-modal-media video,.mobile-modal-media iframe{max-width:100%;max-height:100%;object-fit:contain}.mobile-modal-nav{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#000c}.mobile-modal-nav-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:.5rem 1rem;color:#fff;font-size:.85rem;font-family:Space Mono,monospace;cursor:pointer;transition:all .3s ease}.mobile-modal-nav-btn:hover{background:#ffffff4d;border-color:#ffffff80}.mobile-modal-counter{color:#fff;font-size:.9rem;font-family:Space Mono,monospace;opacity:.8}.empty-archive-mobile{display:flex;align-items:center;justify-content:center;height:100vh;font-size:1.2rem;opacity:.7}@media (max-width: 480px){.archive-mobile-content{padding:1rem .8rem;gap:1.5rem}.mobile-year-title{font-size:2rem}.mobile-progress{font-size:.9rem}.mobile-set-name{font-size:1.1rem}.mobile-metadata{max-width:160px}.mobile-metadata-label{font-size:.7rem}.mobile-metadata-value{font-size:.8rem}.mobile-nav-btn{padding:.4rem .8rem;font-size:.8rem}.mobile-carousel{padding:0 .8rem;padding-right:45vw;gap:.8rem}.mobile-carousel-item{width:85vw;max-width:320px;height:65vw;max-height:220px}}@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait){.archive-mobile{display:block;min-height:100vh}.archive-mobile-content{height:auto;min-height:100vh;width:100%;max-width:700px;padding:2rem 1.5rem;gap:3rem;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;overflow-y:auto}.mobile-header-section{text-align:left;gap:1rem;padding-top:1rem;position:sticky;top:0;background:#fff;z-index:10;padding-bottom:1rem;border-bottom:1px solid #f0f0f0}.mobile-year-title{font-size:3.5rem;font-weight:100;margin:0}.mobile-progress{font-size:1.2rem;opacity:.7}.mobile-carousel-container{display:flex;align-items:center;justify-content:center;padding:1.5rem 0;flex:1}.mobile-carousel{display:flex;justify-content:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;gap:1.5rem;padding:0 1.5rem;padding-right:30vw;align-items:center}.mobile-carousel-item{width:60vw;max-width:450px;height:42vw;max-height:320px;min-width:320px;min-height:220px;box-shadow:0 6px 20px #00000026}.mobile-carousel-item:hover{box-shadow:0 12px 35px #00000040;transform:translateY(-4px)}.mobile-info-section{justify-content:center;text-align:center;flex-direction:column;gap:2rem;align-items:center;margin-top:auto}.mobile-set-info{align-items:center;text-align:center;gap:.6rem}.mobile-set-name{font-size:1.6rem}.mobile-media-count{font-size:1.2rem}.mobile-metadata{max-width:none;text-align:center;align-items:center;gap:1.2rem;display:flex;flex-wrap:wrap;justify-content:center}.mobile-metadata-item{align-items:center;text-align:center;margin:0 .8rem}.mobile-metadata-label{font-size:.9rem}.mobile-metadata-value{font-size:1rem}.mobile-nav-buttons{justify-content:center;gap:2rem;padding-top:1.5rem;padding-bottom:2rem;position:sticky;bottom:0;background:linear-gradient(transparent,#ffffffe6 30%,#fff)}.mobile-nav-btn{padding:.9rem 1.8rem;font-size:1rem;border-radius:25px}.mobile-modal-overlay{padding:2rem}.mobile-modal-content{max-width:85vw;max-height:85vh}.mobile-modal-media{min-height:400px;max-height:75vh}.mobile-modal-nav{padding:1.5rem}.mobile-modal-nav-btn{padding:.8rem 1.5rem;font-size:1rem}.mobile-modal-counter{font-size:1rem}}@media (max-width: 360px){.archive-mobile-content{padding:1rem .6rem;gap:1.2rem}.mobile-year-title{font-size:1.8rem}.mobile-metadata{max-width:140px}.mobile-nav-btn{padding:.3rem .7rem;font-size:.75rem}.mobile-carousel{padding:0 .6rem;padding-right:40vw;gap:.6rem}.mobile-carousel-item{width:90vw;max-width:280px;height:70vw;max-height:190px}}.loading-container{display:flex;justify-content:center;align-items:center;position:relative}.loading-image{filter:brightness(1.1);transition:opacity .3s ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-small .loading-image{width:36px;height:36px}.loading-medium .loading-image{width:72px;height:72px}.loading-large .loading-image{width:96px;height:96px}.media-loading{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;background:#0000004d;border-radius:8px;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-placeholder{display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;background:#00000080;border-radius:4px;padding:12px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 768px){.loading-small .loading-image{width:32px;height:32px}.loading-medium .loading-image{width:64px;height:64px}.loading-large .loading-image{width:88px;height:88px}.media-loading{padding:16px}.loading-placeholder{padding:8px}}