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

.hero-gradient {
    background: linear-gradient(to right, rgba(255,248,246, 0.95) 30%, rgba(255,248,246, 0.65) 65%, rgba(255,248,246,0.1) 100%);
}

.page-hero-gradient {
    background: linear-gradient(to right, rgba(255,248,246, 0.96) 35%, rgba(255,248,246, 0.75) 70%, rgba(255,248,246,0.25) 100%);
}

@media (max-width: 767px) {
    .hero-gradient,
    .page-hero-gradient {
        background: linear-gradient(to bottom, rgba(255,248,246, 0.55) 0%, rgba(255,248,246, 0.97) 78%);
    }
}

.skip-link {
    position: fixed;
    top: -100px;
    left: 0.5rem;
    z-index: 100;
}

.skip-link:focus {
    top: 0.5rem;
}