/* Mobile touch selection for dark Monochrome v2. Keep media unobscured. */
html[data-daiki-todos="v2"] .projects .item .visual video,
html[data-daiki-todos="v2"] .projects .item .visual img{filter:grayscale(1)!important;transition:filter .26s ease!important}
html[data-daiki-todos="v2"] .projects .item:is(:hover,:focus-within,[data-daiki-color-active="true"]) .visual video,
html[data-daiki-todos="v2"] .projects .item:is(:hover,:focus-within,[data-daiki-color-active="true"]) .visual img{filter:grayscale(0)!important}
html[data-daiki-featured="v2"] article[data-gl="card"][data-daiki-color-active="true"] :is(img,video),
html[data-daiki-featured="v2"] article[data-gl="card"]:focus-within :is(img,video){filter:grayscale(0)!important}
html[data-daiki-featured="v2"]:has(article[data-gl="card"][data-daiki-color-active="true"]) canvas{filter:grayscale(0)!important}
html[data-daiki-featured="v2"]:has(article[data-gl="card"]:focus-within) canvas{filter:grayscale(0)!important}
@media (hover:none) {
 html[data-daiki-todos="v2"] .projects .item:not([data-daiki-color-active="true"]) .visual video,
 html[data-daiki-todos="v2"] .projects .item:not([data-daiki-color-active="true"]) .visual img{filter:grayscale(1)!important}
 html[data-daiki-todos="v2"] .projects .item[data-daiki-color-active="true"] .visual :is(video,img){filter:grayscale(0)!important}
}