*, ::before, ::after {
    box-sizing: border-box;
}

html, body {
    overflow-x: hidden;
    position: relative;
    width: 100%;
}

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

        .glass-nav {
            backdrop-filter: blur(20px);
        }
        .text-shadow-sm {
            text-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }
        .tonal-shift-bottom {
            box-shadow: 0 4px 30px -10px rgba(142, 78, 20, 0.05);
        }