/**
 * Space London logo — sizing overrides only.
 * Does not modify the main.build.* stylesheets.
 *
 * Existing .masthead__logo is 67px / 95px for the old square mark and uses
 * text-indent image-replacement. The new wordmark is wider; we widen the
 * slot and cancel text-indent so the <img> remains visible.
 */

.masthead__logo {
    text-indent: 0;
    width: 118px;
    margin: 22px 16px 16px 20px;
}

.masthead__logo img {
    display: block;
    width: 100%;
    height: auto;
}

@media screen and (min-width: 992px) {
    .masthead__logo {
        width: 168px;
        /*
         * Align bottom of logo glyphs with bottom of desktop nav links.
         * From main.build CSS:
         *   .main_nav__list { margin-top: 108px }
         *   .main_nav__link { line-height: 1.75rem }
         * logo-space.png is 840×358 with content ending at y≈309
         * (transparent padding below the wordmark).
         */
        margin: calc(108px + 1.75rem - (168px * 309 / 840) - 9px) 21px 0 33px;
    }
}