/*
|--------------------------------------------------------------------------
| Tetology — Module 0
|--------------------------------------------------------------------------
|
| File:
|   responsive.css
|
| Purpose:
|   Cross-component responsive fixes for Module 0.
|
|--------------------------------------------------------------------------
*/

@media (
    max-height: 31.25rem
)
and
(
    orientation: landscape
) {
    .hero-section {
        padding-block:
            var(--space-10)
            var(--space-12);
    }

    .launch-section {
        padding-block:
            var(--space-10);
    }
}

@media (min-width: 100rem) {
    :root {
        --container-width: 82rem;
    }
}