html {
    overflow-x: hidden;
}

body {
    overflow-x: clip;
}

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

.editorial-shadow {
    box-shadow: 0px 0px 32px 0px rgba(42, 52, 57, 0.06);
}

.service-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-card:hover {
    transform: translateY(-4px);
}

.service-card.editorial-shadow:hover {
    box-shadow: 0px 8px 40px 0px rgba(42, 52, 57, 0.12);
}

.service-card-featured {
    box-shadow: 0px 4px 32px 0px rgba(58, 95, 148, 0.2);
}

.service-card.service-card-featured:hover {
    box-shadow: 0px 12px 48px 0px rgba(58, 95, 148, 0.3);
}

.glass-nav {
    backdrop-filter: blur(20px);
}

@keyframes marquee-slide {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(-20%); }
}

.marquee-track {
    animation: marquee-slide 20s ease-in-out infinite;
}