@import"https://fonts.googleapis.com/css2?family=Alata&family=Josefin+Sans:wght@300&display=swap";.about{font-family:Josefin Sans,sans-serif}.about__container{margin-block:10rem}@media (min-width: 768px){.about__container{margin-block:15rem;position:relative;display:flex}}.about__image{display:block}@media (min-width: 768px){.about__image{width:72.5rem}}.about__text{text-align:center;margin:0 auto}@media (max-width: 525.008px){.about__text{max-width:43ch}}@media (max-width: 768px){.about__text{margin-top:5rem}}@media (min-width: 768px){.about__text{width:54rem;text-align:left;position:absolute;bottom:0;right:0;z-index:1;background-color:#fff;padding-top:7.75rem;padding-left:8rem}}.about__description{margin-top:2.5rem}.footer{background-color:#000;color:#fff;padding-block:5.5rem}.footer__grid{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 525.008px){.footer__grid{gap:3rem}}@media (min-width: 968px){.footer__grid{flex-direction:row;height:7.5rem;justify-content:space-between}}@media (min-width: 968px){.footer__navigation{max-width:50%}}.footer__company{display:flex;flex-direction:column;align-items:center;gap:2rem}@media (min-width: 968px){.footer__company{align-items:end;justify-content:space-between}}.footer__copyright{text-align:center}.nav-menu{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;align-items:center}@media (min-width: 525.008px){.nav-menu{gap:2rem}}@media (min-width: 968px){.nav-menu{flex-direction:row;align-content:space-between;height:100%}}.nav-menu__logo{height:2.5rem;position:relative;z-index:1;user-select:none}@media (min-width: 768px){.nav-menu__logo{height:3rem}}.nav-menu__items{display:flex;flex-direction:column;gap:2.5rem;align-items:center;padding-block:3.5rem}@media (min-width: 525.008px){.nav-menu__items{padding:0;flex-direction:row}}.nav-menu__item{position:relative;display:flex;justify-content:center}@media (min-width: 768px){.nav-menu__item{text-transform:capitalize}}.nav-menu__item:after{content:"";position:absolute;width:0;bottom:-2rem;height:.25rem;background-color:#fff;transition:.3s ease-in-out}.nav-menu__item:hover:after{width:3rem}.nav-menu__bar{display:block;width:2.5rem;height:.2rem;border-radius:.031rem;transition:all .3s ease-in-out;background-color:#fff}.nav-menu--hamburger{display:flex;justify-content:space-between;align-items:center;width:100%;z-index:2;transition:.3s}@media (min-width: 1305.008px){.nav-menu--hamburger{max-width:1100px;margin:0 auto}}@media (max-width: 768px){.nav-menu--hamburger.scroll{max-width:1100px;position:fixed;padding:2.5rem;background:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0));top:0;right:0}}.nav-menu--hamburger .nav-menu__menu{position:absolute;left:-200%;top:0;bottom:0;padding-left:2.5rem;background-color:#000;width:100vw;height:100vh;transition:.3s}.nav-menu--hamburger .nav-menu__menu.active{left:0;gap:.313rem}@media (min-width: 768px){.nav-menu--hamburger .nav-menu__menu{gap:6.875rem}}@media (min-width: 768px){.nav-menu--hamburger .nav-menu__menu{position:static;background-color:transparent;width:auto;height:100%}}.nav-menu--hamburger .nav-menu__items{display:flex;flex-direction:column;align-items:start;margin-top:20rem}@media (min-width: 768px){.nav-menu--hamburger .nav-menu__items{margin:.75rem;flex-direction:row}}.nav-menu--hamburger .active .nav-menu__item{text-transform:uppercase;font-size:2rem;font-family:inherit}@media (min-width: 768px){.nav-menu--hamburger .active .nav-menu__item{text-transform:capitalize}}.nav-menu--hamburger .nav-menu__hamburger{display:flex;flex-direction:column;justify-content:center;gap:.5rem}@media (min-width: 768px){.nav-menu--hamburger .nav-menu__hamburger{display:none}}.nav-menu--hamburger .nav-menu__hamburger.active .nav-menu__bar:nth-child(1){transform:translateY(.7rem) rotate(45deg)}.nav-menu--hamburger .nav-menu__hamburger.active .nav-menu__bar:nth-child(2){opacity:0}.nav-menu--hamburger .nav-menu__hamburger.active .nav-menu__bar:nth-child(3){transform:translateY(-.7rem) rotate(-45deg)}.social-links{display:flex;gap:1.5rem;user-select:none}.social-icon{width:2.25rem;position:relative;display:flex;justify-content:center}@media (min-width: 525.008px){.social-icon{width:2.5rem}}.social-icon:after{content:"";position:absolute;width:0;bottom:-1.25rem;height:.25rem;background-color:#fff;transition:.3s ease-in-out}.social-icon:hover:after{width:100%}.header{background-image:url(/loopstudios/images/mobile/image-hero.jpg);background-size:cover;background-position:right top;color:#fff;padding:4rem 0;font-family:Josefin Sans,sans-serif;position:relative}@media (min-width: 768px){.header{padding-top:7.25rem;padding-bottom:2.5rem;background-image:url(/loopstudios/images/desktop/image-hero.jpg)}}.header__title{display:inline-block;margin:16.25rem 0;padding:2.5rem 2.5rem 1.5rem;border:.25rem solid hsl(0,0%,100%)}@media (min-width: 768px){.header__title{max-width:64.25rem;font-size:7rem;margin-block:12rem;padding:3.5rem 3.5rem 2.75rem}}.our-creations{display:flex;text-align:center;align-items:center;flex-direction:column;gap:2.5rem;padding-bottom:10rem}@media (min-width: 525.008px){.our-creations{text-align:start;display:grid;gap:7.5rem;grid-template-columns:1fr auto;padding-bottom:15rem}}.our-creations__title{margin-bottom:2.5rem}@media (min-width: 525.008px){.our-creations__title{margin-bottom:0}}.our-creations__button{padding:1rem 3.75rem;border:1.75px solid hsl(0,0%,0%);user-select:none}.our-creations__button:hover{background:hsl(0,0%,0%);color:#fff}.card-list{display:flex;flex-direction:column;gap:2rem}@media (min-width: 525.008px){.card-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(25rem,1fr));order:1;grid-column:1/-1;gap:2.75rem}}*{box-sizing:border-box;padding:0;margin:0}ul,ol{list-style:none}li{text-decoration:none}html,body{max-width:100vw;font-family:sans-serif}body[data-stuck=true]{overflow:hidden}a,button{transition:.3s}a{color:inherit;text-decoration:none}button{border:none;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal}a:hover,button:hover{cursor:pointer}img,picture img{max-width:100%;width:100%;display:block;height:auto}:root{font-family:Alata,sans-serif;font-size:62.5%}.container{margin:0 2.5rem}@media (min-width: 1305.008px){.container{max-width:1100px;margin:0 auto}}.text--small{color:inherit;font-family:Alata,sans-serif;font-size:1.5rem;font-weight:400;line-height:1}@media (min-width: 768px){.text--small{font-size:1.65rem}}.text--regular{color:inherit;font-family:Alata,sans-serif;font-size:1.5rem;font-weight:400;line-height:1}@media (min-width: 768px){.text--regular{font-size:1.875rem}}.text--big{color:inherit;font-family:Josefin Sans,sans-serif;font-size:2rem;font-weight:400;line-height:1}@media (min-width: 768px){.text--big{font-size:2.5rem}}.text--copyright{color:#696969;font-family:Alata,sans-serif;font-size:1.5rem;font-weight:400;line-height:1}@media (min-width: 768px){.text--copyright{font-size:1.525rem}}.text--description{color:inherit;font-family:Josefin Sans,sans-serif;font-size:1.5rem;font-weight:700;line-height:1.5}@media (min-width: 768px){.text--description{font-size:1.725rem}}.text--button{color:inherit;font-family:Alata,sans-serif;font-size:1.5rem;font-weight:400;line-height:1.5;text-transform:uppercase;letter-spacing:.5rem}@media (min-width: 768px){.text--button{font-size:1.875rem}}.text--h1{color:inherit;font-family:Josefin Sans,sans-serif;font-size:4rem;font-weight:400;line-height:1;text-transform:uppercase}@media (min-width: 768px){.text--h1{font-size:7rem}}.text--h2{color:inherit;font-family:Josefin Sans,sans-serif;font-size:3rem;font-weight:400;line-height:1;text-transform:uppercase}@media (min-width: 768px){.text--h2{font-size:5.15rem}}.text--h3{color:inherit;font-family:Josefin Sans,sans-serif;font-size:2.25rem;font-weight:400;line-height:1;text-transform:uppercase}@media (min-width: 768px){.text--h3{font-size:3.25rem}}.text--white{color:#fff}.text--black{color:#000}.text--dark-gray{color:#8c8c8c}.text--very-dark-gray{color:#696969}.card-list__item{position:relative;color:#d9d9d9}.card-list__item:before{content:"";transition:.3s;width:100%;height:100%;background:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0));position:absolute;top:0;left:0}@media (min-width: 525.008px){.card-list__item:before{background:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}}.card-list__item:hover:before{background:rgba(255,255,255,.7)}.card-list__item:hover .card-list__title{color:#000}.card-list__image{user-select:none}.card-list__title{text-align:left;padding-left:2.25rem;padding-bottom:2rem;bottom:0;position:absolute;max-width:10ch}@media (min-width: 768px){.card-list__title{padding-left:3.5rem;padding-bottom:3.25rem}}