@media (min-width: 980px) {
    .masthead__mainnav {
        display: block;
        overflow: hidden;
    }

    .signal-desktop-horizontal .masthead__drawer {
        display: none;
    }

    .masthead__utility {
        display: flex;
    }

    .toplane > li:hover > ul,
    .toplane > li:focus-within > ul {
        display: grid;
        position: absolute;
        left: 0;
        top: calc(100% + 0.7rem);
        min-width: 240px;
        gap: 0.55rem;
        padding: 0.9rem 1rem;
        background: #211b16;
        border: 1px solid rgba(255, 255, 255, 0.12);
        z-index: 20;
    }

    .toplane > li > ul a {
        text-transform: none;
        letter-spacing: 0.02em;
    }

    .signal-desktop-hybrid .masthead__drawer {
        display: block;
    }

    .signal-desktop-hybrid .masthead__brand {
        margin-left: 0;
    }
}

@media (max-width: 1080px) {
    .sitemap-grid,
    .site-footer__body {
        grid-template-columns: 1fr;
    }

    #featured .primary .story-tile__title {
        font-size: 3.8rem;
    }

    .article-page__stage {
        grid-template-columns: minmax(0, 1.6fr) minmax(28rem, 0.95fr);
        column-gap: 1.6rem;
    }
}

@media (max-width: 979px) {
    .signal-has-burger .masthead__bar {
        position: relative;
        justify-content: flex-start;
    }

    .masthead__utility {
        display: none;
    }

    .masthead__drawer ~ .masthead__mainnav {
        display: none;
    }

    .masthead__brand {
        margin-left: auto;
        margin-right: auto;
    }

    .signal-has-burger .masthead__brand {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
    }

    .signal-no-burger .masthead__brand {
        margin-left: 0;
        margin-right: 1.6rem;
    }

    .signal-no-burger .masthead__mainnav {
        display: block;
        flex: 1 1 auto;
        overflow-x: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .signal-no-burger .masthead__mainnav::-webkit-scrollbar {
        display: none;
    }

    .signal-no-burger .toplane > li > a {
        padding-right: 1.8rem;
        line-height: 6.4rem;
    }

    #featured {
        display: block;
        padding: 1.6rem 1.6rem 0;
    }

    #featured .secondary-index {
        margin-top: 1.6rem;
    }

    #featured .secondary-index__list {
        display: flex;
        gap: 1.6rem;
    }

    #featured .secondary {
        width: 50%;
    }

    #index-table {
        padding: 0 1.6rem;
    }

    .article-index .article-item {
        width: calc(50% - 1.2rem);
    }

    .article-page__stage {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .article-page__main {
        display: contents;
    }

    .article-page__media {
        order: 1;
    }

    .article-page__inline-rail,
    .article-page__aside {
        display: contents;
    }

    .article-page__inline-rail .article-page__toc,
    .article-page__aside .article-page__toc {
        order: 2;
        position: static;
        top: auto;
    }

    .article-page__content {
        order: 3;
    }

    .article-page__inline-rail .article-page__share,
    .article-page__aside .article-page__share {
        order: 4;
    }
}

@media (max-width: 680px) {
    :root {
        --canvas: calc(100% - 1rem);
    }

    .identity-lockup__name {
        font-size: 1.8rem;
    }

    .masthead__brand {
        margin: 0 auto;
    }

    .signal-has-burger .masthead__brand {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
    }

    .signal-no-burger .masthead__brand {
        margin: 0 1.2rem 0 0;
    }

    .masthead__drawer[open] > .masthead__drawer-panel {
        width: min(32rem, calc(100vw - 1.2rem));
        padding: 2rem 1.8rem;
    }

    .masthead__drawer[open] > .masthead__drawer-toggle {
        top: 2rem;
        left: min(24.2rem, calc(100vw - 5.8rem));
    }

    #featured {
        padding: 1.2rem;
    }

    #featured .primary .story-tile__title {
        font-size: 2.6rem;
    }

    #featured .primary .story-tile__meta,
    #featured .secondary .story-tile__meta,
    .article-index .story-tile__meta {
        margin-top: 1rem;
        font-size: 0.8rem;
    }

    #featured .primary .story-tile__deck,
    #featured .primary .story-tile__read,
    .article-index .story-tile__deck,
    .article-index .story-tile__read {
        display: none;
    }

    .article-index {
        display: block;
    }

    .category-band--clubic .category-band__list,
    .category-band--testeur .category-band__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: stretch;
        column-gap: 1.2rem;
        row-gap: 1.4rem;
    }

    .sitemap-grid__list--columns {
        column-count: 1;
    }

    .category-label {
        top: 0.6rem;
    }

    .category-label span {
        padding: 0.8rem;
        font-size: 0.8rem;
    }

    #featured .secondary-index__list {
        display: block;
        gap: 0;
    }

    #featured .secondary {
        width: 100%;
        margin-top: 0.6rem;
        padding: 1.2rem;
    }

    #featured .secondary .story-tile__card {
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        gap: 0;
    }

    .article-index .story-tile__card {
        display: grid;
        grid-template-columns: calc(44% - 0.8rem) minmax(0, 1fr);
        gap: 1.6rem;
        align-items: center;
    }

    #featured .secondary .story-tile__media {
        width: 50%;
    }

    .article-index .story-tile__media {
        width: 100%;
    }

    #featured .secondary .article-description {
        width: 50%;
        padding: 0 1.6rem 0 0;
    }

    .article-index .article-description {
        width: auto;
        padding: 0;
    }

    #featured .secondary .story-tile__meta {
        display: none;
    }

    #featured .secondary .story-tile__title {
        margin-top: 0.3rem;
        margin-bottom: 0.3rem;
        font-size: 1.6rem;
        line-height: 1.4;
    }

    .article-index .story-tile__title {
        margin-top: 0.2rem;
        margin-bottom: 0.6rem;
        font-size: 1.5rem;
        line-height: 1.4;
    }

    .site-footer__body {
        grid-template-columns: 1fr;
        gap: 2.4rem;
        padding: 3rem 0;
        padding-left: 1.2rem;
    }

    .section-header {
        font-size: 2rem;
    }

    .category-band {
        padding: 0 1.2rem;
    }

    .category-band__list {
        column-gap: 1.2rem;
        row-gap: 1.4rem;
    }

    .article-index .article-item {
        width: 100%;
        padding: 1.2rem;
        margin-bottom: 0.4rem;
    }

    .author-intro {
        grid-template-columns: 1fr;
        gap: 1.6rem;
        margin-top: 1.6rem;
    }

    .author-intro__avatar {
        width: min(18rem, 100%);
    }

    .article-page__title,
    .archive-head__title {
        font-size: clamp(2.2rem, 11vw, 3.3rem);
    }

    .article-page {
        padding-top: 1.6rem;
    }

    .article-page__article {
        padding-inline: 0.8rem;
    }

    .article-page__crumbs a {
        font-size: 1.1rem;
    }

    .article-page__byline,
    .article-page__byline a,
    .article-page__byline time {
        font-size: 1.4rem;
    }

    .article-page__toc {
        padding: 1.6rem;
    }

    .article-page__toc-text {
        font-size: 1.6rem;
    }

    .article-page__share {
        padding: 1.6rem;
    }

    .article-page__share-link {
        width: 3.6rem;
        height: 3.6rem;
    }

    .rich-copy {
        font-size: 1.7rem;
    }

    .rich-copy h2 {
        font-size: 2.6rem;
    }

    .rich-copy h3 {
        font-size: 2rem;
    }

    .rich-copy blockquote {
        font-size: 1.9rem;
    }

    .rich-copy .wp-block-table table,
    .rich-copy table {
        min-width: 64rem;
    }

    .rich-copy .wp-block-table th,
    .rich-copy .wp-block-table td,
    .rich-copy table th,
    .rich-copy table td {
        font-size: 1.5rem;
    }

}