body {
    grid-template-columns:
            var(--gutter-size)
            [content-start]
            1fr
            [content-end]
            var(--gutter-size);
    grid-template-rows:
            minmax(2rem, 1fr)
            [content-start]
            auto
            [content-end]
            minmax(2rem, 1fr);
    & > * {
        grid-row: content;
    }
}

main {
    container-name: landing;
    container-type: inline-size;
    & > .hero {
        @container (width > 70ch) {
            float: left;
        }
    }
}