/* Explain: Section rhythm and luxurious champagne gradient backdrops */
.section-pad {
    padding-top: 5.5rem;
    padding-bottom: 5.5rem;
}

.bg-gradient-dawn {
    background: linear-gradient(155deg, var(--ivory) 0%, var(--champagne) 54%, var(--soft-rose) 100%);
}

.bg-gradient-dusk {
    background: linear-gradient(155deg, var(--espresso) 0%, color-mix(in srgb, var(--espresso) 88%, var(--rose-gold)) 100%);
}

.bg-gradient-mist {
    background: linear-gradient(180deg, var(--surface-color) 0%, var(--pearl) 100%);
}

.luxury-frame {
    position: relative;
}
.luxury-frame::before {
    content: "";
    position: absolute;
    inset: 1rem -1rem -1rem 1rem;
    border: 1px solid color-mix(in srgb, var(--rose-gold) 55%, var(--champagne));
    border-radius: 2rem;
    z-index: 0;
}

@media (min-width: 1024px) {
    .section-pad {
        padding-top: 7rem;
        padding-bottom: 7rem;
    }
}