.about-bg--square {
    min-height: 38rem;
}
.about-bg--landscape {
    min-height: 25rem;
}
.grid-x:has(.about-bg--landscape) {
    .pad-frame {
        padding: 0 5.96rem;
    }
    .about-content p {
        top: 1rem;
    }
    .about-content p:before {
        top: -1rem;
    }
}
@media (min-width: 1024px) and (max-width: 1400px) {
    .grid-x:has(.about-bg--landscape) {
        .pad-frame {
            padding: 2.5rem 5.96rem;
        }
    }
}

@media (max-width: 1023px) {
    .grid-x:has(.about-bg--landscape) {
        .pad-frame {
            padding: 3.5rem 5.96rem;
        }
    }
}