*,:after,:before{box-sizing:border-box}a,b,blockquote,body,canvas,caption,code,div,em,embed,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,label,li,main,nav,object,ol,p,pre,section,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,video{border:0;font-size:100%;font:inherit;margin:0;padding:0;text-rendering:optimizeLegibility;vertical-align:baseline;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}footer,header,main,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-appearance:none;border-radius:0}@font-face{font-family:Typeji Neue;src:url(./TypejiNeueVF.nAsqqmPK.woff2) format("woff2")}html{scroll-behavior:smooth}body{--bg:#fff;--color:#000;--bubble-bg:hsla(0,0%,94%,.9);--border-gray:#ddd;--padding-top:16px;--padding-side:24px;--gutter:12px;--small-text:.85rem;--eula-base:#ddd;--eula-desktop:#65ce85;--eula-web:#fc8891;--eula-app:#7bd7ff;--eula-logo:#f7cefc;background-color:#000;color:var(--color);font-family:Typeji Neue;font-size:15px;font-variation-settings:"wght" 400;letter-spacing:0;letter-spacing:.005em;line-height:1.25}a{color:inherit;text-decoration:none}b{font-variation-settings:"wght" 700}#main{background-color:var(--bg);border-radius:0 0 24px 24px}*{font-synthesis:none}.section{padding:48px calc(var(--padding-side) - var(--gutter)) 64px calc(var(--padding-side) - var(--gutter))}.section-flat{padding:0 calc(var(--padding-side) - var(--gutter))}.flex{display:flex;flex-wrap:wrap}.flex-vertical{display:flex;flex-direction:column}.flex-right{justify-content:right}.align-center{align-items:center}.gap-20{gap:20px}.gap-10{gap:10px}.column{flex:0 0 100%;padding:0 var(--gutter)}.full{flex:0 0 100%;width:100%}.half{flex:0 0 50%;width:50%}.quarter{flex:0 0 25%;width:25%}.third{flex:0 0 33.33%;width:33.33%}.twothirds{flex:0 0 66.66%;width:66.66%}.fivesixths{flex:0 0 83.33%;width:83.33%}.sixth{flex:0 0 16.66%;width:16.66%}.paragraph{margin-bottom:1.5lh}.paragraph p:not(:last-child){margin-bottom:.6lh}.paragraph img{width:100%}.mg15{margin-top:15px}.balance{text-wrap-style:balance}.center,.section-title{text-align:center}.section-title{font-size:4.8vw;font-variation-settings:"wght" 400;line-height:1.15;padding:64px 0 96px}.huge,.section-title{letter-spacing:-.01em}.huge{font-size:calc(2rem + .1vw);font-variation-settings:"wght" 350}.big{font-size:calc(1.2rem + .1vw);font-variation-settings:"wght" 400;letter-spacing:-.005em;line-height:1.25}.small-bubble{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:var(--bubble-bg);border-radius:calc(.5lh + 8px);color:var(--color);display:block;font-size:.85rem;padding:8px 16px;pointer-events:auto}.black-bubble,.small-bubble:hover{background:#000;color:#fff}.black-bubble{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:calc(.5lh + 8px);display:block;font-size:.85rem;padding:8px 16px;pointer-events:auto;text-decoration:none}.sub{align-items:center;border-radius:100px;display:inline-flex;font-size:.75rem;font-variation-settings:"wght" 450;height:2lh;justify-content:center;margin-bottom:0!important;padding:0 12px;translate:-2px -10px}.callout,.sub{background:var(--bubble-bg)}.callout{border-radius:12px;overflow-wrap:break-word;padding:16px 20px;text-wrap:pretty;white-space:normal;width:75%;word-break:break-word}.divider{border-top:1px solid var(--border-gray);width:100%}.solid-divider{border-top:1px solid #000;width:100%}.grid{-moz-column-gap:calc(var(--gutter)*2);column-gap:calc(var(--gutter)*2);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));padding:var(--padding-top) var(--padding-side);row-gap:calc(var(--gutter)*2)}.section-gap{padding-bottom:64px;padding-top:36px}.no-row-gap{row-gap:0}.span-2{grid-column-end:span 2}.span-4{grid-column-end:span 4}.span-6{grid-column-end:span 6}.span-8{grid-column-end:span 8}.span-12{grid-column-end:span 12}.pink{color:#f0f}.pink-bg{background:#ff00ff1f}.yellow-bg{background:#ffff48}#CTA{bottom:0;display:flex;gap:8px;justify-content:end;left:0;padding:26px 24px;pointer-events:none;position:fixed;transition:.3s ease-in-out;width:100%;z-index:99}#CTA *{pointer-events:auto}#CTA.hidden{translate:0 100%}.CTA-button{background:#000;border:none;border-radius:100px;color:#fff;cursor:pointer;font-size:1.4rem;padding:8px 20px}.CTA-button:hover{color:#aaa}.store-modal__container__body .store-modal__page__body .store-modal__index-item__button:nth-child(n+10){display:none}#font-banner{margin-bottom:80px}#font-banner,#specimen-banner{align-items:center;background-color:var(--c2);border-radius:24px;color:var(--c1);display:flex;font-family:var(--font);font-size:calc(10vw + 3vh);height:80vh;justify-content:center;margin-top:40px;overflow:hidden;position:relative}#specimen-banner{margin-bottom:0}#specimen-banner img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.flex{display:flex}#info-text p:not(:last-child){margin-bottom:12px}.typetester-controls{display:flex;justify-content:space-between}.tester-buy{background-color:#fff;border:none;color:#aaa;cursor:pointer;padding:0}.tester-buy:hover{color:#000}#font-styles-content{font-family:var(--font);font-size:2.4rem;line-height:1.2;-webkit-user-select:none;-moz-user-select:none;user-select:none}#font-styles-content li{border-top:1px solid var(--border-gray);padding:6px 0}#font-styles-content li:last-child{border-bottom:1px solid var(--border-gray)}.typetester-unit{width:100%}.image-unit,.typetester-unit{position:relative}.typetester-text{background-color:transparent;font-family:var(--font);font-feature-settings:"liga" 1,"calt" 1;font-size:10vw;line-break:anywhere;line-height:1.1;margin:12px 0 24px;text-align:center;width:100%}.auto .typetester-text{line-break:auto}.typetester-text:focus{border:none;outline:none}.paragraph-text .typetester-text{font-size:1.6rem;line-break:auto;line-height:1.2;margin-bottom:36px;margin-top:0;padding-right:36px;text-align:left}.paragraph-text .typetester-text.mini{font-size:1.5rem}.center .typetester-text{text-align:center}.balance .typetester-text{text-wrap-style:balance}.big3 .typetester-text{font-size:3vw;line-height:1.1}.big4 .typetester-text{font-size:4vw;line-height:1.1}.big5 .typetester-text{font-size:5vw;line-height:1.1}.big6 .typetester-text{font-size:6vw;line-height:1.1}.big7 .typetester-text{font-size:7vw;line-height:1.1}.big8 .typetester-text{font-size:8vw;line-height:1.1}.big9 .typetester-text{font-size:9vw;line-height:1.1}.big10 .typetester-text{font-size:10vw;line-height:1.1}.big11 .typetester-text{font-size:11vw;line-height:1.1}.big12 .typetester-text{font-size:12vw;line-height:1.08}.big13 .typetester-text{font-size:13vw;line-height:1.06}.big14 .typetester-text{font-size:14vw;line-height:1.04}.big15 .typetester-text{font-size:15vw;line-height:1.02}.big16 .typetester-text{font-size:16vw;line-height:1}.big17 .typetester-text{font-size:17vw;line-height:.99}.big18 .typetester-text{font-size:18vw;line-height:.98}.big21 .typetester-text{font-size:21vw;line-height:.96}.big24 .typetester-text{font-size:24vw;line-height:.94}.big30 .typetester-text{font-size:30vw;line-height:.92}.big36 .typetester-text{font-size:36vw;line-height:.9}.small-height .typetester-text{line-height:.8}.image-info,.typetester-controls{border-top:1px solid #ddd;color:#aaa;font-size:.8rem;width:100%}.image-info p{padding:8px 0}.image-unit img{width:100%}.select-wrapper select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:inherit;cursor:pointer;padding:8px 0;width:auto}.select-wrapper select,.select-wrapper select:focus{background-color:transparent;box-shadow:none;outline:none}.select-wrapper{display:inline-block;padding-right:.75rem;position:relative;transition:.2s;white-space:nowrap}.select-wrapper:after{border-bottom:1px solid #aaa;border-left:1px solid #aaa;color:#aaa;content:"";height:8px;pointer-events:none;position:absolute;right:0;top:50%;transform:translateY(-60%) rotate(-45deg);width:8px}.select-wrapper:hover{color:#000}#glyphs{background-color:#fff}.character-viewer__character-map{grid-template-columns:1fr 1fr}.charac-viewer{margin:30px 0 50px;padding:0 30px}.character-viewer__monitor__character{border-radius:15px}.character-viewer__block__character-list>div{padding:30px 0}.character-viewer__block__character-list>div:hover,.character-viewer__block__character-list>div[data-selected=true]{border-color:#8c8c8c;z-index:1}.character-viewer__block__character-list>div[data-selected=false]{border-color:#8c8c8c}.character-viewer__block__characters{font-size:24px;grid-template-columns:repeat(calc(var(--width)/45),minmax(0,1fr));margin-left:1px}.character-viewer__block[data-name="Combining Diacritical Marks"],.character-viewer__monitor__line[data-name=ascender],.character-viewer__monitor__line[data-name=descender]{display:none}.character-viewer__block__name{color:#b3b3b3}.character-viewer__feature-monitor__characters{border-radius:15px}.files{flex-direction:column;gap:8px;margin-bottom:8px}.file,.hanzi{background:#f0f0f0;border-radius:calc(12px + .5lh);cursor:pointer;font-size:.85rem;padding:12px 16px}.file>p{text-decoration:none}.hanzi{margin-bottom:16px}.file{display:flex;flex:1 0 0;gap:16px;height:90px}.file:hover,.hanzi:hover{background:#f0f0f080;color:#000}.hanzi div{align-items:center;display:flex;gap:16px}.file:not(.hanzi) p:first-child,.hanzi div p:first-child{flex:1 0 auto}.hanzi img,.hanzi video{border-top:1px solid #ddd;margin-top:12px;mix-blend-mode:multiply;padding:12px 0 8px;width:100%}.font-specs li{border-top:1px solid #aaa;display:flex;font-size:.75rem;letter-spacing:.02em;padding:6px 0;text-wrap-style:balance}.font-specs li>:first-child{flex:1 0 33.33%}.font-specs li>:last-child{flex:1 0 66.66%}.ot-name{display:inline-block;width:40px}#big-buy{display:flex;justify-content:center;padding:100px 0 200px}.big-buy-button{background:#000;border:none;border-radius:400px;color:#fff;cursor:pointer;font-family:var(--font);font-size:max(2rem + 2vw,32px);padding:.4lh .6lh;transition:.2s ease-in-out}.big-buy-button:hover{scale:1.02}@media only screen and (max-width:767px){#font-banner{height:500px}#font-styles-content{font-size:1.6rem}.paragraph-text .typetester-text{font-size:1.1rem;padding-right:0}.font-specs li{font-size:.7rem}.mobile-big3 .typetester-text{font-size:3vw;line-height:1.1}.mobile-big4 .typetester-text{font-size:4vw;line-height:1.1}.mobile-big5 .typetester-text{font-size:5vw;line-height:1.1}.mobile-big6 .typetester-text{font-size:6vw;line-height:1.1}.mobile-big7 .typetester-text{font-size:7vw;line-height:1.1}.mobile-big8 .typetester-text{font-size:8vw;line-height:1.1}.mobile-big9 .typetester-text{font-size:9vw;line-height:1.1}.mobile-big10 .typetester-text{font-size:10vw;line-height:1.1}.mobile-big11 .typetester-text{font-size:11vw;line-height:1.09}.mobile-big12 .typetester-text{font-size:12vw;line-height:1.08}.mobile-big13 .typetester-text{font-size:13vw;line-height:1.06}.mobile-big14 .typetester-text{font-size:14vw;line-height:1.04}.mobile-big15 .typetester-text{font-size:15vw;line-height:1.02}.mobile-big16 .typetester-text{font-size:16vw;line-height:1}.mobile-big17 .typetester-text{font-size:17vw;line-height:.99}.mobile-big18 .typetester-text{font-size:18vw;line-height:.98}.mobile-big20 .typetester-text{font-size:20vw;line-height:.97}.mobile-big21 .typetester-text{font-size:21vw;line-height:.96}.mobile-big25 .typetester-text{font-size:25vw;line-height:.94}.mobile-big27 .typetester-text{font-size:27vw;line-height:.93}.mobile-big30 .typetester-text{font-size:30vw;line-height:.92}.mobile-big36 .typetester-text{font-size:36vw;line-height:.9}}
