/* DAYO GROUP minimal logo (site-wide)
 * Boxes follow the artwork's ~2:1 ratio, so `contain` fills them edge to edge:
 * header 156x78 (minimal logo, ~2:1), eased back from the earlier 168x84. Footer uses the wide horizontal DAYO GROUP
 * wordmark, with a wider/shorter box so `contain` fills it. */
a:has(>img[src$="/dayo_white_head.png"]){display:block!important;width:156px!important;height:78px!important;background-image:url("/assets/DAYO%20GROUP%E3%83%9F%E3%83%8B%E3%83%9E%E3%83%AB%E3%83%AD%E3%82%B4.png"),url("/assets/DAYO%20GROUP%E3%83%9F%E3%83%8B%E3%83%9E%E3%83%AB%E3%83%AD%E3%82%B3%E3%82%99.png")!important;background-position:left center!important;background-repeat:no-repeat!important;background-size:contain!important;filter:invert(1) hue-rotate(180deg);mix-blend-mode:screen}
/* Scrolled header: React swaps the nav to a white background, so the logo must stay dark. */
nav.bg-white a:has(>img[src$="/dayo_white_head.png"]){filter:none!important;mix-blend-mode:normal!important}
footer a:has(>img[src$="/dayo_white_head.png"]){width:280px!important;height:52px!important;background-image:url("/assets/dayo_group_logo%20(1).png")!important;filter:none!important;mix-blend-mode:normal!important}
a:has(>img[src$="/dayo_white_head.png"])>img{width:0!important;height:0!important;opacity:0!important}
a:has(>img[src$="/dayo_white_head.png"])>div{display:none!important}
@media (max-width:640px){
a:has(>img[src$="/dayo_white_head.png"]){width:128px!important;height:64px!important}
footer a:has(>img[src$="/dayo_white_head.png"]){width:190px!important;height:36px!important}
}