@charset "UTF-8";@font-face{font-family:Roboto-regular;font-display:swap;src:local("Roboto-regular"),url(../fonts/roboto-regular-webfont.woff2) format("truetype")}@font-face{font-family:Roboto-bold;font-display:swap;src:local("Roboto-bold"),url(../fonts/roboto-bold-webfont.woff2) format("truetype")}@font-face{font-family:Inter-ExtraBold;font-display:swap;src:local("Inter-ExtraBold"),url(../fonts/Inter-ExtraBold.ttf) format("truetype")}@font-face{font-family:century-bold;font-display:swap;src:local("century-bold"),url(../fonts/century-bold.ttf) format("truetype")}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}hr{box-sizing:content-box;height:0;overflow:visible}textarea{overflow:auto}optgroup,select{margin:0}html:root{--color-accent: #6ead3a;--color-white: #ecf0f1;--color-black: #202020;--vw: 1080px;--position: 0px}body{font:16px Inter-ExtraBold;width:100%;position:relative;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img{vertical-align:bottom;border-style:none}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}*:target{scroll-margin-block:5ex}button{background-color:transparent;margin:0;padding:0;border:1px solid #ffffff;overflow:visible;outline-color:#6495ed;-webkit-tap-highlight-color:rgba(0,0,0,0)}button:active,button:focus{outline:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}a{background-color:transparent;outline-color:#6495ed;-webkit-tap-highlight-color:rgba(0,0,0,0)}a:active,a:focus{outline:none}details{display:block}body{background-color:var(--color-black);color:var(--color-white);overscroll-behavior:none}[data-barba-namespace=about]{top:0;left:0;width:100%;height:100%;z-index:10}[data-barba-namespace=home]{top:0;left:0;width:100%;height:100%;z-index:-1}.logo-wrap{position:fixed;top:0;left:0;right:0;display:flex;width:100%;padding:clamp(20px,3vw,30px) 30px 0;z-index:100}.logo{font:clamp(20px,3vw,30px) "century-bold";margin:0 auto 0 0;padding:0 16px 0 0;text-shadow:0 0 1px rgb(0,0,0);text-decoration:none;color:var(--color-white)}.logo:hover,.logo:focus{color:var(--color-accent)}.logo-line{display:block;margin:auto;flex-grow:1;height:1px;background-color:var(--color-white)}.logo-btn{font:22px Inter-ExtraBold;margin:0 0 0 auto;padding:0 0 0 16px;border:none;color:var(--color-white);transition:.4s;text-shadow:0 0 6px rgba(0,0,0,.8)}.logo-btn:hover,.logo-btn:focus{color:var(--color-accent)}.menu-wrap{position:fixed;top:0;right:0;bottom:0;padding:70px 0 0;background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.2));transform:translate(100%);transition:.4s}.menu-wrap_active{transform:translate(0)}.menu-item{display:block;font:24px Inter-ExtraBold;text-transform:uppercase;margin:24px 16px 0 20px;text-shadow:0 0 6px #000;transition:.4s;color:var(--color-white);text-decoration:none}.menu-item:hover,.menu-item:focus{color:var(--color-accent)}.box-hidden{position:absolute;top:0;left:0;width:0;height:0;z-index:-1}.box-hidden img{position:absolute}.main{width:100%}.main-wrap{container-type:inline-size;--box-Img: 70cqw;--box-h2: 30cqw;position:relative;display:grid;grid-template-columns:30% 70%;grid-template-rows:1fr;grid-gap:20px 0;align-content:center;max-width:1400px;width:100%;height:100vh;margin:0 auto;overflow:hidden}.main-box_h2{grid-column:1/2;grid-row:1/2;display:flex;flex-flow:column nowrap;pointer-events:none;transform:translate(-130%);height:calc(var(--box-h2) * 3.857 + 40px)}.main-shell_h2{position:relative;height:calc(var(--box-h2) * 2.571 + 20px);margin:auto 0 0;overflow:hidden}.main-wrap_h2{position:absolute;top:0;left:0;font-size:calc(min(1400px,100vw)*.01);width:100%;aspect-ratio:7/9;display:flex;transform:translateY(-100%);will-change:top,transform}.main-wrap_h2:first-child{transform:translate(0)}.main-wrap_h2:last-child{top:100%;transform:translate(0)}.main-h2{font:max(9cqw,42px) "Inter-ExtraBold";writing-mode:sideways-lr;margin:auto 20px auto auto;text-shadow:0 0 10px #000}.main-box_Img{grid-column:2/3;grid-row:1/2;position:relative;height:calc(var(--box-Img) * 1.6875 + 20px);overflow:hidden}.main-img_item{display:block;position:absolute;bottom:0;right:0;margin:0 20px 0 0;transform:translateY(100%);overflow:hidden;will-change:bottom,transform}.main-img_item:after{position:absolute;content:"";inset:0;background-color:transparent;box-shadow:inset 0 0 40px 6px var(--color-black)}.main-img_item .main-image{transform:scale(1.1) translateY(-25%)}.main-img_item:nth-child(2){bottom:0;transform:translate(0)}.main-img_item:nth-child(2) .main-image{transform:scale(1.1) translateY(-25%)}.main-img_item:first-child{bottom:50%;transform:translateY(50%)}.main-img_item:first-child .main-image{transform:scale(1.1) translate(0)}.main-img_item:last-child{bottom:100%;transform:translateY(100%)}.main-img_item:last-child .main-image{transform:scale(1.1) translateY(25%)}.main-img_item:nth-last-child(2){bottom:100%;transform:translate(0)}.main-image{width:100%;aspect-ratio:16/9;object-fit:cover;will-change:transform}@container (width < 500px){.main-box_h2{grid-column:1/3;grid-row:1/2;height:calc(168.75vmax + 20px);z-index:1}.main-shell_h2{height:calc(112.5vmax + 10px)}.main-wrap_h2{height:56.25vmax;aspect-ratio:auto}.main-h2{font:max(9dvh,42px) "Inter-ExtraBold";margin:auto auto auto 30px}.main-box_Img{--box-Img: 100vmax;grid-column:1/3;grid-row:1/2}.main-img_item{margin:0 12px}.main-image{height:calc(56.25vmax - 10px)}}.popup{--color: #232629;position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);padding:0 14px;visibility:hidden;z-index:199}.popup-active{visibility:visible}.popup-wrap{max-width:560px;margin:0 auto;overflow:hidden}.popup-blog{width:100%;padding:.1px 0 30px;border-top:2px solid var(--color);border-right:2px solid var(--color);border-bottom:2px solid var(--color);border-radius:0 16px 16px 0;backdrop-filter:blur(12px);background-color:#e1e1e166;transform:translate(-100%);transition:.8s}.popup-blog-active{transform:translate(0)}.popup-h2{width:max-content;font:40px Roboto-Regular;margin:18px auto 0;color:var(--color)}.popup-text{font:20px Roboto-Regular;margin:5px 16px 0;color:var(--color)}.popup-button{display:block;width:100px;height:40px;margin:24px auto 0;padding:0;font:20px Roboto-Regular;text-transform:uppercase;border:2px solid var(--color);border-radius:14px;color:var(--color);background-color:transparent;transition:.4s}.popup-button:hover{background-color:#31363b;color:#afb1b3}.header{display:grid;grid-template:1fr/1fr;grid-template-areas:"center";width:100%;box-shadow:inset 0 0 40px 6px var(--color-black);overflow:hidden}.header-bg{display:block;grid-area:center;z-index:-1}.header-bg_img{width:100%;height:110vh;object-fit:cover;object-position:center center}.header-wrap{container-type:inline-size;grid-area:center;margin:auto auto auto 0;max-width:1280px;width:100%;padding:0 10px 0 max(8vw,10px)}.header-active .h1-top,.header-active .h1-bottom{transform:translate(0)}.header-active .header-text{transform:translate(0);opacity:1}.header-wrap_h1{overflow:hidden}.header-h1{font:max(11cqw,70px) "Inter-ExtraBold";text-shadow:0 0 10px #000;line-height:1;transition:.6s}.h1-top{transform:translateY(100%)}.h1-bottom{transform:translateY(-100%)}.header-text{width:max(45cqw,300px);text-shadow:0 0 4px #000;margin:20px 0 0;transform:translateY(100%);opacity:0;transition:.6s}.article{--article-size: 0;width:100%;background-color:var(--color-black);overflow:hidden}.article-wrap{width:100%;padding:0 14px;transform:translateY(var(--article-size))}.article-wrap_h2{container-type:inline-size;max-width:1400px;width:100%;margin:0 auto;border-bottom:1px solid var(--color-white);overflow:hidden}.article-h2{font:max(5cqw,50px) "Inter-ExtraBold";width:max-content;margin:30px auto;transform:translateY(100%);opacity:0}.article-wrap_text{container-type:inline-size;max-width:1400px;width:100%;margin:30px auto 50px;column-gap:14px;columns:max(23.8cqw,300px) auto}.article-img{margin:10px 0 30px}.article-img img{width:100%}.article-text{font:max(1.2cqw,16px) "Roboto-regular"}