@font-face{font-family:InuBlanch;src:url('/assets/blanch.otf') format('opentype');font-display:swap}
@font-face{font-family:InuType;src:url('/assets/IBMPlexSansCondensed-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:InuType;src:url('/assets/IBMPlexSansCondensed-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}

/* Uppercase stays global; the readable condensed face handles copy and controls. */
body,
body :where(p,a,span,strong,b,small,i,em,label,button,input,textarea,select,option,legend,dt,dd,li,th,td,address,figcaption,summary,code,output){
  font-family:InuType,'Arial Narrow',sans-serif!important;
  text-transform:uppercase!important;
  word-break:normal!important;
  overflow-wrap:break-word!important;
  hyphens:none!important;
  font-synthesis:none;
}

/* Blanch is a display face: use it only where its narrow rhythm has room. */
body :where(h1,h2,h3,.display-title,.hero-note-copy strong,.editorial-technique h3,.series-ledger h3,.archive-head h2,.art-meta h3,.contact h2){
  max-width:100%;
  font-family:InuBlanch,InuType,'Arial Narrow',sans-serif!important;
  text-transform:uppercase!important;
  font-weight:400!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  text-wrap:balance;
}

body :where(h4,h5,h6,p,li,dd,address,button,a,input,textarea,select,small,figcaption){font-family:InuType,'Arial Narrow',sans-serif!important}
body :where(button,a,summary,label,small,figcaption,dt,th){letter-spacing:.06em}
input::placeholder,textarea::placeholder{font-family:InuType,'Arial Narrow',sans-serif!important;text-transform:uppercase!important}

/* Use a complete CJK family on Japanese pages. */
html[lang^='ja'] body,
html[lang^='ja'] body :where(h1,h2,h3,h4,h5,h6,p,a,span,strong,b,small,i,em,label,button,input,textarea,select,option,legend,dt,dd,li,th,td,address,figcaption,summary,code,output){
  font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif!important;
  letter-spacing:.04em;
}