section.svelte-1k6ma06 {
    overflow: hidden;
    padding-top: 5rem
}

@media screen and (min-width: 48em) {
    section.svelte-1k6ma06 {
        padding-top: 13.7777777778rem
    }
}

@media screen and (min-width: 80em) {
    section.svelte-1k6ma06 {
        padding-top: 13.5555555556rem
    }
}

.title.svelte-1k6ma06 {
    margin-bottom: calc(5rem - var(--grid-gap));
    grid-column: 1/span 4;
    grid-row: 1/span 1
}

@media screen and (min-width: 48em) {
    .title.svelte-1k6ma06 {
        margin-bottom: calc(6.6666666667rem - var(--grid-gap));
        grid-column: 1/span 8
    }
}

@media screen and (min-width: 80em) {
    .title.svelte-1k6ma06 {
        margin-bottom: calc(4.4444444444rem - var(--grid-gap));
        grid-column: 1/span 5
    }
}

.subtitle.svelte-1k6ma06 {
    margin-bottom: calc(5rem - var(--grid-gap));
    grid-column: 1/span 3;
    grid-row: 2/span 1
}

@media screen and (min-width: 48em) {
    .subtitle.svelte-1k6ma06 {
        margin-bottom: 0;
        grid-column: 1/span 2
    }
}

@media screen and (min-width: 80em) {
    .subtitle.svelte-1k6ma06 {
        grid-column: 5/span 2
    }
}

.copy.svelte-1k6ma06 {
    grid-row: 3/span 1;
    grid-column: 1/span 3
}

@media screen and (min-width: 48em) {
    .copy.svelte-1k6ma06 {
        grid-column: 3/span 4;
        grid-row: 2/span 1
    }
}

@media screen and (min-width: 80em) {
    .copy.svelte-1k6ma06 {
        grid-column: 7/span 3
    }
}

@media screen and (min-width: 80em) {
    .copy.is-full.svelte-1k6ma06 {
        grid-column: 6/span 4
    }
}

.cta.svelte-1k6ma06 {
    grid-area: cta;
    justify-self: end;
    grid-row: 2/span 1;
    grid-column: 4/span 1
}

@media screen and (min-width: 48em) {
    .cta.svelte-1k6ma06 {
        grid-column: 8/span 1;
        grid-row: 2/span 1
    }
}

@media screen and (min-width: 80em) {
    .cta.svelte-1k6ma06 {
        grid-column: 10/span 1
    }
}