@layer atoms {
  .logo {
    display: block;
    width: auto;
    height: var(--logo-height, var(--logo-nav));
    align-self: flex-start;
  }

  .logo--hero { --logo-height: var(--logo-hero); }
}