*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0;font:inherit;appearance:none;border:unset;color:inherit;background:0 0;hyphens:inherit;font-synthesis:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-wrap:break-word;line-height:inherit;hyphens:none}:root{font-size:18px}article p,article ul,article ol,article figure,section p,section ul,section ol,section figure{}button{cursor:pointer}img,picture,video,canvas,svg,iframe{display:block;width:100%;height:auto}a{color:inherit;text-decoration:inherit}*:focus-visible,*:focus-visible *{outline:none;color:var(--signal)}@font-face{font-family:JP-Discoid;src:url(/fonts/_b023DiscoidWIP202311031313VF.woff2)format('woff2-variations');font-display:block}@font-face{font-family:JP-Icons;src:url(/fonts/JPIcons202310300823VF.woff2)format('woff2-variations');font-weight:1 1000;font-display:block}@font-face{font-family:Blank;src:url(/fonts/Tofu.ttf);font-display:swap}@font-face{font-family:Blank;src:url(/fonts/AdobeBlank.otf.woff);font-display:swap}:root,body.light{--fg:#fff;--bg:#000;--fg2:#777;--bg2:#222;--altFG:#000;--altBG:var(--fg);--altFG2:#666;--altBG2:#ccc;--signal:#f33;--signalFG:var(--fg);--signalFGrev:#000;--signalHover:#d00;--textSelection:#f338;--shadow:#0004;--sel:#ccc;--white:#fff;--black:#000;--navHeight:4.5rem;--navHeight:5.5rem;--leadingTrimCapHeight:-.17em;--leadingTrimBaseline:-.12em;--strokeColor:var(--fg);--strokeWidth:1px;--stroke:var(--strokeWidth) solid var(--strokeColor);--buttonRadius:.333em;--boxRadius:max(.5rem, 1.25vw);--sectionGap:2.2rem;--itemGap:max(1rem, 2vw);--paraGap:1rem;--listGap:calc(var(--paraGap) / 1.5);--paddingV:max(2rem, 6vw);--padding:8vw;--boxPadding:var(--itemGap);--buttonPadding:.7em;--buttonPaddingText:calc(.7em + var(--leadingTrimCapHeight)) .7em calc(.7em + var(--leadingTrimBaseline)) .7em;--finePrint:.888rem;--systemFontStack:-apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;--monospaceFontStack:'IBM Plex Mono Regular', monospace;--transitionUI:all .1s ease-in-out;--animationUI:.1s ease-in-out}@media(max-width:75em){:root{--padding:5.555vw}}@media print and (min-width:0em){:root{--fg:#000;--fg2:#000;--bg:#fff;--bg2:#fff;--altFG:#000;--altFG2:#000;--altBG:#fff;--altBG2:#fff;--signal:#fff}}:root{scroll-margin-top:var(--navHeight);scrollbar-width:thin;scrollbar-color:var(--fg)transparent}samp{scrollbar-width:thin;scrollbar-color:var(--altBG2)transparent}*::-webkit-scrollbar{width:.5rem;height:.45rem}*::-webkit-scrollbar-track{margin:.25rem}body::-webkit-scrollbar-thumb{background-color:var(--bg);border:var(--stroke);border-radius:1rem}samp::-webkit-scrollbar-thumb{background-color:var(--altBG);border:var(--stroke);border-color:var(--altFG);border-radius:1rem}h1,h2,p,.story ul li,.story ol li,.story dl dt,.story dl dd{margin-top:var(--leadingTrimCapHeight);margin-bottom:var(--leadingTrimBaseline)}.story,article{display:flex;flex-direction:column;gap:var(--paraGap)}article>*{max-width:36rem}article>img,article>figure{max-width:54rem}.story h1,.story h2,article h1,article h2{padding-top:var(--sectionGap);padding-bottom:var(--paraGap)}.story h3,article h3{padding-top:var(--paraGap)}.story>*:first-child{padding-top:0}.story ul,.story ol,article ul,article ol{display:flex;flex-direction:column;gap:var(--listGap)}.story dl,article dl{display:grid;grid-template-columns:auto auto;row-gap:var(--listGap)}body{overflow-x:hidden;overscroll-behavior:none;background-color:var(--bg);color:var(--fg);font-family:JP-Discoid}main,footer{display:flex;flex-direction:column;margin:0 auto;background-color:var(--bg)}section{display:flex;flex-direction:column;gap:var(--sectionGap);padding:var(--paddingV)var(--padding);z-index:2;background-color:var(--bg)}main section,footer section{border-bottom:var(--stroke)}figure{display:flex;flex-direction:column;gap:var(--paraGap)}figure img{border-radius:var(--boxRadius);border:var(--stroke)}figcaption{text-align:right}blockquote{border:var(--stroke);border-style:dashed;border-radius:var(--boxRadius);padding:var(--paraGap);display:flex;flex-direction:column;gap:var(--paraGap);margin:1ch 0}blockquote ul li{list-style-type:"– ";margin-left:2ch}p{line-height:1.375em}.story ul,ol{display:flex;flex-direction:column;gap:var(--listGap)}.story ul{list-style-type:square}.story li{margin-left:1em}p a{text-decoration:underline;text-decoration-color:var(--signal)}.external:after{content:"\e004";font-family:JP-Icons;font-weight:500;vertical-align:top;margin-left:.2em}.moreInfo{display:block;font-size:var(--finePrint)}.date{font-size:.888rem;font-weight:450;text-transform:uppercase;font-feature-settings:'case';letter-spacing:.03em}h1,h2,h3{line-height:1em}h1{}h1,h2{font-weight:300;font-size:max(2em,4.375vw);font-variant-numeric:lining-nums}h3{font-size:max(1.25rem,1.5vw);letter-spacing:.01em;text-transform:uppercase;font-feature-settings:'case';font-weight:700}i{font-family:JP-Icons;font-weight:400;line-height:1;display:block}i:before{width:1em;height:1em}i.fontSize:before{content:"\e000"}i.lineHeight:before{content:"\e001"}i.letterSpacing:before{content:"\e002"}i.variation{font-family:JP-Discoid;font-size:.75em!important}.fit{}button,.button{line-height:1;border:var(--stroke);border-radius:var(--buttonRadius);padding:var(--buttonPaddingText)}button:focus-visible svg *,.button:focus-visible svg *{stroke:var(--signal)}button.cta,.button.cta{font-size:1.333em;background-color:var(--signal);color:var(--signalFG);border-style:none;border-radius:2em;text-align:center;padding:.9rem 2.66rem;padding:.8em 1.2em;text-decoration:none;text-transform:uppercase;font-weight:900}button.cta:hover,.button.cta:hover{background-color:var(--signalHover)}button.cta:focus-visible,.button.cta:focus-visible{background-color:var(--signalHover)}.debug{display:block!important;font-size:1rem!important;font-family:JP-Discoid!important;padding:.5em!important;margin:.5em!important;background-color:#fff!important;color:#000!important;border:.3em solid red}nav{position:fixed;z-index:3;top:0;width:100vw;height:4.5em;height:var(--navHeight);background-color:var(--bg);color:var(--fg);line-height:1;border-bottom:var(--stroke);padding:1.9em var(--padding)1.6em;display:flex;gap:3rem;align-items:center}nav+*{margin-top:var(--navHeight)}nav .logo{font-size:inherit;line-height:1;margin:0;padding:0}.logo a:focus-visible svg *{fill:var(--signal)}#logo{--logoHeight:3.1666em;height:var(--logoHeight);width:auto;margin-top:calc(var(--logoHeight) * -.2326);margin-bottom:calc(var(--logoHeight) * -.1358);margin-left:-3em}#logo:focus-visible{fill:var(--signal)}#logoIcon{display:none}#menuButton{display:none;border-radius:1em;margin-left:auto}nav ul{width:100%;display:flex;gap:2rem;align-items:center;justify-content:flex-start}nav li,.navButton{list-style-type:none}nav li a,nav button,.navButton{display:block;border:var(--stroke);height:2em;line-height:1.8em;padding:0 var(--buttonPadding);width:fit-content;border-radius:var(--buttonRadius);text-decoration:none}nav button:hover,nav a:hover{}nav button{padding:0 .333em;border-radius:1em}nav button svg{width:1.333em;height:1.333em}nav li.icon{border-radius:1em}li.backToTop{margin-left:auto;order:99}#backToTop:focus-visible svg *{stroke:var(--signal)}@media(max-width:75em){:root{--navHeight:3.5rem}#logo{height:2.2em;height:min(2.2em,10vw);width:auto;margin:0}nav{height:3.5em;padding-top:.6em;padding-bottom:.7em;gap:1.5rem}nav ul{gap:.5em}}@media(max-width:56em){nav ul{visibility:hidden;z-index:-100;position:fixed;top:0;left:0;width:100vw;height:100vh;flex-wrap:wrap;font-size:8vw;gap:.5em;justify-content:flex-end;align-content:center;padding:var(--paddingV)var(--padding);overflow-y:scroll;transition:var(--transitionUI);background-color:var(--bg);overscroll-behavior:contain;transform:translateX(100vw)}nav ul li{height:fit-content}#logoIcon{display:none;height:2em;width:auto}#menuButton{display:revert}li.backToTop{margin-left:0}nav li a,nav li button{height:2em;background-color:var(--bg)}body.menuOverlay{overflow:hidden}body.menuOverlay nav ul{visibility:unset;transform:translateX(0);transition:var(--transitionUI)}}@media print and (min-width:0em){nav{position:static;top:unset;left:unset;z-index:unset}nav>ul,#menuButton{display:none}nav>.logo{display:block}nav+*{margin-top:0}}footer>section:last-of-type{border-bottom:none}@media(min-width:56em){footer{flex-direction:row}footer>section{padding:var(--paddingV)var(--padding);border-bottom:none;border-right:var(--stroke)}footer>section:first-of-type{padding-right:var(--paddingV)}footer>section:last-of-type{padding-left:var(--paddingV);border-right:none}}section.contact ul.socials{display:flex;gap:var(--itemGap);font-family:JP-Icons;font-size:1.5em}section.contact ul.socials li{margin-left:revert;list-style-type:none;border:var(--stroke);border-radius:1em;width:1.5em;height:1.5em;text-align:center;line-height:1.5em}@keyframes hello{0%{background-position:0 0}50%{background-position:100% 0}100%{background-position:0 0}}section.hello{font-weight:300;font-size:10vw;line-height:1.3;hyphens:none}section.hello>*{max-width:unset}section.hello p{line-height:inherit}br.large{display:none}@media(min-width:56em){br.small{display:none}br.large{display:revert}section.hello{font-size:7vw}}section.fonts{}section.fonts ul{display:contents;color:var(--altFG)}section.fonts ul li{margin-left:0;list-style-type:none}section.fonts ul li a,section.wip ul li{display:flex;flex-direction:column;align-items:baseline;gap:var(--paraGap);padding:0}section.fonts ul li a{background-color:var(--altBG);border-radius:var(--boxRadius);padding:var(--boxPadding)}section.fonts ul li a:hover{}section.fonts .info{width:100%;display:flex;gap:var(--itemGap);align-items:baseline;font-size:var(--finePrint);justify-content:space-between;flex-wrap:wrap}section.fonts ul li .buyButton{background-color:var(--signal);color:var(--signalFG);padding:.5em 1em;border-radius:2em;text-transform:uppercase;font-feature-settings:'case';font-weight:700}@media(max-width:56em){section.fonts .info{}}@media print and (min-width:0em){section.fonts ul li,section.fonts ul li .buyButton{border:var(--stroke)}}:root{--sampSize:min(5rem, 10vw);--slider_track_height:1px;--slider_track_radius:0;--slider_track_color:var(--fg);--slider_track_border:none;--slider_thumb_border:none;--slider_thumb_color:var(--fg);--slider_thumb_width:1rem;--slider_thumb_height:1rem;--slider_thumb_radius:1em}.heroBackground,.heroBackground picture img,section.hero{height:36vmax}.heroBackground{position:fixed;top:var(--navHeight);top:0;width:100vw;z-index:-1;background-color:var(--bg)}.heroBackground picture img{opacity:60%;object-fit:cover;object-position:center center}section.hero{margin-top:var(--navHeight);color:var(--fg);text-align:center;border-bottom:var(--stroke);padding:0 var(--padding);background:0 0;justify-content:center}section.hero h1{margin:0}a.moreInfo{display:inline-block}*{max-width:unset}h1,h2,h3,h4{padding-top:0}section.info{display:grid;grid-template-columns:1fr 1fr}section.features h3,section.testers h3{font-size:1rem;font-family:inherit}ul.fontStyles{display:flex;flex-direction:column;gap:var(--paraGap);font-size:max(1.6rem,3vw);display:grid;grid-template-columns:repeat(auto-fill,minmax(6em,auto))}ul.fontStyles li{white-space:nowrap;margin-left:0;list-style-type:none}@media(min-width:56em){ul.fontStyles{flex-direction:row;flex-wrap:wrap;gap:var(--paraGap).75em}}.feature{display:flex;flex-direction:column;gap:var(--paraGap);transition:var(--transitionUI)}.feature.demo.active{transition:var(--transitionUI);background-color:var(--bg2);box-shadow:0 0 2rem 2rem var(--bg2);border-radius:var(--boxRadius)}.feature label{display:flex;flex-direction:row;gap:var(--paraGap)var(--sectionGap);justify-content:space-between;flex-wrap:wrap;align-items:center}.feature samp{white-space:nowrap;font-size:var(--sampSize)}.feature.opentype samp em{color:var(--signal)}.feature .featureToggle{}.feature .featureToggle[data-state="1"]{background-color:var(--signal);color:var(--fg)}.featureToggle[data-state="1"]{background-color:var(--fg);color:var(--bg)}details{cursor:pointer}details>summary{width:fit-content}details>summary>*{display:inline}details>summary::marker{}section.glyphs{z-index:0;border-bottom:none}section.glyphs+section{border-top:var(--stroke)}div.glyphGroup{display:flex;flex-direction:column;gap:var(--paraGap)}div.glyphGroup details{display:contents}ul.glyphGroup{display:none;grid-template-columns:repeat(auto-fill,minmax(1.5em,1fr));transition:var(--transitionUI);font-size:max(2em,4vw);gap:0;max-width:calc(100% - 6em - var(--sectionGap))}ul.glyphGroup li{margin:0;list-style-type:none}details[open] ul.glyphGroup{display:grid}ul.glyphGroup .glyph{margin:0 -1px -1px 0;border:var(--stroke);padding:.2em;text-align:center;cursor:pointer;transition:var(--transitionUI);pointer-events:none}ul.glyphGroup .glyphZoom{z-index:1;position:fixed;top:calc(var(--navHeight) + var(--paddingV));right:calc(var(--padding) - 1px);display:none;font-size:4em;padding:.1em;text-align:center;border:var(--stroke);background-color:var(--bg);line-height:1.5;width:1.5em;height:1.5em}ul.glyphGroup .hitbox:focus,ul.glyphGroup .hitbox:focus *{}ul.glyphGroup .hitbox:hover{cursor:pointer;background-color:var(--bg2)}ul.glyphGroup .hitbox:focus .glyphZoom{color:var(--fg)!important;display:inline-block}.specimen{display:flex;flex-direction:column;gap:var(--paraGap)}section.testers .specimen,section.wip .specimen{background-color:var(--white);color:var(--black);border-radius:var(--boxRadius);--slider_track_color:var(--altFG);--slider_thumb_color:var(--altFG)}section.testers .specimen>*,section.wip .specimen>*{padding-left:var(--boxPadding);padding-right:var(--boxPadding)}section.testers .specimen>*:first-child,section.wip .specimen>*:first-child{padding-top:var(--boxPadding)}section.testers .specimen>*:last-child,section.wip .specimen>*:last-child{padding-bottom:var(--boxPadding)}samp{font-size:2.667rem;line-height:1;letter-spacing:0;caret-color:var(--signal)}samp:focus-visible,samp:focus-visible *{}samp p{line-height:inherit;margin:0}samp p+p{margin-top:.25em}samp br{margin-top:.25em}section.wip samp{padding-bottom:.1em}samp.text{overflow-x:scroll;width:100%;padding:0}samp.text div{max-height:16rem;columns:32ch;width:90%;overflow-x:visible;padding:0 var(--boxPadding)}samp.text p{hyphens:auto}ul.ttFontSamples{display:flex;flex-direction:column;gap:var(--sectionGap)}ul.ttFontSamples li{list-style:none;margin:0;border:var(--stroke);padding:var(--itemGap)var(--itemGap)var(--gap)}.ttHeader{position:relative;z-index:1}.ttPanel{display:flex;flex-direction:column;gap:var(--paraGap);font-weight:370}.controls{display:grid;grid-template-columns:1fr 1fr;gap:var(--paraGap)var(--sectionGap)}section.wip .info{flex-wrap:nowrap;width:100%}section.wip .name{white-space:nowrap;width:max-content}section.wip .controls{display:flex;flex-wrap:wrap;gap:var(--paraGap)var(--sectionGap);margin-left:auto;justify-content:flex-end}section.features .control,section.wip .control{display:flex;text-align:right}.control{display:grid;grid-template-columns:2fr 3fr;align-items:center;gap:var(--paraGap)}select.fontDropdown{display:block;width:100%;border:var(--stroke);border-color:var(--altFG);padding:.2em .75em;border-radius:var(--buttonRadius)}.controls label{}.controls label i{font-size:1.3em}.ttOtFeatures{display:flex;gap:var(--paraGap)}.tt button.featureToggle{border-color:var(--altFG)}.tt .featureToggle[data-state="1"]{background-color:var(--altFG);color:var(--altBG)}.sliderValue{}input[type=range]{flex-grow:1;-webkit-appearance:none;appearance:none;color:var(--altFG);background-color:transparent}input[type=range]:first-of-type{flex-grow:4}input[type=range]::-webkit-slider-runnable-track{width:100%;height:var(--slider_track_height);cursor:pointer;background:var(--slider_track_color);border-radius:var(--slider_track_radius);border:var(--slider_track_border)}input[type=range]::-webkit-slider-runnable-track:before{content:'';border-top:1px solid #000}input[type=range]::-moz-range-track{width:100%;height:var(--slider_track_height);cursor:pointer;background:var(--slider_track_color);border-radius:var(--slider_track_radius);border:var(--slider_track_border)}input[type=range]::-ms-track{width:100%;height:var(--slider_track_height);cursor:pointer;background:0 0;border-color:transparent;border-width:var(--slider_thumb_width)0;color:transparent}input[type=range]::-ms-fill-lower{background:var(--slider_track_color);border:var(--slider_track_border);border-radius:calc(var(--slider_track_radius)*2)}input[type=range]::-ms-fill-upper{background:var(--slider_track_color);border:var(--slider_track_border);border-radius:calc(var(--slider_track_radius)*2)}input[type=range]:focus::-ms-fill-lower{background:var(--slider_track_color)}input[type=range]:focus::-ms-fill-upper{background:var(--slider_track_color)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-shadow:none;background-color:var(--altBG);border:var(--stroke);border-color:var(--altFG);border-radius:1em;width:1em;height:1em}input[type=range]::-webkit-slider-thumb{border:var(--slider_thumb_border);height:var(--slider_thumb_height);width:var(--slider_thumb_width);border-radius:var(--slider_thumb_radius);background:var(--slider_thumb_color);cursor:pointer;-webkit-appearance:none;position:relative;top:50%;transform:translateY(-50%);box-shadow:none}input[type=range]::-moz-range-thumb{border:var(--slider_thumb_border);height:var(--slider_thumb_height);width:var(--slider_thumb_width);border-radius:var(--slider_thumb_radius);background:var(--slider_thumb_color);cursor:pointer;box-shadow:none}input[type=range]::-ms-thumb{border:var(--slider_thumb_border);height:var(--slider_thumb_height);width:var(--slider_thumb_width);border-radius:var(--slider_thumb_radius);background:var(--slider_thumb_color);cursor:pointer;box-shadow:none}input[type=range]:focus-visible::-webkit-slider-thumb{background:var(--signal)}input[type=range]:focus-visible::-moz-range-thumb{background:var(--signal)}input[type=range]:focus-visible::-ms-thumb{background:var(--signal)}h2.buy{background-color:var(--signal);color:var(--signalFG);text-shadow:.1em .1em 0 var(--signalFGrev);text-transform:uppercase;padding:.5em;border-bottom:none}section.buy .products{display:flex;flex-direction:column;gap:var(--sectionGap)}section.buy{gap:var(--sectionGap)}section.buy{display:grid;grid-template-columns:3fr 2fr}.product{border:var(--stroke);border-radius:var(--boxRadius);padding:var(--boxPadding);display:flex;flex-direction:column;gap:var(--itemGap)}.product.direct{border-width:.2em}.product.questions{border-style:dashed}.product h2{margin:0}.product h2::after{content:''}.product ul{display:flex;flex-direction:column;gap:var(--listGap)}.product ul li{margin-top:var(--leadingTrimCapHeight);margin-bottom:var(--leadingTrimBaseline);list-style-type:circle;margin-left:1em}section.buy .product .fontStyles{font-size:max(1.2em,1.2vw)}section.buy .button img{width:unset;display:inline;height:1em;vertical-align:-.12em}section.buy .button{align-self:flex-start}section.buy .button[href]:hover{}img.distLogo{width:16em;padding-top:var(--itemGap)}#buyButton{font-weight:900;font-size:1.7em;font-size:5vw;font-size:min(5vw,1.7em);display:block;position:fixed;right:calc(var(--padding)/2);bottom:calc(var(--padding)/2);z-index:99;padding:0;text-align:center;text-transform:uppercase;width:3.2em;height:3.2em;line-height:3em;border-style:none;border-radius:3.2em;transition:var(--transitionUI)}#buyButton:hover{}#buyButton.hide{transition:var(--transitionUI);opacity:0}@media(max-width:56em){section.info{display:flex;flex-direction:column}ul.glyphGroup{max-width:unset}.controls{grid-template-columns:1fr}section.buy{grid-template-columns:1fr}}@media(max-width:36em){section.wip .info{flex-direction:column}section.wip .controls{margin-left:unset;flex-direction:column}}@media print and (min-width:0em){.heroBackground{display:none}section.hero{margin-top:0}#buyButton{display:none}}section.projects ul{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sectionGap)}section.projects ul li{list-style-type:none}section.projects h3{font-size:1.333em;text-transform:uppercase;font-feature-settings:'case';font-weight:700}section.projects li a{display:flex;flex-direction:row;gap:var(--paraGap)}section.projects li a div{display:flex;flex-direction:column;gap:var(--paraGap)}section.projects img{border-radius:var(--buttonRadius);border:var(--stroke)}section.projects img,section.projects picture{width:8em;height:8em}@media(max-width:90em){section.projects ul{grid-template-columns:repeat(2,1fr)}}@media(max-width:72em){section.projects ul{grid-template-columns:repeat(1,1fr)}}@media(max-width:44em){section.projects li a{flex-direction:column}section.projects img,section.projects picture{width:100%;max-width:16em;height:auto}}section.about .content{display:grid;grid-template-columns:1fr 3fr 3fr;gap:var(--sectionGap);justify-items:start}.box{border:var(--stroke);border-radius:var(--boxRadius);padding:var(--boxPadding);height:fit-content;display:flex}.box.alertWithIcon{overflow:hidden;flex-direction:row;gap:var(--paraGap);max-width:100%}.boxGlyphIcon{font-size:10vw;font-size:min(5em,10vw);font-weight:200;line-height:1;margin-top:-.1em}.selfie,.selfie svg{max-width:40vw}@media(max-width:75em){section.about .content{grid-template-columns:1fr 4fr}section.about .box.alertWithIcon{grid-column:2/span 1}section.about .selfie{grid-row:1/span 2}}@media(max-width:45em){section.about .content{grid-template-columns:1fr}section.about .box.alertWithIcon{grid-column:unset}section.about .selfie{grid-row:unset}}