@charset "UTF-8";.menu a,body{font-size:.9rem;font-weight:200}.contact a,.menu a,body{font-weight:200}.social-icon-wrapper:hover,body{background-color:var(--color-background)}.header,.playlist-grid,.portfolio-container{box-sizing:border-box}:root{--color-primary:#3d3d3d;--color-highlight:#ff0000;--color-background:#fff;--color-dark:#000;--color-light:#a0a0a0}.contact,.menu a,body{color:var(--color-primary)}body{margin:0;font-family:Inter,sans-serif}.page-content{min-height:calc(100vh - 0px);display:flex;flex-direction:column;justify-content:flex-start}.header{display:flex;justify-content:space-between;align-items:center;padding:10px 0 0 10px;position:fixed;width:100%;top:0;left:0;background:rgba(255,255,255,.8);z-index:1000}.logo{max-width:320px;padding:10px 0 5px 10px}.menu{display:flex;gap:30px;margin-right:100px}.menu a{text-decoration:none;transition:transform .3s,opacity .3s}.menu a:not(.active-link):hover{transform:scale(1.1);opacity:.7}.hamburger-menu{display:none;flex-direction:column;cursor:pointer}.hamburger-menu span{width:20px;height:2px;background:var(--color-primary);margin:4px 0}.nav-link.active-link{font-weight:200;position:relative;display:inline-block;text-align:right;pointer-events:none;cursor:default}.nav-link.active-link::before{content:"[";position:absolute;left:-.8ch}.nav-link.active-link::after{content:"]";position:absolute;right:-.8ch}.page-content{opacity:0;transition:opacity .5s ease-in-out;-webkit-transition:opacity .5s ease-in-out}.contact a,.contact a:hover{transition:transform .3s,opacity .3s;text-decoration:none}.home-image-link:hover .home-image,.home-image-link:hover .home-image-hover-2,.page-content.fade-in{opacity:1}.home-image-link:hover .home-image-hover-1,.page-content.fade-out{opacity:0}.content-home{position:relative;height:100vh;display:flex;justify-content:flex-end;align-items:flex-end;padding:20px}.home-image-container{position:absolute;bottom:20%;right:15%;transform:translate(0,0)}.home-image{display:block;max-width:400px;height:auto}.home-image-link{position:relative;display:inline-block;cursor:pointer;text-decoration:none}.home-image-hover-1,.home-image-hover-2{position:absolute;max-width:400px;height:auto;transition:opacity .1s;top:0;left:0}.home-image-hover-1{display:block;opacity:1}.home-image-hover-2{display:block;opacity:0}.content-about,.content-contact{position:relative;height:100vh;display:flex;justify-content:flex-start;align-items:flex-start;padding:20px}.about,.contact{position:absolute;top:20%;left:15%;transform:translate(0,0);font-size:1rem;line-height:1.5;font-family:Inter,sans-serif}.about h1,.contact h1{font-size:2rem;margin-bottom:20px;color:var(--color-dark)}.about,.about h2,.contact a,.contact h2,.copyright,.director p,.director-name{color:var(--color-primary)}.about h2,.contact h2{font-size:1.4rem;margin-bottom:10px}.about p,.contact p{margin:10px 0}.contact a{font-size:.9rem}.contact a:hover{color:var(--color-highlight)}.about img.icon-info,.contact img.icon-red-phone{display:block;max-width:100px;margin-bottom:20px}.about{max-width:500px;word-wrap:break-word;fill:var(--color-primary)}.content{padding:180px 100px 50px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;justify-content:center;max-width:1200px;margin:0 auto}.director{text-align:left;font-style:italic}.director img{width:100%;aspect-ratio:2.0/1;object-fit:cover;border-radius:4px;margin-bottom:5px;transition:filter .3s,transform .3s}.director-link:hover .director img{filter:brightness(1.2)}.director p{padding-left:5px;margin:0;padding-top:0;padding-bottom:15px;transition:color .3s}.director-link{text-decoration:none;display:block;transition:transform .3s}.director-link:hover .director p,.playlist-item:hover p{color:var(--color-dark)}.footer{margin-top:auto;text-align:center;padding:20px;background:rgba(0,0,0,0);position:relative}.social-icons{display:flex;justify-content:center;gap:15px}.social-icons a{color:#a0a0a0;font-size:20px}.social-icon{width:34px;height:34px;transition:fill .3s}.icon-phone{transform:translateX(1px);display:block;margin:auto}.social-icon-wrapper{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:transparent;border:1px solid var(--color-primary);transition:background-color .3s,border-color .3s}.social-icon-wrapper:hover{border-color:var(--color-dark)}.social-icon-wrapper:hover .social-icon{opacity:.6}.social-icon-wrapper:hover .social-icon path{fill:var(--color-dark)}.copyright{text-align:center;margin-top:10px;font-size:10px}.portfolio-container{padding:120px 100px 50px;max-width:1200px;margin:0 auto;justify-content:center}.director-name{font-family:Inter,sans-serif;font-weight:300;font-size:2rem;margin-bottom:20px;padding-left:10px;text-align:left}.playlist-item p,.video-title{margin-top:10px;font-family:Inter,sans-serif;font-weight:200;font-size:.9rem;text-align:left;font-style:italic}.video-title{margin-bottom:50px;padding-left:0;color:var(--color-dark)}.video-player-container{position:relative;width:100%;padding-top:56.25%;margin:0 auto;border-radius:0;box-shadow:none}.video-player-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;border:none;pointer-events:none}.custom-controls{position:absolute;bottom:15px;left:15px;right:15px;align-items:center;width:calc(100% - 30px);display:flex;gap:10px;opacity:0;transition:opacity .3s;pointer-events:none}.video-player-container:hover .custom-controls{opacity:1;pointer-events:auto}.custom-controls button,.custom-controls input{padding:8px 12px;border:none;border-radius:5px;background-color:rgba(0,0,0,.7);color:#fff;cursor:pointer}.fullscreen-button,.play-pause-button,.volume-button{display:flex;justify-content:center;align-items:center;font-size:.8rem;padding-bottom:10;width:24px;height:24px;color:grey;background-color:rgba(0,0,0,.7);border:none;border-radius:4px;cursor:pointer;outline:0;transition:color .3s,background-color .3s}.custom-controls .fullscreen-button:hover,.custom-controls .play-pause-button:hover,.custom-controls .volume-button:hover{color:red;background-color:rgba(100,100,100,.9)}#progress-bar{width:100%;height:2px;border-radius:1px;appearance:none;background:rgba(255,255,255,.3);outline:0;cursor:pointer}#progress-bar::-webkit-slider-runnable-track{height:1px;background:var(--color-highlight);border-radius:1px}#progress-bar::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--color-light);margin-top:-4px;transition:background .2s}#progress-bar::-moz-range-track{height:1px;background:var(--color-highlight);border-radius:1px}#progress-bar::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--color-light);transition:background .2s}.playlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px;width:100%;margin:0 auto;padding:0 10}.playlist-item{display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;position:relative}.playlist-item img{width:100%;aspect-ratio:2.35/1;object-fit:cover;border-radius:5px}.playlist-item p{width:100%;color:var(--color-primary)}.playlist-item.active{outline:2px solid var(--color-accent);outline-offset:4px;transition:outline .3s}.playlist-item img:hover{filter:brightness(1.1);transition:filter .3s}@media (max-width:900px){.content{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.page-content{min-height:calc(100vh + 40px)}.menu,.menu a{text-align:right}.hamburger-menu.active span:nth-child(2),.menu{opacity:0}.menu{visibility:hidden;display:flex;flex-direction:column;gap:10px;position:fixed;padding-right:20px;top:0;right:0;margin-right:0;width:35vw;max-width:200px;min-width:100px;height:100vh;background:var(--color-background);padding-top:60px;z-index:1000;transform:translateX(100%);transition:transform .3s ease-in-out,opacity .3s ease-in-out;pointer-events:none;box-shadow:-5px 0 10px rgba(0,0,0,.2)}.menu.active{visibility:visible;opacity:1;transform:translateX(0);pointer-events:auto}.menu a{display:inline-block;position:relative;padding:6px 0;font-size:1rem;color:var(--color-primary);transition:transform .3s,opacity .3s;transform-origin:right center}.nav-link.active-link::before{position:relative;right:100%;margin-right:-.5ch}.hamburger-menu{display:flex;padding:0 20px;margin-bottom:6px;flex-direction:column;cursor:pointer;position:relative;z-index:1100}.hamburger-menu span{background:var(--color-primary);margin:4px 0;transition:.3s ease-in-out;width:24px;height:1px}.hamburger-menu.active span:first-child{width:18px;transform:rotate(45deg) translate(6px,7px)}.hamburger-menu.active span:nth-child(3){width:18px;transform:rotate(-45deg) translate(6px,-7px)}.content{width:90vw;padding:100px 10px 30px}.logo{width:160px;padding:0 0 5px;margin-left:-30px}.director p{padding-left:10px}.home-image-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;text-align:center}.home-image,.home-image-hover-1,.home-image-hover-2{max-width:250px;height:auto;display:block;margin:0 auto;padding-right:10px}.about{text-align:center;top:15%;left:10%;right:10%;transform:translate(0,0);max-width:80%;margin-bottom:50px}.about img.icon-info,.contact img.icon-red-phone{display:block;margin:0 auto 20px}.contact{text-align:center;top:15%;left:10%;right:10%;transform:translate(0,0);max-width:80%}.portfolio-container{padding:80px 30px 50px}.playlist-grid{grid-template-columns:1fr;gap:15px;padding:0 15px;margin:0 auto}.video-player-container{width:96%;max-width:100%;padding-top:56.25%}.playlist-item img{width:100%;aspect-ratio:16/9;object-fit:cover}.playlist-item p{font-size:.8rem;text-align:center}.director-name{font-size:1.6rem}.playlist-item-title{font-size:.6rem}}@media (max-width:600px){.content{grid-template-columns:1fr}.about{font-size:.9rem;margin-bottom:50px}.contact{font-size:.9rem}.portfolio-container{padding:80px 10px 50px}.playlist-grid{grid-template-columns:1fr;gap:10px;padding:0 5px;margin:0 auto}.video-player-container{width:98%;max-width:100%;padding-top:56.25%}.playlist-item img{width:100%;aspect-ratio:16/9;object-fit:cover}.playlist-item p{font-size:.6rem;text-align:center}.video-title{font-size:.8rem}.director-name{font-size:1.6rem}.footer{margin-top:20px;position:relative}}