header{background-color:var(--clr-primary-400);text-align:center;min-height:3rem}.nav{width:100%}.nav-toggle{cursor:pointer;border:0;width:2.4rem;height:2.4rem;padding:0em;border-radius:50%;background-color:var(--clr-primary-400);color:var(--clr-neutral-100);transition:opacity 250ms ease;position:absolute;right:0}.nav-toggle:focus,.nav-toggle:hover{opacity:.75}.hamburger{width:50%;position:relative}.hamburger,.hamburger::before,.hamburger::after{display:block;margin:0 auto;height:3px;background:#fff}.hamburger::before,.hamburger::after{content:"";width:100%}.hamburger::before{transform:translateY(-6px)}.hamburger::after{transform:translateY(3px)}.nav{visibility:hidden;height:0;position:absolute;padding-top:1em}.nav__list{list-style:none;margin:0;padding:0}.nav__link{color:#fff;color:var(--clr-neutral-100);text-shadow:.1rem .1rem .3rem rgba(0,0,0,.6);text-decoration:none;text-transform:uppercase;letter-spacing:.2em}.nav--visible{visibility:visible;height:auto;position:relative}.nav__list--secondary{padding:1em 0;display:none}.nav__link--button{background-color:var(--clr-neutral-100);padding:.5em 1em;border-radius:10em;color:var(--clr-neutral-600)}.nav__link--button:hover,.nav__link--button:focus{background-color:var(--clr-accent-800);color:var(--clr-neutral-100)}.logo{flex:1 1 20rem;padding-top:.2rem}.logo__link{font-family:var(--ff-accent);font-weight:900;font-size:clamp(1.7rem,6vw,2rem);text-shadow:.1rem .1rem .3rem rgba(0,0,0,.6);line-height:1;letter-spacing:-0.01em;color:var(--clr-neutral-600);text-transform:none;padding:.2em 0 0 0}@media(min-width: 60rem){header{position:-webkit-sticky;position:sticky;top:0}.logo{text-align:left}.nav-toggle{display:none}.row{display:flex;flex-direction:row;justify-content:space-between;align-content:center}.nav{visibility:visible;display:flex;align-items:center;justify-content:flex-end;position:relative;padding-top:1.8em}.nav__list{display:flex;margin:0}.nav__item{margin:0 0 0 1.1em}.nav__list--secondary{padding:0;display:none}}