html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,hero,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;font-weight:400;vertical-align:baseline}article,aside,details,figcaption,figure,footer,hero,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}a{text-decoration:none}*{box-sizing:border-box}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}html,body{height:100%}body{font-family:Montserrat,serif;background-color:#000;color:#fff;background-image:linear-gradient(to right,transparent calc(25% - 1px),rgba(255,255,255,.2) 25%,transparent 0,transparent calc(50% - 1px),rgba(255,255,255,.2) 50%,transparent 0,transparent calc(75% - 1px),rgba(255,255,255,.2) 75%,transparent 0)}.wrapper{height:100%;display:grid;grid-template-columns:repeat(4,1fr)}.wrapper>*{display:grid;grid-template-columns:subgrid;grid-area:1/1;grid-column:1/-1}.tag{display:block;width:fit-content;background-color:#fff;color:#000;padding-block:4px;font-weight:500;font-size:16px}@media (width <= 768px){.tag{font-size:14px}}.obj-top{object-position:top}.timer{display:flex;align-items:center;column-gap:10px;position:fixed;top:1vw;left:50%;translate:-50%;background-color:#fff;color:#000;padding:4px 6px;z-index:100;transition-property:background-color,color;transition-duration:.25s;transition-timing-function:ease;min-width:120px;min-height:20px;z-index:999}.timer span{font-size:13px;font-weight:600;text-transform:uppercase}.timer--active{color:#fff;background-color:#000}.grid{height:100%;overflow-x:hidden;overflow-y:auto}.grid>*{display:grid;grid-template-columns:subgrid;grid-column:1/-1}.grid>*>*{overflow:hidden}[data-col-start="1"]{grid-column-start:1}[data-cols="1"]{grid-column-end:span 1}[data-col-end="2"]{grid-column-end:2}[data-col-start="2"]{grid-column-start:2}[data-cols="2"]{grid-column-end:span 2}[data-col-end="3"]{grid-column-end:3}[data-col-start="3"]{grid-column-start:3}[data-cols="3"]{grid-column-end:span 3}[data-col-end="4"]{grid-column-end:4}[data-col-start="4"]{grid-column-start:4}[data-cols="4"]{grid-column-end:span 4}[data-col-end="5"]{grid-column-end:5}.keyboard{position:relative;-webkit-user-select:none;user-select:none;font-family:Poppins,serif;animation-name:up;animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:ease}.keyboard__key{font-size:10vw;font-weight:900;display:inline-block;text-transform:uppercase;letter-spacing:-1vw;transition:transform .2s}.keyboard__key:nth-child(1){animation:pressDown1 2s infinite}.keyboard__key:nth-child(2){animation:pressDown2 3s infinite}.keyboard__key:nth-child(3){animation:pressDown3 4s infinite}.keyboard__key:nth-child(4){animation:pressDown4 2.5s infinite}.keyboard__key:nth-child(5){animation:pressDown5 2.5s infinite}.keyboard__key:nth-child(6){animation:pressDown6 3.5s infinite}.keyboard__key:nth-child(7){animation:pressDown7 2.2s infinite}.keyboard__key:nth-child(8){animation:pressDown8 3.2s infinite}.keyboard__key:nth-child(9){animation:pressDown8 2.5s infinite}.keyboard__text{font-size:1.5vw}@keyframes pressDown1{30%,40%,to{transform:translateY(0)}35%{transform:translateY(10px)}}@keyframes pressDown2{70%,80%,to{transform:translateY(0)}75%{transform:translateY(10px)}}@keyframes pressDown3{30%,40%,to{transform:translateY(0)}35%{transform:translateY(10px)}}@keyframes pressDown4{40%,50%,to{transform:translateY(0)}45%{transform:translateY(10px)}}@keyframes pressDown5{20%,30%,to{transform:translateY(0)}25%{transform:translateY(10px)}}@keyframes pressDown6{60%,70%,to{transform:translateY(0)}65%{transform:translateY(10px)}}@keyframes pressDown7{10%,20%,to{transform:translateY(0)}15%{transform:translateY(10px)}}@keyframes pressDown8{35%,45%,to{transform:translateY(0)}40%{transform:translateY(10px)}}@keyframes up{0%{opacity:0;transform:translateY(300px)}to{opacity:1;transform:translateY(0)}}.menu-toggle{position:fixed;top:10vh;right:3vw;display:flex;flex-direction:column;row-gap:4px;border:none;background-color:transparent;padding:16px 8px;z-index:999}.menu-toggle__line{background-color:#fff;height:4px;width:35px;transition-property:rotate,background-color;transition-duration:.35s;transition-timing-function:cubic-bezier(.475,.425,0,.995),ease}.menu-toggle--active .menu-toggle__line{background-color:#000}.menu-toggle--active .menu-toggle__line:nth-child(1){rotate:-45deg}.menu-toggle--active .menu-toggle__line:nth-child(2){rotate:-135deg;margin-top:-7px}@media (hover: hover){.menu-toggle{cursor:pointer}}.navigation{height:100%;z-index:500;color:#000;visibility:hidden;transition:visibility .95s ease,translate .45s ease;overflow:hidden;pointer-events:none}@media (width < 768px){.navigation{background-color:#fff;translate:0 -100%;overflow-y:auto;align-content:start}}.navigation a{outline:none}.navigation__cell{padding:30px;background-color:#fff;translate:0 -100%;transition-property:translate;transition-timing-function:ease;grid-row:1;overflow:hidden}.navigation__cell:not(:last-child){border-right:1px solid rgba(0,0,0,.2)}.navigation__cell:nth-child(1){display:flex;flex-direction:column;justify-content:space-between;row-gap:30px;transition-duration:.35s;padding-top:100px}.navigation__cell:nth-child(2){transition-duration:.55s;padding-top:140px;overflow-y:auto}.navigation__cell:nth-child(3){transition-duration:.75s;place-content:end}.navigation__cell:nth-child(4){transition-duration:.95s;padding-top:200px}@media (width < 1024px){.navigation__cell:nth-child(1){padding-inline:15px}.navigation__cell:nth-child(2),.navigation__cell:nth-child(3){grid-column:2/4}.navigation__cell:nth-child(3){background-color:transparent;pointer-events:none}}@media (width < 768px){.navigation__cell{translate:-100% 0}.navigation__cell:nth-child(1),.navigation__cell:nth-child(4){display:contents}.navigation__cell:nth-child(2),.navigation__cell:nth-child(3){grid-column:1/-1;translate:0}.navigation__cell:nth-child(2){padding-top:50px;overflow-y:hidden;height:min-content}}.navigation__subtitle{letter-spacing:.02em}@media (width < 768px){.navigation__subtitle{padding-bottom:15px;text-align:right}}@media (width < 768px){.navigation__contact,.navigation__subtitle{padding-inline:20px;grid-column:1/-1;transition-property:translate;transition-timing-function:ease;translate:100% 0;transition-delay:.35s;transition-duration:.45s}}.navigation__contact,.navigation__works{display:flex;flex-direction:column;align-items:flex-start;row-gap:3px}@media (width < 768px){.navigation__contact{align-items:flex-end;padding-bottom:20px}}.navigation__contact-link{position:relative;color:#000;text-decoration:none;overflow:hidden;font-size:20px;line-height:1.2;pointer-events:auto}.navigation__contact-link:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background-color:#000;translate:-101% 0;transition:translate .35s ease}.navigation__contact-link:focus:before{translate:0}@media (hover: hover){.navigation__contact-link:hover:before{translate:0}}@media (width < 1024px){.navigation__contact-link{font-size:16px}}.navigation__works-link{font-size:40px;line-height:1.2;font-weight:600;text-decoration:none;color:#00000080;overflow:hidden;background-image:linear-gradient(to right,#000 50%,#00000080 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;background-position:100%;transition:background-position .35s ease;pointer-events:auto}@media (hover: hover){.navigation__works-link:hover{background-position:0 100%}}.navigation__works-link:focus{background-position:0 100%}@media (width < 1200px){.navigation__works-link{font-size:36px}}@media (width < 768px){.navigation__works-link{font-size:30px}}.navigation__works{row-gap:10px;grid-column:1/-1;transition-property:translate;transition-timing-function:ease;translate:-100% 0;transition-delay:.35s;transition-duration:.45s}.navigation--active{visibility:visible;translate:0;pointer-events:auto}.navigation--active .navigation__cell,.navigation--active .navigation__works,.navigation--active .navigation__contact,.navigation--active .navigation__subtitle{translate:0}.running-block{--speed: 50;--count: 3;display:flex}.running-block__item{--outset: 1;--inset: -2;--origin-x: calc(((var(--count) - var(--index)) + var(--inset, 0)) * 100%);--destination-x: calc(calc((var(--index) + 1 + var(--outset, 0)) * -100%));--duration: calc(var(--speed) * 1s);--delay: calc( (var(--duration) / var(--count)) * (var(--index, 0) - (var(--count) * .5)) );animation:slide var(--duration) calc(var(--delay) - var(--count) * .5s) infinite linear;translate:var(--origin-x);font-weight:700;font-size:100px;color:#0000004d;text-decoration:none;white-space:nowrap;transition:color .5s ease;padding:40px}@media (hover: hover){.running-block__item:hover{color:#000}}.running-block__item:focus{color:#000}@media (width < 768px){.running-block__item{padding-block:20px}}@keyframes slide{to{translate:var(--destination-x)}}.media-block{position:relative;display:flex;flex-direction:column;padding-inline:50px;background-color:#000;overflow:visible;margin-block:50px}.media-block .tag{margin-bottom:20px}.media-block__link{line-height:1.2;display:flex;align-items:center;justify-content:flex-start;column-gap:5px;position:relative;font-size:28px;color:#fff;border-top:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);padding:25px 40px}.media-block__link>*{pointer-events:none}.media-block__link span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (hover: hover){.media-block__link:hover .media-block__action{opacity:1;clip-path:inset(0 0 0 0)}}.media-block__link svg{flex-shrink:0}@media (width < 768px){.media-block__link svg{width:18px}}@media (width < 1024px){.media-block__link{font-size:24px}}@media (width < 576px){.media-block__link{font-size:16px}}.media-block__action{width:500px;height:250px;position:absolute;top:0;left:0;opacity:0;clip-path:inset(0 100% 0 0);transition-property:clip-path,opacity;transition-duration:.32s,.2s;transition-timing-function:ease,ease,ease;z-index:20}@media (width <= 768px){.media-block__action{width:100%;height:auto}}.media-block__action img,.media-block__action video{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}@media (width <= 768px){.media-block{grid-column:1/-1}}@media (width <= 576px){.media-block{grid-column:1/-1;padding:25px 10px}}.hero{place-content:center;padding-block:50px;padding-left:200px;padding-right:100px;min-height:100dvh}@media (width <= 1024px){.hero{padding-left:150px}}@media (width <= 768px){.hero{padding-left:100px;padding-right:50px}}@media (width <= 576px){.hero{padding-left:50px;padding-right:30px}}.main-section{padding:100px}@media (width <= 768px){.main-section{padding:60px 50px}}@media (width <= 576px){.main-section{padding-inline:20px}}.main-section__text{position:relative;font-size:30px;line-height:1.5}@media (width < 1024px){.main-section__text{font-size:24px;grid-column:span 3}}@media (width < 576px){.main-section__text{font-size:16px}}.main-section__icons{position:relative;overflow:visible}@media (width < 1024px){.main-section__icons--first{grid-column:4/5}.main-section__icons--second{grid-column:1/2}}.main-section__icon{display:block;width:60px;aspect-ratio:1;position:absolute}.main-section__icon:nth-child(1){rotate:-35deg;bottom:40%;left:13%}.main-section__icon:nth-child(2){rotate:15deg;bottom:0;left:20%}.main-section__icon:nth-child(3){rotate:20deg;bottom:55%;left:25%}@media (width < 1024px){.main-section__icon{width:40px}.main-section__icon:nth-child(1){bottom:30%;left:40%}.main-section__icon:nth-child(2){bottom:0;left:30%}.main-section__icon:nth-child(3){bottom:60%;left:36%}.main-section__icon--second:nth-child(1){bottom:35%;left:0%}.main-section__icon--second:nth-child(2){bottom:10%;left:3%}.main-section__icon--second:nth-child(3){rotate:35deg;bottom:55%;left:30%}}@media (width < 768px){.main-section__icon{width:30px}}.main-section__header{padding-bottom:150px}@media (width < 1024px){.main-section__header{padding-bottom:100px}}@media (width < 768px){.main-section__header{padding-bottom:80px}}.main-section__title{font-size:82px;font-weight:700;text-transform:uppercase}@media (width < 1024px){.main-section__title{font-size:62px}}@media (width < 768px){.main-section__title{font-size:52px}}@media (width < 576px){.main-section__title{font-size:38px}}.main-section--about{row-gap:200px}@media (width < 768px){.main-section--about{row-gap:120px}}.main-section--frontloops .main-section__text{padding-bottom:120px;grid-row:2}@media (width < 1024px){.main-section--frontloops .main-section__text{grid-column:2/5}}@media (width < 768px){.main-section--frontloops .main-section__text{padding-bottom:80px}}.main-section--frontloops .main-section__text a{color:#6672e5}.main-section--email .media-block{margin-top:120px}@media (width < 768px){.main-section--email .media-block{margin-top:80px}}.main-section--email .main-section__text{grid-row:2}@media (width < 1024px){.main-section--email .main-section__icons{grid-column:1/2}.main-section--email .main-section__text{grid-column:2/5}}.footer{position:relative;height:80px;padding-inline:50px;margin-top:120px;display:flex;align-items:center;justify-content:center;column-gap:15px;border-top:1px solid rgba(255,255,255,.2);font-size:18px;line-height:1.2;background-color:#000;text-wrap:nowrap}@media (width < 768px){.footer{margin-top:60px}}.footer__link{position:relative;color:#fff;overflow:hidden}.footer__link:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background-color:#fff;translate:-101% 0;transition:translate .35s ease}.footer__link:focus:before{translate:0}@media (hover: hover){.footer__link:hover:before{translate:0}}.footer__content{display:flex;column-gap:10px;align-items:center}@media (width <= 768px){.footer{font-size:14px;padding-inline:10px}.footer__content{gap:5px}}@media (width <= 576px){.footer__content{flex-direction:column}}