@media (max-width: 1100px) {
    .hero-grid {
        grid-template-columns: minmax(0, 1fr) minmax(280px, 0.85fr);
        gap: clamp(28px, 4vw, 48px);
    }

    .display-title {
        max-width: none;
    }

    .journal-card {
        min-height: 420px;
    }
}

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

    .two-column,
    .founder-grid,
    .editorial-mission {
        grid-template-columns: 1fr;
    }

    .founder-media {
        position: static;
        width: min(100%, 380px);
        margin-inline: auto;
    }

    .footer-inner {
        grid-template-columns: 1fr 1fr;
    }

    .footer-brand {
        grid-column: 1 / -1;
        max-width: none;
    }
}

@media (max-width: 900px) {
    :root {
        --nav-height: 64px;
    }

    .site-header {
        z-index: 1600;
        padding: var(--space-3) var(--gutter);
    }

    .nav-container {
        padding: var(--space-2) var(--space-2) var(--space-2) var(--space-4);
    }

    .nav-links {
        display: none;
    }

    .mobile-toggle {
        display: inline-flex;
    }

    .mobile-menu {
        position: fixed;
        inset: 0;
        z-index: 1500;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: calc(var(--nav-height) + var(--space-8)) var(--gutter) var(--gutter);
        background: color-mix(in srgb, var(--color-bg) 96%, transparent);
        backdrop-filter: blur(24px);
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
        transition: opacity 0.28s ease, visibility 0.28s ease;
    }

    .mobile-menu.is-active {
        opacity: 1;
        pointer-events: auto;
        visibility: visible;
    }

    .mobile-links {
        display: grid;
        justify-items: center;
        gap: var(--space-2);
        width: 100%;
        max-width: 320px;
    }

    .mobile-links .nav-link {
        width: 100%;
        justify-content: center;
        font-family: var(--font-serif);
        font-size: clamp(1.5rem, 6vw, 2rem);
        font-weight: 500;
        text-transform: none;
        letter-spacing: 0;
        min-height: 52px;
    }

    .mobile-links .nav-link::after {
        display: none;
    }

    .mobile-links .nav-link.is-active {
        color: var(--color-accent);
    }

    .hero-grid {
        grid-template-columns: 1fr;
        gap: var(--space-8);
    }

    .hero-brief {
        max-width: 560px;
    }

    .hero-dossier {
        min-height: 0;
    }

    .feature-story {
        grid-template-columns: 1fr;
    }

    .feature-story-media,
    .feature-story-image {
        min-height: 240px;
        max-height: 360px;
    }

    .editorial-method {
        grid-template-columns: 1fr;
    }

    .method-intro {
        position: static;
    }

    .page-hero,
    .article-hero {
        padding-top: calc(var(--nav-height) + var(--space-16));
    }
}

@media (max-width: 768px) {
    .content-grid {
        grid-template-columns: 1fr;
    }

    .home-hero {
        min-height: auto;
        padding-top: calc(var(--nav-height) + var(--space-8));
        padding-bottom: var(--space-10);
    }

    .hero-folio {
        margin-bottom: var(--space-8);
    }

    .editorial-standards {
        grid-template-columns: 1fr;
    }

    .editorial-standards li {
        border-right: 0;
        border-bottom: 1px solid var(--color-border);
    }

    .editorial-standards li:first-child,
    .editorial-standards li:last-child {
        padding-inline: clamp(16px, 2.4vw, 28px);
    }

    .editorial-standards li:last-child {
        border-bottom: 0;
    }

    .hero-actions,
    .cta-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .hero-actions .primary-button,
    .hero-actions .outline-link,
    .cta-actions .primary-button,
    .cta-actions .outline-link {
        width: 100%;
    }

    .subscription-form {
        grid-template-columns: 1fr;
    }

    .subscription-form .primary-button {
        width: 100%;
    }

    .flash-stack {
        left: var(--gutter);
        right: var(--gutter);
        width: auto;
    }

    .blog-card-header {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-2);
    }

    .section-heading-wide {
        grid-template-columns: 1fr;
        gap: var(--space-3);
    }

    .journal-grid {
        grid-template-columns: 1fr;
    }

    .journal-card {
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid var(--color-border);
    }

    .journal-card:last-child {
        border-bottom: 0;
    }

    .card-meta {
        white-space: normal;
    }

    .article-meta {
        flex-direction: column;
        align-items: center;
        gap: var(--space-1);
    }

    .footer-inner {
        grid-template-columns: 1fr;
        gap: var(--space-8);
    }

    .footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }

    .disclaimer-panel {
        bottom: var(--space-4);
    }

    .back-to-top {
        bottom: var(--space-4);
    }
}

@media (max-width: 480px) {
    body {
        font-size: 15px;
    }

    .nav-logo {
        height: 30px;
    }

    .nav-container {
        min-height: 56px;
        padding-inline: var(--space-3);
    }

    .nav-actions {
        gap: var(--space-1);
    }

    .search-shortcut {
        display: none;
    }

    #search-trigger {
        width: 38px;
        padding-inline: 0;
    }

    .icon-button,
    .mobile-toggle,
    #theme-toggle {
        min-width: 38px;
        min-height: 38px;
    }

    .grid-card,
    .blog-card,
    .contact-card,
    .subscription-box,
    .contact-form-card,
    .guidelines-box,
    .coming-soon-card,
    .hero-brief {
        padding: 20px;
    }

    .hero-folio {
        align-items: flex-start;
        font-size: 0.55rem;
    }

    .hero-folio span:last-child {
        text-align: right;
    }

    .dossier-topline,
    .section-index {
        font-size: 0.58rem;
    }

    .hero-brief {
        box-shadow: 10px 12px 0 color-mix(in srgb, var(--color-accent) 6%, transparent), var(--shadow-md);
    }

    .editorial-standards li {
        padding-inline: var(--space-4);
    }

    .mission-note {
        min-height: 330px;
    }

    .newsletter-editorial {
        padding: 28px 22px;
    }

    .search-overlay {
        padding-top: calc(var(--nav-height) + var(--space-6));
    }

    .disclaimer-panel {
        width: calc(100vw - var(--gutter) * 2);
    }
}

@media (max-width: 390px) {
    .display-title {
        font-size: clamp(2.25rem, 11vw, 2.65rem);
        line-height: 1.03;
    }

    .page-title {
        font-size: clamp(1.85rem, 10vw, 2.35rem);
    }
}

@media (min-width: 1440px) {
    .home-hero {
        min-height: calc(100svh - var(--nav-height) - var(--space-8));
    }
}