.layout{--header-height:124px;display:flex;flex-direction:column;min-height:100svh;background-color:#f9f8f6}.layout--home{background-color:var(--dark-main)}@media (max-width:768px){.layout{--header-height:82px}}.header{--color:var(--dark-main);--color-hover:var(--dark-700);display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:var(--header-height);padding:0 64px}.header--home{--color:var(--primary-main);--color-hover:var(--primary-600)}@media (max-width:768px){.header{flex-direction:column;align-items:center;gap:0;padding-right:var(--page-right-padding);padding-left:var(--page-left-padding);text-align:center}}.header__logo{padding-top:32px;padding-bottom:32px}.header__logo img{width:auto;height:16px}.header nav{flex:1;width:100%}@media (max-width:768px){.header nav{display:flex;align-items:center;justify-content:center}}.header ul{--gap-x:64px;display:flex;justify-content:flex-end;gap:64px;gap:var(--gap-x);width:100%;list-style:none}@media (max-width:768px){.header ul{--gap-x:32px;align-items:center;justify-content:space-between;height:100%}}.header a,.header button{position:relative;font-size:15px;font-weight:400;line-height:1.13;letter-spacing:.07em;color:var(--color);-webkit-text-decoration:none;text-decoration:none;text-transform:uppercase;transition:color .12s ease-in-out}.header a:hover:not(:active),.header button:hover:not(:active){color:var(--color-hover)}.header a:before,.header button:before{--offset-y:32px;position:absolute;top:calc(-1 * 32px);top:calc(-1 * var(--offset-y));right:calc(-.5 * var(--gap-x));bottom:calc(-1 * 32px);bottom:calc(-1 * var(--offset-y));left:calc(-.5 * var(--gap-x));content:""}