.header{background-color:transparent}.header.header--scrolled{background-color:var(--color-cream);box-shadow:0 1px 3px #0000000d}.header__hamburger.is-active [data-line-1]{transform:translateY(8px) rotate(45deg)}.header__hamburger.is-active [data-line-2]{opacity:0}.header__hamburger.is-active [data-line-3]{transform:translateY(-8px) rotate(-45deg)}.header__mobile-menu{transform:translate(100%)}.header__mobile-menu.is-open{transform:translate(0)}