@media (min-width: 520px) {
    .aiwk-button-row {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .aiwk-button {
        width: auto;
        min-width: 12rem;
    }

    .aiwk-card-grid,
    .aiwk-mini-feature-grid,
    .aiwk-media-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 768px) {
    .aiwk-section {
        padding: 6.5rem 0;
    }

    .aiwk-container {
        width: min(100% - 3rem, 1180px);
    }

    .aiwk-hero-grid,
    .aiwk-product-grid,
    .aiwk-speaking-grid,
    .aiwk-split,
    .aiwk-media-layout {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 3rem;
    }

    .aiwk-feature-band {
        grid-template-columns: 1.2fr 0.8fr;
    }

    .aiwk-photo-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .aiwk-hero {
        padding-top: 6rem;
    }

    .aiwk-hero-grid {
        grid-template-columns: 1.04fr 0.96fr;
        align-items: center;
    }

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

    .aiwk-hero-photo,
    .aiwk-portrait-frame {
        max-width: none;
        margin-inline: 0;
    }

    .aiwk-photo-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}