@import"https://fonts.googleapis.com/css2?family=Rubik+Dirt&display=swap";@import"https://fonts.googleapis.com/css2?family=Audiowide&family=Rubik+Dirt&display=swap";#root{width:100%;margin:0 auto;text-align:center;height:100vh;overflow:auto;scroll-behavior:smooth;background-color:var(--main-bg-color)}*{box-sizing:border-box}section{margin-top:-6rem;min-height:100vh;width:100%;display:flex;flex-flow:column;align-items:center;justify-content:center;padding-top:6rem;padding-bottom:12rem}section hr{width:80%}.main-content{max-width:100rem;padding:4rem;font-size:1.5rem;text-align:left}.content{display:flex;align-items:center}@media (max-width: 1200px){.content{flex-wrap:wrap}.main-content{padding:1rem}}@media (max-width: 1200px){.main-content{font-size:1.2rem}}.main-header{display:flex;position:sticky;justify-content:space-between;align-items:center;top:0;left:0;width:100%;padding:var(--container-padding);z-index:10;transition:background-color .5s;height:6rem;transition:var(--main-transition);z-index:20}.main-header.scrolled{background-color:#00000080;height:4rem}.main-header.scrolled .logo-container{transform:scale(1)}ul{display:flex;list-style:none;flex-grow:1;margin-block-start:0;margin-block-end:0;padding-inline-start:0px}ul li{margin:0 .6rem;text-transform:uppercase;filter:drop-shadow(0 0 .1rem black)}.logo-container{transform:scale(0);flex:0 0 auto;position:absolute;left:calc(50% - 61px);transition:.8s;top:0;padding:.1rem}.logo{height:6em;will-change:filter;transition:filter .3s;cursor:pointer;flex-grow:0}.logo:hover{filter:drop-shadow(0 0 .5rem #ff64acaa)}@media (max-width: 1200px){.main-menu{display:none;flex-grow:0}}.social-media-list{display:flex;justify-content:flex-end;list-style:none;flex-grow:1;margin-block-start:0;margin-block-end:0;padding-inline-start:0px}.social-media-list li{margin:0 .6rem;text-transform:uppercase;filter:drop-shadow(0 0 .1rem black)}.social-media-list li img{height:1.5rem;filter:invert(100%) blur(.5px)}.social-media-list.big-icons li img{height:4rem;margin:0rem}#contact{background-image:url(/img/brick-wall.webp);background-size:cover;background-position:bottom;box-shadow:0 -10px 10px 10px #000}#contact h2{filter:drop-shadow(.5rem .3rem 4px black);margin-bottom:3rem}#contact .contact-card{background-color:#000c;padding:1rem;border-radius:2rem;display:flex;flex-flow:column;align-items:center;margin-bottom:3rem;max-width:90%}.email-img{max-width:90%}.contact-form{display:grid;width:40rem;max-width:90%;grid-template-columns:min-content auto;column-gap:.5rem;row-gap:1rem}.contact-form label{display:contents}.contact-form span{padding:1rem 0;text-align:right}.contact-form input,.contact-form textarea{border:none;padding:1rem;border-radius:.2rem}.contact-form textarea{height:8rem}.contact-form button{grid-column-start:1;grid-column-end:3;color:#fff}#home{background-image:url(/img/hero.webp);background-size:cover;background-attachment:fixed;background-position:center top;background-repeat:no-repeat;background-color:#000;min-height:calc(100vh + 6rem);justify-content:flex-start;box-shadow:0 55px #000,inset 0 0 25px 5px #000;animation:hero-pumping 20s infinite}#home .hero-container{max-width:60%;display:flex;flex-flow:column;text-align:right}#home .full-logo{animation:1s mail-logo-enter;z-index:10}#home h1{animation:2s fade-in,2s glow-tile infinite alternate 2s;color:#111;text-shadow:0 0 5px #FFF,0 0 10px #FFF,0 0 5px #FFF,0 0 5px var(--glow-color),0 0 5px var(--glow-color),0 0 5px var(--glow-color),0 0 5px var(--glow-color),0 0 5px var(--glow-color);margin-top:-11vw;font-size:4vw;margin-right:2vw}@media (max-width: 1200px){#home{min-height:50vh;animation:none;background-attachment:unset;background-size:contain;background-position-y:bottom;justify-content:flex-start;padding-top:65px}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes hero-pumping{0%{background-size:100% auto}50%{background-size:110% auto}to{background-size:100% auto}}@keyframes mail-logo-enter{0%{transform:translateY(100vh);opacity:0}20%{transform:translateY(-5vh);opacity:1}25%{transform:translateY(5vh)}30%{transform:translateY(-2vh)}33%{transform:translateY(1vh);opacity:0}35%{transform:translateY(1vh);opacity:1}70%{opacity:0}71%{opacity:1}89%{opacity:1}90%{opacity:0}91%{opacity:1}}@keyframes glow-tile{0%,20%,90%,to{text-shadow:0 0 2px #FFF,0 0 2px #FFF,0 0 2px #FFF,0 0 2px var(--main-glow-color),0 0 2px var(--main-glow-color),0 0 2px var(--main-glow-color),0 0 2px var(--main-glow-color),0 0 2px var(--main-glow-color)}10%,80%{text-shadow:0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px var(--main-glow-color),0 0 5px var(--main-glow-color),0 0 5px var(--main-glow-color),0 0 5px var(--main-glow-color),0 0 5px var(--main-glow-color)}40%{text-shadow:0 0 5px #FFF,0 0 5px #FFF,0 0 5px #FFF,0 0 5px var(--secondary-glow-color),0 0 5px var(--secondary-glow-color),0 0 5px var(--secondary-glow-color),0 0 5px var(--secondary-glow-color),0 0 5px var(--secondary-glow-color)}}#us{background-image:url(/img/torn-paper.webp);color:var(--secondary-color);filter:drop-shadow(13px -7px 4px black);padding-bottom:12rem;background-size:cover;background-position:right;padding-top:10rem}.bottom-bio-line{text-align:right}.bottom-bio-line h3{margin:0;font-size:2.5rem}.polaroid{max-width:30%;padding:1rem 1rem 5rem;margin-left:4rem;transform:rotate(10deg);border-radius:.3rem;background-color:#fff;box-shadow:.2rem .2rem 1rem #000;width:75vw;margin-bottom:2rem}.polaroid img{width:100%}.polaroid.left{margin-left:0;margin-right:4rem;transform:rotate(-10deg)}.polaroid article{filter:drop-shadow(1px 1px .5px white)}.photos{flex-wrap:wrap;justify-content:space-around}.photo{width:15rem;height:20rem;border:1px solid var(--secondary-color);border-radius:1rem;margin:.5rem;padding:.5rem;overflow:hidden;max-width:20vw}.photo>div{height:100%;background-size:cover;background-position:center;border-radius:1rem;overflow:hidden;filter:sepia(100%) contrast(2);transition:var(--main-transition);display:flex;flex-flow:column;justify-content:flex-end;align-items:center;text-align:center;padding-bottom:1rem;cursor:pointer}.photo>div:hover{filter:sepia(0%) contrast(1.3);transform:scale(1.2);padding-bottom:2rem}.photo p{color:var(--main-color);margin:0;filter:drop-shadow(0 0 .1rem black);line-height:1}.photo .photo-name{font-family:Rubik Dirt,system-ui;font-size:2rem}.photo.vir>div{background-image:url(/img/vir.webp)}.photo.vir>div:hover{background-image:url(/img/vir_hov.webp)}.photo.salva>div{background-image:url(/img/salva.webp)}.photo.salva>div:hover{background-image:url(/img/salva_hov.webp)}.photo.antonio>div{background-image:url(/img/antonio.webp)}.photo.antonio>div:hover{background-image:url(/img/antonio_hov.webp)}.photo.lobo>div{background-image:url(/img/lobo.webp)}.photo.lobo>div:hover{background-image:url(/img/lobo_hov.webp)}@media (max-width: 1200px){#us{padding-bottom:15rem}#us .content{flex-flow:wrap-reverse;justify-content:center;padding-bottom:5rem}.polaroid{max-width:min(90%,30rem);margin:1rem 0}.polaroid.left{margin-right:0}.photo{max-width:40vw;height:20rem}}#listen{color:var(--secondary-text-color)}.videos{display:flex;flex-wrap:wrap;justify-content:space-around;max-width:100%}.listen-button{width:30rem;max-width:90%;padding:0;overflow:hidden;margin:2rem;position:relative;color:var(--main-color)}.listen-button img{width:100%}.listen-button .info-layer{position:absolute;width:100%;height:100%;top:0;left:0;background-color:#000c;display:flex;flex-flow:column;justify-content:center;align-items:center;opacity:0;transition:var(--main-transition)}.listen-button:hover .info-layer{opacity:1}.reel-buton{width:200px;flex:0 0 50%}dialog{flex-flow:column;padding:0;border:none;background-color:transparent;overflow:visible}.dialog-content{height:60rem;width:100rem;max-height:80vh;max-width:80vw;display:flex;flex-flow:column}.dialog-content>div{flex-grow:1}.dialog-header{display:flex;justify-content:flex-end;height:3rem;flex-grow:0}.dialog-header button{border-radius:100%;transform:translateY(50%) translate(50%);background-color:var(--secondary-color);color:var(--main-color);transition:var(--main-transition)}.dialog-header button:hover{background-color:var(--main-color);color:var(--secondary-color)}iframe{height:100%;width:100%}@media (max-width: 1200px){#listen{padding-top:0}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--container-padding: 1rem;--main-color: rgb(235, 235, 235);--secondary-color: rgb(28, 28, 28);--secondary-text-color: #1B1B1B;--main-glow-color: #FFD85E;--secondary-glow-color: #7B3EFF;--main-bg-color: #F5F5F5;--secondary-bg-color: #1B1B1B;--main-transition: .2s;--breakpoint-desktop-screen: 1200px}body{padding:0;margin:0}h1,h2,h3,h4,h5{margin-top:0;margin-bottom:.5rem;font-family:Audiowide,sans-serif}h1{font-size:4rem}h2{font-size:3rem}h3{font-size:2rem}a{font-weight:500;color:var(--main-color);text-decoration:inherit;transition:padding-bottom var(--main-transition) ease;position:relative}a:before{content:"";position:absolute;bottom:-.5rem;left:50%;width:0;height:1px;background-color:var(--main-color);transition:width var(--main-transition) ease,left var(--main-transition) ease}a:hover{text-shadow:1px 1px 2px purple}a:hover img{filter:drop-shadow(0 0 1rem #bf8fff) invert(100%)}a:hover:before,a.active:before{width:100%;left:0}a.active:before{height:2px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (max-width: 1200px){h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.5rem}}