.side-logo { position: relative; width: 64px; height: 64px; flex: 0 0 64px; }
.side-logo > img { width: 64px; height: 64px; object-fit: contain; filter: drop-shadow(0 1px 4px rgba(0,0,0,0.3)); }
.side-logo.emas-on > img { display: none; }
.side-brand-teks { min-width: 0; }
.side-brand-teks b { display: block; color: #fff; font-size: 1.05rem; font-weight: 700; line-height: 1.2; letter-spacing: 0.2px; }
.side-brand-teks small { display: block; color: rgba(255,255,255,0.65); font-size: 0.64rem; margin-top: 3px; line-height: 1.4; }
.logo-emas { display: none; position: absolute; left: 0; top: 0; width: 64px; height: 64px; perspective: 500px; }
.logo-emas.hidup { display: block; }
.le-koin { position: absolute; inset: 0; transform-style: preserve-3d; }
.le-koin > div { position: absolute; inset: 0; }
.le-mask { -webkit-mask: var(--logo-emas) center/contain no-repeat; mask: var(--logo-emas) center/contain no-repeat; }
.le-wrap { transform: translateZ(0); backface-visibility: hidden; }
.le-wrap > div { position: absolute; inset: 0; }
.le-pw { position: absolute; left: 0; top: 66px; width: 64px; height: 22px; overflow: hidden; pointer-events: none; opacity: .32; -webkit-mask-image: linear-gradient(to bottom,#000,transparent); mask-image: linear-gradient(to bottom,#000,transparent); }
.le-pantul { position: absolute; left: 0; top: 0; width: 64px; height: 64px; perspective: 500px; transform: scaleY(-1); transform-origin: 50% 32px; }