/* Local trial: a fine underline draws from left to right on action links. */
body main a.underlink,body .hero-copy .discover,body .tile-text>span{
text-decoration:none!important;border-bottom:0;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:left calc(100% - 1px);background-size:100% 1px;padding-bottom:3px;
}
@media(hover:hover){
body main a.underlink,body .hero-copy .discover,body .tile-text>span{background-size:0% 1px;transition:background-size .3s ease-out,color .2s ease}
body main a.underlink:hover,body main a.underlink:focus-visible,body .hero-link:hover .discover,body .hero-link:focus-visible .discover,body .tile:hover .tile-text>span,body .tile:focus-visible .tile-text>span{background-size:100% 1px;text-decoration:none!important}
}
@media(prefers-reduced-motion:reduce){body main a.underlink,body .hero-copy .discover,body .tile-text>span{transition:none;background-size:100% 1px}}

/* Animate the collection label, not its wider alignment container. */
body .wide-product a.underlink{background-image:none}
body .wide-product .underline-label{display:inline-block;background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:left calc(100% - 1px);background-size:100% 1px;padding-bottom:3px}
@media(hover:hover){body .wide-product .underline-label{background-size:0% 1px;transition:background-size .3s ease-out}body .wide-product a.underlink:hover .underline-label,body .wide-product a.underlink:focus-visible .underline-label{background-size:100% 1px}}
@media(prefers-reduced-motion:reduce){body .wide-product .underline-label{transition:none;background-size:100% 1px}}