/* Original font files; see docs/sources/frama-oppo.md. */
@font-face{font-family:'PP Frama';src:url('./fonts/PPFrama-Regular.otf') format('opentype');font-style:normal;font-weight:100 800;font-display:swap}
@font-face{font-family:'PP Frama';src:url('./fonts/PPFrama-Black.otf') format('opentype');font-style:normal;font-weight:900;font-display:swap}
@font-face{font-family:'OPPO Sans';src:url('./fonts/OPPOSans4.ttf') format('truetype');font-style:normal;font-weight:100 700;font-display:swap;unicode-range:U+2E80-9FFF,U+F900-FAFF,U+FE10-FE1F,U+FE30-FE4F,U+FF00-FFEF,U+20000-3134F}
:root{--font:'PP Frama','OPPO Sans',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;--mono:'PP Frama','OPPO Sans',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;font-weight:400}
/* Preserve the existing grid and natural title spacing. */
.intro h1{letter-spacing:-.6px}
.notebook-heading{letter-spacing:-.2px;text-wrap:balance}
.intro-subtitle{font-style:normal;font-synthesis:none}
.ruler,.updated,.project-tags,.case-nav,.work-heading{font-variant-numeric:tabular-nums}

.font-credit{font-family:var(--font);font-size:10px;color:var(--muted);display:block;margin-bottom:8px}
.tide-footer-bottom>.font-credit{display:block;font-size:8px;margin:0;max-width:100px}
/* Small monochrome ASCII study for the open space beside the introduction. */
.horse-hero{position:absolute;right:0;bottom:0;width:330px;height:380px;pointer-events:none;overflow:hidden}
.horse-hero img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
@media(max-width:1100px){.horse-hero{width:280px;height:320px}}
@media(max-width:1020px){.horse-hero{position:relative;right:auto;bottom:auto;width:260px;height:300px;margin:30px auto -56px}}
@media(max-width:600px){.horse-hero{margin-bottom:-43px}}