/* Logo dentro do próprio HTML: aparece mesmo quando só se abre o index.html */
:root{--logo-latin:url("../../brand/slabedd-logo.webp");--logo-katakana:url("../../brand/slabedd-katakana.webp")}
.brandLogo,.mobileLogo,.heroLogo,.heroKatakana{display:block;background:var(--logo-latin) center/contain no-repeat}
.brandLogo{width:148px;aspect-ratio:360/154;filter:drop-shadow(0 6px 16px rgba(193,39,45,.35))}
.mobileLogo{display:none;width:92px;aspect-ratio:360/154;margin:0 0 4px -2px}
.heroLogo{width:min(300px,85%);aspect-ratio:360/154;position:relative;z-index:1;transform:rotate(-4deg);filter:drop-shadow(6px 6px 0 #000)}
.heroKatakana{background-image:var(--logo-katakana);width:min(190px,55%);aspect-ratio:600/178;position:relative;z-index:1;margin-top:14px;transform:rotate(3deg);filter:drop-shadow(4px 4px 0 #000)}
.shopHeroVisual{display:flex!important;flex-direction:column;align-items:center;justify-content:center}
@media(max-width:760px){.mobileLogo{display:block}.appGreeting{display:none}.shopHeroVisual{display:none!important}}