.wrap {
    width: 100%;
    max-width: calc(var(--wrap) + 2 * 40px);
    margin-inline: auto;
    padding-left: max(16px, env(safe-area-inset-left, 0px), min(40px, 4vw));
    padding-right: max(16px, env(safe-area-inset-right, 0px), min(40px, 4vw));
}

.section {
    border-top: 1px solid var(--border);
}
.section > .wrap {
    padding-block: clamp(56px, 8vw, 104px);
}
.section-head {
    display: grid;
    gap: 16px;
    margin-bottom: clamp(32px, 4vw, 48px);
}
.section-head h2 {
    font-size: clamp(1.6rem, 3.4vw, 2.5rem);
    line-height: 1.12;
}