@layer components {
    .logo {
        display: inline-flex;
        align-items: center;
        text-decoration: none;

        & .logo__img {
            display: block;
            /* Height-driven: the SVG carries only a viewBox, so width:auto keeps its
               ratio no matter what the artwork's dimensions become. */
            width: auto;
            height: clamp(1.5rem, 1.35rem + 0.6vw, 1.875rem);
        }
    }
}