.navbar{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0;padding:10px 30px;background-color:#000;position:fixed;top:0;left:0;width:100%;z-index:1000}.menu{display:flex;gap:20px;list-style:none;padding:0;margin:0 70px 0 0}.menu li a{color:#fff;text-decoration:none;font-weight:500;transition:color .3s ease}.menu li a:hover{color:#f0f0f0}.head__logo{width:60px;margin:0}@media(max-width:480px){.navbar{flex-direction:column;align-items:center;padding:10px 15px}.head__logo{width:50px;margin-bottom:10px}.menu{flex-direction:column;max-height:0;overflow:hidden;transition:max-height .3s ease;background-color:#000;position:absolute;top:60px;right:10px;padding:0 20px;border-radius:8px;width:150px;z-index:1000}.menu.active{max-height:500px}.menu li{margin:10px 0}.menu li a{font-size:14px}}@media(min-width:481px)and (max-width:768px){.navbar{flex-direction:row;justify-content:space-between;padding:10px 20px}.head__logo{width:55px}.menu{flex-direction:column;max-height:0;overflow:hidden;transition:max-height .3s ease;background-color:#000;position:absolute;top:60px;right:10px;padding:0 20px;border-radius:8px;width:200px;z-index:1000;gap:10px}.menu.active{max-height:500px}.menu li{margin:10px 0}.menu li a{font-size:16px}}@media(min-width:1600px){.navbar{padding:20px 25px}.head__logo{width:80px}.menu{gap:30px;width:auto;padding:0;position:relative;max-height:none;flex-direction:row;background-color:transparent}.menu li a{font-size:20px}}.intro{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem;background-color:beige;position:relative}.intro__title{font-size:170px;margin-left:100px;margin-top:-100px;color:#ffc72c;position:relative;display:inline-block;padding:20px 40px}.intro__subtitle{font-size:90px;margin-top:-60px;margin-left:130px;color:#000;display:inline-block;padding:10px 20px}.intro__subdos{margin-left:130px;margin-top:10px;font-size:40px;color:#3c3c3c}.intro__img-container{position:absolute;top:0;right:10px;width:600px;height:685px;overflow:hidden;z-index:0}.intro__img{width:100%;position:relative;top:-10px}@media(max-width:480px){.intro{padding:1rem;align-items:center;display:flex;flex-direction:column;min-height:auto;height:700px}.intro__title{font-size:60px;margin:50px 0 0;padding:10px 20px;text-align:center;order:1}.intro__subtitle{font-size:30px;margin:-10px 0 0;padding:5px 10px;text-align:center;order:2}.intro__subdos{font-size:18px;margin:0;text-align:center;order:3}.intro__img-container{width:400px;height:auto;margin-top:-60px;position:relative;display:flex;justify-content:center;align-items:flex-end;order:4;margin-bottom:-10px;z-index:0}.intro__img{width:100%;height:auto;top:30px}}@media(min-width:481px)and (max-width:768px){.intro{padding:1.5rem;display:flex;flex-direction:column;align-items:flex-start;height:auto;position:relative}.intro__title,.intro__subtitle,.intro__subdos{position:relative;z-index:2}.intro__title{font-size:100px;margin:0 0 10px 20px;padding:15px 30px}.intro__subtitle{font-size:50px;margin:0 0 10px 30px;padding:8px 15px}.intro__subdos{font-size:24px;margin:0 0 10px 30px}.intro__img-container{position:absolute;top:0;right:10px;width:300px;height:auto;z-index:1;pointer-events:none}.intro__img{width:100%;height:auto}}@media(min-width:1600px){.intro{padding:3rem 5rem;min-height:100vh;align-items:flex-start}.intro__title{font-size:200px;margin-left:120px;margin-top:-100;padding:30px 50px}.intro__subtitle{font-size:120px;margin-left:150px;margin-top:-60px;padding:15px 30px}.intro__subdos{font-size:50px;margin-left:200px;margin-top:-10px}.intro__img-container{width:800px;height:950px;top:0;right:30px;display:flex;justify-content:center;align-items:flex-end;z-index:0}.intro__img{width:80%;height:auto;top:0}}.premiere{width:clamp(200px,80vw,1200px);margin:110px auto;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:40px}.premiere__img{max-width:400px}.premiere__title{font-size:60px;margin-top:-15px}.premiere__text{margin-top:10px}.fade-in{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media(max-width:480px){.premiere{flex-direction:column;gap:20px;margin-top:60px;margin-bottom:60px;padding:0 10px}.premiere__img{max-width:100%}.premiere__title{font-size:28px;margin-top:0;text-align:center}.premiere__text{margin-top:0;text-align:center;font-size:14px}}@media(min-width:481px)and (max-width:768px){.premiere{flex-direction:row;gap:25px;margin-top:80px;margin-bottom:80px;padding:0 20px}.premiere__img{max-width:250px}.premiere__title{font-size:40px;margin-top:-10px}.premiere__text{margin-top:-20px;font-size:16px}}@media(min-width:1600px){.premiere{gap:60px;margin-top:160px;margin-bottom:160px;padding:0 100px}.premiere__img{max-width:500px}.premiere__title{font-size:80px;margin-top:-10px}.premiere__text{margin-top:10px;font-size:20px}}.audio-player{display:flex;flex-direction:column;gap:8px;font-family:sans-serif;color:#000;padding:12px;border-radius:8px;max-width:400px;background:#fff}.audio-player__info{display:flex;justify-content:space-between;font-size:14px}.audio-player__spotify{color:#000;text-decoration:none}.audio-player__spotify:hover{text-decoration:underline}.audio-player__btn{background:none;border:none;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.play-icon{width:0;height:0;border-left:14px solid #ffaf10;border-top:8px solid transparent;border-bottom:8px solid transparent;transition:all .2s}.pause-icon{display:flex;gap:4px;transition:all .2s}.pause-icon:before,.pause-icon:after{content:"";display:block;width:4px;height:16px;background:#ffaf10;border-radius:2px}.audio-player__timeline{height:6px;background:#333;border-radius:3px;cursor:pointer;position:relative;width:100%}.audio-player__progress{height:100%;background:#ffaf10;width:0%;border-radius:3px;transition:width .1s linear}.audio-player__time{font-size:12px;width:60px;text-align:right;margin-top:2px}@media(max-width:480px){.audio-player{max-width:100%;padding:8px;font-size:12px}.audio-player__info{flex-direction:column;gap:4px;font-size:12px}.audio-player__btn{width:24px;height:24px;margin-bottom:6px}.play-icon{border-left:12px solid #ffaf10;border-top:6px solid transparent;border-bottom:6px solid transparent}.pause-icon:before,.pause-icon:after{width:3px;height:12px}.audio-player__time{width:50px;font-size:10px}}@media(min-width:481px)and (max-width:768px){.audio-player{max-width:90%;padding:10px;font-size:13px}.audio-player__info{font-size:13px}.audio-player__btn{width:26px;height:26px;margin-bottom:7px}.play-icon{border-left:13px solid #ffaf10;border-top:7px solid transparent;border-bottom:7px solid transparent}.pause-icon:before,.pause-icon:after{width:3px;height:14px}.audio-player__time{width:55px;font-size:11px}}@media(min-width:1600px){.audio-player{max-width:600px;padding:20px;gap:12px;font-size:16px}.audio-player__info{font-size:16px}.audio-player__btn{width:36px;height:36px;margin-bottom:12px}.play-icon{border-left:18px solid #ffaf10;border-top:10px solid transparent;border-bottom:10px solid transparent}.pause-icon:before,.pause-icon:after{width:5px;height:20px}.audio-player__time{width:80px;font-size:14px}}.videoclip-wrapper{width:100%;max-width:1200px;aspect-ratio:16 / 9;margin:0 auto;background-color:#000}.videoclip-wrapper iframe{width:100%;height:100%;border:0}@media(max-width:480px){.videoclip-wrapper{max-width:100%;margin:20px auto;aspect-ratio:16 / 9}}@media(min-width:481px)and (max-width:768px){.videoclip-wrapper{max-width:90%;margin:30px auto;aspect-ratio:16 / 9}}@media(min-width:1600px){.videoclip-wrapper{max-width:1400px;margin:50px auto;aspect-ratio:16 / 9}.videoclip-wrapper iframe{width:100%;height:100%}}.media-block{display:flex;gap:40px;align-items:center;width:100%;max-width:2000px;margin:80px auto -120px;background-color:#000;min-height:500px;padding:40px 20px}.media-block.reverse{flex-direction:row-reverse}.media-block__img{max-width:400px;width:100%;height:auto;margin-left:100px}.media-block__content{max-width:600px;color:#fff}.media-block__title{font-size:70px;margin-top:-80px;line-height:1}.media-block__text{margin-top:20px;font-size:16px}@media(max-width:768px){.media-block{flex-direction:column;margin-bottom:0;padding:60px 20px;min-height:auto}.media-block.reverse{flex-direction:column}.media-block__img{margin-left:0;max-width:340px;order:1;align-self:center}.media-block__content{max-width:100%;order:2;text-align:left;padding:0 40px}.media-block__title{font-size:48px}.media-block__text{margin-top:20px;font-size:16px;line-height:1.6}}@media(max-width:480px){.media-block{gap:24px;padding:40px 10px}.media-block__img{max-width:260px;order:1;align-self:center}.media-block__content{order:2;text-align:left;padding:0 20px}.media-block__title{font-size:32px}.media-block__text{font-size:14px;line-height:1.6}}@media(min-width:1600px){.media-block{gap:60px;padding:80px 60px;margin-top:100px;margin-bottom:-80px;min-height:10px}.media-block.reverse{flex-direction:row-reverse}.media-block__img{max-width:500px;margin-left:120px}.media-block__content{max-width:700px;padding:0 60px}.media-block__title{font-size:80px}.media-block__text{font-size:15px;margin-top:0;line-height:1.6}}.photogrid__subtitle{font-size:80px;text-align:center;margin:0 0 3rem;padding-top:2rem}.photo-grid__container{background-color:#ffe87f;width:100%;min-height:120vh;padding:4rem 2rem 2rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;margin-top:110px}.photo-grid{display:flex;gap:10px;width:95%;overflow-x:auto;overflow-y:visible;scroll-behavior:smooth;margin:0;padding:0}.photo-grid__item{flex:0 0 300px;margin:10px 0 0;padding:10px}.photo-grid__img{width:100%;display:block;gap:100px;min-height:400px;margin-top:-10px}.photo-grid__caption{margin-top:8px}.photo-grid__caption h3{margin:0;font-size:16px}.photo-grid__caption p{margin:2px 0 0;font-size:14px;opacity:.7}.photo-grid::-webkit-scrollbar{height:1px}.photo-grid::-webkit-scrollbar-thumb{background:#00000a;border-radius:7px}@media(max-width:480px){.photogrid__subtitle{font-size:32px;padding-top:1rem;margin-bottom:2rem}.photo-grid__container{padding:2rem 1rem 1rem;min-height:auto;margin-top:0}.photo-grid{gap:8px;width:100%}.photo-grid__item{flex:0 0 350px;padding:5px;margin-top:0}.photo-grid__img{width:100%}.photo-grid__caption h3{font-size:14px}.photo-grid__caption p{font-size:12px}}@media(min-width:481px)and (max-width:768px){.photogrid__subtitle{font-size:50px;padding-top:1.5rem;margin-bottom:2.5rem}.photo-grid__container{padding:3rem 1.5rem 2rem;margin-top:100px;min-height:80vh}.photo-grid{gap:10px;width:95%}.photo-grid__item{flex:0 0 200px;padding:8px;margin-top:0}.photo-grid__caption h3{font-size:15px}.photo-grid__caption p{font-size:13px}}@media(min-width:1600px){.photogrid__subtitle{font-size:100px;margin-bottom:4rem;padding-top:3rem}.photo-grid__container{padding:6rem 8rem 4rem;min-height:100vh}.photo-grid{gap:20px;width:90%}.photo-grid__item{flex:0 0 300px;padding:12px}.photo-grid__caption h3{font-size:18px}.photo-grid__caption p{font-size:16px}}.photo-grid__img{width:100%;height:400px;object-fit:cover;display:block}@media(max-width:480px){.photo-grid__img{height:50px}}@media(min-width:481px)and (max-width:768px){.photo-grid__img{height:280px}}@media(min-width:1600px){.photo-grid__img{height:400px}}.footer{margin-top:0;padding:40px 20px;background:#111;color:#fff}.footer__content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer__brand{font-size:14px;opacity:.7}.footer__nav{display:flex;gap:20px}.footer__nav a{color:#fff;text-decoration:none;font-size:20px;opacity:.8}.footer__nav a:hover{opacity:1}.footer__logo{max-width:30px;margin-left:-370px;margin-right:-20px}@media(max-width:480px){.footer{padding:30px 15px;text-align:center}.footer__content{flex-direction:column;gap:15px;align-items:center}.footer__brand{font-size:12px}.footer__nav{flex-wrap:wrap;gap:10px}.footer__nav a{font-size:16px}.footer__logo{max-width:20px;margin:0 auto;display:block}}@media(min-width:481px)and (max-width:768px){.footer{padding:35px 20px}.footer__content{flex-direction:column;gap:18px;align-items:center}.footer__brand{font-size:13px}.footer__nav a{font-size:18px}.footer__logo{max-width:25px;margin:0 auto;display:block}}@media(min-width:1600px){.footer__content{max-width:1600px;gap:40px}.footer__brand{font-size:16px}.footer__nav a{font-size:22px;gap:30px}.footer{padding:60px 40px}.footer__logo{max-width:30px;margin-left:-560px}}.fade-in-section{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}@media(max-width:480px){.fade-in-section{transform:translateY(15px)}}@media(min-width:481px)and (max-width:768px){.fade-in-section{transform:translateY(20px)}}@media(min-width:1600px){.fade-in-section{transform:translateY(50px)}}.app{max-width:1280px;margin-top:10px;padding:2rem;text-align:center}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.app__title{font-size:150px;margin-left:130px}.app__subtitle{font-size:60px;margin-top:-100px;margin-left:130px}.app__subdos{margin-left:130px}@media(max-width:480px){.app{padding:1rem;margin-top:5px}.app__title{font-size:40px;margin-left:0;text-align:center}.app__subtitle{font-size:20px;margin-top:10px;margin-left:0;text-align:center}.app__subdos{margin-left:0;text-align:center;font-size:16px}}@media(min-width:481px)and (max-width:768px){.app{padding:1.5rem;margin-top:8px}.app__title{font-size:80px;margin-left:20px}.app__subtitle{font-size:35px;margin-top:-50px;margin-left:20px}.app__subdos{margin-left:20px;font-size:18px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:hidden;font-family:system-ui,sans-serif;color:#060606;position:relative}img,video,iframe{max-width:100%;height:auto;display:block}.container,.photo-grid,.premiere,.videoclip-wrapper,.footer__content,.intro__img-container,.flex,.grid{max-width:100%}body{overflow-y:auto;-webkit-overflow-scrolling:touch}.photo-grid{overflow-x:auto;-webkit-overflow-scrolling:touch}