body:not(.load) .main-wrapper:not([data-section=portfolio]) .top-links{transform:translateY(-100%)}body:not(.load) .main-wrapper:not([data-section=portfolio]) .header-inner{transform:translateY(-300%)}@media screen and (min-width: 769px){body:not(.load) .section-gradient-wrap{top:calc(0px - (var(--height-header) + var(--height-top-links)));left:calc(0px - var(--offset-grid));right:calc(0px - var(--offset-grid));bottom:calc(0px - max(1.5rem,20px));border-radius:0}}body:not(.load) .section-content,body:not(.load) .main-section-header,body:not(.load) .main-section-tags{transform:translateY(var(--offset-grid-m));opacity:0}body:not(.load) .section-form-wrap{opacity:0}body:not(.load) .main-section-inner{transform:translateY(-5rem);opacity:0}body.load .main-wrapper:not([data-section=portfolio]) .top-links{transition-property:transform;transition-duration:.8s;transition-delay:.5s;transition-timing-function:cubic-bezier(0.33, 1, 0.68, 1)}body.load .main-wrapper:not([data-section=portfolio]) .header-inner{transition-property:transform,opacity;transition-duration:.8s;transition-delay:.3s;transition-timing-function:cubic-bezier(0.33, 1, 0.68, 1)}body.load .section-gradient-wrap{transition-property:all,border-radius;transition-duration:1s,.2s;transition-timing-function:cubic-bezier(0.42, 0.81, 0.68, 1),ease-out}body.load .section-content{transition-property:transform,opacity;transition-duration:1.3s;transition-delay:.2s;transition-timing-function:cubic-bezier(0.33, 1, 0.68, 1)}body.load .section-form-wrap{transition-property:opacity;transition-duration:1s;transition-delay:.6s;transition-timing-function:cubic-bezier(0.33, 1, 0.68, 1)}body.load .main-section-header,body.load .main-section-tags{transition-property:transform,opacity;transition-duration:.8s;transition-timing-function:cubic-bezier(0.33, 1, 0.68, 1)}body.load .main-section-inner{transition-property:transform,opacity;transition-duration:1.3s,1s;transition-delay:0s,.2s;transition-timing-function:cubic-bezier(0.33, 1, 0.68, 1)}body.load .section-decor{animation:move-elem 5s var(--easeing) alternate-reverse infinite}@keyframes move-elem{from{transform:translateY(0) rotate(0)}to{transform:translateY(0.5rem) rotate(20deg)}}