/* Material Symbols */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

/* Primary gradient background */
.bg-primary-gradient {
    background: linear-gradient(135deg, #775a00 0%, #c8a03c 100%);
}

/* Masthead left border */
.masthead-border {
    border-left: 1px solid #d1c5b4;
}

/* Masthead horizontal spacing on medium+ screens */
@media (min-width: 768px) {
    .masthead-spacing {
        padding-left: 8.5rem;
        padding-right: 8.5rem;
    }
}

/* Body minimum height */
body {
    min-height: max(884px, 100dvh);
}

/* Logo belt infinite scroll */
@keyframes logo-scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

.logo-belt-track {
    display: flex;
    width: max-content;
    animation: logo-scroll 60s linear infinite;
}

.logo-belt-track:hover {
    animation-play-state: paused;
}

.logo-belt {
    overflow: hidden;
    mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
    -webkit-mask-image: linear-gradient(to right, transparent, black 10%, black 90%, transparent);
}