/* Hover foregrounds belong to individual components, not every descendant. */
@media(hover:hover) and (pointer:fine){
 .site-logo:hover{color:#245f2e;}
 .site-nav :is(.work-navigation-menu,.contact-menu) a:hover{color:#245f2e;}
 .work-card:hover .work-card-cta{color:#245f2e;text-decoration:underline;text-underline-offset:.2em;}
 .preview-footer .preview-footer-links a:hover{color:#245f2e;}
}
@media(hover:hover) and (pointer:fine) and (min-width:861px){
 .site-header .site-nav .contact-toggle:is(:hover,:focus-visible,:active),
 .site-header .site-nav .contact-toggle:is(:hover,:focus-visible,:active) span{color:#245f2e;}
}