*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh}:root{font-size:4px;--primary-color: #23004b;--accent-color: #f041ff;--secondary-color: rgb(220, 220, 220)}#root{min-height:100vh}::-webkit-scrollbar{width:2rem}::-webkit-scrollbar-track{background:#502771}::-webkit-scrollbar-thumb{background:#792589d7}::-webkit-scrollbar-thumb:hover{background:#91479c;cursor:pointer}@font-face{font-family:Dortmund;src:url(/assets/Dortmund-ExtraBold-CKV6NDIP.otf) format("opentype");font-weight:400}@font-face{font-family:Raleway;src:url(/assets/Raleway-VariableFont_wght-tcJTL8Dy.ttf) format("truetype");font-weight:400}@font-face{font-family:Raleway Italics;src:url(/assets/Raleway-VariableFont_wght-tcJTL8Dy.ttf) format("truetype");font-weight:400}h1,h2,h3,h4,h5,h6{font-family:Dortmund,sans-serif}body,button{font-family:Raleway,sans-serif}h1{font-size:16rem}h2{font-size:12rem}h3{font-size:10rem}h4{font-size:8rem}h5{font-size:6rem}h6{font-size:3rem}p{font-size:4rem}.navbar{position:fixed;padding:0;margin:0;width:100%;height:17rem;transition:all .5s;z-index:3}.navbar-scrolled{background-color:#edededc6}#mezzo-logo{height:100%;width:auto;margin-left:2rem;position:absolute;left:0;display:flex;align-items:center;justify-content:space-evenly}#mezzo-logo img{height:12rem;width:auto;padding-bottom:1rem}#navbar-menu{position:absolute;right:0;height:100%;width:100rem;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-around}.nav-button{border:none;background-color:transparent;color:var(--secondary-color);font-weight:700;cursor:pointer;font-size:4rem}.navbutton-scrolled{color:#212121}.hamburger-btn{display:none;position:absolute;right:2rem;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;line-height:0;color:var(--secondary-color);z-index:4}.hamburger-scrolled{color:#212121}.mobile-overlay{position:fixed;inset:0;background:transparent;display:flex;align-items:flex-start;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:3}.mobile-overlay.open{opacity:1;pointer-events:auto}.mobile-panel{width:100%;height:35vh;background-color:#502771bf;color:#fff;display:flex;align-items:center;justify-content:center;transform:translateY(-100%);transition:transform .35s ease}.mobile-overlay.open .mobile-panel{transform:translateY(0)}.mobile-links{list-style:none}.mobile-links li{margin:4rem 0}.mobile-links a{font-size:4rem;font-weight:700}.mobile-links a:hover{color:#d4b8ff}@media (max-width: 900px){#navbar-menu{display:none}.hamburger-btn{display:block}}.nav-button.active{text-decoration:underline;text-underline-offset:.4rem;text-decoration-thickness:.25rem}h1{margin-bottom:10rem}.home{height:100vh;width:100%;position:relative}.video-background{top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1;position:absolute}#home-transparency{height:100%;width:100%;background-color:#23004b80;z-index:1;position:absolute}.mezzo-hero{width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center;flex-direction:column;padding:10rem}#main-logo{width:35%;height:auto;z-index:2}#arrow-down{width:10rem;height:auto;z-index:2}@media (max-width: 1200px){#main-logo{width:60%}}.service-page{width:100%;height:auto;padding:20rem 8rem;background-color:var(--primary-color);color:var(--secondary-color);display:flex;flex-direction:column;justify-content:space-around}.services{width:100%;height:auto;display:flex;flex-direction:row;align-items:top;justify-content:space-evenly;flex-wrap:wrap}.service-box{min-width:50rem;width:60rem;margin:5rem 0}.service-box h5{padding:2rem;width:100%;height:100%;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#28282870;border-radius:3rem}.service-box p{margin:1rem 3rem;text-align:center}.music-title,.audio-title,.dub-title{width:60rem;height:16rem;display:flex;align-items:center;justify-self:center;background-size:cover;margin-bottom:5rem;border-radius:3rem}.music-title{background-image:url(/assets/Fondo_Music-CIvSFnt6.jpg)}.audio-title{background-image:url(/assets/Fondo_Sound-BdapOO18.jpg)}.dub-title{background-image:url(/assets/Fondo_Dubbing-ByGobE1-.jpg)}#service-detail-button{width:40rem;height:15rem;align-self:center}#service-detail-button button{width:100%;height:100%;background-color:var(--accent-color);color:var(--primary-color);font-size:5rem;font-weight:600;border-radius:10rem}#service-detail-button button:hover{cursor:pointer;scale:110%}.work-page{width:100%;height:auto;padding:20rem 8rem;background-color:#fff;color:var(--accent-color);display:flex;flex-direction:column;justify-content:space-around}.work{width:85%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-self:center;gap:5rem}.work-box{margin:0}.thumb{position:relative;width:60rem;overflow:hidden;border-radius:1rem;transition:transform .3s ease}.thumb img{width:100%;display:block;transition:transform .4s ease,filter .2s ease}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-weight:600;opacity:0;transition:opacity .3s ease,backdrop-filter .3s ease;background:#00000040;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.thumb:hover img{transform:scale(1.08);filter:blur(2px) brightness(.9)}.thumb:hover .overlay{opacity:1}@media (max-width: 900px),(hover: none){.work{gap:8rem}.thumb img{transform:none!important;filter:none!important}.overlay{inset:auto 0 0;padding:2rem;opacity:1;background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex}.overlay p,.overlay div{font-size:4rem;font-weight:700}}.audio-button{margin-top:2rem;background:none;border:none;cursor:pointer;transition:transform .2s ease}.audio-button:hover{transform:scale(1.15)}.play-img{width:5rem;height:auto;filter:drop-shadow(0 0 .4rem rgba(0,0,0,.3))}footer{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--primary-color);color:var(--secondary-color);width:100%;height:auto;padding:4rem}.footer-content{width:100%;display:flex;justify-content:space-around}.footer-contact{width:50%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:5rem}.footer-contact h5{margin-bottom:4rem}.footer-socials{display:flex;flex-direction:column;justify-content:center}#footer-mail{width:100%;display:flex;flex-direction:row;align-items:center}#footer-icons{width:10rem}a{display:flex;flex-direction:row;align-items:center;color:var(--secondary-color);text-decoration:none}.footer-credits{width:50%;padding:5rem;display:flex;flex-direction:column;align-items:flex-end}.footer-credits h5{margin-bottom:4rem}.footer-credits img{width:8rem;margin-left:1rem}#collaborators{display:flex;flex-direction:column;align-items:flex-end;gap:2rem}#kim,#guille{display:flex;flex-direction:column;align-items:flex-end}#collab{font-weight:700}#title{font-size:3rem}@media (max-width: 900px){.footer-contact{width:auto;padding:5rem 5rem 0rem}.footer-content{flex-direction:column}.footer-credits{align-items:flex-start;width:auto}#collaborators,#collaborators div{align-items:flex-start}}.contact-page{height:100vh;width:auto;background:linear-gradient(140deg,#23004b 0% 53%,#940d94);color:var(--secondary-color);display:flex;align-items:center;justify-content:center}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:justify}.contact img{width:100rem}.contact-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.contact-box h5{text-align:justify}#email,#instagram{display:flex;flex-direction:row;align-items:center;gap:1rem}#email img{margin-right:1rem}#contact-icons{width:10rem}@media (max-width: 900px){.contact img{width:70rem}.contact h5{font-size:4rem}}.about-page{width:100%;height:auto;background:linear-gradient(140deg,#23004b 0% 31%,#940d94);display:flex;flex-direction:column;color:var(--secondary-color)}h1,h4{color:var(--accent-color)}.mezzo-intro{background-color:#fff;color:#000;padding:10rem;width:100%;display:flex;flex-direction:column}.mezzo-intro h1{padding-left:8rem}.about{padding:8rem;width:100%;min-height:600px;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-evenly;text-align:center;background-color:#fff;color:#000}.about-box{width:30%;display:flex;flex-direction:column;align-items:center;justify-self:center;padding:5rem;gap:3rem}#about-hero{width:30%;align-self:center;padding:8rem}#about-intro{font-size:6rem;width:85%;align-self:center;text-align:center}#pfp{width:60rem}#pfp:hover{scale:110%;transition:.3s}@media (max-width: 900px){.mezzo-intro h1{padding-left:0;text-align:center}.about{flex-direction:column;align-items:center}.about-box{width:100%;max-width:75%}}hr{width:90%;margin:5rem 0}.service-detail-page{width:auto;height:auto;display:flex;flex-direction:column;background-color:var(--primary-color);padding:20rem}.services-detail{width:auto;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.music{display:flex;flex-direction:column;align-items:center;text-align:center}.samples{width:auto;max-width:1320px;display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;flex-direction:column;flex-wrap:wrap;gap:5rem;padding-top:10rem}.samples>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4rem;background-color:#fff;border-radius:2rem;padding:4rem;box-shadow:#00000080 0 10px 30px}.individual{display:flex;width:33%;max-width:426.67px}.player-card{width:100%;width:100%!important;padding:4rem!important}.music-peliagudo,.music-matcha,.music-dones,.music-tales,.music-destructor,.music-siege{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5rem}.audio-samples{display:flex;flex-wrap:wrap;width:100%;height:auto;gap:4rem}.service-description p{padding-top:2rem}.audio-matcha-sample{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5rem}.video-sample{max-width:1320px;width:100%}#desc-text{color:var(--secondary-color)}.cover-img{width:100%;height:auto;border-radius:1.5rem;border:none}.audio-matcha{width:100%;max-width:1320px;margin:0rem 1rem;display:flex;flex-direction:column;align-items:center;gap:4rem;background-color:#fff;border-radius:2rem;padding:4rem;box-shadow:#00000080 0 10px 30px}.audio-matcha img{width:100%;border-radius:1.5rem}.sound,.dub{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5rem;flex-wrap:wrap;padding:5rem 0 10rem}:is(.sound,.dub) h5{color:var(--secondary-color)}@media (max-width: 900px){.music-peliagudo,.music-matcha,.music-dones,.music-tales,.music-destructor,.music-siege,.audio-matcha,.audio-matcha-sample{display:flex;justify-content:center;align-items:center;flex-direction:column}.service-detail-page{padding:20rem 4rem 0rem}.samples{display:grid;grid-template-columns:repeat(1,1fr);gap:5rem;padding:10rem 1rem}.service-description{margin:0rem 1rem}.individual{display:grid;width:100%}}.player-card{width:50rem;padding:2rem;border-radius:1rem;background-color:var(--secondary-color);display:flex;justify-content:center;flex-direction:column}.player-card button{align-self:center}input[type=range]{width:100%;height:2rem;outline:none}.track-duration{display:flex;align-items:center;justify-content:space-between;margin-top:2rem}.track-duration>p{font-weight:500}.material-symbols-rounded{display:flex;justify-content:center;align-items:center}#play-button{width:8rem;height:8rem;display:flex;align-items:center;justify-content:center;background-color:var(--primary-color);border:none;border-radius:50%;cursor:pointer}#play{width:50%;padding-left:.5rem}#pause{width:50%}.yt-lite{background-color:#000;position:relative;display:block;contain:content;background-position:50%;background-size:cover;cursor:pointer}.yt-lite.lyt-activated:before{content:"";box-sizing:content-box;display:block;position:absolute;top:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);background-position:top;background-repeat:repeat-x;height:60px;padding-bottom:50px;width:100%;transition:all .2s cubic-bezier(0,0,.2,1)}.yt-lite:after{content:"";display:block;padding-bottom:var(--aspect-ratio)}.yt-lite>iframe{width:100%;height:100%;position:absolute;top:0;left:0}.yt-lite>.lty-playbtn{width:70px;height:46px;background-color:#212121;z-index:1;opacity:.8;border-radius:14%;transition:all .2s cubic-bezier(0,0,.2,1)}.yt-lite:hover>.lty-playbtn{background-color:red;opacity:1}.yt-lite>.lty-playbtn:before{content:"";border-color:transparent transparent transparent #fff;border-style:solid;border-width:11px 0 11px 19px}.yt-lite>.lty-playbtn,.yt-lite>.lty-playbtn:before{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}.yt-lite.lyt-activated{cursor:unset}.yt-lite.lyt-activated:before,.yt-lite.lyt-activated>.lty-playbtn{opacity:0;pointer-events:none}