:root {
    --why-bg: rgb(228, 218, 206);
}

.why {
    background: var(--why-bg);
    padding: 4vw clamp(1.5rem, 5vw, 5rem);
    border-bottom: 3px solid rgb(40, 40, 42);
}

.why__heading {
    text-align: center;
    margin-bottom: clamp(1.5rem, 4vw, 3rem);
}

.why__heading h2 {
    font-family: 'Agato', serif;
    font-size: 17px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin: 0;
    text-transform: uppercase;
}

.why__content {
    display: grid;
    gap: clamp(1.5rem, 3vw, 2.5rem);
    max-width: 700px;
    margin: 0 auto;
}

.why__content p {
    font-family: 'Minion', serif;
    font-size: 20px;
    line-height: 28px;
    margin: 0;
    text-align: center;
}

.why__content strong {
    display: block;
}