#main_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
    padding: 1rem;
}

@media (max-width: 768px) {
    #main_grid {
        grid-template-columns: 1fr;
    }
}

main {
    flex: 1;
    min-height: 100dvh;
}

#main_grid > div {
    background-color: var(--md-sys-color-surface);
    min-height: 300px;
    border-radius: 1rem;
}

main > section {
    padding: 0 4rem;
}

@media (max-width: 768px) {
    #main_grid > div {
        min-height: 200px;
    }

    main > section {
        padding: 0 1rem;
    }
}

#content {
    display: flex;
    flex-direction: column;
}


#main_content > p {
    text-align: justify;
}

#video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1rem;
    transition: filter 0.25s;
}

@media (max-width: 768px) {
    #video {
        aspect-ratio: 16 / 9;
    }
}

#cta_container {
    padding: 1rem 1rem 1rem 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: first baseline;
}