@media(max-width:900px){
 /* Remove the inherited 6rem margin from the pinned services track. */
 .scroll-stage .service-grid{margin-top:0}
 #solutions>.scroll-stage{margin-top:3rem}
 .scroll-stage .service-grid>article{flex-basis:100%;scroll-snap-align:start}
 .scroll-stage .service-grid h3{margin-top:2rem}
 .event-card,.event-card:hover,.event-card:active{background:transparent;color:#111;padding:1.5rem 1rem}
 .event-card:before,.event-card:hover:before{transform:translateY(101%);background:var(--burgundy)}
 .event-card h3,.event-card:hover h3,.event-card>span,.event-card:hover>span,.event-card .tag,.event-card:hover .tag,.event-card i,.event-card:hover i{color:var(--burgundy)}
 .event-card p,.event-card:hover p{color:#555}
 .event-card.is-scroll-active:before{transform:translateY(0)}
 .event-card.is-scroll-active,.event-card.is-scroll-active h3,.event-card.is-scroll-active p,.event-card.is-scroll-active span,.event-card.is-scroll-active .tag,.event-card.is-scroll-active i{color:#fff}
 .event-card h3,.event-card p,.event-card span,.event-card i{transition:color .25s ease}
 .event-card:before{transition:transform .3s ease}
}
@media(prefers-reduced-motion:reduce){
 .event-card:before,.event-card h3,.event-card p,.event-card span,.event-card i{transition:none}
}