:root{--white:#fff;--maintext:#333;--lightdark:#999;--ultralight:#e4e4e4;--footer:#f8f8f9;}
*{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{font-family:'work sans',sans-serif;font-weight:normal;font-style:normal;color:var(--maintext);overflow-x:hidden;font-size:.925rem;-webkit-font-smoothing:antialiased;font-weight:400;line-height:1.5;}
img{max-width:100%;transform:translateZ(0px);height:unset}
a:focus,input:focus,textarea:focus,button:focus{text-decoration:none;outline:none;}
a:focus,a:hover{text-decoration:none;}
a,button{transition:.3s!important;text-decoration:none;position:relative;display:inline-block;color:var(--maintext);}
h1,h2,h3,h4,h5,h6{margin:0px;position:relative;color:var(--maintext);}
h2{font-size:2.1rem;}
ul,ol{margin:0px;padding:0px;list-style-type:none;}
.numberedlist{list-style-type:decimal;}
p{font-weight:400;line-height:26px;color:var(--maintext);}
textarea,select,input,button{outline:none;}
iframe{width:100%}
input,textarea{border-radius:4px;border:1px solid #ddd;font-size:1rem;font-weight:400;line-height:1.5;border-radius:0.375rem;resize:none;box-shadow:none!important;}
input[type='number'],input[type='tel']{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
a.disabled,.btn.disabled,.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.8;font-size: 2rem;}


/* icons */

.gg-menu{transform:scale(var(--ggs,1));}
.gg-menu,.gg-menu::after,.gg-menu::before{box-sizing:border-box;position:relative;display:inline-block;width:20px;height:2px;border-radius:3px;background:currentColor;}
.gg-menu::after,.gg-menu::before{content:"";position:absolute;top:-6px;}
.gg-menu::after{top:6px;}


/* header */
 
.menuopener{background: var(--maintext);color: var(--white);display: inline-block;width: 65px;height: 65px;border-radius: 100px;display: flex;align-items: center;justify-content: center;position:fixed;top:30px;right:30px;cursor: pointer;z-index: 5;
}
.menu{position:fixed;top:0;z-index:100;background:var(--white);width:100%;max-width:600px;height:100%;padding:1rem;display:flex;flex-direction:column;align-items:flex-end;right:-100%;transition: .3s;}
.menu > *{width: 100%;}
.menu.opened{right: 0;}
.menu > ul{position:relative;z-index:1;background:#fff;display:flex;flex-wrap:wrap;height:100%;justify-content:center;align-items:center;flex-direction:column;}
.menu ul li{width:100%;text-align:right;}
.menu ul a{font-size:3rem;}
.closemenu{cursor: pointer;font-size: 2rem;}

.social-menu{display: flex;gap: 1rem;}
.social-menu a{font-size: 1.5rem;}

.overlay{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: #00000050; -webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);visibility: hidden;opacity: 0;transition:.3s;z-index: 90;}
.overlay.opened{opacity:1;visibility: visible;}
/* mainzone */
.mainblock{position:relative;min-height:100vh;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;flex-direction: column;}
.content-main {width: 100%;}
.hero-bg{position:absolute;display:flex;align-items:center;justify-content:center;height:100vh;width:100%;inset:0%;z-index:-1;overflow: hidden;}
.circle-1,.circle-2{position:absolute;height:100vh;width:100vw;object-fit:cover;}
.circle-1{-webkit-animation:zoom 20s infinite linear;animation:zoom 20s infinite linear;}
.circle-2{-webkit-animation:spinner 20s infinite linear;animation:spinner 20s infinite linear;}
@keyframes zoom{0%{transform:scale(1,1);}
50%{transform:scale(1.5,1.5);}
100%{transform:scale(1,1);}
}
@-webkit-keyframes spinner{to{-webkit-transform:translate3d(0px,0px,0px) rotateZ(-360deg);transform:translate3d(0px,0px,0px) rotateZ(-360deg);}
}
@keyframes spinner{to{-webkit-transform:translate3d(0px,0px,0px) rotateZ(-360deg);transform:translate3d(0px,0px,0px) rotateZ(-360deg);}
}
.js-logo-line{stroke-dashoffset:0;transition:stroke-dashoffset 0.005s ease,stroke-width 0.005s ease;stroke-width:0.35px;stroke-miterlimit:10;}
.biglogo{width:100%;max-width:60vw;}
 

.projectblock{padding: 6rem 0;background: var(--white);}
.content-gallery{ transition: 1s;gap: 1rem;margin: 0 0 2rem;position: relative;top: 0;}
.content-gallery .item{font-size: 4rem;font-weight:300;color: var(--ultralight);width: max-content;transition: .5s;}
.content-gallery .i2,.content-gallery .i3{margin: 0;}
.content-gallery.defaultpos{top:48vh;}
.content-gallery.defaultpos .item{color: var(--maintext);}


footer{background: var(--footer);padding: 1.5rem 0;}


/* responsive */

@media(min-width:1400px){
    .content-gallery.defaultpos{gap: 12rem;}
    .content-gallery.defaultpos .i2{margin-left: 240px;}
    .content-gallery.defaultpos .i3{margin-left: 125px;}
}
@media(max-width:1199px){
    .biglogo{ max-width:80vw;}
}
@media(max-width:992px){
    .js-logo-line{stroke-width:0.55px;}
    .content-gallery .item{font-size: 2rem;}
    .biglogo{width:100%;max-width:80vw;}
}
@media(max-width:768px){
    .content-gallery.defaultpos{top:53vh;}
}