html {
    scroll-behavior: smooth;
    scroll-padding-top: 80px;
}

.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.curators-margin {
    margin-left: 15%;
}

@media (max-width: 1024px) {
    .curators-margin {
        margin-left: 0;
    }
}

.card-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 40px rgba(45, 52, 53, 0.06);
}

.tonal-transition {
    background: linear-gradient(to bottom, #f9f9f9, #f2f4f4);
}