.header {position: sticky;top: 0;z-index: 20;height: 5rem;background-color: var(--header-bg-color);}.nav__logo-link {padding: 0.7rem;}.nav__logo-link:hover {background: rgba(0, 0, 0, 0.2);}.nav__logo-link:hover .nav__logo {fill: var(--color-ternary);}.nav__logo {position: absolute;top: calc(50% - 16px);left: 20px;height: 32px;width: 200px;fill: var(--color-white);}.nav__toggle {display: inline-block;position: absolute;z-index: 10;padding: 0;border: 0;background: transparent;outline: 0;right: 15px;top: 15px;cursor: pointer;border-radius: 50%;transition: background-color 0.15s linear;}.nav__toggle:hover, .nav__toggle:focus {background-color: rgba(0, 0, 0, 0.5);}.nav__menu {display: flex;flex-direction: column;flex-wrap: wrap;justify-content: center;position: relative;z-index: 5;visibility: hidden;margin-top: 5rem;}.nav__item {opacity: 0;transition: all 0.3s cubic-bezier(0, 0.995, 0.99, 1) 0.3s;}.nav__item:nth-child(1) {transform: translateY(-40px);}.nav__item:nth-child(2) {transform: translateY(-80px);}.nav__item:nth-child(3) {transform: translateY(-120px);}.nav__item:nth-child(4) {transform: translateY(-160px);}.nav__item:nth-child(5) {transform: translateY(-200px);}.nav__link {color: white;display: block;text-align: center;text-transform: uppercase;letter-spacing: 5px;font-size: 1.25rem;text-decoration: none;padding: 1rem;}.nav__link:hover, .nav__link:focus {outline: 0;background-color: rgba(0, 0, 0, 0.2);}.menuicon {display: block;cursor: pointer;color: white;transform: rotate(0deg);transition: 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);}.menuicon__bar, .menuicon__circle {fill: none;stroke: currentColor;stroke-width: 3;stroke-linecap: round;}.menuicon__bar {transform: rotate(0deg);transform-origin: 50% 50%;transition: transform 0.25s ease-in-out;}.menuicon__circle {transition: stroke-dashoffset 0.3s linear 0.1s;stroke-dashoffset: 144.513262038;stroke-dasharray: 144.513262038;}.splash {position: absolute;top: 40px;right: 40px;width: 1px;height: 1px;}.splash::after {content: "";display: block;position: absolute;border-radius: 50%;background-color: var(--splash-bg-color);width: 284vmax;height: 284vmax;top: -142vmax;left: -142vmax;transform: scale(0);transform-origin: 50% 50%;transition: all 0.5s cubic-bezier(0.755, 0.05, 0.855, 0.06);}.nav:target > .splash::after, .nav--open > .splash::after {transform: scale(1);}.nav:target .menuicon, .nav--open .menuicon {color: white;transform: rotate(180deg);}.nav:target .menuicon__circle, .nav--open .menuicon__circle {stroke-dashoffset: 0;}.nav:target .menuicon__bar:nth-child(1), .nav:target .menuicon__bar:nth-child(4), .nav--open .menuicon__bar:nth-child(1), .nav--open .menuicon__bar:nth-child(4) {opacity: 0;}.nav:target .menuicon__bar:nth-child(2), .nav--open .menuicon__bar:nth-child(2) {transform: rotate(45deg);}.nav:target .menuicon__bar:nth-child(3), .nav--open .menuicon__bar:nth-child(3) {transform: rotate(-45deg);}.nav:target .nav__menu, .nav--open .nav__menu {visibility: visible;}.nav:target .nav__item, .nav--open .nav__item {opacity: 1;transform: translateY(0);}@media (min-width: 992px) {.header {height: unset;}.menuicon, .splash {display: none;}.nav {display: flex;flex-flow: row wrap;justify-content: center;align-items: center;background: var(--color-primary);color: var(--color-white);padding: 1rem;gap: 1rem;}.nav__logo {position: inherit;height: 32px;fill: var(--color-white);margin-right: auto;}.nav__toggle {display: none;}.nav__menu {display: flex;flex-direction: row;position: relative;visibility: visible;margin-top: 0;list-style: none;}.nav__item {opacity: 1;transform: none;}.nav__item:nth-child(1) {transform: unset;}.nav__item:nth-child(2) {transform: unset;}.nav__item:nth-child(3) {transform: unset;}.nav__item:nth-child(4) {transform: unset;}.nav__item:nth-child(5) {transform: unset;}.nav__link {color: white;display: block;text-align: center;text-transform: uppercase;letter-spacing: 5px;font-size: 1rem;text-decoration: none;padding: 1rem;}.nav__link:hover, .nav__link:focus {outline: 0;background-color: rgba(0, 0, 0, 0.2);}}