*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:MonumentExtended-Regular;src:url(/assets/MonumentExtended-Regular-C8KTyA3T.otf) format("opentype")}@font-face{font-family:Inter-Light;src:url(/assets/Inter-Light-BFKa5A5X.ttf) format("truetype")}body,html{width:100%;margin:0;padding:0;font-family:Arial,sans-serif;background-color:#000;color:#fff;scroll-behavior:smooth;overflow-x:hidden}#loading-screen{position:fixed;width:100%;height:100%;background-color:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999}.loading-text-container{margin-bottom:60px;text-align:center}.loading-maymedia{font-family:MonumentExtended-Regular,sans-serif;font-size:4rem;color:#fff;margin:0;opacity:0;animation:fadeInUp .8s ease forwards}.loading-subtitle{font-family:Inter-Light,sans-serif;font-size:1.2rem;color:#b7b7b7;margin:10px 0 0;opacity:0;animation:fadeInUp .8s ease forwards .3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-progress-container{width:400px;max-width:80%;opacity:0;animation:fadeInUp .8s ease forwards .6s}.loading-bar-wrapper{width:100%;height:4px;background-color:#fff3;border-radius:2px;overflow:hidden;margin-bottom:15px}.loading-bar{height:100%;background-color:#40e0d0;width:0%;transition:width .3s ease}.loading-percentage{font-family:Inter-Light,sans-serif;font-size:1rem;color:#b7b7b7;text-align:center}#canvas-container{position:relative;top:0;left:0;width:100%;height:100vh;z-index:3;pointer-events:none;background-color:transparent}#canvas-container canvas{pointer-events:auto;background-color:transparent!important;cursor:grab}#canvas-container canvas:active{cursor:grabbing}.top-nav,.bottom-text,.scroll-indicator{pointer-events:auto}.top-nav{position:fixed;top:30px;width:100%;display:flex;justify-content:space-between;padding:0 50px;z-index:100;pointer-events:auto;transition:opacity .3s ease,transform .3s ease}.top-nav.hidden{opacity:0;transform:translateY(-20px);pointer-events:none}.nav-link{color:#fff;text-decoration:none;font-size:35px;font-family:Inter-Regular,sans-serif;font-weight:400;transition:opacity .3s ease;cursor:pointer}.nav-link:hover{opacity:.7}.main-text{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:2;pointer-events:none;padding:0 40px}.text-line{font-size:7.6vw;font-family:MonumentExtended-Regular,sans-serif;font-weight:900;color:#fff;line-height:1;letter-spacing:.01em;margin:0;width:100%}.text-line:first-child{text-align:left}.text-line:last-child{display:flex;justify-content:space-between;width:100%}.bottom-text{position:absolute;bottom:30px;left:50px;z-index:10;pointer-events:auto;cursor:pointer}.bottom-text p{font-size:50px;font-family:Inter-Light,sans-serif;color:#fff;margin:0;transition:opacity .3s ease}.bottom-text:hover p{opacity:.8}.scroll-indicator{position:absolute;bottom:30px;right:50px;z-index:10;color:#fff;font-family:Inter-Light,sans-serif;font-size:16px;opacity:.7;cursor:pointer;transition:opacity .3s ease;color:#b7b7b7}.close-button,.maymedia-home-button,.video-info,.video-controls{transition:opacity .3s ease}.video-overlay{transition:cursor .3s ease}.video-overlay.active~#canvas-container .scroll-indicator,body.overlay-open .scroll-indicator{display:none}.scroll-indicator:hover{opacity:1}.scroll-indicator:after{content:"↓";display:block;text-align:center;font-size:20px;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.work-section{position:relative;min-height:100vh;background-color:#000;z-index:10;padding:80px 0;display:flex;flex-direction:column;align-items:center;justify-content:center;background-position:center center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat}.work-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:var(--bg-image);background-position:center center;background-size:cover;background-repeat:no-repeat;background-attachment:fixed;opacity:0;transition:opacity .4s ease-in-out}.work-section.show-background:after{opacity:1}.work-content{position:relative;z-index:15;width:100%;max-width:1200px;padding:0 50px}.work-title{font-size:4rem;font-family:MonumentExtended-Regular,sans-serif;font-weight:900;color:#fff;margin-bottom:100px;text-align:center}.projects-grid{display:flex;flex-direction:column;gap:0;margin:0}.project-row{text-align:center;padding:0;margin:0;line-height:1}.project-item{color:#fff;font-size:1.5rem;font-family:MonumentExtended-Regular,sans-serif;cursor:pointer;transition:color .3s ease,opacity .3s ease;display:inline-block;padding:5px;margin-right:-5px}.project-item:hover{color:#40e0d0;opacity:1!important}.separator{color:#fff;font-size:1.5rem;transition:opacity .3s ease;display:inline-block;padding:5px;margin-right:-5px}.projects-grid:has(.project-item:hover) .project-item{opacity:.3}.projects-grid:has(.project-item:hover) .separator{opacity:.3}.video-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease}.video-overlay.active{opacity:1;pointer-events:auto}.video-player-container{width:100%;height:100%;position:relative;opacity:0;transform:scale(.95)}.video-overlay.active .video-player-container{animation:simpleFadeIn .4s ease forwards}@keyframes simpleFadeIn{to{opacity:1;transform:scale(1)}}.video-player{width:100%;height:100%;object-fit:contain;background-color:#000}.video-overlay .close-button{position:fixed;top:30px;left:50%;transform:translate(-50%) scale(1.1);background:none;border:none;color:#fff;font-family:Inter-Light,sans-serif;font-size:17.6px;cursor:pointer;z-index:10010;padding:11px 22px;display:flex;flex-direction:column;align-items:center;gap:5.5px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.5));pointer-events:auto}.close-x{font-size:35.2px;font-weight:300;line-height:1;transition:transform .4s cubic-bezier(.4,0,.2,1),filter .4s ease;will-change:transform}.close-button:hover .close-x{transform:rotate(90deg);filter:blur(.5px)}.close-text{font-size:15.4px;text-transform:uppercase;letter-spacing:1.1px}.maymedia-home-button{position:fixed;top:30px;left:50px;background:none;border:none;color:#fff;font-family:MonumentExtended-Regular,sans-serif;font-size:18px;cursor:pointer;z-index:10004;padding:10px 20px;transition:opacity .3s ease;text-transform:uppercase;letter-spacing:1px}.maymedia-home-button:hover{opacity:.7}.video-info{position:absolute;bottom:100px;left:50px;z-index:10004;color:#fff;font-family:Inter-Light,sans-serif}.video-title{font-size:28px;font-weight:700;margin-bottom:5px;text-transform:uppercase}.video-role{font-size:18px;text-transform:uppercase;opacity:.9;color:#b7b7b7}.video-controls{position:absolute;bottom:30px;left:50px;right:50px;z-index:10004}.progress-bar-container{width:100%;height:4px;background-color:#ffffff4d;cursor:pointer;margin-bottom:15px;position:relative}.progress-bar{height:100%;background-color:#40e0d0;width:0%;transition:width .1s linear}.controls-row{display:flex;align-items:center;gap:20px;color:#fff;font-family:Inter-Light,sans-serif}.play-pause-btn{background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:5px 10px;transition:opacity .3s ease,transform .3s ease;line-height:1;display:flex;align-items:center;justify-content:center}.play-pause-btn:hover{opacity:.7;transform:scale(1.1)}.play-pause-btn:active{transform:scale(.95)}.play-icon,.pause-icon{width:24px;height:24px;display:block;transition:opacity .2s ease}.play-icon img,.pause-icon img{width:100%;height:100%;filter:brightness(0) invert(1)}.time-display{font-size:14px;color:#b7b7b7;min-width:110px}.mute-btn{background:none;border:none;color:#fff;font-family:Inter-Light,sans-serif;font-size:14px;cursor:pointer;padding:5px 10px;margin-left:auto;transition:opacity .3s ease;text-transform:uppercase}.mute-btn:hover{opacity:.7}.site-footer{background-color:#000;padding:40px 50px;text-align:center;border-top:1px solid rgba(255,255,255,.1)}.footer-content{display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap}.footer-link{color:#fff;text-decoration:none;font-family:Inter-Light,sans-serif;font-size:16px;transition:opacity .3s ease;text-transform:uppercase;letter-spacing:1px}.footer-link:hover{opacity:.7}.about-container{max-width:1200px;margin:0 auto;padding:100px 50px 50px;display:flex;align-items:center;justify-content:center;overflow-y:auto;height:100%}.about-content{display:flex;gap:60px;align-items:center;width:100%}.about-image{flex:0 0 400px}.about-image img{width:100%;height:auto;display:block;border-radius:8px}.about-text{flex:1;color:#fff;font-family:Inter-Light,sans-serif}.about-text h2{font-family:MonumentExtended-Regular,sans-serif;font-size:2.5rem;margin-bottom:30px;color:#fff}.about-text p{font-size:1.1rem;line-height:1.8;margin-bottom:20px;opacity:.9}.hamburger-container{position:fixed;top:30px;right:50px;z-index:100;opacity:0;transform:translateY(-20px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.hamburger-container.visible{opacity:1;transform:translateY(0);pointer-events:auto}.hamburger-btn{background:none;border:none;cursor:pointer;padding:10px;display:flex;flex-direction:column;gap:6px;z-index:101;position:relative}.hamburger-line{width:30px;height:2px;background-color:#fff;transition:all .4s cubic-bezier(.4,0,.2,1);transform-origin:center}.hamburger-btn.active .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-btn.active .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-btn.active .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000000fa;z-index:99;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s ease}.menu-overlay.active{opacity:1;pointer-events:auto}.menu-nav{display:flex;flex-direction:column;gap:40px;align-items:center}.menu-link{color:#fff;text-decoration:none;font-size:3rem;font-family:MonumentExtended-Regular,sans-serif;transition:color .3s ease,transform .3s ease;opacity:0;transform:translateY(20px)}.menu-overlay.active .menu-link{animation:menuLinkFadeIn .5s ease forwards}.menu-overlay.active .menu-link:nth-child(1){animation-delay:.1s}.menu-overlay.active .menu-link:nth-child(2){animation-delay:.2s}.menu-overlay.active .menu-link:nth-child(3){animation-delay:.3s}.menu-overlay.active .menu-link:nth-child(4){animation-delay:.4s}.menu-overlay.active .menu-link:nth-child(5){animation-delay:.5s}.menu-overlay.active .menu-link:nth-child(6){animation-delay:.6s}@keyframes menuLinkFadeIn{to{opacity:1;transform:translateY(0)}}.menu-link:hover{color:#40e0d0;transform:translate(10px)}.info-button{position:absolute;top:48%;right:30px;transform:translateY(-50%) translateY(-3.8vw) translateY(-10px);background:none;border:none;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;padding:0}.info-button:hover{transform:translateY(-50%) translateY(-3.8vw) translateY(-10px) scale(1.1)}.info-icon{color:#fff;font-size:20px;font-family:Inter-Light,sans-serif;font-style:italic;font-weight:700}.info-icon-img{width:20px;height:20px;filter:brightness(0) invert(1)}.info-tooltip{position:absolute;top:48%;right:65px;transform:translateY(-50%) translateY(-3.8vw) translateY(-10px);background:#000000e6;color:#fff;padding:12px 20px;border-radius:8px;font-family:Inter-Light,sans-serif;font-size:14px;white-space:nowrap;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.info-tooltip.visible{opacity:1;transform:translateY(-50%) translateY(-3.8vw) translateY(-10px) translate(-10px)}.info-tooltip:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:8px solid rgba(0,0,0,.9);border-top:6px solid transparent;border-bottom:6px solid transparent}.back-to-top{background:none;border:none;color:#fff;font-family:Inter-Light,sans-serif;font-size:16px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:5px;transition:opacity .3s ease,transform .3s ease;text-transform:uppercase;letter-spacing:1px;padding:10px 20px;margin-left:20px}.back-to-top:hover{opacity:.7;transform:translateY(-5px)}.arrow-up{font-size:24px;line-height:1}.back-text{font-size:12px;color:#b7b7b7}.credits-container{max-width:900px;margin:0 auto;padding:100px 50px 50px;overflow-y:auto;height:100%}.credits-content{color:#fff;font-family:Inter-Light,sans-serif;line-height:1.8}.credits-content h2{font-family:MonumentExtended-Regular,sans-serif;font-size:2.5rem;margin-bottom:40px;color:#fff}.credits-content h3{font-family:MonumentExtended-Regular,sans-serif;font-size:1.3rem;margin-top:30px;margin-bottom:15px;color:#fff}.credits-content p{font-size:1rem;margin-bottom:15px;color:#b7b7b7}.credits-content .attribution-highlight{font-size:1.1rem;color:#fff;background:#40e0d01a;padding:15px 20px;border-radius:8px;border-left:3px solid #40E0D0}.credits-content .attribution-details{background:#ffffff0d;padding:20px;border-radius:8px;margin:20px 0}.credits-content ul{margin:15px 0;padding-left:30px}.credits-content li{margin-bottom:10px;color:#b7b7b7}.credits-content a{color:#40e0d0;text-decoration:none;transition:opacity .3s ease}.credits-content a:hover{opacity:.7}.impressum-container{max-width:900px;margin:0 auto;padding:100px 50px 50px;overflow-y:auto;height:100%}.impressum-content{color:#fff;font-family:Inter-Light,sans-serif;line-height:1.8}.impressum-content h2{font-family:MonumentExtended-Regular,sans-serif;font-size:2.5rem;margin-bottom:40px;color:#fff}.impressum-content h3{font-family:MonumentExtended-Regular,sans-serif;font-size:1.3rem;margin-top:30px;margin-bottom:15px;color:#fff}.impressum-content p{font-size:1rem;margin-bottom:15px;color:#b7b7b7}.impressum-content a{color:#40e0d0;text-decoration:none;transition:opacity .3s ease}.impressum-content a:hover{opacity:.7}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:#888;border-radius:0}::-webkit-scrollbar-thumb:hover{background:#555}.impressum-container::-webkit-scrollbar,.about-container::-webkit-scrollbar,.credits-container::-webkit-scrollbar{width:8px}.impressum-container::-webkit-scrollbar-track,.about-container::-webkit-scrollbar-track,.credits-container::-webkit-scrollbar-track{background:transparent}.impressum-container::-webkit-scrollbar-thumb,.about-container::-webkit-scrollbar-thumb,.credits-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.impressum-container::-webkit-scrollbar-thumb:hover,.about-container::-webkit-scrollbar-thumb:hover,.credits-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}body.overlay-open{overflow:hidden}@media (max-width: 768px){.work-section:after{background-size:auto 100%;background-position:center;background-repeat:no-repeat;background-attachment:scroll}.top-nav{padding:0 20px;top:20px}.nav-link{font-size:20px}.main-text{padding:0 20px}.text-line{font-size:12vw}.bottom-text{left:20px;bottom:20px}.bottom-text p{font-size:24px}.scroll-indicator{right:20px;bottom:20px;font-size:12px}.work-title{font-size:2rem;margin-bottom:50px}.project-item,.separator{font-size:1rem}.hamburger-container{right:20px;top:20px}.menu-link{font-size:2rem}.maymedia-home-button{left:20px;top:20px;font-size:14px;padding:8px 0}.video-overlay .close-button{top:20px}.video-info{left:20px;bottom:120px}.video-title{font-size:20px}.video-role{font-size:14px}.video-controls{left:20px;right:20px;bottom:20px}.about-container{padding:100px 30px 50px;align-items:flex-start}.about-content{flex-direction:column-reverse;gap:30px;padding-top:30px}.about-image{flex:0 0 auto;width:100%;max-width:100%}.about-text h2{font-size:1.8rem;margin-bottom:20px;margin-top:0}.about-text p{font-size:.95rem;line-height:1.6}.impressum-container{padding:100px 20px 50px}.impressum-content h2{font-size:1.8rem;margin-bottom:30px}.impressum-content h3{font-size:1.1rem;margin-top:25px;margin-bottom:12px}.impressum-content p{font-size:.9rem;line-height:1.6;margin-bottom:12px}.credits-container{padding:100px 20px 50px}.info-button{right:20px}.info-tooltip{right:55px;font-size:12px;padding:10px 16px}.loading-maymedia{font-size:2.5rem}.loading-subtitle{font-size:1rem}.loading-progress-container{width:300px}}