*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}:root{--white: hsl(0, 0%, 100%);--black: hsl(0, 0%, 0%);--dark-gray: hsl(0, 0%, 55%);--very-dark-gray: hsl(0, 0%, 41%);font-size:15px;--h1-size: 2.65rem;--h1-ls: .4px;--h1-lh: 2.55rem;--h2-size: 2.25rem;--h2-ls: -1px;--h2-lh: 2.1rem;--h3-size: 1.6rem;--h3-ls: -.4px;--h3-lh: 1.5rem;--p-size: 1rem;--p-ls: .2px;--p-lh: 1.66}@media (min-width: 1200px){:root{--h1-size: 4.8rem;--h1-ls: -.5px;--h1-lh: .98;--h2-size: 3.3rem;--h2-ls: -1.2px;--h2-lh: 3.1rem;--h3-size: 2rem;--h3-ls: .5px;--h3-lh: 1.1;--p-size: 1rem;--p-ls: .08px;--p-lh: 1.65}}body{font-family:Alata,sans-serif;font-weight:400;font-style:normal;line-height:var(--p-lh);letter-spacing:var(--p-ls);font-size:var(--p-size);color:var(--very-dark-gray);-webkit-font-smoothing:antialiased}h1,h2,h3,button{font-family:Josefin Sans,sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;text-transform:uppercase;-webkit-font-smoothing:antialiased;color:var(--black)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}ul,li{list-style:none}a{text-decoration:none;color:unset}button{background:none;border:none}#root{isolation:isolate;position:relative}h1{font-size:var(--h1-size);letter-spacing:var(--h1-ls);line-height:var(--h1-lh)}h2{font-size:var(--h2-size);letter-spacing:var(--h2-ls);line-height:var(--h2-lh)}h3{font-size:var(--h3-size);letter-spacing:var(--h3-ls);line-height:var(--h3-lh)}#root{display:flex;flex-direction:column;align-items:center;gap:6rem}.visible{opacity:1!important;visibility:visible!important;transform:translateY(0)}.hidden{opacity:0!important;visibility:hidden!important;transform:translateY(-100%)}.header{display:flex;flex-direction:row;justify-content:space-between;padding:2.5rem 1.5rem;position:absolute;width:100%;z-index:10;text-transform:uppercase}.header__navigation-desktop li{position:relative;transition:transform .2s ease}.header__navigation-desktop li:hover{transform:scale(1.1)}.header__navigation-desktop li:after{opacity:0;content:"";position:absolute;bottom:-5px;left:50%;width:30%;transform:translate(-50%);height:2px;display:block;background-color:var(--white);transform:translate(-50%) scaleX(0);transition:opcaity .2s ease-out,transform .3s ease-in;transform-origin:center}.header__navigation-desktop li:hover:after{opacity:1;transform:translate(-50%) scaleX(1)}.header__mobile_overlay{z-index:-10;top:0;left:0;height:100vh;width:100vw;background-color:var(--black);position:fixed;display:flex;justify-content:center;flex-direction:column;text-transform:uppercase;font-size:1.6rem;font-family:Josefin Sans,sans-serif;font-optical-sizing:auto;font-weight:300;color:var(--white);padding:1.6rem;transition:transform .4s ease-in-out,opacity .3s ease,visibility .4s}.header__mobile_overlay>ul{display:flex;flex-direction:column;justify-content:center;gap:.6rem}.header__mobile_overlay li{opacity:0;transform:translate(-20px);transition:transform .4s ease,opacity .4s ease;transition-delay:calc(var(--i) * .1s)}.header__mobile_overlay.visible li{opacity:1;transform:translate(0)}.header__logo{height:1.6rem}.header__navigation ul{display:flex;flex-direction:row}.main{display:flex;flex-direction:column;gap:5rem;width:100%}.section{padding:.75rem 1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3.2rem}.section-hero{background:linear-gradient(#0006,#0006),url(https://rickyxyz.dev/frontendmentor-projects/loopstudios-landing-page-main/images/mobile/image-hero.jpg) center/cover no-repeat}.section__container{max-width:100%;width:100%}.section-about{padding-top:1.48rem}.section-about .section__container{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3.26rem}.section-about img{height:14.9rem}.section__content{display:flex;flex-direction:column;justify-content:center;gap:1.2rem;max-width:85%;text-align:center}.section-hero{height:max(43.25rem,80vh);background-size:cover;color:var(--white);padding:.5rem 1.42rem .5rem 1.55rem}.section-hero h1{text-align:left;color:var(--white)}.section-hero__content{display:block;padding:1.6rem 1.4rem 1.205rem;border:1px var(--white) solid}.section-creations .section__container{display:flex;flex-direction:column;text-align:center;gap:3rem;align-items:center}.section__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.45rem;width:100%}.card{position:relative;min-height:8.12rem;display:flex;justify-content:flex-start;align-items:end;padding:1.5rem;z-index:1;overflow:hidden;background:linear-gradient(90deg,#000000b3,#0000) center/cover,var(--src) center/cover no-repeat}.card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffb3;opacity:0;transition:opacity .3s ease;z-index:-10}.card:hover:before{opacity:1}.card h3{transition:color .3s ease}.card:hover h3{color:var(--black)}.card__content h3{color:var(--white);text-align:left}.footer{width:100%;padding:3.8rem 0;background-color:var(--black);color:var(--white)}.footer__logo{width:38%;max-width:10rem}.footer__navigation>ul{display:flex;flex-direction:column;gap:1.2rem}.footer li{position:relative;transition:transform .2s ease}.footer li:hover{transform:scale(1.1)}.footer li:after{opacity:0;content:"";position:absolute;bottom:-5px;left:50%;width:30%;transform:translate(-50%);height:2px;display:block;background-color:var(--white);transform:translate(-50%) scaleX(0);transition:opcaity .2s ease-out,transform .3s ease-in;transform-origin:center}.footer li:hover:after{opacity:1;transform:translate(-50%) scaleX(1)}.footer__social{margin-top:1rem;display:flex;flex-direction:row;justify-content:center;gap:1rem}.footer__container{max-width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;gap:2rem}.footer__copyright{margin-top:-1rem}.button{border:solid 2px var(--black);border-radius:2px;letter-spacing:5px;font-size:.9rem;display:flex;justify-content:center;align-items:center;padding:.45rem 2.5rem;transition:background .4s ease-out,color .2s ease-in}.button:hover{background-color:var(--black);color:var(--white)}@media (min-width: 600px){.section-hero__content{max-width:60%}.header{padding:2.5rem 1.5rem}.section-about>div.section__container{display:grid;align-items:stretch;grid-template-columns:1fr 10.5rem .66fr;grid-template-rows:1.15fr 1fr 1fr;max-height:45.8vh}.section-about>.section__container>img{object-fit:cover;grid-row:1/ span 3;grid-column:1/ span 2;height:100%;width:100%}.section-about>.section__container>span.section__content{display:flex;justify-content:end;align-items:end;text-align:left;max-width:100%;background-color:var(--white);grid-row:2/ span 2;grid-column:2/span 2;transform:translateY(1px);padding-left:.3rem;padding-top:2rem}.section-about .section__content h2,.section-about .section__content p{max-width:83.5%}.section-hero{background:linear-gradient(#0006,#0006),url(https://rickyxyz.dev/frontendmentor-projects/loopstudios-landing-page-main/images/desktop/image-hero.jpg) center/cover no-repeat}}@media (min-width: 1000px){#root{gap:11.5rem}.main{gap:10rem}.header{padding:0 1.5rem;margin-top:4.24rem;max-width:calc(1100px + 3rem);text-transform:none;align-items:center}.header__logo{height:2.12rem}.header ul{color:var(--white);display:flex;flex-direction:row;gap:2.145rem}.section{padding:.5rem 1.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3.2rem}.section__container,.footer__container{max-width:1100px;width:100%}.section-hero{height:59.5vh;padding-top:6rem}.section-hero__content{max-width:58.8%;padding:2rem 2.8rem;display:block}.section-about>div.section__container{display:grid;align-items:stretch;grid-template-columns:1fr 10.5rem .66fr;grid-template-rows:1.15fr 1fr 1fr;max-height:45.8vh}.section-about>.section__container>img{object-fit:cover;grid-row:1/ span 3;grid-column:1/ span 2;height:100%;width:100%}.section-about>.section__container>span.section__content{display:flex;justify-content:end;align-items:end;text-align:left;max-width:100%;background-color:var(--white);grid-row:2/ span 2;grid-column:2/span 2;transform:translateY(1px);padding-left:.3rem}.section-about .section__content h2,.section-about .section__content p{max-width:83.5%}.section-creations{display:flex;flex-direction:column;padding-top:1.5rem}.section-creations .section-creations__title{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:end}.section-creations .section__container{display:flex;flex-direction:column;gap:5.5rem}.section__cards{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,29.7rem);gap:1.9rem}.card{padding:2rem 2.8rem}.button{padding:.5rem 2.5rem}.footer{width:100%;padding:3rem 1.5rem 2rem;text-align:unset;gap:2rem;display:flex;justify-content:center}.footer__container{display:grid;grid-auto-flow:column;grid-template-columns:1fr 1fr;grid-template-rows:1fr 30px;gap:1.5rem}.footer__logo{width:9.5rem}.footer__navigation ul{flex-direction:row;gap:2.3rem}.footer__social{justify-content:end;margin-top:0}.footer__copyright{margin-top:0;text-align:right}}