.page {
    background-color: transparent;
    padding-bottom: 0;
}



.presentation {
    margin-bottom: 32px;
}


.presentation .container {
    display: grid;
    grid-column-gap: 48px;
    grid-template-columns: repeat(2, 1fr);
}

.presentation .text {
    padding: 48px 0;
}

.presentation .heading {
    margin-bottom: 10px;
}

.presentation .description {
    margin: 0 0 20px;
}



.platform {
    margin-bottom: 48px;
    text-align: center;
}


.platform .container {
    background-color: var(--color--purple-pale);
    border-radius: 9px;
    padding: 32px 20px;
}

.platform .title {
    color: var(--color--purple-brand);
    margin-bottom: 10px;
}

.platform .description {
    margin: 0;
}



.pages {
    background-color: var(--color--purple-tint);
    padding: 32px 0 40px;
}


.pages .header {
    margin: 0 auto;
    max-width: 820px;
    text-align: center;
}

.pages .title {
    color: var(--color--purple-brand);
    margin-bottom: 10px;
}

.pages .description {
    margin: 0 0 32px;
}



.commemoration {
    background-color: var(--color--beige);
    padding: 40px 0;
}


.commemoration .container {
    display: grid;
    grid-column-gap: 48px;
    grid-template-columns: repeat(2, 1fr);
}

.commemoration .text {
    padding: 80px 0;
}

.commemoration .title {
    color: var(--color--purple-brand);
    margin-bottom: 10px;
}

.commemoration .description {
    margin: 0 0 20px;
}

.commemoration .products {
    display: grid;
    grid-gap: 20px 12px;
    grid-template-columns: repeat(4, 1fr);
}



.share {
    background-color: var(--color--purple-pale);
    padding: 40px 0;
}


.share .container {
    display: grid;
    grid-column-gap: 48px;
    grid-template-columns: repeat(2, 1fr);
}

.share .text {
    padding: 128px 0;
}

.share .title {
    color: var(--color--purple-brand);
    margin-bottom: 10px;
}
.share .description {
    margin: 0;
}