body {
    container: body / inline-size;

    header {
        .hero-section {
            text-align: center;
            margin-top: 10rem;

            .hero-text {
                h6 {
                    width: 670px;
                    margin: auto;
                    line-height: 1.2;
                    margin-top: 0.8rem;

                    @container (width <= 700px) {
                        font-size: 16px;
                        width: 100%;
                    }
                }

                h1, h2 {
                    margin-bottom: 0;
                }
            }
        }
    }
}