@media (max-width: 782px) {

    .wp-site-blocks {
        padding-inline: var(--space-3);
    }

    .narrative-story-grid {
        grid-template-columns: 1fr;
        gap: var(--space-5);
    }

    .narrative-photo-grid.has-nested-images {
        grid-template-columns: 1fr !important;
        gap: var(--space-3) !important;
    }

    h1 {
        font-size: clamp(2.4rem, 10vw, 3.5rem);
    }

    .narrative-hero {
        padding-top: var(--space-6) !important;
        padding-bottom: var(--space-4) !important;
    }

}

@media (max-width: 480px) {

    .story-card-title,
    .wp-block-post-title {
        font-size: 1.6rem;
    }

}