new template

src/scss/layout/_header.scss

@@ -1,19 +1,10 @@
 .site-header {
-    position: relative;
     padding: 24px 0;
-
-    &::before {
-        content: '';
-        position: absolute;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 500px;
-        background: mix(color(secondary, 1), color(additional, 2));
-        background: linear-gradient(57deg, color(secondary, 1) 0%, color(additional, 2) 100%);
-        transform-origin: 0;
-        transform: skewY(-12deg);
-    }
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	z-index: 1;
 }
 
 .site-header-inner {
@@ -31,25 +22,15 @@
     }
 
     a:not(.button) {
-        @include font-size(9, mobile, true, true, true);
-        @if ( get-font-size(9, desktop) != get-font-size(9, mobile) ) {
+        @include font-size(7, mobile, true, true, true);
+        @if ( get-font-size(7, desktop) != get-font-size(7, mobile) ) {
             @include media( '>medium' ) {
-                @include font-size(9, desktop, true, true, true);
+                @include font-size(7, desktop, true, true, true);
             }
         }
-        @include font-weight(bold);
+        @include font-weight(semibold);
         @include anchor-aspect(header);
         line-height: 16px;
         padding: 8px 24px;
     }
 }
-
-@include media( '>medium' ) {
-
-    .site-header {
-
-        &::before {
-            height: 640px;
-        }
-    }
-}