:root{--bg-dark: #0a0a0a;--text-light: #f5f5f5;--text-muted: #999;--accent: #fff;--nav-bg: rgba(10, 10, 10, .8);--heading-font: "Bebas Neue", sans-serif;--body-font: "Archivo", sans-serif;--white: #ffffff;--black: #000000}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;font-family:var(--body-font);background:var(--bg-dark);color:var(--text-light);overflow-x:hidden;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}a{color:inherit;text-decoration:none;transition:opacity .3s ease}a:hover{opacity:.7}button{font-family:inherit;cursor:pointer}img{max-width:100%;height:auto}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideRight{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeSlideLeft{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.page-logo{font-family:var(--heading-font);font-size:clamp(2rem,4vw,2.5rem);font-weight:400;letter-spacing:.15em;text-transform:uppercase;text-align:center;color:var(--text-light);padding:2rem 1rem 1rem;margin-top:5rem;animation:fadeSlideDown .8s cubic-bezier(.4,0,.2,1) .3s both}@media(max-width:768px){.page-logo{font-size:1.5rem;letter-spacing:.12em;padding:1.5rem 1rem .75rem;margin-top:4rem}}.contact-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10004;animation:fadeIn .3s ease-out;padding:2rem}.contact-modal-content{background:#141414;border:1px solid rgba(255,255,255,.15);border-radius:8px;width:100%;max-width:500px;position:relative;animation:scaleIn .4s cubic-bezier(.4,0,.2,1)}.contact-modal-close{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;line-height:1;padding:0}.contact-modal-close:hover{background:#fff3;border-color:#fff9;transform:scale(1.1)}.contact-modal-body{padding:3rem;display:flex;flex-direction:column;gap:2.5rem}.contact-modal-title{font-family:var(--heading-font);font-size:2rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#fff;margin:0;line-height:1.2;text-align:center}.contact-section{display:flex;flex-direction:column;gap:1rem;text-align:center}.contact-label{font-family:var(--heading-font);font-size:.8rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#fff9;margin:0}.contact-email-link{font-family:var(--body-font);font-size:1.2rem;color:#fff;text-decoration:none;transition:color .3s ease}.contact-email-link:hover{color:#ffffffb3}.contact-phone-links{display:flex;flex-direction:column;gap:.5rem;align-items:center}.contact-phone-link{font-family:var(--body-font);font-size:1.1rem;color:#fff;text-decoration:none;transition:color .3s ease}.contact-phone-link:hover{color:#ffffffb3}.contact-social-links{display:flex;flex-direction:column;gap:.75rem;align-items:center}.contact-social-link{font-family:var(--body-font);font-size:1rem;color:#ffffffe6;text-decoration:none;transition:all .3s ease;position:relative}.contact-social-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#fff;transition:width .3s ease}.contact-social-link:hover{color:#fff}.contact-social-link:hover:after{width:100%}@media(max-width:768px){.contact-modal-overlay{padding:1rem}.contact-modal-close{top:1rem;right:1rem;width:35px;height:35px;font-size:1.25rem}.contact-modal-body{padding:2.5rem 1.5rem;gap:2rem}.contact-modal-title{font-size:1.5rem}.contact-email-link,.contact-phone-link{font-size:1rem}.contact-social-link{font-size:.95rem}}.header{position:fixed;top:0;left:0;width:100%;z-index:100;padding:2rem 3rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:2rem;background:linear-gradient(to bottom,rgba(10,10,10,.9),transparent)}.header-logo{font-family:var(--heading-font);font-size:1.5rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--text-light);text-align:center;animation:fadeSlideDown 1s cubic-bezier(.4,0,.2,1) .2s both;text-decoration:none;transition:opacity .3s ease}.header-logo:hover{opacity:.8}.header.works-header{background:linear-gradient(to bottom,rgba(255,255,255,.95),transparent)}.header.works-header .header-logo{color:#0a0a0a}.header.works-header .nav-btn{background:#0a0a0a;border-color:#0a0a0a;color:#fff}.header.works-header .nav-btn:hover{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.header.works-header .nav-btn.active{background:#2a2a2a;border-color:#2a2a2a;color:#fff}.header.works-header .burger-line{background:#0a0a0a}.header.home-header{display:flex;justify-content:space-between;grid-template-columns:none}.nav-left,.nav-right{display:flex;gap:.5rem;animation:fadeSlideDown 1s cubic-bezier(.4,0,.2,1) .2s both}.nav-right{justify-content:flex-end}.logo-link{display:flex;align-items:center;justify-content:center;animation:fadeSlideDown 1s cubic-bezier(.4,0,.2,1) .2s both}.logo{height:40px;width:auto;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.nav-btn{padding:.75rem 1.75rem;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:30px;color:var(--text-light);font-family:var(--body-font);font-size:.85rem;font-weight:400;letter-spacing:.05em;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-transform:uppercase;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;line-height:1}.nav-btn:hover{background:#ffffff1a;border-color:#fff9;transform:translateY(-2px);opacity:1}.nav-btn.active{background:#ffffff26;border-color:var(--accent)}button.nav-btn{margin:0;font-family:var(--body-font);-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:30px;height:30px;background:none;border:none;cursor:pointer;padding:0;z-index:100000}.burger-line{width:100%;height:1px;background:var(--text-light);transition:all .3s ease}.burger.active .burger-line:nth-child(1){transform:rotate(45deg) translate(4px,4px)}.burger.active .burger-line:nth-child(2){opacity:0}.burger.active .burger-line:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.mobile-menu{position:fixed;inset:0;background:var(--bg-dark);z-index:99999;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu.open{opacity:1;visibility:visible}.mobile-nav{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.mobile-nav-link{font-family:var(--heading-font);font-size:1.5rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--text-light);text-decoration:none;transition:opacity .3s}.mobile-nav-link:hover,.mobile-nav-link.active{opacity:.7}.mobile-nav button.mobile-nav-link{background:none;border:none;padding:0;margin:0;cursor:pointer;font-family:var(--heading-font);font-size:1.5rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:var(--text-light);text-decoration:none;transition:opacity .3s;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mobile-nav button.mobile-nav-link:hover{opacity:.7}.mobile-nav button.mobile-nav-link:focus{outline:none}@media(max-width:900px){.header{padding:1.5rem 2rem;display:flex;justify-content:center;align-items:center;position:relative}.header-logo{flex:0 0 auto}.nav-left,.nav-right{display:none}.burger{display:flex;position:absolute;right:2rem}}@media(max-width:768px){.nav-left,.nav-right{gap:.25rem}.nav-btn{padding:.6rem 1.2rem;font-size:.75rem}}.video-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:0;cursor:none}.video-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0a0a0a33,#0a0a0a80);z-index:1;pointer-events:none}.custom-cursor{position:fixed;color:#fff;font-size:2rem;font-weight:700;letter-spacing:.3em;font-family:var(--body-font);pointer-events:none;z-index:100;transform:translate(-50%,-50%);text-shadow:2px 0 #ff0000,-2px 0 #00ffff,0 0 20px rgba(255,255,255,.5);animation:vhsGlitch 3s infinite,popIn .3s ease-out forwards;opacity:0;transform-origin:center}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{transform:translate(-50%,-50%) scale(1.1)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes vhsGlitch{0%,75%,to{text-shadow:2px 0 #ff0000,-2px 0 #00ffff,0 0 20px rgba(255,255,255,.5)}76%{text-shadow:4px 0 #ff0000,-4px 0 #00ffff,0 0 25px rgba(255,255,255,.7);transform:translate(-50%,-50%) skew(-3deg)}78%{text-shadow:-3px 0 #ff0000,3px 0 #00ffff,0 0 25px rgba(255,255,255,.7);transform:translate(-50%,-50%) skew(3deg) translate(2px)}80%{text-shadow:5px 0 #ff0000,-5px 0 #00ffff,0 0 30px rgba(255,255,255,.8);transform:translate(-50%,-50%) skew(0)}82%{text-shadow:2px 0 #ff0000,-2px 0 #00ffff,0 0 20px rgba(255,255,255,.5);transform:translate(-50%,-50%)}90%{text-shadow:3px 0 #ff0000,-3px 0 #00ffff,0 0 20px rgba(255,255,255,.5);transform:translate(-50%,-50%) skew(-1deg)}92%{text-shadow:2px 0 #ff0000,-2px 0 #00ffff,0 0 20px rgba(255,255,255,.5)}}@media(max-width:768px){.video-container{cursor:default!important}.custom-cursor{display:none}}.video-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1.2s cubic-bezier(.4,0,.2,1)}.video-slide.active{opacity:1}.video-slide video{width:100%;height:100%;object-fit:cover}.name-container-top{position:fixed;top:7rem;left:0;right:0;width:100%;height:auto;z-index:90;pointer-events:none}.name-left,.name-right{position:absolute;font-family:var(--heading-font);font-size:clamp(4rem,12vw,10rem);letter-spacing:.05em;line-height:.9;color:var(--accent);text-transform:uppercase;opacity:0;animation:fadeSlideUp 1.2s cubic-bezier(.4,0,.2,1) .4s forwards;flex-shrink:0;white-space:nowrap}.name-left{left:4rem}.name-right{right:4rem;text-align:right;animation-delay:.6s}.mobile-subtitle{display:none}@media(max-width:1024px){.name-container-top{padding:0 2rem;top:6rem}.name-left,.name-right{font-size:6rem}.name-left{left:2rem}.name-right{right:2rem}}@media(max-width:768px){.name-container-top{top:5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.5rem}.name-wrapper{display:flex;justify-content:center;align-items:center;gap:1rem;width:100%}.mobile-subtitle{display:block;font-family:var(--body-font);font-size:.75rem;letter-spacing:.2em;font-weight:300;color:var(--white);opacity:0;text-transform:uppercase;animation:fadeSlideUp .8s ease .8s forwards}.name-left,.name-right{position:relative;left:auto;right:auto;font-size:3rem;text-align:center}}@media screen and (max-height:500px)and (orientation:landscape){.name-container-top{top:1.5rem!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:.5rem!important}.name-wrapper{display:flex!important;justify-content:center!important;align-items:center!important;gap:1rem!important;width:100%!important}.mobile-subtitle{display:block!important;font-family:var(--body-font)!important;font-size:.75rem!important;letter-spacing:.2em!important;font-weight:300!important;color:var(--white)!important;opacity:1!important;text-transform:uppercase!important}.name-left,.name-right{position:relative!important;left:auto!important;right:auto!important;font-size:2.5rem!important;text-align:center!important}}.director-info{position:absolute;left:4rem;bottom:40%;max-width:320px;opacity:0;animation:fadeSlideRight 1s cubic-bezier(.4,0,.2,1) .8s forwards}.director-label{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#fff;margin-bottom:1rem;font-weight:600}.director-description{font-size:.8rem;line-height:1.6;color:var(--text-light);font-weight:300;letter-spacing:.02em}.read-more{display:inline-block;margin-top:1rem;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);text-decoration:underline;cursor:pointer;background:none;border:none;padding:0;transition:opacity .3s}.read-more:hover{opacity:.7}@media(max-width:1024px){.director-info{left:2rem;right:2rem}}@media(max-width:768px){.director-info{display:none}}@media screen and (max-height:500px)and (orientation:landscape){.director-info{display:none!important}}.video-controls{position:absolute;right:4rem;bottom:40%;display:flex;flex-direction:column;gap:1rem;align-items:flex-end;opacity:0;animation:fadeSlideLeft 1s cubic-bezier(.4,0,.2,1) .8s forwards}.video-play-button{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--accent);padding:0}.video-play-button:hover{background:#fff3;border-color:#fffc;transform:scale(1.1)}.video-play-button svg{margin-left:2px}.project-title{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-light);text-align:right;font-weight:600}.play-button-container{position:relative;width:140px;height:140px}.play-button{width:140px;height:140px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);font-weight:600;font-family:var(--body-font)}.play-button:hover{background:#ffffff26;border-color:#fffc;transform:scale(1.05)}.progress-ring{position:absolute;top:-4px;left:-4px;width:148px;height:148px;transform:rotate(-90deg);pointer-events:none}.progress-ring circle{fill:none;stroke:var(--accent);stroke-width:2;transition:stroke-dashoffset .1s linear}.slide-navigation{display:flex;align-items:center;gap:1.5rem;margin-top:1rem}.nav-arrow{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1rem;color:var(--accent)}.nav-arrow:hover{background:#ffffff1a;border-color:#fff9;transform:scale(1.1)}.slide-indicator{font-size:.8rem;letter-spacing:.1em;color:var(--text-light);font-weight:300}.slide-indicator .current{font-weight:600}.progress-bar{position:relative;width:200px;height:2px;background:#ffffff1a;margin:.5rem 0}.progress-bar-fill{height:100%;background:var(--accent);transition:width .1s linear}@media(max-width:1024px){@media(hover:hover)and (pointer:fine){.video-play-button{display:none}}}@media(max-width:768px){.video-controls{position:absolute;right:auto;left:50%;transform:translate(-50%);bottom:10rem;align-items:center;animation:none;opacity:1}.project-title{text-align:center}.play-button-container,.play-button{width:100px;height:100px}.progress-ring{width:108px;height:108px}}@media screen and (max-height:500px)and (orientation:landscape){.video-controls{bottom:1.5rem!important;right:3rem!important;left:auto!important;transform:scale(.85)!important;transform-origin:bottom right!important;position:absolute!important;align-items:flex-end!important;animation:none!important;opacity:1!important}.play-button-container{width:90px!important;height:90px!important}.play-button{width:90px!important;height:90px!important;font-size:.6rem!important}.progress-ring{width:96px!important;height:96px!important}}.project-info-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;z-index:10003;animation:fadeIn .3s ease-out}.project-info-content{position:fixed;bottom:0;left:0;right:0;height:50vh;background:#141414;border:1px solid rgba(255,255,255,.15);border-bottom:none;overflow-y:auto;animation:slideUp .4s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.project-info-close{position:sticky;top:1.5rem;float:right;margin:1.5rem 1.5rem 0 0;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;line-height:1;padding:0}.project-info-close:hover{background:#fff3;border-color:#fff9;transform:scale(1.1)}.project-info-header{padding:3rem 3rem 2rem;border-bottom:1px solid rgba(255,255,255,.1);clear:both;text-align:center;max-width:900px;margin:0 auto}.project-info-title{font-family:var(--heading-font);font-size:2.5rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#fff;margin:0;line-height:1.2}.project-info-body{padding:2rem 3rem 3rem;display:grid;gap:2.5rem;text-align:center;max-width:900px;margin:0 auto}.project-info-section h3{font-family:var(--heading-font);font-size:.9rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#fff9;margin:0 0 1rem}.project-info-section p{font-family:var(--body-font);font-size:1rem;line-height:1.7;color:#ffffffe6;margin:0}.project-credits,.project-tech{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.project-credits li,.project-tech li{font-family:var(--body-font);font-size:1rem;line-height:1.6;color:#ffffffe6}.project-credits strong{color:#fff;font-weight:500}.project-info-content::-webkit-scrollbar{width:8px}.project-info-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.project-info-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.project-info-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(max-width:768px){.project-info-content{height:60vh}.project-info-close{top:1rem;margin:1rem 1rem 0 0;width:35px;height:35px;font-size:1.25rem}.project-info-header{padding:2.5rem 1.5rem 1.5rem}.project-info-title{font-size:1.75rem}.project-info-body{padding:1.5rem;gap:2rem}.project-info-section h3{font-size:.8rem}.project-info-section p,.project-credits li,.project-tech li{font-size:.9rem}}.video-player-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.close-button{position:absolute;top:2rem;right:2rem;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10100;opacity:1}.close-button:hover{background:#fff3;border-color:#fff9;transform:scale(1.1)}.player-logo-overlay{position:absolute;top:2rem;left:50%;transform:translate(-50%);z-index:10001;pointer-events:none;opacity:1;transition:opacity .5s ease-out}.player-logo-overlay.visible{opacity:1}.player-logo-overlay.hidden{opacity:0}.player-logo-text{font-family:var(--heading-font);font-size:1.5rem;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:#fff;margin:0;text-shadow:0 2px 10px rgba(0,0,0,.5)}.video-player-container{width:100vw;height:96vh;max-height:1080px;position:relative;animation:scaleIn .4s cubic-bezier(.4,0,.2,1)}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.video-player-container.embedded{position:absolute;top:0;left:0;width:100%;height:100%;max-height:none;animation:none;transform:none}.video-player-container iframe{width:100%;height:100%;border-radius:0}.video-title-overlay{position:absolute;top:2rem;left:2rem;z-index:10001;pointer-events:none;opacity:1;transition:opacity .5s ease-out}.video-title-overlay.visible{opacity:1}.video-title-overlay.hidden{opacity:0}.video-title{font-family:var(--heading-font);font-size:3rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#fff;margin:0;line-height:1.1;text-shadow:0 2px 10px rgba(0,0,0,.5)}.custom-controls{position:absolute;bottom:0;left:0;right:0;z-index:10001;opacity:1;transition:opacity .5s ease-out;pointer-events:none}.custom-controls.visible{opacity:1}.custom-controls.hidden{opacity:0}.controls-top{display:flex;justify-content:flex-end;padding:2rem 2rem 1rem}.controls-bottom{background:linear-gradient(to top,rgba(0,0,0,.9),transparent);padding:1.5rem 2rem 2rem}.progress-bar{width:100%;height:4px;background:#ffffff4d;border-radius:2px;cursor:pointer;margin-bottom:1rem;pointer-events:auto;transition:height .2s ease}.progress-bar:hover{height:6px}.progress-filled{height:100%;background:#fff;border-radius:2px;transition:width .1s linear}.custom-controls .controls-row{display:grid;align-items:center;gap:1rem}.custom-controls .controls-row.with-navigation{grid-template-columns:1fr auto 1fr}.custom-controls .controls-row.without-navigation{grid-template-columns:1fr 1fr}.custom-controls .controls-left,.custom-controls .controls-center,.custom-controls .controls-right{display:flex;align-items:center;gap:1rem}.custom-controls .controls-left{justify-content:flex-start}.custom-controls .controls-center{justify-content:center;gap:.75rem}.custom-controls .controls-right{justify-content:flex-end}.nav-label{font-family:var(--body-font);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#fff;opacity:.9;white-space:nowrap}.video-nav-btn{width:36px;height:36px;min-width:36px;min-height:36px;max-width:36px;max-height:36px}.control-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:40px;height:40px;min-width:40px;min-height:40px;max-width:40px;max-height:40px;color:#fff;font-size:1rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;pointer-events:auto;display:flex;align-items:center;justify-content:center;flex-shrink:0}.control-btn:hover{background:#fff3;border-color:#fff9;transform:scale(1.1)}.play-btn{font-size:.9rem}.time-display{font-family:var(--body-font);font-size:.85rem;color:#ffffffe6;font-weight:300;letter-spacing:.05em}.time-display-mobile{display:none;font-family:var(--body-font);font-size:.8rem;color:#ffffffe6;font-weight:300;letter-spacing:.05em}.volume-btn{font-size:1.2rem}.volume-slider{width:100px;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;outline:none;cursor:pointer;pointer-events:auto}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;transition:transform .2s ease}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:#fff;border-radius:50%;border:none;cursor:pointer;transition:transform .2s ease}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2)}.project-info-btn{padding:.75rem 1.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);border-radius:30px;color:#fff;font-family:var(--body-font);font-size:.85rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;pointer-events:auto}.project-info-btn:hover{background:#fff3;border-color:#fff9;transform:translateY(-2px)}@media(max-width:768px){.video-player-container{width:95vw;height:80vh}.close-button{top:1rem;right:1rem;width:40px;height:40px;font-size:1.5rem}.video-title-overlay{top:1rem;left:1rem}.video-title{font-size:1.5rem}.player-logo-overlay{top:1rem}.player-logo-text{font-size:1rem;letter-spacing:.12em}.controls-top{padding:0;position:static}.controls-bottom{padding:1rem 1rem 1.5rem;position:relative}.controls-row{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:1rem!important;grid-template-columns:none!important}.controls-left{justify-content:flex-start;display:flex;align-items:center;gap:.5rem}.controls-center{display:flex!important;gap:.5rem;align-items:center}.nav-label{font-size:.65rem;font-size:0}.nav-label:before{content:"NEXT";font-size:.65rem}.video-nav-btn{width:30px;height:30px;min-width:30px;min-height:30px}.custom-controls .controls-right{display:flex!important;gap:0}.volume-slider{display:none!important}.control-btn{width:35px;height:35px;font-size:.9rem}.time-display{font-size:.75rem}.project-info-btn{position:fixed;bottom:1.5rem;right:1rem;padding:.5rem 1rem;font-size:.7rem;z-index:10001}}@media screen and (max-height:500px)and (orientation:landscape){.video-player-overlay{align-items:flex-start!important;padding-top:1rem!important}.video-player-container{height:90vh!important;margin-top:0!important;width:90vw!important}.close-button{top:.5rem!important;right:.5rem!important;width:35px!important;height:35px!important;font-size:1.2rem!important}.player-logo-overlay{display:none!important}}body.mobile-menu-open .custom-controls,body.mobile-menu-open .video-title-overlay,body.mobile-menu-open .player-logo-overlay,body.mobile-menu-open .project-info-btn{display:none!important}.footer{position:fixed;bottom:2rem;left:3rem;z-index:100;display:flex;gap:2rem;align-items:center;opacity:0;animation:fadeSlideUp 1s cubic-bezier(.4,0,.2,1) 1.2s forwards}.footer .social-links{display:flex!important;flex-direction:row!important;gap:1rem!important}.footer .social-icon{width:32px;height:32px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;font-size:.7rem;color:var(--accent);text-decoration:none}.footer .social-icon:hover{background:#fff3;transform:translateY(-3px);opacity:1}.footer .copyright{font-size:.7rem;color:var(--text-muted);letter-spacing:.05em}.home{position:relative;min-height:100vh;overflow:hidden}.content-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none}.content-overlay>*{pointer-events:auto}.vhs-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a0a0a;z-index:10000;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:opacity .8s ease-out,visibility .8s ease-out}.vhs-loader.loaded{opacity:0;visibility:hidden;pointer-events:none}.vhs-scanlines{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.3) 50%);background-size:100% 4px;pointer-events:none;opacity:.3;animation:scanlines 8s linear infinite;z-index:2}@keyframes scanlines{0%{background-position:0 0}to{background-position:0 100%}}.vhs-noise{position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px);opacity:1;animation:vhsNoise .2s steps(8) infinite;pointer-events:none;z-index:1}@keyframes vhsNoise{0%,to{opacity:.8}50%{opacity:1}}.vhs-content{position:relative;z-index:3;text-align:center;display:flex;flex-direction:column;align-items:center;gap:2rem}.vhs-loading-text{font-family:var(--heading-font);font-size:3rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:#fff;text-shadow:2px 0 #ff0000,-2px 0 #00ffff,0 0 20px rgba(255,255,255,.5);animation:vhsLoadingGlitch 3s infinite;position:relative}@keyframes vhsLoadingGlitch{0%,75%,to{text-shadow:2px 0 #ff0000,-2px 0 #00ffff,0 0 20px rgba(255,255,255,.5);transform:skew(0)}76%{text-shadow:4px 0 #ff0000,-4px 0 #00ffff,0 0 25px rgba(255,255,255,.7);transform:skew(-3deg)}78%{text-shadow:-3px 0 #ff0000,3px 0 #00ffff,0 0 25px rgba(255,255,255,.7);transform:skew(3deg) translate(2px)}80%{text-shadow:5px 0 #ff0000,-5px 0 #00ffff,0 0 30px rgba(255,255,255,.8);transform:skew(0)}82%{text-shadow:2px 0 #ff0000,-2px 0 #00ffff,0 0 20px rgba(255,255,255,.5);transform:skew(0)}90%{text-shadow:3px 0 #ff0000,-3px 0 #00ffff,0 0 20px rgba(255,255,255,.5);transform:skew(-1deg)}92%{text-shadow:2px 0 #ff0000,-2px 0 #00ffff,0 0 20px rgba(255,255,255,.5);transform:skew(0)}}.vhs-progress{width:400px;max-width:90vw}.progress-bar-container{width:100%;height:6px;background:#ffffff1a;border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden;box-shadow:inset 0 0 10px #00000080,0 0 10px #ffffff1a}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#ffffffe6,#fff9,#ffffffe6);background-size:200% 100%;animation:progressShimmer 1.5s linear infinite;transition:width .3s ease-out;box-shadow:0 0 15px #ffffff80}@keyframes progressShimmer{0%{background-position:200% 0%}to{background-position:-200% 0%}}@media(max-width:768px){.vhs-loading-text{font-size:2rem;letter-spacing:.2em}.vhs-progress{width:80%}.vhs-content{gap:1.5rem}}.works-page{min-height:100vh;background:#f5f5f5;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,rgba(0,0,0,.02) 2px,rgba(0,0,0,.02) 4px);color:#000}.works-content{padding:7rem 4% 6rem;max-width:1600px;margin:0 auto}.works-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4rem 3rem}.work-item{position:relative;cursor:pointer;transition:transform .4s ease}.work-item:hover{transform:translateY(-4px)}.work-item:nth-child(6n+1){grid-column:2 / 12}.work-item:nth-child(6n+2){grid-column:1 / 6}.work-item:nth-child(6n+3){grid-column:7 / 13;margin-top:3rem}.work-item:nth-child(6n+4){grid-column:1 / 8;margin-top:2rem}.work-item:nth-child(6n+5){grid-column:9 / 13}.work-item:nth-child(6n){grid-column:2 / 12}.work-item:nth-child(4){grid-column:2 / 6;grid-row:span 2}.work-item:nth-child(6){grid-column:8 / 13}.work-item:nth-child(8){grid-column:3 / 11}.work-item:nth-child(12){grid-column:8 / 13}.work-item-header{margin-bottom:.5rem;display:flex;align-items:baseline;gap:.4rem}.work-item-number{font-family:var(--heading-font);font-size:1.4rem;font-weight:600;color:#000}.work-item-title-top{font-family:var(--heading-font);font-size:1.4rem;font-weight:400;letter-spacing:.05em;text-transform:uppercase;color:#000;margin:0}.work-category-top{font-family:var(--heading-font);font-size:1rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#000;margin-left:auto}.work-content{width:100%;position:relative;overflow:hidden;background:#000}.work-video-wrapper,.work-image-wrapper{width:100%;height:100%;position:relative;overflow:hidden}.work-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:100%;height:100%;object-fit:cover;pointer-events:none}.work-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.work-item:hover .work-image{transform:scale(1.02)}.work-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.work-item:hover .work-overlay{opacity:1}.work-play-icon{display:flex;align-items:center;justify-content:center}.work-play-icon svg{width:48px;height:48px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.work-video-thumbnail{width:100%;height:100%;object-fit:cover;object-position:top;pointer-events:none;user-select:none;-webkit-user-select:none}.work-video-thumbnail::-webkit-media-controls{display:none!important;opacity:0!important;visibility:hidden!important}.work-video-thumbnail::-webkit-media-controls-enclosure{display:none!important}.work-video-thumbnail::-webkit-media-controls-panel{display:none!important}.work-video-thumbnail::-webkit-media-controls-play-button{display:none!important}.work-video-thumbnail::-webkit-media-controls-start-playback-button{display:none!important}.work-video-wrapper{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.work-video-thumbnail:before,.work-video-thumbnail:after{display:none!important}.photo-gallery-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;align-items:flex-end;justify-content:center;z-index:10005;animation:fadeIn .3s ease-out}.photo-gallery-close{position:fixed;top:2rem;right:2rem;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10010;line-height:1;padding:0}.photo-gallery-close:hover{background:#fff3;border-color:#fff9;transform:scale(1.1)}.photo-gallery-sheet{width:100%;max-height:90vh;background:var(--background);overflow-y:auto;animation:slideUpFromBottom .5s cubic-bezier(.4,0,.2,1);padding:4rem 5% 6rem}.photo-gallery-header{text-align:center;margin-bottom:4rem;max-width:800px;margin-left:auto;margin-right:auto}.photo-gallery-title{font-family:var(--heading-font);font-size:2.5rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:#fff;margin:0 0 1rem}.photo-gallery-count{font-family:var(--body-font);font-size:1rem;color:#fff9;letter-spacing:.1em;text-transform:uppercase;margin:0}.photo-gallery-grid{max-width:1400px;margin:0 auto;column-count:3;column-gap:2rem}.gallery-image{width:100%;height:auto;object-fit:contain;animation:fadeIn .4s ease-out;break-inside:avoid;margin-bottom:2rem;display:inline-block}@keyframes slideUpFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media(max-width:1024px){.works-grid{gap:3rem 1.5rem}.photo-gallery-grid{column-count:2;column-gap:1.5rem}.gallery-image{margin-bottom:1.5rem}.photo-gallery-title{font-size:2rem}}@media(max-width:768px){.works-content{padding:6rem 5%}.works-grid{grid-template-columns:1fr;gap:3rem}.work-item:nth-child(6n+1),.work-item:nth-child(6n+2),.work-item:nth-child(6n+3),.work-item:nth-child(6n+4),.work-item:nth-child(6n+5),.work-item:nth-child(6n){grid-column:span 1;margin-top:0!important}.work-item-header{margin-bottom:.75rem}.work-item-number,.work-item-title-top{font-size:1.1rem}.work-category-top{font-size:.95rem}.photo-gallery-sheet{padding:3rem 5% 5rem}.photo-gallery-header{margin-bottom:3rem}.photo-gallery-title{font-size:1.75rem}.photo-gallery-count{font-size:.9rem}.photo-gallery-grid{column-count:1;column-gap:0}.gallery-image{margin-bottom:1.5rem}.photo-gallery-close{top:1rem;right:1rem;width:40px;height:40px;font-size:1.5rem}.work-overlay{opacity:1!important;background:transparent}.work-play-icon svg{width:40px;height:40px}}.about-page{min-height:100vh;background:var(--background);color:var(--text-light)}.about-content{padding:12rem 3rem 6rem;max-width:1400px;margin:0 auto}.about-container{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:5rem}.about-section{margin-bottom:6rem;text-align:center}.about-heading{font-family:var(--heading-font);font-size:1.5rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;margin-bottom:2rem;color:#fff;text-align:center}.about-text{font-family:var(--body-font);font-size:1.1rem;line-height:1.8;color:#ffffffd9;font-weight:300;max-width:900px;margin:0 auto;text-align:center}.about-text p{margin-bottom:1.5rem}.about-text p:last-child{margin-bottom:0}.contact-email{font-family:var(--body-font);font-size:1.3rem;color:#fff;text-decoration:none;transition:all .3s ease;display:inline-block;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:.25rem}.contact-email:hover{color:#ffffffb3}.contact-phones{display:flex;flex-direction:column;gap:.75rem;align-items:center;margin-top:1.5rem}.contact-phone-row{display:flex;align-items:center;gap:1rem}.contact-phone-label{font-family:var(--body-font);font-size:.9rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;min-width:60px;text-align:right}.contact-phone{font-family:var(--body-font);font-size:1.1rem;color:#ffffffd9;text-decoration:none;transition:all .3s ease;display:inline-block}.contact-phone:hover{color:#fff}.about-page .social-links{display:flex;flex-direction:column;gap:1rem;align-items:center}.about-page .social-link{font-family:var(--body-font);font-size:1.1rem;color:#ffffffe6;text-decoration:none;transition:all .3s ease;display:inline-block;width:fit-content;position:relative}.about-page .social-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#fff;transition:width .3s ease}.about-page .social-link:hover{color:#fff}.about-page .social-link:hover:after{width:100%}.clients-section{margin-bottom:4rem}.clients-list{font-family:var(--body-font);font-size:1rem;line-height:1.8;color:#fffc;font-weight:300;max-width:900px;margin:0 auto;text-align:center}@media(max-width:768px){.about-content{padding:10rem 2rem 4rem}.about-container{gap:3.5rem}.about-section{gap:1.5rem}.about-heading{font-size:.8rem}.about-text p{font-size:1rem;line-height:1.7}.contact-email{font-size:1.1rem}.social-link{font-size:1rem}.clients-list{font-size:.95rem}.clients-section{padding-top:2rem}}@media(max-width:480px){.about-content{padding:9rem 1.5rem 3rem}.about-text p{font-size:.95rem}.contact-email{font-size:1rem}}.subtl-lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--bg-dark);z-index:2000;display:flex;flex-direction:column;animation:fadeIn .3s ease-out}.subtl-lightbox-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.subtl-lightbox-close{position:absolute;top:2rem;right:2rem;width:40px;height:40px;background:#00000080;border:1px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;z-index:2100;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.subtl-lightbox-close:hover{background:#ffffff1a;transform:rotate(90deg)}.close-line{position:absolute;width:20px;height:2px;background-color:var(--white);transition:background-color .3s ease}.close-line:first-child{transform:rotate(45deg)}.close-line:last-child{transform:rotate(-45deg)}.subtl-video-section{width:100%;background:#000;position:relative}.subtl-video-container{position:relative;width:100%;max-width:1400px;margin:0 auto;padding:0 4rem}.subtl-video-player-wrapper{position:relative;width:100%;aspect-ratio:16 / 9}.subtl-video-player-wrapper iframe,.subtl-video-player-wrapper .video-player-container{position:absolute;top:0;left:0;width:100%;height:100%}.subtl-info{padding:3rem 4rem;text-align:left;max-width:1400px;margin:0 auto}.subtl-info h1{font-family:var(--heading-font);font-size:3.5rem;color:var(--white);margin-bottom:.5rem;letter-spacing:.05em}.subtl-credits{font-family:var(--body-font);font-size:.9rem;letter-spacing:.2em;color:var(--text-muted);text-transform:uppercase}.subtl-section{padding:2rem 4rem 4rem;max-width:1400px;margin:0 auto}.subtl-section h2{font-family:var(--heading-font);font-size:2rem;color:var(--white);margin-bottom:2rem;letter-spacing:.1em;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.subtl-grid{display:grid;gap:1.5rem}.main-grid{grid-template-columns:repeat(3,1fr)}.bts-grid{grid-template-columns:repeat(5,1fr)}.bts-grid .subtl-image-wrapper{position:relative;filter:grayscale(1) contrast(1.2) brightness(1.1)}.bts-grid .subtl-image-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:2;opacity:.6}.bts-grid .subtl-image-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='1'/%3E%3C/svg%3E"),radial-gradient(circle,transparent 60%,rgba(0,0,0,.4) 100%);background-size:200px 200px,100% 100%;pointer-events:none;z-index:3;opacity:.4;mix-blend-mode:overlay}.bts-grid .subtl-image-wrapper:hover{filter:grayscale(1) contrast(1.3) brightness(1.2)}.subtl-image-wrapper{overflow:hidden;border-radius:4px;transition:transform .3s ease;aspect-ratio:2/3;background:#111;position:relative}.subtl-image-wrapper img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}.subtl-image-wrapper:hover img{transform:scale(1.02)}.subtl-footer{padding:4rem 2rem;text-align:center;color:var(--text-muted);font-family:var(--body-font);font-size:.75rem;letter-spacing:.1em;opacity:.5}.image-gallery-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000fa;z-index:3000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease}.gallery-close-btn,.gallery-nav-btn{position:absolute;background:#ffffff1a;border:none;color:#fff;cursor:pointer;z-index:3002;width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.gallery-close-btn:hover,.gallery-nav-btn:hover{background:#ffffff40;transform:scale(1.1)}.gallery-close-btn{top:2rem;right:2rem}.gallery-nav-btn.prev{left:2rem}.gallery-nav-btn.next{right:2rem}.gallery-counter{position:absolute;bottom:2rem;color:#ffffff80;font-family:var(--body-font);font-size:.9rem;letter-spacing:.1em}.gallery-image-container{width:100%;height:100%;padding:2rem 6rem;display:flex;align-items:center;justify-content:center}.gallery-image-wrapper{position:relative;display:inline-block}.gallery-image-wrapper img{max-width:100%;max-height:85vh;object-fit:contain;display:block;box-shadow:0 0 50px #00000080}.bts-gallery-wrapper img{filter:grayscale(1) contrast(1.2) brightness(1.1)}.bts-gallery-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 2px,rgba(0,0,0,.1) 2px,rgba(0,0,0,.1) 4px);pointer-events:none;z-index:2;opacity:.4}.bts-gallery-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='1'/%3E%3C/svg%3E"),radial-gradient(circle,transparent 60%,rgba(0,0,0,.4) 100%);background-size:200px 200px,100% 100%;pointer-events:none;z-index:3;opacity:.3;mix-blend-mode:overlay}.subtl-lightbox-content::-webkit-scrollbar{width:8px}.subtl-lightbox-content::-webkit-scrollbar-track{background:var(--bg-dark)}.credits-container{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;text-align:left}.credit-group h3{font-family:var(--body-font);font-size:.85rem;letter-spacing:.1em;color:var(--white);margin-bottom:1.5rem;text-transform:uppercase;opacity:.6;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem;display:inline-block}.credit-row{font-family:var(--body-font);font-size:.9rem;margin-bottom:.75rem;line-height:1.4;color:var(--white)}.credit-row .role{color:var(--text-muted);margin-right:.5rem;opacity:.7}.credit-row .name{font-weight:500}.subtl-lightbox-content::-webkit-scrollbar-thumb{background:#333;border-radius:4px}@media(max-width:1024px){.subtl-info{padding:2rem}.subtl-video-container{padding:0 2rem}.subtl-info h1{font-size:2.5rem}.subtl-section{padding:2rem}.bts-grid{grid-template-columns:repeat(2,1fr)}.credits-container{grid-template-columns:repeat(2,1fr);gap:3rem}}@media(max-width:768px){.subtl-lightbox-close{top:1rem;right:1rem;width:36px;height:36px;background:#000000b3}.subtl-info{padding:1.5rem}.subtl-video-container{padding:0 1.5rem}.subtl-info h1{font-size:2rem}.subtl-section{padding:1.5rem}.main-grid{grid-template-columns:1fr;gap:1rem}.bts-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.subtl-section h2{font-size:1.5rem;margin-bottom:1.5rem}.credits-container{grid-template-columns:1fr;gap:2rem}.subtl-footer{padding-bottom:6rem}}.subtl-page{width:100%;min-height:100vh;background-color:var(--bg-dark)}.subtl-page-content{width:100%}.archive-page{min-height:100vh;background-color:var(--bg-dark);color:var(--text-light);font-family:Courier New,Courier,monospace;position:relative;overflow-x:hidden}.archive-container{position:relative;z-index:10;padding:140px 5% 60px;max-width:900px;margin:0 auto}.archive-list-section{width:100%;position:relative;z-index:20}.archive-header-title{font-size:.9rem;font-weight:700;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.2rem;opacity:.5;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:1rem;display:block;color:var(--text-light)}.archive-list{display:flex;flex-direction:column;gap:1.5rem}.archive-row{display:flex;flex-direction:column;align-items:flex-start;padding-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);cursor:default;transition:opacity .3s ease;opacity:.4}.archive-row:hover,.archive-row.active{opacity:1}.archive-top-line{display:flex;justify-content:space-between;width:100%;margin-bottom:.4rem;font-size:.75rem;letter-spacing:.1em;color:#fff9}.archive-id{font-weight:700}.archive-meta{display:flex;gap:2rem}.archive-title{font-size:1.8rem;font-weight:400;text-transform:uppercase;letter-spacing:-.02em;line-height:1}.archive-preview-section{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;overflow:hidden;background:var(--bg-dark)}.archive-preview-content{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;animation:fadeInPreview .5s ease forwards}.archive-preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ffffff0d;font-size:2rem;text-transform:uppercase;letter-spacing:.5rem}@keyframes fadeInPreview{0%{opacity:0;transform:scale(1.05)}to{opacity:.25;transform:scale(1)}}@media(max-width:768px){.archive-container{padding-top:150px}.archive-title{font-size:2rem}.archive-row{gap:.5rem}.archive-preview-section{opacity:.2}}.app{min-height:100vh}main{min-height:100vh}