@font-face{font-family:'Yuanxin Latin';src:url('/yuanxin/fonts/SpaceGrotesk-variable.ttf') format('truetype');font-style:normal;font-weight:300 700;font-display:swap}
@font-face{font-family:'Yuanxin Han';src:url('/yuanxin/fonts/NotoSansSC-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Yuanxin Wordmark';src:url('/lusion/lusion.co/assets/fonts/Aeonik-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
:root{--yx-type:'Yuanxin Latin','Yuanxin Han','Microsoft YaHei',sans-serif;--yx-ink:#17191f;--yx-paper:#f0f1fa;--yx-blue:#2331c9;--yx-muted:#626572}
body{font-family:var(--yx-type);font-kerning:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
button,a,input{font-family:inherit}
p{text-wrap:pretty}
/* Brand study uses the same mark; contain its diagnostic canvas in its panel. */
.sample{position:relative;overflow:hidden}
.board>div:nth-child(2) .sample{background:#101114}
.yuanxin-brand-lockup{display:flex;align-items:center;gap:12px;white-space:nowrap;line-height:1;text-decoration:none;color:inherit}
.yuanxin-brand-lockup .yx-mark{display:block;width:42px;height:42px;flex:none;background:currentColor;mask:url('/yuanxin/brand/mark.svg') center/contain no-repeat}
.yuanxin-brand-lockup .yx-name{display:flex;flex-direction:column;gap:6px}
.yuanxin-brand-lockup b{font-family:'Yuanxin Wordmark',sans-serif;font-size:23px;font-weight:500;letter-spacing:.035em;line-height:1}
.yuanxin-brand-lockup small{font-family:'Yuanxin Han',sans-serif;font-size:14px;font-weight:500;letter-spacing:1.5px;line-height:1.1}
@media(max-width:600px){.yuanxin-brand-lockup{gap:9px}.yuanxin-brand-lockup .yx-mark{width:36px;height:36px}.yuanxin-brand-lockup b{font-size:19px}.yuanxin-brand-lockup small{font-size:12px;letter-spacing:1px}}