.hero-section {
    min-height: 88vh;
    display: grid;
    place-items: center;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(248, 231, 223, 0.94)),
        radial-gradient(circle at top left, rgba(183, 110, 121, 0.22), transparent 34%),
        #fff8f4;
}

.hero-section h1 {
    margin: 18px 0;
    color: #3a2930;
    line-height: 1.05;
}

.hero-section p {
    color: #72505b;
}

.center {
    background: #fffdfb;
}

.center h2:not(.section-title) {
    color: #3a2930;
    font-size: 38px;
    margin-top: 0;
}

.dark .section-kicker,
.dark .section-copy {
    color: rgba(255, 255, 255, 0.76);
}

.btn {
    margin: 8px;
    box-shadow: 0 12px 28px rgba(183, 110, 121, 0.22);
    transition: transform 180ms ease, box-shadow 180ms ease;
}

.btn:hover {
    box-shadow: 0 16px 34px rgba(183, 110, 121, 0.3);
    transform: translateY(-2px);
}

@media (max-width: 640px) {
    section {
        padding: 52px 18px;
    }

    .hero-section h1 {
        font-size: 44px !important;
    }
}