*{--c:#EDDAAC;--b:#090F1E;--c_dark:#dbc89d;--b_light:#172955;--H:"Dela Gothic One",sans-serif;--P:"Play",sans-serif;--posX:450px;--posY:-150px;transition:all .2s ease-in-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{cursor:pointer;background:var(--b);border:1px solid var(--c_dark);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;&:hover{background:#46453e}}::-webkit-scrollbar-track{background:var(--c)}*{scroll-behavior:smooth}@media (max-width:1100px){html{overflow-x:hidden;scroll-behavior:auto}}body,html{background-color:var(--b);color:var(--c);font-family:var(--H);margin:0}h1,h2,h3,h4,h5,h6,p{font-family:var(--H);margin:0;font-weight:400}a{position:relative;color:var(--c);transition:color .15s ease;margin:0;padding:0;&:before{transform:scaleX(0);transform-origin:bottom right}&:hover{color:var(--b);&:before{transform:scaleX(1);transform-origin:bottom left}}&:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;inset:0 0 0 0;background:var(--c);z-index:-1;transition:transform .3s ease}}.active{* a,a.alt{&:hover{color:var(--c)}&:before{background-color:var(--b)}}}.btn,button{display:flex;align-items:center;justify-content:center;background-color:var(--c);color:var(--b);padding:8px 15px;cursor:pointer;border:3px solid var(--c);font-family:var(--H);text-align:start;.alt{border:2px solid var(--b)}&:hover,.alt{background-color:var(--b);color:var(--c)}&.textBtn{background-color:transparent;color:var(--b)}&.right200{padding-right:200px}&.left200{padding-left:200px}&.rightAuto{padding-right:auto}&.leftAuto{padding-left:auto}&.width100{text-align:left;align-items:start;justify-content:start;width:100%}&.alt{background-color:var(--b);color:var(--c);border:2px solid var(--b);&:hover{background-color:var(--c);color:var(--b);border:2px solid var(--b)}}}select{background-color:var(--b);color:var(--c);border:2px solid var(--c);padding:12px 18px;border-radius:0;font-family:var(--P);transition:all .2s ease-in-out;outline:none;cursor:pointer;option{background-color:var(--b);color:var(--c)}&:focus{outline:none;border-color:var(--c_dark);background:var(--b_light)}}input[type=email],input[type=file],input[type=name],input[type=password],input[type=phone],input[type=text],textarea{background-color:var(--b);color:var(--c);border:2px solid var(--c);padding:12px 18px;border-radius:0;font-family:var(--P);transition:all .2s ease-in-out;&.error{border-color:rgb(190,43,43)}&.alt{background-color:var(--b);color:var(--c);border:2px solid var(--b);&:hover{background-color:var(--c);color:var(--b)}}&.default{&:focus{outline:none;border-color:var(--c);background:var(--b_light)}}&:focus{outline:none;border-color:var(--b)}}.popup{position:fixed;inset:0;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:100}.popup-inner{position:relative;background:var(--c);padding:20px;max-width:500px;width:100%;display:flex;align-items:stretch;flex-direction:column}.admin{display:flex;flex-direction:row;align-items:start;justify-content:space-between;.sidebar{background-color:var(--c);width:250px;height:100vh;position:fixed;display:flex;flex-direction:column;justify-content:space-between;.sidebar-block{display:flex;flex-direction:column;.sidebar-logo{width:60%;align-self:center;fill:var(--b);margin:50px 0}.sidebar-item{padding:12px 20px;font-size:16px;cursor:pointer;color:var(--b);background-color:var(--c);&:hover{text-decoration:underline}&.active,&:hover{background-color:var(--b);color:var(--c)}&.active{position:relative}}}}.edit-space{width:calc(100vw - 290px);padding:20px;margin-left:250px;.release-list{margin-top:20px;background-color:var(--c)}}.form-style{width:100%;.row{display:flex;.info{display:flex;align-items:center;width:100%;margin-right:5px;.label{width:150px}input{width:100%}}.actions{display:flex;gap:5px}}}.service-block-edit{display:flex;flex-direction:column;max-width:400px;.service-block-edit-label{border:2px solid var(--c);border-bottom:none;text-align:center}#img_1,#img_2,#img_cover{border:2px solid var(--c);border-top:none}.p{flex-direction:column;gap:3px;margin-top:3px;margin-bottom:3px}.buttons,.p{display:flex}.buttons{gap:5px}}}.services-block{margin-top:40px;margin-bottom:40px}.services-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));max-width:100%;overflow:hidden}.service-block{position:relative;width:auto;height:100%;aspect-ratio:1/1;overflow:hidden;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;box-sizing:border-box;padding:15px;gap:10px;background-color:var(--b);-webkit-user-select:none;-moz-user-select:none;user-select:none;&:before{content:"";position:absolute;width:calc(100% + 30px);height:calc(100% + 30px);top:-15px;left:-15px;background:linear-gradient(0deg,#090f1ed7 25%,#090f1e00 70%);z-index:1}.description,.title{position:relative;z-index:2;margin:0;word-wrap:break-word;line-height:100%}.title{font-weight:600;font-family:var(--H);font-size:1em;margin-bottom:5px;font-weight:500}.description{font-weight:500;font-family:var(--P);opacity:.6;font-size:.5em}img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}&:hover{cursor:pointer;img{transform:scale(1.15) rotate(2deg);opacity:.5}}}@media (min-width:1607px){.service-block{font-size:2.2rem}}@media (max-width:1607px){.service-block{font-size:2.5rem}}@media (max-width:1500px){.service-block{font-size:2rem}}@media (max-width:1207px){.service-block{font-size:3rem}}@media (max-width:1007px){.service-block{font-size:2.5rem}}@media (max-width:907px){.service-block{font-size:2rem}}@media (max-width:807px){.service-block{font-size:3rem}}@media (max-width:607px){.service-block{font-size:2.6rem}}@media (max-width:450px){.service-block{font-size:2rem}}.swipe-icon{position:absolute;display:none;top:50%;right:20px;transform:translate(-50%,-50%);font-size:40px;color:var(--b);opacity:1;transition:opacity .3s ease;z-index:10;background-color:var(--c);padding:5px;border-radius:50%;animation:SwipeAnimation 2s ease infinite}@media (max-width:930px){.releases-block-client{.scroll-icon,.swipe-icon{top:60%}}}.scroll-icon{position:absolute;width:50px;height:50px;top:55%;right:20px;transform:translate(-50%,-50%);font-size:40px;color:var(--b);opacity:1;transition:opacity .3s ease;z-index:10;background-color:var(--c);padding:5px;border-radius:50%;animation:ScrollAnimation 2s ease infinite;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;&:hover{opacity:.3}&.first{top:250px}&.second{top:70%;bottom:250px}}.releases-block-client{background:var(--c);position:relative;.releases-block-header{color:var(--b);padding-left:20px;padding-top:50px;font-size:30px;.description{padding-top:10px;font-family:Play;font-size:20px;opacity:.5}}&:after{content:"";position:absolute;top:0;inset:0;background:linear-gradient(-90deg,var(--c) 0,transparent 20%);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}.release-list{display:flex;flex-direction:row;position:relative;justify-content:start;gap:10px;padding:50px 10px;overflow:auto;.release-block{display:flex;flex-direction:column;max-width:300px;min-width:300px;gap:5px;padding:10px;color:var(--b);border:2px solid var(--b);overflow:hidden;box-sizing:border-box;&:hover{color:var(--c);background:var(--b);button{color:var(--b);background:var(--c);border:2px solid var(--b);&:hover{color:var(--c);background:var(--b);border:2px solid var(--c_dark)}}}img{width:100%;object-fit:cover;&.withLink{aspect-ratio:1/1;object-fit:cover}&.noLink{aspect-ratio:9/11;object-fit:cover}}.release-block-info{display:flex;flex-direction:column;.description,.title,.type{word-wrap:break-word;font-family:Play;line-height:100%;padding-left:10px}.type{opacity:.5;margin-top:5px}.title{font-weight:900}.description{font-weight:500;opacity:.8;font-size:14px}}button{margin:15px 22px 15px -12px}}.release-block-edit{display:flex;flex-direction:column;margin-bottom:20px;gap:10px}}.new_release-list{display:flex;flex-direction:row;position:relative;justify-content:start;gap:10px;background:var(--c);padding:50px 10px;overflow:auto;.release-block{display:flex;flex-direction:column;max-width:300px;min-width:300px;height:418px;gap:5px;padding:10px;color:var(--b);border:2px solid var(--b);box-sizing:border-box;&:hover{color:var(--c);background:var(--b);cursor:pointer;.imgs-block{background:var(--c);border:2px solid var(--b);box-sizing:border-box;position:relative;.text{font-family:Play;opacity:1}.artist-name,.text{color:var(--b)}.main-img{width:100%;object-fit:contain;padding-bottom:0;margin-bottom:0;max-height:330px}.addictional-imgs{height:550px;width:160px;top:50%;left:90%;transform:scale(1) translateY(-50%)}}button{color:var(--b);background:var(--c);border:2px solid var(--b);&:hover{color:var(--c);background:var(--b);border:2px solid var(--c_dark)}}}.imgs-block{border:2px solid var(--b);box-sizing:border-box;display:flex;align-items:end;justify-content:center;position:relative;background:var(--c);width:270px;margin:0 auto;.text{opacity:0;position:absolute;font-size:12px;display:flex;flex-direction:column;font-weight:500;font-family:Play;padding:15px;box-sizing:border-box;width:100%;left:50%;transform:translate(-50%);z-index:10;transition:all .5s ease;p{font-size:14px;font-family:Play}&:before{content:"";position:absolute;height:200%;width:100%;bottom:0;left:0;z-index:-1;background:linear-gradient(0deg,var(--c) 50%,transparent 100%)}}.artist-name{display:block;position:absolute;width:100%;white-space:nowrap;top:0;z-index:1}.main-img{width:100%;max-height:330px;object-fit:contain;padding-bottom:0;margin-bottom:0;z-index:2;box-sizing:border-box}.addictional-imgs{position:absolute;z-index:10;height:0;width:0;top:50%;transform:scale(0) translateY(-50%);left:90%;transition:all .3s ease-in-out;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;max-height:100%;object-fit:contain;box-sizing:border-box;.first-img,.second-img{max-height:auto;width:100%;object-fit:contain}.second-img{max-height:100%;object-fit:cover}}}.release-block-info{display:flex;flex-direction:column;margin-top:auto;margin-bottom:auto;.description,.title,.type{word-wrap:break-word;font-family:Play;line-height:100%;padding-left:10px}.type{opacity:.5;margin-top:5px}.title{font-weight:900}.description{font-weight:500;opacity:.8;font-size:14px}}button{margin:15px 22px 15px -12px}}.release-block-edit{display:flex;flex-direction:column;margin-bottom:20px;gap:10px}}.artists-client{padding:40px 0;position:relative;.title{font-size:32px;font-weight:300;padding-left:30px}.description{font-family:Play;font-size:20px;opacity:.5}}.artists-list{display:flex;gap:20px;justify-content:start;padding:20px 0;overflow:auto;scrollbar-width:none;::-webkit-scrollbar{display:none}}.artist-item{display:flex;flex-direction:column;min-width:300px;border:2px solid var(--c);padding:10px;color:var(--b);background-color:var(--b);box-sizing:border-box;&:hover{cursor:pointer;padding:5px;transition:all .2s ease-in-out}.artist-image{width:100%;aspect-ratio:10/11;object-fit:cover;border:1px solid var(--b)}.artist-title{margin-top:8px;padding:4px 6px;font-family:Play,sans-serif;font-weight:600;background:var(--c);border-top:2px solid var(--b)}}.menu,.socials{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:20px}.social-icons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;font-size:22px;&.start{align-items:start;justify-content:start}}ul{display:flex;flex-direction:row;list-style-type:none;padding:0;gap:25px;li{a{text-decoration:none}}}.header{display:flex;flex-direction:row;padding:20px 30px 5px;color:var(--b);position:fixed;top:0;left:0;right:0;z-index:1000;color:var(--c);background:#090f1e00;&.active{background:var(--c);padding:2px 15px;color:var(--b);margin:20px;border:2px solid var(--b);* a{color:var(--b)}}.logo{width:225px;height:auto}.navigation{flex:1 1;display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-left:50px;line-height:100%;.logo{display:none}}}@media (max-width:930px){.header{align-items:center;padding:10px 20px;font-size:25px;justify-content:space-between;&.active{background:var(--c);padding:2px 15px;color:var(--b);margin:0;* a{color:var(--b)}}.mobile-burger{display:flex;flex-direction:column;gap:2px;cursor:pointer;height:25px;width:30px;z-index:100;.burger-line{width:30px;height:3px;background-color:var(--c);transition:all .3s ease-in-out;&.active{background-color:var(--b)}&:first-child{transform:translateY(0)}&:nth-child(2){transform:translateY(5px)}&:nth-child(3){transform:translateY(10px)}}&.active{.burger-line{background-color:var(--b)}.burger-line:first-child{transform:translateY(5px) rotate(45deg)}.burger-line:nth-child(2){opacity:0}.burger-line:nth-child(3){transform:translateY(-5px) rotate(-45deg)}}}.navigation{opacity:0;position:fixed;height:100vh;width:100vw;left:-100%;top:0;display:flex;flex-direction:column;background-color:var(--c);color:var(--b);justify-content:start;margin-left:0;.logo{display:block;width:300px;margin:100px 0}&.active{opacity:1;left:0}.menu,.socials{display:flex;flex-direction:column;gap:10px;ul{display:flex;flex-direction:column;align-items:center;gap:15px;li{a{color:var(--b);line-height:15px;&:before{background-color:var(--b)}&:hover{color:var(--c)}}}}}.socials{height:100%;justify-content:space-between;.social-icons{gap:40px;font-size:40px}}}}}.cover-block{background-image:url(/images/cover.png);background-size:auto;background-position:50%;background-repeat:no-repeat;min-height:90vh;padding:50px;text-align:left;display:flex;flex-direction:row;align-items:end;justify-content:space-between;h1{font-size:46px;line-height:100%;margin-bottom:29px}p{font-size:26px;font-family:var(--P);opacity:.5}}@media (max-width:930px){.cover-block{padding:20px;min-height:90vh;flex-direction:column;align-items:center;justify-content:end;text-align:center;gap:20px;margin-bottom:100px;h1{font-size:36px;margin-bottom:20px}p{font-size:20px}}}.static-about{background-color:var(--c);color:var(--b);padding:250px 100px;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;.leftside{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:450px;position:relative;.logomark{top:calc(327px + var(--posY));right:calc(326px + var(--posX));width:250px}.logomark,.textmark{position:absolute;height:auto}.textmark{top:calc(630px + var(--posY));right:calc(150px + var(--posX));width:340px}&:after,&:before{content:"";position:absolute;background-size:cover;background-position:50%}&:before{background-image:url(/images/image\ 14.png);width:400px;height:525px;top:calc(150px + var(--posY));right:calc(-300px + var(--posX));z-index:2}&:after{width:450px;height:450px;top:var(--posY);right:var(--posX);z-index:1;background-image:url(/images/image\ 15.png)}.about_img{width:300px;top:0}.about_img{max-width:100%;height:auto}}.rightside{display:flex;flex-direction:column;align-items:start;justify-content:center;text-align:start;max-width:40vw;width:100%;gap:50px;min-width:430px;.logo{position:absolute;right:35px;top:35px;width:80px}}h2{font-size:36px}p{font-size:20px;font-family:var(--P);opacity:.5;max-width:800px;margin:0 auto}}@media (max-width:1650px){.static-about{--altPosX:0px;--altPosY:0px;.leftside{.logomark{opacity:0}.textmark{top:calc(700px + var(--posY) + var(--altPosY));right:calc(-10px + var(--posX) + var(--altPosX))}&:before{right:50px;width:400px;height:500px}&:after{right:350px}}}}@media (max-width:1480px){.static-about{--altPosX:0px;--altPosY:0px;.leftside{.logomark{opacity:0}.textmark{top:calc(700px + var(--posY) + var(--altPosY));right:calc(-200px + var(--posX) + var(--altPosX))}&:before{top:50px;right:50px;width:350px;height:450px}&:after{width:350px;height:350px;right:350px}}}}@media (max-width:1300px){.static-about{--altPosX:0px;--altPosY:0px;.leftside{.logomark{opacity:0}.textmark{top:calc(650px + var(--posY) + var(--altPosY));right:calc(-300px + var(--posX) + var(--altPosX))}&:before{top:110px;right:50px}&:after,&:before{width:350px;height:350px}&:after{top:-50px;right:270px}}}}@media (max-width:1200px){.static-about{--altPosX:0px;--altPosY:0px;.leftside{.logomark{opacity:0}.textmark{top:calc(650px + var(--posY) + var(--altPosY));right:calc(-300px + var(--posX) + var(--altPosX))}&:before{top:150px;right:50px}&:after,&:before{width:300px;height:300px}&:after{top:-100px;right:230px}}}}@media (max-width:1070px){.static-about{--altPosX:0px;--altPosY:0px;background-color:none;background:url(/images/image\ 14.png);background-size:auto;background-position:50%;background-repeat:no-repeat;&:before{inset:0;-webkit-backdrop-filter:brightness(.5);backdrop-filter:brightness(.5);z-index:1}&:after,&:before{content:"";position:absolute}&:after{background-image:url(/logomark_light.svg);width:150px;height:150px;background-size:cover;background-position:50%;top:50px;left:50%;transform:translateX(-50%);z-index:3}.rightside{background-color:hsla(42,64%,80%,.9);padding:50px;z-index:2}.leftside{display:none;.logomark{opacity:0}.textmark{top:calc(650px + var(--posY) + var(--altPosY));right:calc(-300px + var(--posX) + var(--altPosX))}&:before{top:150px;right:50px}&:after,&:before{width:300px;height:300px}&:after{top:-100px;right:230px}}}}@media (max-width:800px){.static-about{--altPosX:0px;--altPosY:0px;.leftside{.logomark{opacity:0}}.rightside{padding:20px;max-width:none;min-width:40vh;box-sizing:border-box;.logo{display:none}p{font-size:18px;opacity:.8}}}}.contacts-block-client{display:flex;font-family:Play;margin-top:100px;align-items:center;justify-content:center;overflow:hidden;padding-left:15vw;padding-right:15vw;.leftside{display:flex;flex-direction:column;gap:20px;min-width:400px;width:400px;width:350px;padding:50px;background-color:var(--c);color:var(--b);z-index:2;.email,.phone{a{display:flex;flex-direction:row;align-items:center;justify-content:start;gap:5px;.label{font-weight:600;font-size:20px}.value{font-size:18px;opacity:.8}}}* a{color:var(--b);text-decoration:none;transition:color .2s ease-in-out;&:hover{color:var(--c_dark)}}p{font-family:Play;opacity:.5}}.rightside{color:var(--c);background-image:url(/images/Frame\ 292.png);background-size:cover;background-position:50%;background-repeat:no-repeat;width:100%;height:700px;z-index:1;margin-left:calc(-10vw)}}@media (max-width:1670px){.contacts-block-client{padding-left:100px;padding-right:100px}}@media (max-width:1370px){.contacts-block-client{background-image:url(/images/Frame\ 292_clear.png);background-size:cover;background-position:50%;background-repeat:no-repeat;width:100%;height:800px;z-index:1;margin:0;padding-left:0;padding-right:0;.rightside{display:none;color:var(--c);background-image:url(/images/Frame\ 292.png);background-size:cover;background-position:50%;background-repeat:no-repeat;width:100%;height:700px;z-index:1;margin-left:0}}}@media (max-width:500px){.contacts-block-client{width:100%;height:800px;z-index:1;margin:0;padding-left:0;padding-right:0;.leftside{padding:30px;min-width:auto}.rightside{display:none}}}.footer{display:flex;background-color:var(--b);align-items:center;justify-content:space-between;padding:20px 100px;gap:10px;font-family:Play;*{transition:all .5 ease;a{background-color:var(--b);&:hover{background-color:var(--c)}}}.logo{width:200px}.footer-nav{display:flex;gap:100px;align-items:start;position:relative;.label{font-weight:600;font-size:20px}.value{font-size:18px;opacity:.8}.footer-menu{ul{display:flex;flex-direction:column;align-items:start;gap:5px}}.socials{align-items:start;gap:100px;.social-links{display:flex;flex-direction:column;align-items:start;gap:5px;&.icons{gap:15px}}display:flex;p{font-family:Play;opacity:.5}}.email,.phone{a{display:flex;align-items:center;justify-content:center;gap:10px}}}}@media (max-width:1066px){.footer-menu{display:none}.footer{.footer-nav{.socials{.social-links{display:none;&.icons{display:flex;gap:15px}}}}}}@media (max-width:600px){.footer{display:flex;flex-direction:column}}.feedback-form{display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;label{color:var(--b);margin-top:10px;margin-bottom:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none}button{margin-top:20px}}.popup-logo{width:200px;margin:0 auto}form.p{label{color:var(--b)}}textarea{transition:all 0s linear;max-width:100%}@keyframes SwipeAnimation{0%,to{transform:translateX(-20px)}50%{transform:translateX(20px)}}@keyframes ScrollAnimation{0%,to{transform:translateX(-10px) rotate(-90deg)}50%{transform:translateX(10px) rotate(-90deg)}}