/* Original Bancho lettering and symbol, preserved as alpha masks. */
.bancho-lockup{display:inline-flex;align-items:center;gap:14px;flex-shrink:0;position:relative;color:#252525;line-height:1;letter-spacing:0}
.bancho-symbol{display:block;position:relative;width:44px;height:44px;flex-shrink:0;color:inherit;isolation:isolate}
.logo-rotor{display:block;width:100%;height:100%;transform-origin:50% 50%;overflow:visible;transition:color .35s ease}
.bancho-name{display:flex;flex-direction:column;position:relative;width:147px;flex-shrink:0;gap:5px;color:inherit}
.logo-lettering{width:100%;height:auto;display:block;aspect-ratio:1190/264;overflow:visible}
.bancho-lockup .brand-small{display:block;font:8px DM,Arial,sans-serif;line-height:1;letter-spacing:5.8px;margin:0 0 0 3px;color:#606060}
.brand.bancho-lockup{padding-block:6px;min-height:54px;font-size:0;letter-spacing:0}
.brand.bancho-lockup .bancho-symbol:after{content:'';position:absolute;inset:-6px;border:1px solid #e2c02f;border-radius:50%;opacity:0;transform:scale(.72);z-index:-1;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .5s}
.brand.bancho-lockup:is(:hover,:focus-visible) .bancho-symbol{color:#e1b900}
.brand.bancho-lockup:is(:hover,:focus-visible) .bancho-symbol:after{transform:scale(1.12);opacity:.7}
.brand.bancho-lockup .bancho-name:after{content:'';height:2px;background:#ffdb32;position:absolute;left:3px;bottom:-7px;width:calc(100% - 3px);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.22,1,.36,1)}
.brand.bancho-lockup:is(:hover,:focus-visible) .bancho-name:after{transform:scaleX(1)}
.brand-enter .brand .logo-rotor{animation:bancho-arrive 1.45s cubic-bezier(.16,1,.3,1) both}
.brand-enter .brand .bancho-name{animation:bancho-word-arrive 1s .25s cubic-bezier(.16,1,.3,1) both}
.footer-wordmark.bancho-lockup{gap:25px;padding:8px 0;font-size:0;letter-spacing:0;color:#252525;max-width:70%}
.footer-wordmark.bancho-lockup>.bancho-symbol{width:98px;height:98px;padding:0;color:#252525;font-size:0;transition:color .35s}
.footer-wordmark.bancho-lockup>.bancho-name{width:min(420px,33vw);padding:0;font-size:0;gap:13px;color:#252525}
.footer-wordmark.bancho-lockup .brand-small{font-size:12px;letter-spacing:10px;margin-left:6px}
.footer-wordmark.bancho-lockup:is(:hover,:focus-visible) .bancho-symbol{color:#d4ae08}
.studio-symbol{transform:none;color:#252525;padding:29px;display:grid;place-items:center}
.studio-symbol>.logo-rotor{width:100%;height:100%;position:static;animation:bancho-slow-spin 28s linear infinite}
.floating-label>.bancho-symbol{width:37px;height:37px;color:#252525}
.floating-label .logo-rotor{animation:bancho-slow-spin 18s linear infinite}
.hero-motion-paused .logo-rotor,.hero-offscreen .hero .logo-rotor{animation-play-state:paused!important}
@keyframes bancho-arrive{0%{transform:rotate(-135deg) scale(.55);opacity:0}65%{opacity:1}100%{transform:rotate(0deg) scale(1);opacity:1}}
@keyframes bancho-word-arrive{from{opacity:0;transform:translateX(-9px)}to{opacity:1;transform:translateX(0)}}
@keyframes bancho-slow-spin{to{transform:rotate(360deg)}}
@media(max-width:1100px){.bancho-lockup{gap:11px}.bancho-symbol{width:39px;height:39px}.bancho-name{width:132px}.bancho-lockup .brand-small{font-size:7px;letter-spacing:5.2px}.footer-wordmark.bancho-lockup>.bancho-symbol{width:80px;height:80px}.footer-wordmark.bancho-lockup>.bancho-name{width:min(370px,32vw)}}
@media(max-width:800px){.brand.bancho-lockup{gap:10px}.brand .bancho-symbol{width:36px;height:36px}.brand .bancho-name{width:120px}.footer-wordmark.bancho-lockup{gap:18px}.footer-wordmark.bancho-lockup>.bancho-symbol{width:67px;height:67px}.footer-wordmark.bancho-lockup .brand-small{font-size:9px;letter-spacing:7px}.studio-symbol{padding:24px}.floating-label>.bancho-symbol{width:28px;height:28px}}
@media(max-width:600px){.brand.bancho-lockup{gap:9px;min-height:44px}.brand .bancho-symbol{width:31px;height:31px}.brand .bancho-name{width:103px;gap:4px}.brand.bancho-lockup .brand-small{font-size:6px;letter-spacing:4px;margin-left:2px}.brand .bancho-symbol:after{display:none}.footer-wordmark.bancho-lockup{width:100%;max-width:100%;gap:18px}.footer-wordmark.bancho-lockup>.bancho-name{width:min(245px,57vw);gap:9px}.footer-wordmark.bancho-lockup>.bancho-symbol{width:65px;height:65px}.footer-wordmark.bancho-lockup .brand-small{font-size:8px;letter-spacing:7px;margin-left:4px}.floating-label>.bancho-symbol{width:30px;height:30px}.studio-symbol{display:none}}
@media(max-width:360px){.brand .bancho-symbol{width:32px;height:32px}.brand .bancho-name{width:110px}.footer-wordmark.bancho-lockup{gap:14px}.footer-wordmark.bancho-lockup>.bancho-symbol{width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){.bancho-lockup *,.studio-symbol .logo-rotor,.floating-label .logo-rotor{animation:none!important;transition:none!important}.bancho-lockup .bancho-name,.bancho-lockup .logo-rotor{opacity:1!important;transform:none!important}}