@media (max-width: 1080px) {
    .featured-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .featured-grid .post-card--featured:first-child {
        grid-column: 1 / -1;
    }

    .blog-content__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .blog-sidebar {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    :root {
        --blog-header-height: 68px;
    }

    .blog-site-header__inner {
        grid-template-columns: auto auto;
    }

    .blog-site-header__brand span {
        max-width: 52vw;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .blog-menu-button {
        display: inline-block;
        justify-self: end;
    }

    .blog-social-nav {
        display: none;
    }

    .blog-primary-nav {
        position: fixed;
        inset: var(--blog-header-height) 1rem auto 1rem;
        display: grid;
        justify-content: stretch;
        gap: 0.35rem;
        padding: 0.75rem;
        border: 1px solid var(--blog-border);
        border-radius: 1.2rem;
        background: rgba(7, 5, 11, 0.96);
        box-shadow: var(--blog-shadow);
        opacity: 0;
        transform: translateY(-10px);
        pointer-events: none;
        transition:
            opacity 180ms ease,
            transform 180ms ease;
    }

    .blog-primary-nav[data-open="true"] {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto;
    }

    .blog-primary-nav a {
        justify-content: center;
        min-height: 46px;
    }

    .blog-categories {
        top: var(--blog-header-height);
    }

    .blog-categories__inner {
        display: block;
        min-height: 0;
        padding-block: 0.75rem;
    }

    .blog-categories__toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.55rem;
    }

    .blog-categories__list {
        display: grid;
        grid-template-columns: 1fr;
        max-height: 0;
        overflow: hidden;
        padding-top: 0;
        opacity: 0;
        transition:
            max-height 220ms ease,
            opacity 180ms ease,
            padding-top 180ms ease;
    }

    .blog-categories.is-open .blog-categories__list {
        max-height: 360px;
        padding-top: 0.75rem;
        opacity: 1;
    }

    .blog-categories__list a {
        width: 100%;
    }
}

@media (max-width: 760px) {
    .blog-container {
        width: min(100% - 1.15rem, var(--blog-container));
    }

    .blog-hero {
        padding-top: 4.6rem;
    }

    .blog-hero__title {
        letter-spacing: -0.065em;
    }

    .featured-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    .post-card {
        grid-template-columns: minmax(0, 1fr);
    }

    .post-card:not(.post-card--featured) .post-card__media {
        min-height: auto;
        aspect-ratio: 16 / 10;
    }

    .blog-sidebar {
        grid-template-columns: minmax(0, 1fr);
    }

    .blog-footer__inner {
        grid-template-columns: minmax(0, 1fr);
        justify-items: center;
        text-align: center;
    }

    .blog-footer__nav {
        justify-content: center;
        flex-wrap: wrap;
    }

    .blog-footer__top {
        justify-self: center;
    }
}

@media (max-width: 520px) {
    .blog-hero__actions {
        display: grid;
    }

    .blog-button {
        width: 100%;
    }

    .blog-hero__meta {
        justify-content: stretch;
    }

    .blog-hero__meta span {
        justify-content: center;
        width: 100%;
    }

    .author-card__header {
        align-items: flex-start;
    }

    .author-card__actions {
        display: grid;
    }

    .author-card__button,
    .author-card__link {
        width: 100%;
    }
}