*,:before,:after{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;--yellow:#fee103;--black:#0a0a0a;--near-black:#141414;font:16px/1.5 Archivo,system-ui,sans-serif;overflow-x:hidden}body{background:var(--black);color:#f2f2f2;overflow-wrap:break-word;margin:0;overflow-x:hidden}h1,h2{font-family:Archivo,system-ui,sans-serif;font-weight:700}p{margin:0}a{color:inherit}.directory,.detail,.font-page,.about-page{animation:.25s fade-in}.status{text-align:center;color:#999;justify-content:center;align-items:center;min-height:70vh;padding:3rem 0;animation:.2s fade-in;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.status-error{color:#ff6b6b}.reticle-loader{opacity:.5;overflow:visible}.reticle-ring,.reticle-brackets{transform-box:view-box;transform-origin:75px 75px}.reticle-ring{animation:4s linear infinite reticle-ring-spin}@keyframes reticle-ring-spin{to{transform:rotate(360deg)}}.reticle-crosshair-top,.reticle-crosshair-bottom,.reticle-crosshair-left,.reticle-crosshair-right{transform-box:fill-box}.reticle-crosshair-top{transform-origin:bottom;animation:1.8s ease-in-out infinite reticle-pulse-y}.reticle-crosshair-bottom{transform-origin:top;animation:1.8s ease-in-out infinite reticle-pulse-y}.reticle-crosshair-left{transform-origin:100%;animation:1.8s ease-in-out infinite reticle-pulse-x}.reticle-crosshair-right{transform-origin:0;animation:1.8s ease-in-out infinite reticle-pulse-x}@keyframes reticle-pulse-y{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.6)}}@keyframes reticle-pulse-x{0%,to{transform:scaleX(1)}50%{transform:scaleX(1.6)}}.reticle-brackets{animation:1.25s infinite reticle-bracket-lock}@keyframes reticle-bracket-lock{0%,40%{animation-timing-function:ease-out;transform:scale(1)rotate(0)}48%{animation-timing-function:ease-in-out;transform:scale(1.2)rotate(22deg)}60%{animation-timing-function:ease-in;transform:scale(1.2)rotate(45deg)}82%{animation-timing-function:ease-out;transform:scale(.92)rotate(94deg)}92%{animation-timing-function:ease-out;transform:scale(1.05)rotate(87deg)}to{transform:scale(1)rotate(90deg)}}.logo-intro{overflow:visible}.logo-bracket-horiz-tl,.logo-bracket-horiz-tr,.logo-bracket-horiz-bl,.logo-bracket-horiz-br,.logo-bracket-vert-tl,.logo-bracket-vert-tr,.logo-bracket-vert-bl,.logo-bracket-vert-br,.logo-bracket-corner-tl,.logo-bracket-corner-tr,.logo-bracket-corner-bl,.logo-bracket-corner-br,.logo-intro-ring,.logo-tick,.logo-tick-spin,.logo-crosshair-center,.logo-crosshair-top,.logo-crosshair-bottom,.logo-crosshair-left,.logo-crosshair-right{will-change:transform}.logo-intro-disc{display:none}.logo-bracket-horiz-tl{transform-box:view-box;transform-origin:14.72px 2.355px;animation:4.6s infinite logo-bracket-horiz-tl-build}@keyframes logo-bracket-horiz-tl-build{0%{transform:translate(60.28px,72.645px)scaleX(.1603)}1.33%{animation-timing-function:ease-out;transform:translate(60.28px,72.645px)scaleX(.1603)}5.33%{animation-timing-function:ease-in-out;transform:translate(60.28px,72.645px)scaleX(5.095)}9.33%{animation-timing-function:ease-in-out;transform:translateY(72.645px)scale(1)}13.33%{transform:translate(0)scale(1)}}.logo-bracket-horiz-tr{transform-box:view-box;transform-origin:135.28px 2.355px;animation:4.6s infinite logo-bracket-horiz-tr-build}@keyframes logo-bracket-horiz-tr-build{0%{transform:translate(-60.28px,72.645px)scaleX(.1603)}1.33%{animation-timing-function:ease-out;transform:translate(-60.28px,72.645px)scaleX(.1603)}5.33%{animation-timing-function:ease-in-out;transform:translate(-60.28px,72.645px)scaleX(5.095)}9.33%{animation-timing-function:ease-in-out;transform:translateY(72.645px)scale(1)}13.33%{transform:translate(0)scale(1)}}.logo-bracket-horiz-bl{transform-box:view-box;transform-origin:14.72px 147.645px;animation:4.6s infinite logo-bracket-horiz-bl-build}@keyframes logo-bracket-horiz-bl-build{0%{transform:translate(60.28px,-72.645px)scaleX(.1603)}1.33%{animation-timing-function:ease-out;transform:translate(60.28px,-72.645px)scaleX(.1603)}5.33%{animation-timing-function:ease-in-out;transform:translate(60.28px,-72.645px)scaleX(5.095)}9.33%{animation-timing-function:ease-in-out;transform:translateY(-72.645px)scale(1)}13.33%{transform:translate(0)scale(1)}}.logo-bracket-horiz-br{transform-box:view-box;transform-origin:135.28px 147.645px;animation:4.6s infinite logo-bracket-horiz-br-build}@keyframes logo-bracket-horiz-br-build{0%{transform:translate(-60.28px,-72.645px)scaleX(.1603)}1.33%{animation-timing-function:ease-out;transform:translate(-60.28px,-72.645px)scaleX(.1603)}5.33%{animation-timing-function:ease-in-out;transform:translate(-60.28px,-72.645px)scaleX(5.095)}9.33%{animation-timing-function:ease-in-out;transform:translateY(-72.645px)scale(1)}13.33%{transform:translate(0)scale(1)}}.logo-bracket-vert-tl{transform-box:view-box;transform-origin:2.355px 14.725px;animation:4.6s infinite logo-bracket-vert-tl-build}@keyframes logo-bracket-vert-tl-build{0%{transform:translate(72.645px,60.275px)scaleY(.1599)}1.33%{animation-timing-function:ease-out;transform:translate(72.645px,60.275px)scaleY(.1599)}5.33%{animation-timing-function:ease-in-out;transform:translate(72.645px,60.275px)scaleY(5.093)}9.33%{animation-timing-function:ease-in-out;transform:translate(72.645px)scale(1)}13.33%{transform:translate(0)scale(1)}}.logo-bracket-vert-tr{transform-box:view-box;transform-origin:147.645px 14.725px;animation:4.6s infinite logo-bracket-vert-tr-build}@keyframes logo-bracket-vert-tr-build{0%{transform:translate(-72.645px,60.275px)scaleY(.1599)}1.33%{animation-timing-function:ease-out;transform:translate(-72.645px,60.275px)scaleY(.1599)}5.33%{animation-timing-function:ease-in-out;transform:translate(-72.645px,60.275px)scaleY(5.093)}9.33%{animation-timing-function:ease-in-out;transform:translate(-72.645px)scale(1)}13.33%{transform:translate(0)scale(1)}}.logo-bracket-vert-bl{transform-box:view-box;transform-origin:2.355px 135.275px;animation:4.6s infinite logo-bracket-vert-bl-build}@keyframes logo-bracket-vert-bl-build{0%{transform:translate(72.645px,-60.275px)scaleY(.1599)}1.33%{animation-timing-function:ease-out;transform:translate(72.645px,-60.275px)scaleY(.1599)}5.33%{animation-timing-function:ease-in-out;transform:translate(72.645px,-60.275px)scaleY(5.093)}9.33%{animation-timing-function:ease-in-out;transform:translate(72.645px)scale(1)}13.33%{transform:translate(0)scale(1)}}.logo-bracket-vert-br{transform-box:view-box;transform-origin:147.645px 135.275px;animation:4.6s infinite logo-bracket-vert-br-build}@keyframes logo-bracket-vert-br-build{0%{transform:translate(-72.645px,-60.275px)scaleY(.1599)}1.33%{animation-timing-function:ease-out;transform:translate(-72.645px,-60.275px)scaleY(.1599)}5.33%{animation-timing-function:ease-in-out;transform:translate(-72.645px,-60.275px)scaleY(5.093)}9.33%{animation-timing-function:ease-in-out;transform:translate(-72.645px)scale(1)}13.33%{transform:translate(0)scale(1)}}.logo-bracket-corner{transform-box:view-box}.logo-bracket-corner-tl{animation:4.6s infinite logo-bracket-corner-tl-settle}@keyframes logo-bracket-corner-tl-settle{0%{transform:translate(0)}13.33%{animation-timing-function:ease-out;transform:translate(0)}20%{animation-timing-function:ease-out;transform:translate(-4.5px,-4.5px)}22.67%,to{transform:translate(-3px,-3px)}}.logo-bracket-corner-tr{animation:4.6s infinite logo-bracket-corner-tr-settle}@keyframes logo-bracket-corner-tr-settle{0%{transform:translate(0)}13.33%{animation-timing-function:ease-out;transform:translate(0)}20%{animation-timing-function:ease-out;transform:translate(4.5px,-4.5px)}22.67%,to{transform:translate(3px,-3px)}}.logo-bracket-corner-bl{animation:4.6s infinite logo-bracket-corner-bl-settle}@keyframes logo-bracket-corner-bl-settle{0%{transform:translate(0)}13.33%{animation-timing-function:ease-out;transform:translate(0)}20%{animation-timing-function:ease-out;transform:translate(-4.5px,4.5px)}22.67%,to{transform:translate(-3px,3px)}}.logo-bracket-corner-br{animation:4.6s infinite logo-bracket-corner-br-settle}@keyframes logo-bracket-corner-br-settle{0%{transform:translate(0)}13.33%{animation-timing-function:ease-out;transform:translate(0)}20%{animation-timing-function:ease-out;transform:translate(4.5px,4.5px)}22.67%,to{transform:translate(3px,3px)}}.logo-intro-disc{transform-box:view-box;transform-origin:75px 75px;animation:4.6s infinite logo-disc-build}@keyframes logo-disc-build{0%,18.3%{opacity:0;transform:scale(0)}18.3%{opacity:1;animation-timing-function:ease-in-out}26%{transform:scale(1.1)}27%{opacity:1;transform:scale(1)}27.9%{opacity:0}}.logo-intro-ring{transform-box:view-box;transform-origin:75px 75px;animation:4.6s infinite logo-ring-grow}@keyframes logo-ring-grow{0%,4.3%{transform:scale(0)rotate(0)}30.3%{animation-timing-function:ease-out;transform:scale(1)rotate(1080deg)}to{transform:scale(1)rotate(1080deg)}}.logo-tick{transform-box:view-box;transform-origin:75px 75px;animation:4.6s infinite logo-tick-length}@keyframes logo-tick-length{0%,4.3%{transform:scale(0)}30.3%{animation-timing-function:ease-out;transform:scale(1)}}.logo-tick-spin{transform-box:view-box;transform-origin:75px 75px;animation:4.6s infinite logo-tick-spin-snap}@keyframes logo-tick-spin-snap{0%{transform:rotate(0)}20.3%{animation-timing-function:ease-out;transform:rotate(0)}24%{animation-timing-function:ease-out;transform:rotate(95deg)}28%,to{transform:rotate(90deg)}}@keyframes logo-tick-x-build{0%,28.8%{transform:scaleX(0)}34.5%{animation-timing-function:ease-out;transform:scaleX(1)}}@keyframes logo-tick-y-build{0%,28.8%{transform:scaleY(0)}34.5%{animation-timing-function:ease-out;transform:scaleY(1)}}.logo-crosshair-center{transform-box:view-box;transform-origin:75px 75px;animation:4.6s infinite logo-crosshair-center-pop}@keyframes logo-crosshair-center-pop{0%,20%{transform:scale(0)}21.27%{animation-timing-function:ease-out;transform:scale(1)}}.logo-crosshair-top{transform-box:view-box;transform-origin:75px 67.16px;animation:4.6s infinite logo-crosshair-top-build}@keyframes logo-crosshair-top-build{0%,20%{animation-timing-function:ease-out;transform:translateY(-25.95px)scaleY(.001)}23.65%{animation-timing-function:ease-in;transform:translateY(-9.055px)scaleY(3.083)}26.05%{transform:translate(0)scale(1)}}.logo-crosshair-bottom{transform-box:view-box;transform-origin:75px 82.84px;animation:4.6s infinite logo-crosshair-bottom-build}@keyframes logo-crosshair-bottom-build{0%,20%{animation-timing-function:ease-out;transform:translateY(25.95px)scaleY(.001)}23.65%{animation-timing-function:ease-in;transform:translateY(9.055px)scaleY(3.083)}26.05%{transform:translate(0)scale(1)}}.logo-crosshair-left{transform-box:view-box;transform-origin:67.16px 75px;animation:4.6s infinite logo-crosshair-left-build}@keyframes logo-crosshair-left-build{0%,20%{animation-timing-function:ease-out;transform:translate(-25.95px)scaleX(.001)}23.65%{animation-timing-function:ease-in;transform:translate(-9.055px)scaleX(3.083)}26.05%{transform:translate(0)scale(1)}}.logo-crosshair-right{transform-box:view-box;transform-origin:82.84px 75px;animation:4.6s infinite logo-crosshair-right-build}@keyframes logo-crosshair-right-build{0%,20%{animation-timing-function:ease-out;transform:translate(25.95px)scaleX(.001)}23.65%{animation-timing-function:ease-in;transform:translate(9.055px)scaleX(3.083)}26.05%{transform:translate(0)scale(1)}}.logo-reveal-once .logo-wordmark,.logo-reveal-once .logo-bracket-horiz-tl,.logo-reveal-once .logo-bracket-horiz-tr,.logo-reveal-once .logo-bracket-horiz-bl,.logo-reveal-once .logo-bracket-horiz-br,.logo-reveal-once .logo-bracket-vert-tl,.logo-reveal-once .logo-bracket-vert-tr,.logo-reveal-once .logo-bracket-vert-bl,.logo-reveal-once .logo-bracket-vert-br,.logo-reveal-once .logo-bracket-corner-tl,.logo-reveal-once .logo-bracket-corner-tr,.logo-reveal-once .logo-bracket-corner-bl,.logo-reveal-once .logo-bracket-corner-br,.logo-reveal-once .logo-intro-disc,.logo-reveal-once .logo-intro-ring,.logo-reveal-once .logo-tick,.logo-reveal-once .logo-tick-spin,.logo-reveal-once .logo-crosshair-center,.logo-reveal-once .logo-crosshair-top,.logo-reveal-once .logo-crosshair-bottom,.logo-reveal-once .logo-crosshair-left,.logo-reveal-once .logo-crosshair-right{animation-iteration-count:1;animation-fill-mode:forwards}.site-nav{background:var(--yellow);justify-content:space-between;align-items:center;padding:.9rem 1.5rem;display:flex}.site-nav-logo img,.site-nav-logo svg{height:26px;display:block}.site-nav-about{color:var(--yellow);background:var(--black);border-radius:999px;padding:.5rem 1.1rem;font-size:.9rem;font-weight:600;text-decoration:none}.site-nav-about:hover{opacity:.85}.site-main{max-width:1100px;margin:0 auto;padding:0 1.5rem 3rem}.site-footer{background:var(--yellow);color:var(--black);text-align:center;padding:2rem 1.5rem}.footer-logo{height:20px;margin-bottom:.6rem}.site-footer p{color:color-mix(in srgb, var(--black) 70%, transparent);margin-top:.4rem;font-size:.85rem}.site-footer a{text-decoration:underline}.footer-nav-links{font-size:.9rem;font-weight:600}.footer-nav-links a{color:var(--black)}.footer-nav-links span{color:color-mix(in srgb, var(--black) 40%, transparent)}.footer-legal-links{margin-top:.75rem}.footer-legal-links button{font:inherit;color:color-mix(in srgb, var(--black) 70%, transparent);cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;text-decoration:underline}.footer-legal-links span{color:color-mix(in srgb, var(--black) 40%, transparent);font-size:.8rem}.footer-copyright{color:color-mix(in srgb, var(--black) 55%, transparent);margin-top:1.25rem;font-size:.75rem}.directory-header{max-width:720px;padding:3rem 0 2rem}.directory-header h1{letter-spacing:-.01em;margin:0 0 .75rem;font-size:2.75rem;line-height:1.05}.directory-header-subrow{align-items:center;gap:.75rem;margin-top:20px;display:flex}.directory-header-icon{flex:none;width:2rem;height:2rem}.directory-header p{color:var(--yellow);opacity:1;margin:0;font-size:1.05rem;line-height:1.5}.directory-header p .text-white{color:#f2f2f2}@media (width<=640px){.directory-header-subrow{align-items:flex-start}.directory-header-icon{width:3.15rem;height:3.15rem;margin-top:10px}}.search-form{width:100%;max-width:420px;margin-top:30px;margin-bottom:1rem;display:block;position:relative}.search-input{background:var(--near-black);color:#fff;width:100%;font:inherit;border:1px solid #333;border-radius:8px;padding:.6rem 2rem .6rem .9rem;font-size:1rem;display:block}.search-input::placeholder{color:#777}.search-input:focus{border-color:var(--yellow);outline:none}.search-clear{color:#777;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:22px;height:22px;padding:0;font-size:1.3rem;line-height:1;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.search-clear:hover{color:var(--yellow)}.filters{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.font-count{color:#999;font-size:.65rem}.dropdown{position:relative}.dropdown-trigger{background:var(--near-black);color:#fff;font:inherit;cursor:pointer;border:1px solid #333;border-radius:8px;align-items:center;gap:.6rem;padding:.5rem .75rem;font-size:.9rem;display:flex}.dropdown-trigger:hover{border-color:var(--yellow)}.dropdown-caret{color:#999;font-size:.7rem}.dropdown-panel{-webkit-backdrop-filter:blur(10px);z-index:50;background:#0a0a0ad9;border:1px solid #333;border-radius:10px;flex-direction:column;min-width:100%;max-height:320px;padding:.35rem;display:flex;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.dropdown-option{text-align:left;color:#fff;width:100%;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.5rem .7rem;font-size:.88rem;display:block}.dropdown-option:hover:not(:disabled){background:var(--yellow);color:var(--black)}.dropdown-option:disabled{color:#555;cursor:not-allowed}.dropdown-option-active{color:var(--yellow);font-weight:600}.dropdown-option-active:hover:not(:disabled){color:var(--black)}.clear-filters{background:var(--yellow);cursor:pointer;border:none;border-radius:10px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.clear-filters img{width:24px;height:24px}.clear-filters:hover{opacity:.85}.tally{color:#999;margin:0 0 1.5rem;font-size:.9rem}.directory-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.75rem 1.5rem;margin-bottom:2rem;display:flex}.directory-toolbar-end{justify-content:flex-end}.top-fonts{flex:260px;min-width:0}.top-fonts-label{text-transform:uppercase;letter-spacing:.04em;color:var(--yellow);margin:0 0 .75rem;font-family:Archivo,system-ui,sans-serif;font-size:1rem;font-weight:700}.font-pill-row{flex-wrap:wrap;gap:.6rem;display:flex}.font-pill{background:var(--near-black);color:inherit;cursor:pointer;border:1px solid #333;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem .9rem;font-size:.85rem;text-decoration:none;display:flex}.font-pill:hover{border-color:var(--yellow)}.font-pill-name{font-weight:600}.font-pill-count{color:var(--yellow);font-size:.8rem}.font-pill-more{font-family:inherit}.sort-toggle{flex:none;gap:.5rem;display:flex}.sort-toggle-btn{background:var(--near-black);color:#999;cursor:pointer;border:1px solid #333;border-radius:8px;justify-content:center;align-items:center;width:54px;height:34px;padding:.4rem .6rem;display:flex}.sort-toggle-btn svg{width:88%;height:88%}.sort-toggle-btn svg.sort-icon-rnd{width:84%;height:84%}.sort-toggle-btn:hover{border-color:var(--yellow);color:#f2f2f2}.sort-toggle-btn-active,.sort-toggle-btn-active:hover{background:var(--yellow);border-color:var(--yellow);color:var(--black)}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal{background:var(--near-black);border:1px solid #333;border-radius:14px;width:100%;max-width:560px;max-height:80vh;padding:1.5rem;overflow-y:auto}.modal-narrow{max-width:360px}.search-confirm-body{margin-top:34px}.legal-content h3{margin:1.25rem 0 .4rem;font-size:1rem}.legal-content h3:first-child{margin-top:0}.legal-content p{color:#ccc;margin-bottom:.5rem;font-size:.9rem;line-height:1.6}.legal-content a{color:var(--yellow)}.legal-updated{color:#888!important;font-size:.8rem!important}.modal-header{background:var(--yellow);border-radius:14px 14px 0 0;justify-content:space-between;align-items:center;margin:-1.5rem -1.5rem 1rem;padding:1rem 1.5rem;display:flex}.modal-header h2{color:var(--black);text-transform:uppercase;letter-spacing:.03em;margin:0;font-size:1.1rem}.modal-close{color:var(--black);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.modal-close:hover{opacity:.6}.modal-font-directory-link{color:var(--yellow);border-bottom:1px solid #262626;margin-bottom:.75rem;padding-bottom:.75rem;font-size:.85rem;font-weight:600;text-decoration:none;display:block}.modal-font-directory-link:hover{text-decoration:underline}.modal-font-list{flex-direction:column;gap:.25rem;display:flex}.modal-font-row{color:inherit;border-radius:8px;justify-content:space-between;padding:.5rem .6rem;font-size:.9rem;text-decoration:none;display:flex}.modal-font-row:hover{background:#ffe10314}.modal-font-name{align-items:center;gap:.4rem;display:flex}.modal-font-name .premium-ribbon-icon{background-color:#5dade2}.modal-font-count{color:var(--yellow)}.search-confirm-text{color:#ccc;text-align:center;margin:0 0 1.25rem;font-size:.9rem;line-height:1.6}.search-confirm-text strong{color:#f2f2f2}.search-confirm-actions{flex-direction:column;align-items:center;gap:.5rem;display:flex}.search-confirm-cancel{color:#999;font:inherit;cursor:pointer;text-align:center;background:0 0;border:none;padding:.6rem .5rem;font-size:.9rem}.search-confirm-cancel:hover{color:#fff}.search-confirm-actions .download-button{text-align:center;margin-top:0}.scroll-to-top{background:var(--yellow);width:44px;height:44px;color:var(--black);cursor:pointer;z-index:40;border:none;border-radius:999px;font-size:1.3rem;font-weight:700;position:fixed;top:20px;right:20px;box-shadow:0 2px 10px #0006}.scroll-to-top:hover{opacity:.85}.alphabet-index{z-index:30;-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;touch-action:none;background:#14141499;border-radius:999px;flex-direction:column;gap:1px;padding:.4rem .2rem;transition:opacity .3s;display:flex;position:fixed;top:50%;right:10px;transform:translateY(-50%)}.alphabet-index-visible{opacity:1;pointer-events:auto}.alphabet-index-letter{color:#888;cursor:pointer;background:0 0;border:none;padding:0 .35rem;font-size:.65rem;font-weight:600;line-height:1.35}.alphabet-index-letter:hover:not(:disabled),.alphabet-index-letter-active{color:var(--black);background:var(--yellow);border-radius:999px}.alphabet-index-letter:disabled{color:#333;cursor:default}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.card-grid-viewport{width:100%;position:relative}.card-grid-row{column-gap:1rem;width:100%;padding-bottom:1rem;display:grid;position:absolute;top:0;left:0}.font-directory-grid-viewport{width:100%;position:relative}.font-directory-grid-row{column-gap:1rem;width:100%;padding-bottom:1.25rem;display:grid;position:absolute;top:0;left:0}.card{color:inherit;background:var(--near-black);opacity:0;animation:.4s forwards card-in;animation-delay:calc(var(--stagger-i,0) * 15ms);border:1px solid #262626;border-radius:12px;flex-direction:column;text-decoration:none;transition:border-color .15s,transform .15s;display:flex;overflow:hidden}.card:hover{border-color:var(--yellow);transform:translateY(-2px)}@keyframes card-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.card{opacity:1;animation:none}}.card-logo{aspect-ratio:1200/630;background:#fff;flex:none;justify-content:center;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.card-logo img{object-fit:cover;opacity:0;width:100%;height:100%;min-height:0;transition:opacity .2s;display:block}.card-logo img.is-loaded{opacity:1}.brand-image-placeholder{background:var(--near-black);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.card-logo .letter-avatar-char{font-size:1.75rem}.letter-avatar-char{color:var(--black);z-index:1;font-family:Archivo Black,sans-serif;font-size:1.1rem;position:relative}.letter-avatar{position:relative}.letter-avatar-corner{opacity:.35;border:0 solid #fff;width:30%;min-width:12px;max-width:26px;height:20%;min-height:7px;max-height:16px;position:absolute}.letter-avatar-corner-tl{border-top-width:2px;border-left-width:2px;top:12%;left:6%}.letter-avatar-corner-tr{border-top-width:2px;border-right-width:2px;top:12%;right:6%}.letter-avatar-corner-bl{border-bottom-width:2px;border-left-width:2px;bottom:12%;left:6%}.letter-avatar-corner-br{border-bottom-width:2px;border-right-width:2px;bottom:12%;right:6%}.card-body{min-width:0;padding:.8rem .9rem .9rem}.card-domain{white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.card-meta{color:#999;white-space:nowrap;text-overflow:ellipsis;margin:.1rem 0 0;font-size:.8rem;overflow:hidden}.back-link{color:#999;cursor:pointer;background:0 0;border:none;margin:1.5rem 0;padding:0;font-family:inherit;font-size:.9rem;text-decoration:none;display:inline-block}.back-link:hover{color:var(--yellow)}.detail-header{text-align:center;margin-bottom:2.5rem}.detail-header-link{max-width:100%;color:inherit;text-decoration:none;display:inline-block}.detail-header-link:hover h1{text-decoration:underline}.detail-header h1{overflow-wrap:break-word;margin:0 0 1.25rem;font-size:clamp(1.25rem,6vw,2rem)}.brand-square-link{width:100%;max-width:320px;margin:0 auto 1.25rem;text-decoration:none;display:block}.brand-square{aspect-ratio:1200/630;background:#fff;border-radius:16px;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.brand-square img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .2s}.brand-square img.is-loaded{opacity:1}.brand-square .letter-avatar-char{font-size:3rem}.detail-tags{justify-content:center;gap:.5rem;display:flex}.tag{color:#ccc;border:1px solid #333;border-radius:999px;padding:.3rem .75rem;font-size:.8rem;text-decoration:none}.tag:hover{border-color:var(--yellow);color:var(--yellow)}.download-button{background:var(--yellow);color:var(--black);border-radius:999px;margin-top:1.25rem;padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.download-button:hover{opacity:.9}.font-page .tally{text-align:center;margin:2rem 0 1.5rem}.font-page-premium{max-width:420px;margin:1.25rem auto 0}.font-page-premium .font-premium-badge{justify-content:center;margin:0 0 .75rem;position:static}.homepage-preview{border:1px solid #262626;border-radius:14px;max-width:720px;margin:0 auto;display:block;overflow:hidden}.homepage-preview-disclaimer{color:#f2f2f2;opacity:.4;text-align:center;max-width:720px;margin:.5rem auto 2.5rem;font-size:.7rem;line-height:1.4}.homepage-preview-frame{aspect-ratio:1280/800;background:var(--near-black);position:relative}.homepage-preview-placeholder{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.homepage-preview img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .2s;display:block}.homepage-preview img.is-loaded{opacity:1}.font-blocks{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.font-block{background:var(--near-black);border:1px solid #262626;border-radius:12px;padding:1.25rem;position:relative}.font-premium-badge{font:inherit;text-transform:uppercase;letter-spacing:.05em;color:#fff;cursor:pointer;background:#5dade2;border:none;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .7rem;font-size:.7rem;font-weight:600;display:inline-flex;position:absolute;top:calc(1rem + 7px);right:1.1rem}.font-premium-badge:hover{opacity:.85}.font-label{text-transform:uppercase;letter-spacing:.04em;color:#888;margin:0;font-size:.75rem}.font-name{color:inherit;margin:.2rem 0 .75rem;font-weight:600;text-decoration:none;display:block}.font-name-link:hover{color:var(--yellow)}.font-specimen{border-radius:8px;outline:none;margin:0 0 .75rem;padding:.5rem;font-size:1.6rem;line-height:1.3}.font-specimen:empty:before{content:"The quick brown fox jumps over the lazy dog";color:#888}.font-specimen:focus{background:#ffde5914}.font-weight-row{gap:.4rem;margin:0 0 .75rem;display:flex}.font-weight-btn{color:#888;cursor:pointer;background:0 0;border:1px solid #333;border-radius:6px;padding:.2rem .5rem;font-size:.7rem;transition:color .15s,border-color .15s}.font-weight-btn:hover{color:#f2f2f2;border-color:#555}.font-weight-btn-active{color:var(--black);background:var(--yellow);border-color:var(--yellow)}.font-tag{margin:0;font-size:.75rem;display:inline-block}.font-tag-free{color:#6bcb77;margin-left:5px;text-decoration:none}.font-tag-free:hover{text-decoration:underline}.premium-ribbon-icon{background-color:#fff;flex-shrink:0;width:14px;height:18px;-webkit-mask-image:url(/premium-ribbon.svg);mask-image:url(/premium-ribbon.svg);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.font-no-preview{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ctext x='8' y='12' font-size='11' text-anchor='middle' fill='rgba(255,255,255,0.18)'%3E+%3C/text%3E%3C/svg%3E");background-repeat:repeat;border-radius:8px;justify-content:center;align-items:center;height:3.2rem;margin:0 0 .75rem;display:flex;position:relative}.font-no-preview-text{z-index:1;color:#f2f2f2;letter-spacing:.02em;font-size:.96rem;position:relative}.font-no-preview-corner{z-index:1;border-color:var(--yellow);border-style:solid;border-width:0;width:11%;min-width:5px;max-width:11px;height:15%;min-height:4px;max-height:8px;position:absolute}.font-no-preview-corner-tl{border-top-width:2px;border-left-width:2px;top:0;left:0}.font-no-preview-corner-tr{border-top-width:2px;border-right-width:2px;top:0;right:0}.font-no-preview-corner-bl{border-bottom-width:2px;border-left-width:2px;bottom:0;left:0}.font-no-preview-corner-br{border-bottom-width:2px;border-right-width:2px;bottom:0;right:0}.font-alternative{margin:.5rem 0 0;font-size:.85rem}.font-alternative a{color:var(--yellow)}.font-rationale{background:var(--near-black);text-align:center;border:1px solid #262626;border-radius:12px;max-width:640px;margin:0 auto 2.5rem;padding:1.25rem 1.5rem}.font-rationale-label{text-transform:uppercase;letter-spacing:.04em;color:var(--yellow);margin:0 0 .6rem;font-family:Archivo,system-ui,sans-serif;font-size:.75rem;font-weight:700}.font-rationale-text{color:#ccc;margin:0;font-size:.95rem;line-height:1.6}.font-rationale-missing{color:#777;text-align:center;max-width:480px;margin:0 auto 2.5rem;font-size:.85rem;font-style:italic;line-height:1.5}.suggested-fonts{margin-top:2.5rem}.suggested-fonts-loading{opacity:.6;justify-content:center;align-items:center;min-height:120px;display:flex}.suggested-fonts-label{text-align:center;text-transform:uppercase;letter-spacing:.04em;color:#f2f2f2;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:0 0 1rem;font-family:Archivo,system-ui,sans-serif;font-size:1rem;font-weight:700;display:flex}.suggested-fonts-tag{color:var(--yellow);text-transform:none;letter-spacing:normal;font-weight:600}.suggested-fonts-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}@media (width<=640px){.suggested-fonts-grid{grid-template-columns:1fr}}.search-font-matches{margin-top:2rem}.search-font-matches-label{color:#999;text-transform:uppercase;letter-spacing:.04em;margin:0 0 .75rem;font-size:.65rem}.suggested-font-card{background:var(--near-black);text-align:center;border:1px solid #262626;border-radius:12px;flex-direction:column;align-items:center;gap:.9rem;padding:1.25rem;display:flex;overflow:hidden}.suggested-font-name-box{cursor:pointer;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ctext x='8' y='12' font-size='11' text-anchor='middle' fill='rgba(10,10,10,0.09)'%3E+%3C/text%3E%3C/svg%3E");background-repeat:repeat;width:calc(100% + 2.5rem);margin:-1.25rem -1.25rem 0;padding:.85rem .75rem;text-decoration:none;display:block}.suggested-font-name{color:var(--black);word-break:break-word;margin:0;font-size:1.35rem;font-weight:400}.suggested-font-download{color:var(--black);background:var(--yellow);text-align:center;border-radius:999px;padding:.45rem .9rem;font-size:.75rem;font-weight:600;text-decoration:none}.suggested-font-download:hover{opacity:.85}.suggested-font-name-box-premium{background-color:var(--near-black);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Ctext x='8' y='12' font-size='11' text-anchor='middle' fill='rgba(255,255,255,0.14)'%3E+%3C/text%3E%3C/svg%3E");background-repeat:repeat;justify-content:center;align-items:center;min-height:3.73rem;display:flex}.suggested-font-name-box-premium .suggested-font-name{color:var(--yellow);font-size:1.05rem}.suggested-font-premium-tag{color:#fff;font:inherit;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;background:#5dade2;border:none;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem .9rem;font-size:.7rem;font-weight:600;display:inline-flex}.suggested-font-count{color:#999;margin:0;font-size:.75rem}.suggested-fonts-more{color:#ccc;cursor:pointer;background:0 0;border:1px solid #333;border-radius:8px;margin:1.25rem auto 0;padding:.5rem 1.2rem;font-size:.85rem;display:block}.suggested-fonts-more:hover{border-color:var(--yellow);color:#fff}.about-page{max-width:680px;padding:1.5rem 0 3rem}.about-title{background:var(--yellow);border-radius:14px;margin:1.5rem 0 2rem;padding:1.5rem 1.75rem;position:relative}.about-page h1{color:var(--black);letter-spacing:-.01em;margin:0;font-size:2.25rem;line-height:1.1}.about-title-corner{border-color:var(--black);border-style:solid;border-width:0;width:6.5px;height:6.5px;position:absolute}.about-title-corner-tl{border-top-width:2px;border-left-width:2px;top:10px;left:10px}.about-title-corner-tr{border-top-width:2px;border-right-width:2px;top:10px;right:10px}.about-title-corner-bl{border-bottom-width:2px;border-left-width:2px;bottom:10px;left:10px}.about-title-corner-br{border-bottom-width:2px;border-right-width:2px;bottom:10px;right:10px}.about-section h2{margin:0 0 1rem;font-size:1.3rem;line-height:1.3}.about-section p{color:#ccc;margin:0 0 1rem;line-height:1.6}.about-section p:last-child{margin-bottom:0}.about-section p em,.about-section p strong{color:#f2f2f2}.about-section a{color:var(--yellow)}.about-social-links{gap:.75rem;display:flex}.about-section .about-social-link{background:var(--yellow);width:36px;height:36px;color:var(--black);border-radius:8px;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:relative}.about-social-link svg{width:16px;height:16px}.about-social-link:hover{opacity:.85}.about-social-corner{border-color:var(--black);border-style:solid;border-width:0;width:5px;height:5px;position:absolute}.about-social-corner-tl{border-top-width:1.5px;border-left-width:1.5px;top:3px;left:3px}.about-social-corner-tr{border-top-width:1.5px;border-right-width:1.5px;top:3px;right:3px}.about-social-corner-bl{border-bottom-width:1.5px;border-left-width:1.5px;bottom:3px;left:3px}.about-social-corner-br{border-bottom-width:1.5px;border-right-width:1.5px;bottom:3px;right:3px}.about-divider{border:none;border-top:3px solid var(--yellow);margin:2rem 0}.logo-reveal{overflow:visible}.logo-wordmark{animation:4.6s infinite logo-wordmark-fade}@keyframes logo-wordmark-fade{0%{opacity:0}43.5%{opacity:1;animation-timing-function:ease-out}}.font-count-note{opacity:.72;max-width:62ch;margin-top:.35rem;font-size:.86em;line-height:1.5}.font-alt-note{opacity:.75;margin-top:.4rem;font-size:.82em}