.brand{gap:10px;flex-shrink:0;letter-spacing:-1.5px}.brand .brand-symbol{width:50px;height:50px;display:block;flex-shrink:0;transition:transform .2s ease}.brand:hover .brand-symbol{transform:translateY(-2px) rotate(-4deg)}.header .brand span.brand-wordmark{font-size:31px;line-height:1;font-weight:900;font-style:italic;color:var(--ink);white-space:nowrap;letter-spacing:-1.8px}.brand-wordmark .brand-play{color:inherit;font-weight:900}.brand-wordmark .brand-bang{display:inline-block;color:#e8785d;font-weight:900;margin-left:1px}.decor-square.mascot-square{position:relative;z-index:2}.decor-square .hero-knight{display:flex;align-items:center;justify-content:center;line-height:1}.hero-knight img{display:block;width:136px;height:136px;max-width:none;filter:drop-shadow(0 8px 5px #20392b22)}.footer-brand{display:inline-flex;align-items:center;gap:8px}.footer-brand>img{width:24px;height:24px;flex-shrink:0}
@media(max-width:650px){.brand{gap:8px}.brand .brand-symbol{width:43px;height:43px}.header .brand span.brand-wordmark{font-size:28px}.hero-knight img{width:110px;height:110px}.footer-brand{gap:6px}.footer-brand>img{width:21px;height:21px}}
@media(max-width:360px){.brand .brand-symbol{width:39px;height:39px}.header .brand span.brand-wordmark{font-size:26px}}
@media(prefers-reduced-motion:reduce){.brand .brand-symbol{transition:none}.brand:hover .brand-symbol{transform:none}}