/* Ma Shan Zheng by Ma ShanZheng, SIL OFL 1.1. Only 镜 / 道 are bundled. */
@font-face {
  font-family: 'XGEN Brush';
  src: url('/fonts/XGEN-Brush-Labels.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+9053, U+955C;
}

.model-wordmark {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  font-weight: 600;
}
.model-wordmark-latin { font-family: D-DIN, Arial, sans-serif; }
.model-wordmark-latin,
.model-wordmark-dot { line-height: 1; }
.model-wordmark-dot { margin-right: .015em; }
.model-wordmark-brush {
  display: inline-block;
  margin-left: .025em;
  font-family: 'XGEN Brush', cursive;
  font-size: .82em;
  font-weight: 400;
  font-style: normal;
  font-synthesis: none;
  line-height: 1;
  letter-spacing: 0;
  transform: none;
  -webkit-text-stroke: .005em currentColor;
}
.gallery-heading h1 { display: flex; align-items: baseline; flex-wrap: wrap; gap: .2em; }
/* Custom dry-brush lettering follows the supplied upward-slashing reference.
   Actual Chinese text remains in the DOM; the ink inherits the surrounding theme. */
@supports (mask-image: url('')) {
  .model-wordmark-brush[data-brush] {
    flex: none;
    width: 1.1125em;
    height: 1.175em;
    margin-left: .015em;
    overflow: hidden;
    font-size: 1em;
    text-indent: -9999px;
    background: currentColor;
    -webkit-text-stroke: 0;
    /* Center the visible brush ink on the Latin capitals, including PNG padding. */
    transform: translateY(-.02em);
    -webkit-mask: var(--brush-image) center / contain no-repeat;
    mask: var(--brush-image) center / contain no-repeat;
    mask-mode: luminance;
  }
  .model-wordmark-brush[data-brush="jing"] { --brush-image: url('/wordmarks/jing-brush-approved.png?v=2026-09-18-v9'); }
  .model-wordmark-brush[data-brush="dao"] {
    --brush-image: url('/wordmarks/dao-brush-approved.png?v=2026-09-18-v9');
    transform: translateY(-.035em);
  }
}
@media (min-width: 901px) {
  .chapter h2.model-wordmark { min-width: 0; font-size: clamp(54px,7vw,90px); letter-spacing: -.045em; }
}
@media (max-width: 900px) {
  #dao .chapter-head { grid-template-columns: 1fr; }
}