/* Brand assets share the existing synchronous data-theme selection. */
.yk-brand-logo{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;width:226px;height:46px;overflow:hidden;vertical-align:middle}
.yk-brand-logo>img{display:block;flex:none;width:100%;height:auto;max-width:none}
.yk-brand-logo>.yk-brand-dark{display:none}
html[data-theme=dark] .yk-brand-logo>.yk-brand-light{display:none}
html[data-theme=dark] .yk-brand-logo>.yk-brand-dark{display:block}
.brand:focus-visible{outline:2px solid var(--yk-accent);outline-offset:5px;border-radius:5px}
.am-panel-brand>span{overflow:hidden}
.am-panel-brand>span>img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px}
.maintenance-card>.yk-brand-logo{width:min(280px,100%);height:56px;margin:15px auto}
.site-app .hero.yk-brand-hero{gap:26px;min-height:330px;padding:30px 40px}
.site-app .hero.yk-brand-hero .hero-copy{width:55%;min-width:0}
.site-app .hero.yk-brand-hero .hero-art{display:grid;width:40%;height:280px;min-width:0;flex-shrink:1}
.site-app .hero.yk-brand-hero .hero-visual>.yk-hero-illustration{width:100%;height:100%;max-height:280px;object-fit:contain;border-radius:0}
@media(max-width:850px){
 .top .yk-brand-logo{width:194px;height:40px}
 .site-app .hero.yk-brand-hero{padding:25px;gap:18px;min-height:290px}
 .site-app .hero.yk-brand-hero .hero-art{height:240px}
}
@media(max-width:650px){
 .top .yk-brand-logo{width:176px;height:36px}
 .site-app .hero.yk-brand-hero{flex-direction:column;align-items:stretch;padding:23px;gap:8px}
 .site-app .hero.yk-brand-hero .hero-copy{width:100%}
 .site-app .hero.yk-brand-hero .hero-art{order:1;width:100%;height:210px}
 .site-app .hero.yk-brand-hero .hero-visual>.yk-hero-illustration{max-height:210px}
 footer .yk-brand-logo{width:210px;height:43px}
}
@media(max-width:380px){.top .yk-brand-logo{width:150px;height:31px}.site-app .hero.yk-brand-hero .hero-art{height:185px}}