/* All in-page marks use the same vector master. No runtime image generation. */
.brand-mark{display:inline-block;flex:none;width:40px;height:40px;background:currentColor;mask:url('/assets/brand/huayang-symbol.svg?v=folded-bloom-20260929-1') center/contain no-repeat;-webkit-mask:url('/assets/brand/huayang-symbol.svg?v=folded-bloom-20260929-1') center/contain no-repeat}
.brand-mark--color{background:url('/assets/brand/huayang-symbol-night.svg?v=folded-bloom-20260929-1') center/contain no-repeat;mask:none;-webkit-mask:none}
.header .wordmark{display:inline-flex;gap:12px;align-items:center;color:#e5eaf0;letter-spacing:0}
.header .wordmark>.brand-mark{display:block;width:48px;height:48px;font-size:0;color:inherit}
.header .wordmark>.brand-wordmark{display:grid;gap:6px;font:500 21px/1 "Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.17em;color:inherit}
.brand-wordmark small{font:8px/1 Arial,sans-serif;letter-spacing:.20em;color:#b7c4cd}
.wordmark:focus-visible{outline:1px solid #cce0d4;outline-offset:9px;border-radius:2px}
.world-signature-mark{display:inline-flex;align-items:center;justify-content:center;gap:11px}
.world-signature-mark .brand-mark{width:42px;height:42px;color:#e5eaf0}
@media(max-width:700px){
  .header .wordmark{gap:11px}
  .header .wordmark>.brand-mark{width:38px;height:38px}
  .header .wordmark>.brand-wordmark{font-size:18px;gap:5px;letter-spacing:.13em}
  .brand-wordmark small{font-size:7px;letter-spacing:.14em}
  .world-signature-mark{gap:8px}
  .world-signature-mark .brand-mark{width:34px;height:34px}
}