@font-face{font-family:SMUSH;src:url(/fonts/SMUSHSans-Light.woff2?v=0.302)format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:SMUSH;src:url(/fonts/SMUSHSans-Regular.woff2?v=0.302)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SMUSH;src:url(/fonts/SMUSHSans-Medium.woff2?v=0.302)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SMUSH;src:url(/fonts/SMUSHSans-Semibold.woff2?v=0.302)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:SMUSH;src:url(/fonts/SMUSHSans-Bold.woff2?v=0.303)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SMUSH;src:url(/fonts/SMUSHSans-RegularItalic.woff2?v=0.302)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:SMUSH;src:url(/fonts/SMUSHSans-BoldItalic.woff2?v=0.303)format("woff2");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:SMUSH Fallback;src:local(Arial),local(Liberation Sans);ascent-override:95%;descent-override:25%;line-gap-override:0%;font-weight:100 900}:root{--paper:#f4f2eb;--ink:#252720;--red:#dc4934;--line:#d7d5cb;--muted:#77796d;font-synthesis:none;color:var(--ink);background:var(--paper);scroll-behavior:smooth;font-family:SMUSH,SMUSH Fallback,sans-serif;font-weight:400}*{box-sizing:border-box}body{margin:0}.fonts-pending body{opacity:0}.fonts-ready body{animation:.24s ease-out both page-reveal}@keyframes page-reveal{0%{opacity:0}to{opacity:1}}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--red);outline-offset:4px}::selection{background:var(--red);color:var(--paper)}[hidden]{display:none!important}.wrap{width:min(1320px,100% - 112px);margin-inline:auto}.nav{justify-content:space-between;align-items:center;height:100px;display:flex}.wordmark{letter-spacing:-.035em;font:700 23px SMUSH,SMUSH Fallback,sans-serif}.nav nav a{padding:12px 0;font-size:12px;transition:color .15s}.nav nav a:hover{color:var(--red)}.font-intro{padding:44px 0 48px}.font-intro h1{margin:0;font:400 clamp(36px,6vw,64px)/1.2 SMUSH,SMUSH Fallback,sans-serif}.section{scroll-margin-top:24px}.controls{grid-template-columns:180px minmax(130px,1fr) minmax(130px,1fr) auto auto;align-items:end;gap:36px;padding:16px 0 24px;display:grid}.controls label{grid-template-columns:1fr auto;gap:12px;min-width:0;font-size:11px;line-height:14px;display:grid}output{color:var(--muted);font:11px SMUSH,SMUSH Fallback,sans-serif}.weight-control{gap:9px;min-width:0;font-size:11px;line-height:14px;display:grid;position:relative}#weight{text-align:left;background:#eae8df;border:1px solid #0000;border-radius:4px;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:40px;padding:10px 12px;font-size:12px;transition:background .15s;display:flex}#weight:hover,#weight[aria-expanded=true]{background:#e3e1d6}#weight svg{fill:none;stroke:currentColor;stroke-width:1.3px;width:14px;height:14px;transition:transform .15s}#weight[aria-expanded=true] svg{transform:rotate(180deg)}#weight-menu{z-index:10;background:#faf9f4;border:1px solid #e2dfd3;border-radius:6px;min-width:220px;padding:6px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 28px #25272014}#weight-menu button{text-align:left;background:0 0;border:0;border-radius:3px;justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:38px;padding:9px 11px;font-size:12px;display:flex}#weight-menu button>span:last-child{opacity:.55;font:10px SMUSH,SMUSH Fallback,sans-serif}#weight-menu button:hover,#weight-menu button:focus-visible{background:#eeece3;outline:0}#weight-menu button[aria-selected=true]{background:var(--ink);color:var(--paper)}#weight-menu button[aria-selected=true]:focus-visible{outline:2px solid var(--red);outline-offset:-2px}input[type=range]{-webkit-appearance:none;appearance:none;cursor:pointer;--fill:50%;background:0 0;border:0;grid-column:1/-1;width:100%;height:24px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,var(--ink) var(--fill),var(--line) var(--fill));border-radius:2px;height:2px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--ink);width:12px;height:12px;box-shadow:0 0 0 4px var(--paper);border:0;border-radius:50%;margin-top:-5px;transition:box-shadow .15s}input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px #e0ded3}input[type=range]::-moz-range-track{background:var(--line);height:2px}input[type=range]::-moz-range-progress{background:var(--ink);height:2px}input[type=range]::-moz-range-thumb{background:var(--ink);width:12px;height:12px;box-shadow:0 0 0 4px var(--paper);border:0;border-radius:50%}.swatches{align-items:center;gap:14px;min-height:40px;display:flex}.swatch{border:1px solid #aaa99d;border-radius:50%;width:18px;height:18px;padding:0;transition:transform .15s}.swatch:hover{transform:scale(1.12)}.swatch[aria-pressed=true]{outline:1px solid var(--ink);outline-offset:4px}.paper{background:var(--paper)}.ink{background:var(--ink)}.vermilion{background:var(--red)}.reset{min-height:40px;color:var(--muted);background:0 0;border:0;border-radius:4px;padding:10px 12px;font-size:11px}.reset:hover{color:var(--ink);background:#eae8df}.type-stage{background:#eae8df;border-radius:4px;padding:36px 36px 24px;transition:background .2s,color .2s}.type-stage[data-theme=ink]{background:var(--ink);color:var(--paper)}.type-stage[data-theme=vermilion]{background:var(--red);color:var(--paper)}textarea{resize:none;width:100%;min-height:220px;color:inherit;letter-spacing:0;background:0 0;border:0;border-radius:0;padding:0;font:700 96px/1.22 SMUSH,SMUSH Fallback,sans-serif;display:block;overflow:hidden}textarea:focus-visible{outline-offset:8px}.stage-bottom{justify-content:flex-end;margin-top:24px;display:flex}.micro,.stage-bottom,.glyph-caption,footer>span{letter-spacing:.04em;color:var(--muted);font:10px/1.5 SMUSH,SMUSH Fallback,sans-serif}.type-stage .stage-bottom{color:inherit;opacity:.6}#tester,#selected-glyph,.glyph-grid button{font-weight:var(--preview-weight,700);font-style:var(--preview-style,normal)}.coverage-note{color:var(--muted);margin:16px 0 0;font-size:11px}.glyphs{margin-top:80px}.glyph-layout{grid-template-columns:1fr 1.55fr;gap:48px;display:grid}.glyph-feature{background:#eeece3;border-radius:4px;flex-direction:column;min-height:400px;padding:28px;display:flex}#selected-glyph{text-align:center;flex:1;font-family:SMUSH,SMUSH Fallback,sans-serif;font-size:240px;line-height:1.3}.glyph-caption{justify-content:space-between;display:flex}.tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tabs button{color:var(--muted);background:0 0;border:0;border-radius:3px;padding:10px 12px;font-size:11px}.tabs button:hover{color:var(--ink);background:#eae8df}.tabs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.tabs span{opacity:.55;margin-left:5px;font:9px SMUSH,SMUSH Fallback,sans-serif}.glyph-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;display:grid}.glyph-grid[data-grid=symbols]{scrollbar-width:thin;scrollbar-color:#b4b4a8 transparent;max-height:380px;overflow-y:auto}.glyph-grid button{aspect-ratio:1;background:0 0;border:0;border-radius:3px;font-family:SMUSH,SMUSH Fallback,sans-serif;font-size:30px;line-height:1}.glyph-grid button:hover{background:#e5e3d9}.glyph-grid button.is-selected{background:var(--red);color:var(--paper)}.styles{margin-block:80px}.style-row{padding-block:20px}.style-row p{overflow-wrap:anywhere;margin:12px 0 0;font-family:SMUSH,SMUSH Fallback,sans-serif;font-size:clamp(24px,4vw,48px);line-height:1.4}.download{border-top:1px solid var(--line);padding-block:32px 64px;scroll-margin-top:24px}.download-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.download h2{margin:0;font-size:20px;font-weight:400}.download-all{background:var(--ink);min-height:44px;color:var(--paper);border-radius:4px;justify-content:center;align-items:center;gap:12px;padding:12px 16px;font-size:12px;transition:background .15s;display:inline-flex}.download-all:hover{background:#42443b}.download-all span{opacity:.6;font:10px SMUSH,SMUSH Fallback,sans-serif}.download-bottom{grid-template-columns:1fr 1.4fr;align-items:start;gap:48px;display:grid}.download-bottom p{margin:0}.download-bottom small{color:var(--muted);font-size:11px}.download-bottom small a{padding-block:10px;display:inline-block}.download-bottom a:hover{color:var(--red)}.download-links{gap:20px;display:grid}.download-face{justify-content:space-between;align-items:center;gap:24px;min-height:44px;display:flex}.download-face>div{gap:8px;display:flex}.download-face a{background:#eae8df;border-radius:3px;padding:8px 10px;font-size:11px;transition:background .15s}.download-face a:hover{background:var(--ink);color:var(--paper)}footer{justify-content:space-between;align-items:center;padding-block:32px;display:flex}footer .wordmark{font-size:18px}@media (width<=1000px){.wrap{width:calc(100% - 48px)}.controls{grid-template-columns:165px 1fr 1fr;gap:24px}.swatches{grid-column:1/3}.reset{justify-self:end}.glyph-layout{grid-template-columns:1fr 1.4fr;gap:24px}#selected-glyph{font-size:200px}.glyph-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.download-bottom{grid-template-columns:1fr 1.6fr;gap:24px}.download-face{flex-wrap:wrap;gap:8px}}@media (width<=540px){.wrap{width:calc(100% - 36px)}.nav{height:76px}.wordmark{font-size:19px}.font-intro{padding-block:28px}.controls{grid-template-columns:1fr 1fr;gap:20px}.weight-control{grid-column:1/-1}#weight{max-width:none}#weight-menu{width:100%;min-width:0}.swatches{grid-column:1}.type-stage{padding:24px 20px 18px}textarea{min-height:180px}.glyphs{margin-top:48px}.glyph-layout{grid-template-columns:1fr;gap:24px}.glyph-feature{min-height:280px}#selected-glyph{font-size:180px}.glyph-grid{grid-template-columns:repeat(8,minmax(0,1fr))}.glyph-grid button{font-size:25px}.styles{margin-block:48px}.download-bottom{grid-template-columns:1fr;gap:24px}.download-face{flex-wrap:nowrap}.download-face .micro{font-size:9px}.download-face a{padding:8px}.download-face>div{gap:4px}footer{flex-wrap:wrap;gap:16px}footer>span{font-size:9px}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important;animation:none!important}}