@import url("https://fonts.googleapis.com/css2?family=Alata&family=Josefin+Sans:wght@300&display=swap");.button{padding:8px 40px;transition:all .3s ease-in-out;border:2px solid #000;background-color:transparent;font-family:Alata,sans-serif;font-size:.9rem;letter-spacing:3px;text-transform:uppercase;cursor:pointer}.button:active,.button:focus,.button:hover{background-color:#000;color:#fff}.link{position:relative;color:#fff;font-weight:700;text-decoration:none}.link:before{content:"";display:block;position:absolute;bottom:-10px;left:50%;width:0;height:2px;transition:all .3s ease-in-out;background-color:#fff}.link:active:before,.link:focus:before,.link:hover:before{width:50%;transform:translateX(-50%)}.header{display:grid;background-color:#000;isolation:isolate}.header>*{grid-column:1/-1;grid-row:1/-1}.header__bg{z-index:-1;width:100vw;opacity:.5}@media (min-width:600px){.header__bg-mobile{display:none}}.header__bg-desktop{display:none}@media (min-width:600px){.header__bg-desktop{display:block}}.header__content{width:100%;max-width:1250px;margin:0 auto;place-self:center}@media (min-width:600px){.header__content{place-self:start;align-self:end}}@media (min-width:1000px){.header__content{align-self:center}}.header__title{max-width:350px;margin:30px;padding:20px;border:2px solid #fff;color:#fff;font-size:2.4rem;font-weight:lighter;line-height:.9;text-transform:uppercase}@media (min-width:1000px){.header__title{max-width:550px;margin:40px;padding:35px;font-size:3.5rem;letter-spacing:2px}}.nav{width:100%;max-width:1250px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:max-content;padding:40px 30px}@media (min-width:1000px){.nav{padding:40px}}.nav__logo{width:150px}.nav__hamburger,.nav__logo{position:relative;z-index:2}.nav__hamburger{height:max-content;background-color:transparent;border:none;cursor:pointer}@media (min-width:1000px){.nav__hamburger{display:none}}.nav__hamburger-img-close--hide,.nav__hamburger-img-open--hide{display:none}.nav__menu{list-style:none;display:flex;flex-direction:column;justify-content:center;top:0;left:0;position:absolute;background-color:#000;width:100vw;height:100vh;gap:30px;padding-left:30px;box-shadow:0 22px 70px 4px rgba(0,0,0,.56)}@media (min-width:1000px){.nav__menu{position:static;flex-direction:row;box-shadow:none;background-color:transparent;width:auto;height:auto}}.nav__menu--hide{display:none}@media (min-width:1000px){.nav__menu--hide{display:flex}}.nav__menu-item{font-size:1.5rem}@media (min-width:1000px){.nav__menu-item{font-size:1rem}}.nav__menu-item-link{text-transform:uppercase;font-weight:400}@media (min-width:1000px){.nav__menu-item-link{text-transform:none;font-family:Alata,sans-serif}}.content{max-width:1250px;margin:0 auto;background-color:#fff;padding:100px 20px}@media (min-width:1000px){.content{padding:100px 40px}}.section{max-width:1250px;margin:0 auto;text-align:center}@media (min-width:1000px){.section{position:relative}}.section__title{margin:20px 0;font-size:1.6rem;font-weight:lighter;text-transform:uppercase}@media (min-width:1000px){.section__title{font-size:2.5rem;text-align:start}}.section__img{max-width:600px;margin-bottom:10px}.section__img-desktop{display:none}@media (min-width:1000px){.section__img-desktop{display:block;margin-bottom:140px;margin-top:30px}}@media (min-width:1000px){.section__img-mobile{display:none}}@media (min-width:1000px){.section__content{position:absolute;left:470px;bottom:0;width:570px;padding:50px 70px 0;background-color:#fff}}.section__text{width:30ch;margin:0 auto;padding:0 10px;color:#696969;line-height:1.3}@media (min-width:1000px){.section__text{width:auto;text-align:start}}.section__list{display:grid;justify-content:center;list-style:none;gap:20px}@media (min-width:1000px){.section__list{grid-template-columns:repeat(4,1fr);margin-top:70px}}.section__list-text{display:inline-flex;align-items:flex-end;height:100%;padding:20px;transition:all .7s ease-in-out;box-shadow:inset 69px 0 146px -47px #000}@media (min-width:1000px){.section__list-text{box-shadow:inset 0 -80px 101px -37px #000}}.section__list-item{max-width:600px}.section__list-link{display:grid;align-items:end;overflow:hidden;color:#fff;font-size:1.6rem;line-height:1;text-align:left;text-decoration:none;text-transform:uppercase;isolation:isolate}.section__list-link>*{grid-column:1/-1;grid-row:1/-1}.section__list-link:active img,.section__list-link:focus img,.section__list-link:hover img{scale:1.15}.section__list-link:active span,.section__list-link:focus span,.section__list-link:hover span{box-shadow:inset 89px 0 166px -27px #000}@media (min-width:1000px){.section__list-link:active span,.section__list-link:focus span,.section__list-link:hover span{box-shadow:inset 0 -110px 101px -27px #000}}.section__list-img{z-index:-1;max-width:600px;transition:all .6s ease-in-out}.section__list-img-desktop{display:none}@media (min-width:1000px){.section__list-img-desktop{display:block}}@media (min-width:1000px){.section__list-img-mobile{display:none}}.section__btn{margin-top:35px}@media (min-width:1000px){.section__btn{position:absolute;top:-35px;right:0}}.footer{background-color:#000}@media (min-width:1000px){.footer{margin-top:50px}}.footer__content{width:100%;max-width:1250px;margin:0 auto;padding:45px 0;text-align:center}@media (min-width:1000px){.footer__content{padding:45px 40px;display:flex;align-items:center;justify-content:space-between;text-align:start}}.footer__logo{width:130px}.footer__list{display:flex;flex-direction:column;justify-content:center;margin:20px 0;gap:17px}@media (min-width:1000px){.footer__list{flex-direction:row;margin-top:20px;margin-bottom:0}}.footer__socials-link:before{bottom:-5px}.footer__socials-link:active:before,.footer__socials-link:focus:before,.footer__socials-link:hover:before{width:100%}.footer__socials-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.footer__socials-container{display:flex;align-items:center;justify-content:center;gap:15px}@media (min-width:1000px){.footer__socials-container{justify-content:flex-end}}.footer__socials-img{width:25px;transition:all .3s ease}.footer__rights{margin-top:20px;color:#8c8c8c;font-family:Alata,sans-serif}@media (min-width:1000px){.footer__rights{margin-bottom:3px}}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:Josefin Sans,sans-serif;font-size:15px;overflow-x: hidden;}img{width:100%}