@font-face{font-display:swap;font-family:Alata;font-style:normal;font-weight:400;src:url(/loopstudios-landing-page/assets/alata-v12-latin-regular-CSr4s5ef.woff2) format("woff2"),url(/loopstudios-landing-page/assets/alata-v12-latin-regular-DaUZkvPt.ttf) format("truetype")}@font-face{font-display:swap;font-family:Josefin Sans;font-style:normal;font-weight:300;src:url(/loopstudios-landing-page/assets/josefin-sans-v34-latin-300-jK6vcIgA.woff2) format("woff2"),url(/loopstudios-landing-page/assets/josefin-sans-v34-latin-300-CIS4p1ck.ttf) format("truetype")}:root{--color-white:#fff;--color-black:#000;--color-gray-300:#8c8c8c;--color-gray-500:#696969;--font-primary:"Alata",sans-serif;--font-secondary:"Josefin Sans",sans-serif;--font-normal:400;--font-light:300;--text-md:.9375rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:2.5rem;--text-4xl:3rem;--text-5xl:4.5rem;--leading-none:1;--leading-paragraph:1.65;--tracking-btn-primary:.3em;--tracking-body:.015em;--focus-offset:5px;--focus-width:3px;--focus-style:dashed;--focus-color:var(--color-black)}*,:after,:before{box-sizing:border-box;margin:0}body{font-family:Alata,sans-serif;font-family:var(--font-primary);font-size:.9375rem;font-size:var(--text-md);font-weight:400;font-weight:var(--font-normal);line-height:1;line-height:var(--leading-none);position:relative;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Josefin Sans,sans-serif;font-family:var(--font-secondary);font-weight:300;font-weight:var(--font-light);text-transform:uppercase}h1,h2,h3,h4,h5,h6,p{word-wrap:break-word}p{color:#8c8c8c;color:var(--color-gray-300);letter-spacing:.015em;letter-spacing:var(--tracking-body);line-height:1.65;line-height:var(--leading-paragraph)}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{cursor:pointer;padding:0}ul{list-style:none;padding:0}a{color:inherit;font:inherit;text-decoration:inherit}@supports selector(:focus-visible){a:focus,button:focus{outline:none}a:focus-visible,button:focus-visible{outline:3px dashed #000;outline:var(--focus-width) var(--focus-style) var(--focus-color);outline-offset:5px;outline-offset:var(--focus-offset)}}.btn{background-color:transparent;border:1px solid #000;border:1px solid var(--color-black);letter-spacing:.3em;letter-spacing:var(--tracking-btn-primary);padding:.8125rem 2.375rem .8125rem 2.3125rem;text-transform:uppercase;transition-duration:.2s;transition-property:background-color,color;transition-timing-function:ease}.nav{align-items:center;display:flex;justify-content:space-between;margin-bottom:9.625rem;padding-left:.0725rem;padding-right:.1875rem}.nav a,.nav button{--focus-color:var(--color-white)}.nav__logo{height:1.5rem;-o-object-fit:contain;object-fit:contain}.nav__logo,.nav__menu-btn{position:relative;z-index:999}.nav__menu-btn{align-items:center;background:transparent;border:none;display:flex;flex-direction:column;gap:.3125rem;height:2.5rem;justify-content:center;--line-rotate:0deg;--middle-line-opacity:1;--line-height:.125rem;--line-width:1.5rem;--rotated:0}.nav__menu-btn span{background-color:#fff;background-color:var(--color-white);height:var(--line-height);transition:transform .3s ease;width:var(--line-width)}.nav__menu-btn span:first-child{margin-bottom:calc(var(--rotated)*-1.5*var(--line-height));transform:rotate(var(--line-rotate))}.nav__menu-btn span:nth-child(2){opacity:var(--middle-line-opacity)}.nav__menu-btn span:nth-child(3){transform:rotate(calc(var(--line-rotate)*-1))}.nav__menu-btn[aria-expanded=true]{gap:0;--line-rotate:45deg;--middle-line-opacity:0;--rotated:1}.nav__list{display:none;gap:2.125rem;margin-top:.0625rem}.nav__link{position:relative}.nav__link:after{background-color:#fff;background-color:var(--color-white);bottom:-.5rem;content:"";height:.125rem;left:50%;position:absolute;transform:translate(-50%);transition:width .25s ease;width:0}.footer{background-color:#000;background-color:var(--color-black);color:#fff;color:var(--color-white);padding-bottom:3.8125rem;padding-top:3.5rem}.footer a{--focus-color:var(--color-white)}.footer__container{display:grid;justify-items:center;text-align:center}.footer__logo-link{margin-bottom:2.3125rem}.footer__logo{height:1.5rem;-o-object-fit:contain;object-fit:contain}.footer__nav{display:inline;display:initial}.footer__nav-list{display:flex;flex-direction:column;gap:1.625rem 2.125rem;padding-bottom:3.3125rem}.footer__nav-link{position:relative}.footer__nav-link:after{background-color:#fff;background-color:var(--color-white);bottom:-.5rem;content:"";height:.125rem;left:50%;position:absolute;transform:translate(-50%);transition:width .25s ease;width:0}.footer__socials-list{display:flex;gap:1rem;padding-bottom:1.3125rem;width:-moz-max-content;width:max-content}.footer__socials-link{align-items:center;display:flex;height:1.5rem;justify-content:center;position:relative;width:1.5rem}.footer__socials-link:after{background-color:#fff;background-color:var(--color-white);bottom:-.5rem;content:"";height:.125rem;left:0;position:absolute;right:0;transition:width .25s ease;width:0}.footer__copyright{line-height:1;line-height:var(--leading-none)}.header{color:#fff;color:var(--color-white);padding-bottom:14.0625rem;padding-top:2rem;position:relative}.header__headline{border:2px solid #fff;border:2px solid var(--color-white);font-size:2.5rem;font-size:var(--text-3xl);line-height:calc(1em - .125rem);max-width:40.75rem;padding:1.6875rem 1.5rem 1.1875rem 1.5625rem}.header__image{bottom:0;left:0;position:absolute;right:0;top:0;z-index:-1}.header__image img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.about-us{margin-bottom:6rem;position:relative}.about-us__picture{margin-bottom:3rem}.about-us__image{width:100%}.about-us__content{padding-left:1rem;padding-right:1rem;text-align:center}.about-us__title{color:#000;color:var(--color-black);font-size:2rem;font-size:var(--text-2xl);margin-bottom:calc(.5625em - .125rem)}.about-us__description{margin:0 auto;max-width:60ch}.our-creations__header{margin-bottom:3rem;text-align:center}.our-creations__title{color:#000;color:var(--color-black);font-size:2rem;font-size:var(--text-2xl)}.our-creations__more-btn--top{display:none}.our-creations__more-btn--bottom{display:block;margin-left:auto;margin-right:auto;margin-top:2.125rem}.our-creations__list{display:grid;grid-gap:1.5rem;gap:1.5rem}.our-creations__item{color:#fff;color:var(--color-white);font-family:Josefin Sans,sans-serif;font-family:var(--font-secondary);font-size:1.5rem;font-size:var(--text-xl);font-weight:300;font-weight:var(--font-light);position:relative;text-transform:uppercase}.our-creations__label{bottom:1.3125rem;left:1.25rem;max-width:9ch;pointer-events:none;position:absolute}.our-creations__image{width:100%}.our-creations__link{display:block}.our-creations__picture{position:relative}.our-creations__picture:after,.our-creations__picture:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0;transition:opacity .25s ease}.our-creations__picture:after{background:linear-gradient(90deg,rgba(0,0,9,.6) 10%,transparent)}.our-creations__picture:before{background-color:#fff;background-color:var(--color-white);opacity:0}.mobile-menu{background-color:#000;background-color:var(--color-black);bottom:0;height:0;left:0;overflow-y:scroll;position:absolute;right:0;top:0;transition:height .3s ease;z-index:10}.mobile-menu:after,.mobile-menu:before{content:"";display:block;height:14rem}.mobile-menu__list{color:#fff;color:var(--color-white);display:grid;font-family:Josefin Sans,sans-serif;font-family:var(--font-secondary);font-size:1.5rem;font-size:var(--text-xl);font-weight:300;font-weight:var(--font-light);opacity:0;transform:translate(-4rem);grid-gap:1.5625rem;gap:1.5625rem}.mobile-menu__link{text-transform:uppercase}.mobile-menu.shown{height:120vh}.mobile-menu.shown .mobile-menu__list{opacity:1;transform:none;transition:transform .3s ease .3s,opacity .3s ease .3s}.container{margin:0 auto;width:min(100vw - 3rem,69.625rem)}.sr-only{height:.0625rem;margin:-.0625rem;overflow:hidden;padding:0;position:absolute;width:.0625rem;clip:rect(0 0 0 0);border:0;white-space:nowrap}.main{background-color:#fff;background-color:var(--color-white);padding-bottom:6rem;padding-top:6rem}@media (min-width:48em){.nav__logo{height:2rem}.nav{margin-bottom:8.0625rem}.nav__menu-btn{display:none}.nav__list{display:flex}.header{padding-bottom:9.0625rem;padding-top:4rem}.header__headline{font-size:4.5rem;font-size:var(--text-5xl);padding:1.6875rem 5.5rem 2.4375rem 2.4375rem}.our-creations__header{align-items:center;display:flex;justify-content:space-between}.our-creations__more-btn--top{display:inline;display:initial}.our-creations__more-btn--bottom{display:none}.our-creations__list{grid-template-columns:repeat(2,1fr)}.mobile-menu{display:none}}@media (min-width:64em){.footer{padding-bottom:2.9375rem;padding-top:2.75rem}.footer__container{gap:1.875rem 0;grid-template-columns:1fr 1fr;padding-left:.125rem;padding-right:.125rem}.footer__logo-link{justify-self:start;margin:0}.footer__nav{align-self:center;grid-column:1/2;justify-self:start}.footer__nav-list{flex-direction:row;padding:0}.footer__socials-list{grid-row:1/2;padding:0}.footer__copyright,.footer__socials-list{grid-column:2/3;justify-self:end}.about-us{margin-bottom:11.5rem}.about-us__picture{margin:0;width:-moz-fit-content;width:fit-content}.about-us__content{background-color:#fff;background-color:var(--color-white);bottom:0;letter-spacing:0;max-width:33.875rem;padding:6rem 0 .625rem 6rem;position:absolute;right:0;text-align:left}.about-us__title{font-size:3rem;font-size:var(--text-4xl)}.our-creations__header{margin-bottom:5rem}.our-creations__title{font-size:3rem;font-size:var(--text-4xl)}.our-creations__list{gap:1.875rem;grid-template-columns:repeat(4,1fr)}.our-creations__item{font-size:2rem;font-size:var(--text-2xl)}.our-creations__label{bottom:2rem;left:2.5rem;max-width:9ch;position:absolute}.our-creations__picture:after{background:linear-gradient(0deg,rgba(0,0,9,.6) 10%,transparent)}.mobile-menu__list{font-size:2rem;font-size:var(--text-2xl)}.main{padding-bottom:11.5rem;padding-top:10rem}}@media (hover:hover){.btn:hover{background-color:#000;background-color:var(--color-black);color:#fff;color:var(--color-white)}.footer__nav-link:hover:after,.nav__link:hover:after{width:50%}.footer__socials-link:hover:after{width:100%}.our-creations__picture:hover:after{opacity:0}.our-creations__picture:hover:before{background-color:#fff;background-color:var(--color-white);opacity:.7}.our-creations__link:hover .our-creations__label{color:#000;color:var(--color-black)}}@media (prefers-reduced-motion:reduce){.btn,.footer__nav-link:after,.footer__socials-link:after,.mobile-menu,.mobile-menu.shown .mobile-menu__list,.nav__link:after,.nav__menu-btn span,.our-creations__picture:after,.our-creations__picture:before{transition:none}}