.header{display:flex;flex-direction:row;align-items:center;gap:20px;border-radius:10px;padding:13px 20px}@media(min-width: 768px){.header{background:#111704;border:1px solid rgba(255,255,255,.1);flex-direction:row;gap:35px;padding:13px 25px}}.header--sticky{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:fit-content}@media(min-width: 768px){.header--sticky{top:60px;left:45px;transform:unset}}.header--scrolled{background:#111704;border:1px solid rgba(255,255,255,.1)}.header--scrolled .header__logo-link{display:flex !important}.header--scrolled .header__logo{width:40px}@media(min-width: 768px){.header--scrolled .header__logo{width:70px}}.header--scrolled .header__nav{display:flex}.header__logo-link{display:flex}.header__logo{width:70px;height:auto}.header__logo-text{display:none}.header__nav{display:none;flex-direction:row;align-items:center;gap:20px}@media(min-width: 768px){.header__nav{display:flex}}.header__nav-item--highlighted{background:var(--primary-color);border-radius:5px;padding:2px 10px}.header__nav-item--highlighted .header__nav-link{background:linear-gradient(to right, #6b8d2c, #6b8d2c 50%, var(--dark-color) 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-size:200% 100%;background-position:100%;transition:background-position 275ms ease;text-decoration:none}.header__nav-item--highlighted .header__nav-link:hover{background-position:0 100%}.header__nav-link{text-decoration:none;white-space:nowrap;position:relative;background:linear-gradient(to right, var(--primary-color), var(--primary-color) 50%, var(--light-color) 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-size:200% 100%;background-position:100%;transition:background-position 275ms ease;text-decoration:none}.header__nav-link:hover{background-position:0 100%}.template-index .header{gap:0;overflow:hidden}.template-index .header--sticky{top:20px;left:50%;transform:translateX(-50%)}@media(min-width: 768px){.template-index .header--sticky{top:60px;left:unset;right:45px;transform:unset}}.template-index .header--scrolled{gap:20px}@media(min-width: 768px){.template-index .header--scrolled{gap:35px;flex-direction:row-reverse}}@media(min-width: 768px){.template-index .header__logo-link{width:0;transition-property:all;transition-duration:200ms}.template-index .header__logo-link.active{width:70px}.template-index .header__logo{transform:translateX(15px);opacity:0;transition:all 100ms ease}.template-index .header__logo.active{transform:translateX(0);opacity:1}}