@charset "UTF-8";@keyframes scale{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes zoom{0%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes float-up{0%{opacity:0;transform:translateY(30vh)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:"Roboto";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/roboto-regular.woff2)format("woff2");src:url(../fonts/roboto-regular.woff)format("woff")}@font-face{font-family:"Roboto";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/roboto-medium.woff2)format("woff2");src:url(../fonts/roboto-medium.woff)format("woff")}@font-face{font-family:"Roboto";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/roboto-bold.woff2)format("woff2");src:url(../fonts/roboto-bold.woff)format("woff")}*,::after,::before{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}.page,.page__body{height:100%;margin:0;padding:0;font-size:calc(1em + 1vw)}.page__body{font-family:"Roboto","Arial",sans-serif;font-weight:400;color:#fff;background-color:#000}.page__body--white{color:#000;background-color:#fff}.header__navigation{width:max-content;position:fixed;top:10vh;right:2vw}@media (min-width:1024px){.header__navigation{right:calc((100vw - 21.5em)/8)}}@media (min-width:1440px){.header__navigation{right:calc((100vw - 21.5em)/4)}}.header__link{animation:float-up .6s cubic-bezier(.2,.6,.2,1);animation-fill-mode:backwards;display:flex;column-gap:10px;font-size:20px;line-height:20px;font-weight:700;color:#fff;text-decoration:none;text-transform:lowercase}.header__link::after{content:"";width:20px;height:20px;background-position:center center;background-repeat:no-repeat;background-color:#fff;-webkit-mask-image:url(../img/icons/stack.svg#arrow-back);mask-image:url(../img/icons/stack.svg#arrow-back)}.header__link::before{display:none}@media (min-width:1024px){.header__link,.header__link::before{display:block}.header__link span{display:none}.header__link:focus,.header__link:hover{display:flex}.header__link:focus::before,.header__link:hover::before{display:none}.header__link:focus span,.header__link:hover span{display:block}}.header__link--black{color:#000}.header__link--black::after{background-color:#000}.header__link--contacts::before{content:"Контакты"}.header__link--about::before{content:"Обо мне"}.header__link--projects::before{content:"Проекты"}.header__link--memory::before{content:"Memory"}.header__link--cat-energy::before{content:"Cat Energy"}.header__link--kekstagram::before{content:"Kekstagram"}.header__link--drink2go::before{content:"Drink2Go"}.header__link--sedona::before{content:"Sedona"}.main{height:100%}.main__container{margin:0 auto;max-width:86%;padding:35vh 0 30vh}@media (min-width:768px){.main__container{max-width:21.5em}}.major-hero{position:relative;overflow:hidden;height:100%}.major-hero::before{animation:scale 1.5s cubic-bezier(.5,.6,.6,1);animation-fill-mode:backwards;content:"";position:absolute;z-index:-1;height:100%;width:100vw;top:0;left:0;background:url(../img/my-photo-bg@1x.jpg)no-repeat center/auto 100vh}@media (min-resolution:2dppx){.major-hero::before{background-image:url(../img/my-photo-bg@2x.jpg)}}@media (max-width:767px){.major-hero::before{width:200vw}}@media (min-width:500px) and (max-width:767px){.major-hero::before{background-position:center left 7vw}}@media (min-width:768px){.major-hero::before{background-position:center right -30vw}}@media (min-width:1024px){.major-hero::before{background-position:center right calc((100vw - 1439px)/2)}}@media (min-width:1440px){.major-hero::before{background-position:center right calc((100vw - 1440px)/4)}}.major-hero::after{animation:zoom .8s cubic-bezier(.5,.6,.6,1) infinite alternate;content:"";position:absolute;z-index:1;width:50px;height:50px;bottom:5%;left:calc(50% - 25px);background-position:center;background-repeat:no-repeat;background-color:#fff;-webkit-mask-image:url(../img/icons/stack.svg#touch);mask-image:url(../img/icons/stack.svg#touch)}@media (min-width:1024px){.major-hero::after{display:none}}.major-hero__container{margin:0 auto;max-width:86%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:6vh}@media (min-width:768px){.major-hero__container{max-width:21.5em}}.acquaintance{margin:0;font-size:2.5em;line-height:130%;font-weight:700}@media (min-width:1024px){.acquaintance{display:none}}.acquaintance--nojs{font-size:2em;line-height:120%}@media (max-width:1023px){.acquaintance--show{display:block}.acquaintance--hidden{display:none}}.acquaintance__text{overflow:hidden;color:#ea0f1e}.acquaintance__text--white{color:#fff}.acquaintance__text span{animation:float-up .6s cubic-bezier(.2,.6,.2,1);animation-fill-mode:backwards;display:block}.acquaintance__text:nth-child(2) span,.navigation__item:nth-child(2) a{animation-delay:.4s}.acquaintance__text:nth-child(3) span,.navigation__item:nth-child(3) a{animation-delay:.8s}.hero__container{margin-bottom:24vh}.hero__title{font-size:2.222em;line-height:140%;font-weight:700;margin:0;overflow:hidden}@media (max-width:767px){.hero__title{font-size:2em}}@media (min-width:768px){.hero__title{letter-spacing:-3px}}.hero__title--black{margin-bottom:10px}.hero__tagline span,.hero__title span{display:block;animation:float-up .6s cubic-bezier(.2,.6,.2,1);animation-fill-mode:backwards}.hero__title--margin-b{margin:0 0 20vh}.hero__tagline{font-size:20px;line-height:180%;margin:0 0 30vh;color:#888}.hero__tagline span{animation-delay:.2s}.hero__image-wrapper{overflow:hidden;width:calc(100% + (100vw - 100%)/2)}@media (max-width:767px){.hero__image-wrapper{width:100vw;margin-left:calc((100vw - 100%)/-2)}}@media (min-width:1024px){.hero__image-wrapper{width:calc(100% + (100vw - 17px - 100%)/2)}}.hero__image{animation:float-up .6s cubic-bezier(.2,.6,.2,1);animation-fill-mode:backwards;animation-delay:.4s;width:100%;height:90vh;object-fit:cover;display:block}.navigation{display:none;font-size:2.5em;line-height:130%;font-weight:700}@media (min-width:1024px){.navigation{display:block}}@media (max-width:1023px){.navigation--nojs{display:block;font-size:2em;line-height:120%}.navigation--nojs a span,.navigation--show,.navigation--show a span{display:block}.navigation--hidden,.navigation--nojs a::after,.navigation--show a::after{display:none}}.navigation__list{margin:0;padding:0;list-style-type:none}.navigation__item{overflow:hidden}.navigation__link{animation:float-up .6s cubic-bezier(.2,.6,.2,1);animation-fill-mode:backwards;text-decoration:none;color:#ea0f1e;display:flex}@media (min-width:768px){.navigation__link{width:50%}}.navigation__link--white{color:#fff}.navigation__link::after{width:100%;height:100%}.navigation__link--about::after{content:"Привет."}.navigation__link--projects::after{content:"Я"}.navigation__link--contacts::after{content:"Андрей"}.navigation__link span{display:none}.about__resume:focus,.about__resume:hover,.contacts__link:focus,.contacts__link:hover,.navigation__link:focus,.navigation__link:hover,.project__link:focus,.project__link:hover,.projects__link:focus,.projects__link:hover{transform:translateX(40px);transition:all .5s}.navigation__link:focus span,.navigation__link:hover span{display:block}.navigation__link:focus::after,.navigation__link:hover::after{display:none}.about__container{margin-bottom:10vh}@media (min-width:768px){.about__container{padding:0 15%}}.about__title{font-size:40px;line-height:140%;font-weight:700;margin:0 0 4vh;display:block}@media (max-width:767px){.about__title{font-size:30px}}.about__text{font-size:18px;line-height:170%;margin:0 0 3vh}.about__text--large{font-size:24px;line-height:160%;margin:0 0 4vh}.about__resume{text-decoration:none;color:#ea0f1e;font-size:19px;line-height:19px;display:block}.projects__list{margin:0;padding:0;list-style-type:none;display:grid;row-gap:12vh}.projects__item{overflow:hidden}.projects__item:nth-child(2) a{animation-delay:.4s}.projects__item:nth-child(3) a{animation-delay:.8s}.projects__item:nth-child(4) a{animation-delay:.12s}.projects__link{animation:float-up .6s cubic-bezier(.2,.6,.2,1);animation-fill-mode:backwards;text-decoration:none;display:block}.projects__title{margin:0;font-size:2.222em;line-height:140%;font-weight:700;color:#fff}.projects__description{margin:0;font-size:16px;line-height:170%;color:#ea0f1e}@media (min-width:768px){.project__container{padding:0 15%}}.project__title{font-size:40px;line-height:140%;font-weight:700;margin:6vh 0 2vh;display:block}@media (max-width:767px){.project__title{font-size:30px}}.project__subtitle{font-size:35px;line-height:130%;font-weight:700;margin:4vh 0 2vh;display:block}@media (max-width:767px){.project__subtitle{font-size:25px}}.project__heading{font-size:30px;line-height:120%;font-weight:700;margin:4vh 0 2vh;display:block}@media (max-width:767px){.project__heading{font-size:20px}}.project__description{font-size:24px;line-height:160%;margin:0 0 4vh}.project__text{font-size:18px;line-height:170%;margin:0 0 2vh}.project__slider{width:100%;max-width:100%;margin:0 0 4vh}@media (min-width:768px){.project__slider{width:21.5em;max-width:21.5em;margin-left:-3.22em}}.project__slider--nojs{display:none}.project__image{display:block;max-width:100%;height:auto;max-height:90vh;object-fit:contain;margin:0 auto 4vh}.project__image--xs{max-width:44%}.project__image--m,.project__image--s{max-width:100%}@media (min-width:1024px){.project__image--m{max-width:70%}}.project__image--xl{display:none}@media (min-width:768px){.project__image--xl{max-width:21.5em;margin-left:-3.22em}}.project__image--nojs{display:block}.project__link{font-size:19px;line-height:19px;color:#ea0f1e;text-decoration:none;font-style:normal;font-weight:700;display:flex;align-items:center;column-gap:15px;margin:0 0 3vh}.project__link::before{content:"";width:30px;height:30px;background-position:center center;background-repeat:no-repeat;background-color:#ea0f1e}.project__link--github::before{-webkit-mask-image:url(../img/icons/stack.svg#github);mask-image:url(../img/icons/stack.svg#github)}.project__link--site::before{-webkit-mask-image:url(../img/icons/stack.svg#internet);mask-image:url(../img/icons/stack.svg#internet)}@media (min-width:768px){.contacts__container{padding:0 15%}}.contacts__title{font-size:40px;line-height:140%;font-weight:700;margin:0 0 4vh;display:block;overflow:hidden}@media (max-width:767px){.contacts__title{font-size:30px}}.contacts__title span{display:block;animation:float-up .6s cubic-bezier(.2,.6,.2,1);animation-fill-mode:backwards}.contacts__list{margin:0;padding:0;list-style-type:none;display:grid;row-gap:4vh}.contacts__link{font-size:19px;line-height:19px;color:#ea0f1e;text-decoration:none;font-style:normal;font-weight:700;display:flex;align-items:center;column-gap:15px}.contacts__link::before{content:"";width:30px;height:30px;background-position:center center;background-repeat:no-repeat;background-color:#ea0f1e}.contacts__link--address::before{-webkit-mask-image:url(../img/icons/stack.svg#location);mask-image:url(../img/icons/stack.svg#location)}.contacts__link--phone::before{-webkit-mask-image:url(../img/icons/stack.svg#phone);mask-image:url(../img/icons/stack.svg#phone)}.contacts__link--mail::before{-webkit-mask-image:url(../img/icons/stack.svg#mail);mask-image:url(../img/icons/stack.svg#mail)}.contacts__link--telegram::before{-webkit-mask-image:url(../img/icons/stack.svg#telegram);mask-image:url(../img/icons/stack.svg#telegram)}.contacts__link--github::before{-webkit-mask-image:url(../img/icons/stack.svg#github);mask-image:url(../img/icons/stack.svg#github)}.slider__image{max-width:100%;height:auto;max-height:90vh;object-fit:contain}.slider__button{width:-moz-fit-content;width:fit-content}.slider__button--prev{left:-7%}.slider__button--next{right:-7%}@media (min-width:1024px){.slider__button{width:15%}.slider__button--prev{left:-10%}.slider__button--next{right:-10%}}.slider__indicators [data-bs-target]{background-color:#000}@media (min-width:768px){.skills__container{padding:0 15%}}.skills__title{font-size:40px;line-height:140%;font-weight:700;margin:0 0 4vh;display:block}@media (max-width:767px){.skills__title{font-size:30px}}.skills__text{font-size:18px;line-height:170%;margin:0 0 3vh}.skills__text--large{font-size:24px;line-height:160%;margin:0 0 4vh}.skills__list{margin:0;padding:0;list-style-type:none;margin-bottom:3vh;gap:3%;display:grid;grid-template-columns:repeat(3,1fr)}@media (min-width:426px) and (max-width:767px){.skills__list{grid-template-columns:repeat(4,1fr)}}@media (min-width:768px){.skills__list{grid-template-columns:repeat(5,1fr)}}@media (min-width:1024px){.skills__list{grid-template-columns:repeat(6,1fr)}}@media (min-width:1440px){.skills__list{grid-template-columns:repeat(7,1fr)}}.skills__image{display:block;width:100%;height:auto;object-fit:contain}