body {
    font-family: var(--font-main);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.45;
    color: var(--color-text);
    background: var(--color-white);
}

.container {
    width: min(100% - calc(var(--container-padding) * 2), var(--container-width));
    margin-inline: auto;
}

.section {
    position: relative;
    padding-block: var(--section-padding);
}

.section-bg {
    position: absolute;
    inset-inline: 0;
    z-index: -1;
}

.section-bg--cream {
    top: 0;
    height: 280px;
    background: var(--color-cream);
}

.two-column {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.17fr);
    gap: 120px;
}

.two-column--center {
    align-items: center;
}

.content-block {
    max-width: 440px;
}

.content-block h2,
.featured-story h2,
.projects-intro h2,
.section-title h2 {
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    letter-spacing: -0.02em;
}

.content-block p,
.projects-intro p,
.featured-story p {
    margin-top: 22px;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: -0.02em;
}

.button-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 28px;
}