﻿@font-face{font-display:block;font-family:"Montserrat";font-style:normal;font-weight:400;src:url("../fonts/montserrat-v26-cyrillic_cyrillic-ext_latin-regular.woff2") format("woff2"),url("../fonts/montserrat-v26-cyrillic_cyrillic-ext_latin-regular.ttf") format("truetype")}@font-face{font-display:block;font-family:"Montserrat";font-style:normal;font-weight:500;src:url("../fonts/montserrat-v26-cyrillic_cyrillic-ext_latin-500.woff2") format("woff2"),url("../fonts/montserrat-v26-cyrillic_cyrillic-ext_latin-500.ttf") format("truetype")}@font-face{font-display:block;font-family:"Montserrat";font-style:normal;font-weight:600;src:url("../fonts/montserrat-v26-cyrillic_cyrillic-ext_latin-600.woff2") format("woff2"),url("../fonts/montserrat-v26-cyrillic_cyrillic-ext_latin-600.ttf") format("truetype")}@font-face{font-display:block;font-family:"Montserrat";font-style:normal;font-weight:700;src:url("../fonts/montserrat-v26-cyrillic_cyrillic-ext_latin-700.woff2") format("woff2"),url("../fonts/montserrat-v26-cyrillic_cyrillic-ext_latin-700.ttf") format("truetype")}@font-face{font-display:block;font-family:"Montserrat";font-style:normal;font-weight:800;src:url("../fonts/montserrat-v26-cyrillic_cyrillic-ext_latin-800.woff2") format("woff2"),url("../fonts/montserrat-v26-cyrillic_cyrillic-ext_latin-800.ttf") format("truetype")}@font-face{font-display:block;font-family:"Bebas Neue";font-style:normal;font-weight:400;src:url("../fonts/Bebas Neue Cyrillic Regular.ttf") format("truetype")}:root{--primary-font-family: "Montserrat", sans-serif;--secondary-font-family: "Bebas Neue", "Montserrat", sans-serif;--dark-gray: rgba(38, 37, 38, 1);--pale-yellow: rgba(242, 225, 194, 1);--fiery-red: rgba(242, 50, 7, 1);--burnt-orange: rgba(217, 49, 11, 1);--rusty-red: rgba(140, 45, 24, 1);--midnight-black: rgba(8, 8, 9, 1)}*,*::before,*::after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{text-decoration:none;color:inherit}ul{padding:0;margin:0;list-style:none}html{font-size:62.5%;background-color:var(--midnight-black)}body{font-size:1.6rem;font-family:var(--primary-font-family);overflow-x:hidden}.container{max-width:144rem;margin:0 auto;padding:0 3rem}@media(min-width: 768px){.container{padding:0 clamp(3rem,6vw,12rem)}}@media(min-width: 1440px){.container{padding:0 12rem}}.btn{background-color:var(--pale-yellow);color:var(--dark-gray);font-size:1.6rem;font-weight:600;padding:.8rem 1.5rem;border-radius:.4rem;cursor:pointer;transition:background-color .3s ease,color .3s ease;border:none}.btn:active,.btn:hover{background-color:var(--fiery-red);color:var(--pale-yellow);outline:none;border:none}.btn--icon{width:3.2rem;height:3.2rem;background-color:var(--dark-gray)}.btn--dark{background-color:var(--dark-gray);color:var(--pale-yellow)}.header{position:absolute;top:0;left:0;width:100vw;z-index:100}.header__content{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;gap:4rem;z-index:10;position:relative}@media(max-width: 758px){.header__content{gap:2rem}}.header__logo{margin-right:auto}.header__action-button{z-index:50;text-transform:uppercase}@media(max-width: 758px){.header__action-button{font-size:1.2rem;padding:1rem 1rem}}.header__nav{position:relative;order:1;z-index:5}@media(min-width: 1024px){.header__nav{order:0}}.header__nav ul{visibility:hidden;display:flex;opacity:0;align-items:center;position:absolute;top:6rem;right:6rem;flex-direction:column;justify-content:center;gap:2.5rem;z-index:10;transition:opacity .1 ease}@media(min-width: 1024px){.header__nav ul{visibility:visible;opacity:1;position:static;flex-direction:row;background-color:rgba(0,0,0,0);justify-content:space-between;gap:3rem}}.header__navlink{color:var(--pale-yellow);text-transform:uppercase;font-size:1.6rem;font-weight:500;transition:color .3s ease}.header__navlink:active,.header__navlink:hover{color:var(--fiery-red)}.header__bg{z-index:1;width:520px;height:460px;transform:translate(80%, -50%) scale(0.3) rotate(15deg);margin:30px 0 20px 20px;background-image:url("../../dist/images/Mars.png");background-size:cover;background-position:center;border-radius:50%;filter:grayscale(40%);transition:.3s ease-out;top:-10rem;right:-16rem;position:fixed}@media(min-width: 1024px){.header__bg{display:none}}.header__menu-btn{display:flex;flex-direction:column;justify-content:space-between;width:4rem;height:3.2rem;margin-left:-1rem;border-radius:.4rem;cursor:pointer}@media(min-width: 1024px){.header__menu-btn{display:none}}.header__menu-btn .burg__bar{z-index:50;height:5px;width:100%;background-color:var(--pale-yellow);display:block;border-radius:5px;transition:.3s ease}.header__nav.active .burg__bar--1{transform:translateY(1.35rem) rotateZ(-45deg) scaleX(0.8)}.header__nav.active .burg__bar--2{opacity:0}.header__nav.active .burg__bar--3{transform:translateY(-1.35rem) rotateZ(45deg) scaleX(0.8)}.header__nav.active .header__bg{transform:translate(0, 0) scale(1);transition:.5s ease-in}.header__nav.active ul{visibility:visible;opacity:1;transition:opacity .3s .2s ease}:root{--hero-width: clamp(30rem, 82vw, 120vh);--hero-height: calc(var(--hero-width) / 1.8934911243)}@media(min-width: 1440px){:root{--hero-width: min(118rem, 125vh)}}.hero{height:100vh;height:100dvh}.hero__content{height:100%;display:grid;place-content:center start;grid-template-columns:1rem 1fr}.hero__heading{margin-top:-2rem;width:var(--hero-width);height:var(--hero-height)}.hero__line{grid-row:1/3;place-self:end;height:calc(var(--hero-height) - 2rem);width:200%;margin-bottom:calc(var(--hero-height)*.1)}.hero__line svg{width:100%;height:100%}.hero__text{text-transform:uppercase;user-select:none;cursor:default;color:var(--fiery-red);font-weight:500;letter-spacing:.04em;padding-top:3.4rem;padding-left:clamp(.4rem,1.2vw,3.2rem);font-size:clamp(2.2rem,2.3vw,3.6rem);padding-bottom:2rem}@media(min-width: 1024px){.hero__text{padding-bottom:1rem}}@media(min-width: 1440px){.hero__text{font-size:3.6rem}}.mask-group{position:relative;overflow:hidden}.mask-group__content{position:absolute;top:0;left:0;width:100%;height:100%;mask-image:url("../../../dist/images/Mask.png");mask-repeat:no-repeat;mask-size:contain;mask-position:center}.background{position:absolute;top:0;left:0;width:110%;height:100%;z-index:-1;background:url("../../dist/images/Фон.jpg");background-position:50%;background-repeat:no-repeat;background-size:110% 110%;transition:background-position .4s ease-out}.background-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.fog{position:absolute;width:100%;height:100%;overflow:hidden;z-index:-1;pointer-events:none;opacity:.5}.fog__layer{position:absolute;height:100vh;width:711.1111111111vh;z-index:2}.fog__layer--1{background:url("../../dist/images/fog_texture.png");background-repeat:repeat-x;background-size:auto 100vh;background-position:left;animation:fog 12s infinite linear}@keyframes fog{0%{transform:translate3D(0, 0, 0)}100%{transform:translate3D(-355.5555555556vh, 0, 0)}}.popup{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--pale-yellow);z-index:100}.popup__content{position:relative;margin-top:10rem;margin-bottom:10rem}.popup__close-btn{position:absolute;top:0;right:0;padding:1rem;cursor:pointer}.popup.active{display:block}body.popup-active{overflow:hidden}.form{width:100%;color:var(--dark-gray)}.form__title{text-transform:uppercase;user-select:none;font-family:var(--secondary-font-family);font-size:11.4rem;font-size:clamp(6rem,10vw,11.4rem);font-weight:500;letter-spacing:.03em;max-width:15ch;line-height:1;transform:translateY(-1.5rem)}@media(max-width: 500px){.form__title{font-size:5rem;transform:translateY(-0.2rem)}}.form__input-group{display:flex;justify:stretch;margin-top:7.8rem;margin-bottom:5.8rem;flex-direction:column;gap:4rem}@media(min-width: 768px){.form__input-group{flex-direction:row;gap:2rem}}.form__input{flex:1;display:flex;flex-direction:column}.form__input label{font-size:1.6rem;margin-bottom:1.2rem;font-weight:700}.form__input input{height:100%;width:100%;background-color:rgba(0,0,0,0);border:none;border-bottom:1px solid var(--dark-gray);padding:.6rem 0;cursor:text}.form__input input::placeholder{color:var(--dark-gray)}.form__input input:focus{outline:none}.form__submit-btn{text-transform:uppercase;display:block;margin-left:auto;width:100%;font-size:1.6rem;font-weight:600}@media(min-width: 768px){.form__submit-btn{width:calc(33.3333333333% - 1.4rem)}}.reveal__line{position:relative}.reveal__line .v-line{stroke-dasharray:2000;stroke-dashoffset:2000}.reveal__line .dot{opacity:0}.reveal__text{opacity:0}.reveal__heading{opacity:0}.reveal__fog{opacity:.15}.reveal[data-state=visible] .reveal__line .v-line{animation:drawLine 3s ease forwards;animation-delay:.1s}.reveal[data-state=visible] .reveal__line .dot{animation:fadeIn 2.5s ease forwards;animation-delay:1.8s}.reveal[data-state=visible] .reveal__text{animation:fadeIn 3s ease forwards;animation-delay:.1s}.reveal[data-state=visible] .reveal__heading{animation:fadeIn 2.5s ease forwards;animation-delay:1.8s}.reveal[data-state=visible] .reveal__fog{animation:fadeInFog 3s ease-in-out both;animation-delay:1s}.reveal[data-state=visible] .reveal__bg{animation:moveInLeft 1s ease-in-out forwards}@keyframes fadeInFog{from{opacity:.15}to{opacity:.65}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes moveInLeft{from{transform:translateX(0%)}to{transform:translateX(-10%)}}@keyframes drawLine{to{stroke-dashoffset:0}}
