:root{--black:#000000;--white:#ffffff;--orange:#ea8e3e;--very-light-pink:#c7c7c7;--text-input-field:#f7f7f7;--dark:#232830;--sm:1.4rem;--md:1.6rem;--lg:1.8rem;--elg:2.2rem;--title:2.5rem;--subtitle:2rem}
*{box-sizing:border-box;margin:0;padding:0;text-decoration:none}
html{font-size:62.5%;scroll-behavior:smooth}
body{background-color:#000;color:var(--white);font-family:Unbounded,Helvetica,sans-serif}
h1{color:#fff;font-size:var(--elg);font-style:normal;font-weight:800;line-height:normal}
h2{color:#fff;font-family:Unbounded;font-size:var(--elg);font-style:normal;font-weight:200;line-height:normal}
h3{font-size:4vw}
h4{margin:.07em 0 .1em;letter-spacing:1px;font-size:4vw;font-weight:200}
h5{font-style:italic;font-size:4vw;font-weight:100}
main{display:flex;flex-direction:column;align-items:center}
.anomia__photo{width:100%;height:100vh;z-index:0;background-size:cover;background-position:center;background-attachment: scroll !important;}
.main-article{display:flex;place-items:center;height:74vh;flex-direction:column-reverse;margin-top:13rem;width:100%}
.home{background-image:url('/assets/image/mobile/index/home\ background.png');background-attachment:fixed;background-size:contain;height:100%;background-repeat:no-repeat;background-position-y:7rem}
#featured{position:absolute;bottom:2rem;left:2rem;z-index:1}
.main-article__div{width:100%;max-width:100%;max-height:100%}
#principal_logo img{display:none}
#principal_description{max-width:70%;margin:auto 10vw;display:flex;justify-content:center}
#principal_description p{font-size:4vw;text-align:left;font-weight:100}
.festivals{width:100%}
.section__title{width:100%;text-align:center;margin:4rem 0rem}
.project_width--50{background-color:var(--black);width:100%;height:56vw;cursor:pointer}
.project__container{align-items:flex-end;display:flex}
.image{display:flex;width:100%;align-items:center;justify-content:center;background:#000}
.info{position:absolute;z-index:0;vertical-align:top;color:#fff;margin:1rem 1rem}
.video__index{width:100%}
.section__content{display:flex;flex-direction:column;gap:0rem}
#video__index--music-wins{object-fit:cover}
.main-nav{text-decoration:none;list-style:none;align-items:center;height:6rem;font-family:Unbounded,cursive;display:flex;justify-content:space-evenly;transform:scale(1);margin-top:2rem}
#li_menu_button_open a img{position:absolute;height:6rem;top:3.8rem;left:4rem}
.main-nav__item{display:none}
.main-nav__item a{height:6rem;font-family:Unbounded,cursive;text-decoration:none;color:var(--white);font-size:var(--lg);font-weight:700}
#li_clients a,#li_contact a,#li_humans a{font-weight:200}
.main-nav__item a:hover{text-shadow:0 0 2px var(--white)}
.header-botton{display:flex;justify-content:space-between;width:100vw}
#logo_header{width:auto;text-align:center}
#logo_header img{width:35rem;height:auto;margin-left:5rem}
#es_in_botton{margin-right:5rem;width:auto}
#es_in_botton p{font-size:2rem;text-align:center;position:relative;top:50%}
#footer_items{display:flex;flex-direction:column;gap:20px;margin-top:4rem;margin-bottom:3rem}
#footer_items a{text-align:center;color:#fff;text-decoration:none;font-size:1.3rem;font-weight:100}
#footer_icons{display:flex;width:17%;padding:4% 3%;justify-content:space-between;align-items:center}
#footer_icons img{width:24px}
div#principal_description p b {font-weight: 400;}
@media (max-width:780px){
#work-section{position:relative;top:-52px}
#principal_description{height:100%;width: 85%;}
#principal_description p{font-size:16px;letter-spacing:1px;text-align:center}
.main-article{margin-top:8rem}
section.festivals.works__sections.sections {margin-top: 40px;}
.anomia__photo {height: 90vh !important;}}
@media screen and (orientation:landscape) and (max-width:780px){
.main-article{margin-top:4rem;height: 100%;}
#principal_description p{font-size:16px}
}
@media (max-width: 480px){
.anomia__photo{background-image: url('/assets/image/Frame\ 53.jpg') !important}}

.blur-in{animation:blur-in 1s linear both}
.blur-in2{animation:blur-in 1.6s linear both}
@keyframes blur-in{
0%{filter:blur(12px);opacity:0}
100%{filter:blur(0);opacity:1}
}
@keyframes blur-in2{
0%{filter:blur(12px);opacity:0}
100%{filter:blur(0);opacity:1}
}