:root{--page:#fff;--ink:#1c1c1c;--muted:#8c8c8c;--line:#ebebeb;--divider-color:#2929291a;--dropdown-divider-color:#0000001a;--dropdown-divider-thickness:.5px;--surface:#f5f5f5;--glass-surface:#fffffff2;--glass-blur:8px;--content-width:1440px;--page-gutter:max(clamp(16px, 3.125vw, 60px), env(safe-area-inset-left), env(safe-area-inset-right));--safe-top:env(safe-area-inset-top,0px);--card-width:708px;--control-shadow:#0000003d 0 1px 2px -1px, #00000014 0 0 0 .5px;--input-focus-shadow:#0000007a 0 0 0 .5px;--feedback-exit-duration:.15s;--feedback-exit-ease:cubic-bezier(.22, 1, .36, 1);--toast-motion-duration:.25s;--counter-pop-duration:.25s;--counter-pop-distance:8px;--counter-pop-stagger:50ms;--counter-pop-blur:2px;--counter-pop-ease:var(--ease-out);--page-enter-duration:.3s;--page-enter-stagger:.1s;--page-enter-max-delay:.5s;--page-enter-distance:8px;--page-enter-blur:4px;--press-duration:.1s;--press-release-duration:.16s;color:var(--ink);background:var(--page);font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}::selection{color:#fff;background:#1c1c1c}html{scrollbar-width:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%}html::-webkit-scrollbar{display:none}.page-scrollbar{z-index:60;-webkit-user-select:none;user-select:none;background:#fafafa;border-left:1px solid #f0f0f0;width:16px;position:fixed;inset:0 0 0 auto}.page-scrollbar-track{touch-action:none;position:absolute;inset:16px 0}.page-scrollbar-thumb{cursor:grab;background:#8c8c8c;border-radius:999px;width:8px;position:absolute;top:0;left:3px}.page-scrollbar-thumb:before{content:"";position:absolute;inset:0 -3px}.page-scrollbar-track[data-dragging=true] .page-scrollbar-thumb{cursor:grabbing;background:#666}.page-scrollbar-arrow{color:#8c8c8c;touch-action:none;background:0 0;border:0;place-items:center;width:15px;height:16px;padding:0;display:grid;position:absolute;top:0;left:0}.page-scrollbar-arrow[data-direction=down]{top:auto;bottom:0}.page-scrollbar-arrow[data-direction=down] svg{transform:rotate(180deg)}.page-scrollbar-arrow:disabled{opacity:1;color:#b5b5b5}.page-scrollbar-track:focus-visible,.page-scrollbar-arrow:focus-visible{outline-offset:-2px}body{flex-direction:column;min-height:100svh;margin:0;display:flex}main{flex:1;min-width:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}button{color:inherit}h1,p{margin:0}.container{width:min(var(--content-width), calc(100% - var(--page-gutter) * 2));margin-inline:auto}:focus-visible{outline:2px solid var(--muted);outline-offset:4px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.site-header-slot{height:calc(133px + var(--safe-top));flex-shrink:0;position:relative}.site-header{top:var(--safe-top);z-index:40;isolation:isolate;pointer-events:none;height:85px;position:fixed;left:50%;transform:translate(-50%)}.site-header-background{z-index:40;height:calc(85px + var(--safe-top));background:var(--glass-surface);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));opacity:0;pointer-events:none;position:fixed;inset:0 0 auto}.site-header-background[data-visible=true]{pointer-events:auto}.site-header-content{z-index:1;height:37px;transform:translateY(var(--header-controls-top,36px));pointer-events:auto;justify-content:space-between;align-items:center;display:flex;position:relative}.site-header-navigation,.site-header-filters{transition:transform .2s var(--ease-out), opacity .16s var(--ease-out), visibility 0s linear .2s}.site-header-navigation{opacity:1;visibility:visible;transition-delay:0s}.site-header-filters{inset:var(--header-controls-top,36px) 0 auto;z-index:2;opacity:0;visibility:hidden;pointer-events:none;height:37px;position:absolute;transform:translateY(12px)}.site-header[data-catalog-filters=true] .site-header-navigation{opacity:0;visibility:hidden;transform:translateY(calc(var(--header-controls-top,36px) + 12px));pointer-events:none;transition-delay:0s,0s,.2s}.site-header[data-catalog-filters=true] .site-header-filters{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:translateY(0)}.filters.filters-in-header{height:37px;padding-block:0}.scroll-edge-blur{z-index:39;opacity:0;pointer-events:none;height:158px;transition:opacity .25s var(--ease-out);position:fixed;inset:0 0 auto}.site-header-slot[data-stuck=true] .scroll-edge-blur{opacity:1}.scroll-edge-blur span{width:100%;height:100%;-webkit-backdrop-filter:blur(calc(var(--edge-blur) * var(--edge-blur-strength,1)));backdrop-filter:blur(calc(var(--edge-blur) * var(--edge-blur-strength,1)));display:block;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.scroll-edge-blur span:first-child{--edge-blur:1px;height:100%}.scroll-edge-blur span:nth-child(2){--edge-blur:2px;height:90%}.scroll-edge-blur span:nth-child(3){--edge-blur:3px;height:80%}.scroll-edge-blur span:nth-child(4){--edge-blur:4px;height:70%}.scroll-edge-blur span:nth-child(5){--edge-blur:5px;height:60%}.scroll-edge-blur span:nth-child(6){--edge-blur:6px;height:50%}.scroll-edge-blur span:nth-child(7){--edge-blur:7px;height:40%}.scroll-edge-blur span:nth-child(8){--edge-blur:8px;height:30%}.scroll-edge-blur span:nth-child(9){--edge-blur:10px;height:20%}.scroll-edge-blur span:nth-child(10){--edge-blur:12px;height:10%}.logo-link,.logo-link img{width:40px;height:40px;display:block}.home-header-links{align-items:center;gap:8px;display:flex}.home-header-links a{background:var(--surface);border-radius:999px;justify-content:center;align-items:center;height:37px;padding:8px 16px;font-size:14px;line-height:21px;display:inline-flex}.home-header-links a[aria-current=page]{background:var(--ink);color:#fff}.home-header-menu{display:none}@media (max-width:479px){.home-header-links{display:none}.home-header-menu{display:block}}.primary-button,.secondary-button,.pill-control{height:37px;box-shadow:var(--control-shadow);white-space:nowrap;background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-size:14px;line-height:21px;display:inline-flex}.primary-button,.dark .pill-control{background:var(--ink);color:#fff;padding-inline:16px}.secondary-button[aria-pressed=true]:before{opacity:1}.menu,.dropdown{position:relative}.menu{z-index:30}.dropdown-list{z-index:20;width:180px;min-width:max(180px, var(--dropdown-trigger-width,0px));color:var(--ink);opacity:0;visibility:hidden;pointer-events:none;background:#fff;border-radius:16px;padding:4px;position:absolute;top:45px;left:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a,0 0 0 1px #00000014}.dropdown-list[data-open=true]{opacity:1;visibility:visible;pointer-events:auto}.dropdown-scroll{position:relative}.dropdown-list button,.dropdown-list a{text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:12px;width:100%;min-width:142px;height:37px;padding:8px 12px;font-size:14px;line-height:21px}.dropdown-list button{justify-content:space-between;align-items:center;gap:8px;display:flex}.dropdown-list button>svg{flex-shrink:0}.dropdown-list a{display:block}.dropdown-list button,.dropdown-list a{isolation:isolate;position:relative}.dropdown-list button:before,.dropdown-list a:before{content:"";z-index:-1;border-radius:inherit;background:var(--surface);opacity:0;pointer-events:none;position:absolute;inset:0}.dropdown-list button:focus-visible:before,.dropdown-list a:focus-visible:before{opacity:1}@media (hover:hover) and (pointer:fine){.dropdown-list button:hover:before,.dropdown-list a:hover:before{opacity:1}.dropdown-list button:before,.dropdown-list a:before{transition:opacity var(--hover-duration) var(--ease-out)}}.menu .dropdown-list{left:auto;right:0}.menu .dropdown-list,.dark .dropdown-list{background:var(--ink);color:#fff}.menu .dropdown-list a:before,.dark .dropdown-list button:before{background:#3a3a3a}.pill-control>svg{transition:transform .12s var(--ease-out);flex-shrink:0;transform:rotate(0)}.dropdown-value{text-overflow:ellipsis;min-width:0;overflow:hidden}.pill-control[aria-expanded=true]>svg{transition-duration:.16s;transform:rotate(180deg)}.pill-control[aria-expanded=true]{background:var(--surface)}.dark .pill-control[aria-expanded=true]{background:#3a3a3a}.pill-control[data-filter-active=true]{box-shadow:0 1px 2px -1px #0000003d,0 0 0 .5px #000000a3}.dropdown-clear-space{flex:0 0 16px;width:16px;height:16px}.dropdown-clear{color:#1c1c1c;background:0 0;border:0;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:50%;right:0;translate:0 -50%}.pill-control[data-filter-active=true]{padding-right:44px}.pill-control[data-filter-active=true] .dropdown-clear-space{display:none}.site-footer{--page-gutter:max(clamp(16px, 3.125vw, 24px), env(safe-area-inset-left), env(safe-area-inset-right));width:calc(100% - var(--page-gutter) * 2);color:#7b7b7b;border-top:0;flex-shrink:0;justify-content:space-between;align-items:center;height:70px;padding-top:24px;padding-bottom:10px;font-size:14px;line-height:21px;display:flex;position:relative}.site-footer nav{align-items:center;gap:16px;display:flex}.footer-socials{align-items:center;gap:2px;display:flex}.footer-link,.footer-social{transition:color var(--hover-duration) var(--ease-out), background-color var(--hover-duration) var(--ease-out);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.footer-link{height:32px}.footer-social{width:36px;height:36px;transition:transform var(--press-release-duration) var(--ease-out), color var(--hover-duration) var(--ease-out), background-color var(--hover-duration) var(--ease-out);border-radius:50%;padding:9px}.footer-social>svg{flex-shrink:0;width:18px;height:18px;display:block;overflow:visible}.site-footer :is(.footer-link,.footer-social):focus-visible{color:#1c1c1c;transition:none}.site-footer .footer-social:focus-visible{background:#1c1c1c0d}@media (hover:hover) and (pointer:fine){.site-footer :is(.footer-link,.footer-social):hover{color:#1c1c1c}.site-footer .footer-social:hover{background:#1c1c1c0d;transform:scale(1.03)}}.site-footer .footer-social:active:not(:focus-visible){transition-duration:var(--press-duration), var(--hover-duration), var(--hover-duration);transform:scale(.97)}body:has(:is(.home-content,.font-detail,.info)){--page-gutter:max(clamp(16px, 3.125vw, 24px), env(safe-area-inset-left), env(safe-area-inset-right))}body:has(:is(.home-content,.font-detail,.info)) .container{width:calc(100% - var(--page-gutter) * 2)}body:has(:is(.home-content,.font-detail,.info)) .site-header-slot{height:calc(85px + var(--safe-top))}body:has(:is(.home-content,.font-detail,.info)) .site-header-navigation{transform:translateY(var(--header-controls-top,24px))}body:has(.home-content) .site-header-filters{top:var(--header-controls-top,24px)}body:has(.home-content) .site-header[data-catalog-filters=true] .site-header-navigation{transform:translateY(calc(var(--header-controls-top,24px) + 12px))}body:has(.home-content) .menu>.primary-button{background:#1c1c1c}.hero{flex-direction:column;align-items:center;gap:16px;min-height:232px;padding-block:48px;display:flex}.hero h1,.favorites-content h1{letter-spacing:-.05em;font-size:40px;font-weight:400;line-height:48px}.hero h1{letter-spacing:-.03em;text-align:center;width:min(726px,100%);font-size:32px;font-weight:500;line-height:38px}.hero p{color:var(--muted);text-align:center;font-size:16px;line-height:24px}.hero-heading-visual{flex-direction:column;align-items:center;width:100%;display:flex}.hero-heading-line{justify-content:center;align-items:baseline;width:fit-content;display:flex}.hero-heading-prefix{white-space:nowrap}.rotating-word{--hero-word-ease:cubic-bezier(.16, 1, .3, 1);width:var(--word-width,auto);clip-path:inset(-4px 0);transition:width .35s var(--hero-word-ease);flex:none;display:inline-grid}.rotating-word-current,.rotating-word-next{white-space:nowrap;grid-area:1/1;justify-self:start;display:inline-flex}.rotating-word-next{opacity:0}.hero-letter{display:inline-block}.rotating-word-next .hero-letter{opacity:0;filter:blur(4px);transform:translateY(14px)}.hero-heading-line-static{display:block}.rotating-word[data-phase=exiting] .rotating-word-current .hero-letter{animation:hero-letter-out .25s var(--hero-word-ease) var(--letter-exit-delay) both}.rotating-word[data-phase=entering] .rotating-word-current{opacity:0}.rotating-word[data-phase=entering] .rotating-word-next{opacity:1}.rotating-word[data-phase=entering] .rotating-word-next .hero-letter{animation:hero-letter-in .25s var(--hero-word-ease) var(--letter-enter-delay) both}@keyframes hero-letter-out{0%{opacity:1;filter:blur();transform:translate(0,0)}to{opacity:0;filter:blur(4px);transform:translateY(-14px)}}@keyframes hero-letter-in{0%{opacity:0;filter:blur(4px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:translate(0,0)}}@keyframes hero-word-fade-out{0%{opacity:1}to{opacity:0}}@keyframes hero-word-fade-in{0%{opacity:0}to{opacity:1}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.filters{justify-content:space-between;align-items:center;height:109px;padding-block:36px;display:flex}.home-content>.filters{height:85px;padding-block:24px}.filter-group,.sort-group{align-items:center;gap:12px;display:flex}.sort-group{color:var(--muted);gap:22px;font-size:14px;line-height:21px}.sort-group .pill-control{color:var(--ink)}.sort-group .dropdown-list{left:auto;right:0}.sort-divider{background:#dfdfdf;width:.5px;height:38px}body:has(.home-content) .sort-group{gap:4px}body:has(.home-content) .sort-divider{margin-inline:18.75px}.search-control{width:200px;height:37px;color:var(--muted);background:#fff;border-radius:999px;align-items:center;gap:4px;padding:8px 12px;display:flex;box-shadow:0 1px 2px -1px #00000029,0 0 0 .5px #00000014}.search-control:has(input:focus){box-shadow:var(--input-focus-shadow);background:0 0}.search-control>svg{flex-shrink:0}.search-control input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:14px;line-height:21px}.search-control input::placeholder{color:var(--muted)}.search-control button{width:44px;height:44px;color:var(--muted);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;margin-right:-12px;padding:0;display:flex}.font-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.font-card{border-radius:12px;width:100%;height:393px;display:block;position:relative}.card-face{background:var(--surface);border-radius:12px;flex-direction:column;padding:24px;display:flex;position:absolute;inset:0;overflow:hidden}.card-hover{opacity:0;pointer-events:none;background:#1c1c1c}.card-hover .card-title{color:#fdfdfd}.specimen{text-align:center;flex-shrink:0;justify-content:center;align-items:center;height:300px;display:flex;overflow:hidden}.specimen-text{letter-spacing:-.05em;color:var(--muted);overflow-wrap:anywhere;font-size:96px;line-height:96px}.specimen-phrase{letter-spacing:-.03em;font-size:48px;line-height:56px}.card-meta{align-items:center;gap:10px;width:100%;min-width:0;display:flex}.card-caption{flex-direction:column;flex:auto;min-width:0;height:42px;display:flex}.card-title{font-size:14px;line-height:21px}.styles-count{color:var(--muted);font-size:14px;line-height:21px}.font-status{color:#fff;border-radius:38px;flex:none;justify-content:center;align-items:center;padding:6px 12px;font:14px/21px Inter,sans-serif;display:inline-flex}.font-status[data-status=New]{background:#0789f9}.font-status[data-status=Updated]{background:#03c25c}.font-status[data-status=Popular]{background:#ff9b4c}.preview-unavailable{color:var(--muted);font:14px/21px Inter,sans-serif}.font-card:focus-visible .card-hover{opacity:1}.home-content .font-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:4px;gap:0 16px}.catalog-tile{grid-column:var(--tile-column);grid-row:var(--tile-row);min-width:0;padding-bottom:16px}.home-content .font-card{height:var(--tile-height);border-radius:24px}.home-content .card-face{border-radius:24px}.home-content .specimen{flex:1;height:auto;min-height:0}.empty-state{text-align:center;width:100%;height:393px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;margin-inline:auto;padding:24px;font-size:14px;line-height:21px;display:flex;position:relative}.empty-state-copy,.empty-state-action{padding:8px 12px}.empty-state-button{height:37px;color:var(--muted);transition:background-color var(--hover-duration) var(--ease-out), transform .16s var(--ease-out);background:#f5f5f5;border:0;border-radius:999px;align-items:center;padding:8px 12px;display:inline-flex}.empty-state-button:active:not(:focus-visible){transform:scale(.97)}@media (hover:hover) and (pointer:fine){.empty-state-button:hover{background:#ebebeb}}.empty-state-content{flex-direction:column;justify-content:center;align-items:center;display:flex}.collections-empty{height:612px}.collections-empty .empty-state-content{height:345px}.collections-empty .empty-folder{top:128.5px}.collections-empty .empty-folder-paper{top:5.5px}.collections-empty .empty-folder-paper+.empty-folder-paper{top:13.5px}.empty-folder{pointer-events:none;width:129px;height:90px;position:absolute;top:19px;left:calc(50% - .5px);transform:translate(-50%)}.empty-folder-back{background:#efefef;border-radius:16px;width:125px;height:88px;position:absolute;top:0;left:2px;box-shadow:inset 5.48px 5.48px 4.39px #f5f5f540}.empty-folder-paper{background:#f5f5f5;border:.5px solid #e7e7e7;border-radius:8px;width:87px;height:55px;position:absolute;top:5px;left:21px}.empty-folder-paper+.empty-folder-paper{top:13px}.empty-folder-front{opacity:.9;background:#f5f5f5;border-top:1px solid #dcdcdc;border-radius:16px;width:129px;height:67px;position:absolute;top:23px;left:0;box-shadow:inset 5.59px 5.59px 4.48px #f5f5f540}.catalog-bottom{height:301px;padding-top:72px}.catalog-bottom.is-empty{height:324px}.home-content>.catalog-bottom:not(.is-empty){height:clamp(160px,44.5833vw,856px)}.home-wordmark{pointer-events:none;width:100%;height:596px;margin-bottom:-93px;position:relative;overflow:hidden}.home-wordmark img{width:100%;max-width:none;height:auto;display:block}.home-content .home-wordmark{aspect-ratio:1872/720;height:auto;margin-bottom:-69px}.home-outro{text-align:center;place-items:center;height:clamp(220px,17.0313vw,327px);margin-bottom:37px;display:grid;position:relative}.home-outro-mark{filter:blur(6px);pointer-events:none;background:#8c8c8c1a;width:min(701.154px,100%);margin-inline:auto;position:absolute;inset:0;-webkit-mask:url(/logo.svg) 50%/contain no-repeat;mask:url(/logo.svg) 50%/contain no-repeat}.home-outro p{letter-spacing:-.05em;width:min(726px,100%);font-size:clamp(24px,2.08333vw,40px);line-height:1.2;position:relative}.favorites-content{padding-bottom:96px}.favorites-content h1{margin-bottom:32px}.add-favourite{background:var(--surface);width:100%;height:393px;color:var(--muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:24px;font-size:14px;line-height:21px;display:flex}.font-detail>.breadcrumb{align-items:flex-start;gap:12px;height:69px;padding-block:24px;font-size:14px;line-height:21px;display:flex}.breadcrumb a,.breadcrumb>span:first-of-type{color:#9c9c9c}.breadcrumb a{transition:color var(--hover-duration) var(--ease-out)}.font-detail{padding-top:40px}.font-page-heading{justify-content:space-between;align-items:center;height:65px;margin-bottom:12px;display:flex}.font-page-heading h1{color:#1c1c1c;font-size:16px;font-weight:400;line-height:24px}.font-page-heading p{color:#9c9c9c;font-size:14px;line-height:21px}.action-buttons{align-items:center;gap:12px;display:flex}.action-buttons .primary-button,.action-buttons .secondary-button{transition:transform .12s var(--ease-out)}.action-buttons .primary-button:active,.action-buttons .secondary-button:active{transition-duration:.1s;transform:scale(.97)}.action-buttons svg{flex-shrink:0}.font-save-control{position:relative}.font-save-label{place-items:center;display:inline-grid}.font-save-label>span{opacity:1;filter:blur();grid-area:1/1;transform:translateY(0)}.font-save-label .font-save-label-saved{opacity:0;filter:blur(4px);transform:translateY(4px)}.font-save-label[data-saved=true] .font-save-label-default{opacity:0;filter:blur(4px);transform:translateY(-4px)}.font-save-label[data-saved=true] .font-save-label-saved{opacity:1;filter:blur();transform:translateY(0)}.font-save-control [data-save-animate=true] .font-save-label>span{transition:opacity .18s var(--ease-out), filter .18s var(--ease-out), transform .18s var(--ease-out)}.font-save-control button:focus-visible .font-save-label>span{transition:none}.font-save-bookmark{flex:0 0 16px;width:16px;height:16px;display:block;position:relative}.font-save-bookmark>svg{transition:transform .16s var(--ease-out), opacity .12s var(--ease-out);position:absolute;inset:0}.font-save-bookmark-outline{opacity:1;transform:scale(1)}.font-save-bookmark-filled{opacity:0;transform:translateY(2px)scale(.9)rotate(-12deg)}.font-save-bookmark[data-saved=true] .font-save-bookmark-outline{opacity:0;transform:scale(.9)}.font-save-bookmark[data-saved=true] .font-save-bookmark-filled{opacity:1;transform:translateY(0)scale(1)rotate(0)}.font-save-control:has(button:focus-visible) .font-save-bookmark>svg{transition:none}.preview-shell{background:#fff;border-radius:24px;flex-direction:column;align-items:center;gap:48px;width:100%;height:750px;padding:0 0 24px;display:flex;position:relative;box-shadow:0 0 0 .5px #00000029}.preview-input-wrap{border-radius:24px 24px 0 0;flex:1;width:100%;min-width:0;height:587px;min-height:0;position:relative;overflow:hidden}.preview-input-wrap:before,.preview-input-wrap:after{content:"";z-index:2;opacity:0;pointer-events:none;height:48px;transition:opacity .16s var(--ease-out);position:absolute;left:0;right:10px}.preview-input-wrap:before{background:linear-gradient(#fff,#0000);top:0}.preview-input-wrap:after{background:linear-gradient(#0000,#fff);bottom:0}.preview-input-wrap[data-fade-top=true]:before,.preview-input-wrap[data-fade-bottom=true]:after{opacity:1}.preview-input{resize:none;padding-inline:24px;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;color:#272727;scrollbar-width:thin;scrollbar-color:transparent transparent;background:0 0;border:0;outline:none;width:100%;min-width:0;height:100%;min-height:0;margin-inline:auto;padding-bottom:24px;display:block;overflow:auto}.preview-content-measure{visibility:hidden;pointer-events:none;white-space:pre-wrap;overflow-wrap:anywhere;width:100%;padding-inline:24px;position:absolute;top:0;left:0}.preview-input::-webkit-scrollbar{width:10px}.preview-input::-webkit-scrollbar-track{background:0 0}.preview-input::-webkit-scrollbar-button{background:0 0;width:0;height:0;display:none}.preview-input::-webkit-scrollbar-button:single-button{background:0 0;width:0;height:0;display:none}.preview-input::-webkit-scrollbar-corner{background:0 0}.preview-input::-webkit-scrollbar-thumb{min-height:32px;transition:background-color var(--hover-duration) var(--ease-in-out), border-width var(--hover-duration) var(--ease-in-out);background:padding-box content-box;border:3px solid #0000;border-radius:10px}.preview-input:focus-visible,.font-specimen-copy:focus{outline:none}@media (hover:hover) and (pointer:fine){.preview-input:hover,.preview-input:focus{scrollbar-color:#17171714 transparent}.preview-input:hover::-webkit-scrollbar-thumb{background-color:#17171714}.preview-input:focus::-webkit-scrollbar-thumb{background-color:#17171714}.preview-input::-webkit-scrollbar-thumb:hover{background-color:#1717171f;border-width:2px}}.preview-input::-webkit-scrollbar-thumb:active{background-color:#17171729;border-width:2px}.preview-status{text-align:center;color:#707070;pointer-events:none;font-size:14px;line-height:21px;position:absolute;top:24px;left:24px;right:24px}.preview-controls{z-index:2;flex-shrink:0;align-items:center;gap:8px;height:37px;display:flex}.preview-controls>.dropdown.dark>.pill-control{justify-content:space-between;width:168px}.number-control{background:var(--ink);color:#fff;-webkit-user-select:none;user-select:none;border-radius:24px;justify-content:center;align-items:center;width:max-content;height:37px;padding:4px 0;font-size:14px;line-height:21px;display:flex;position:relative}.number-label{color:#ffffffb3;pointer-events:none;flex:none}.number-slider{border-radius:24px;justify-content:flex-end;align-items:center;gap:12px;width:max-content;height:29px;padding:8px 16px;display:flex}.number-track{--progress:50%;flex:0 0 100px;width:100px;height:5px;position:relative}.number-track:before,.number-fill,.number-hover-fill{pointer-events:none;border-radius:999px;height:5px;position:absolute;top:0;left:0}.number-track:before{content:"";background:#fff3;width:100%}.number-fill{width:var(--progress);background:#fff}.number-control:has(.number-hover-fill) .number-fill{border-radius:999px 0 0 999px}.number-hover-fill{opacity:0;transition:opacity 60ms var(--ease-out);background:#fff3;border-radius:0 999px 999px 0}.number-hover-fill[data-at-start=true]{border-radius:999px}.number-hover-fill[data-side=filled]{background:#b9b9b9;border-radius:999px 0 0 999px}.number-control[data-hovered=true] .number-hover-fill{opacity:1;transition-duration:80ms}.number-thumb{z-index:1;left:var(--progress);pointer-events:none;opacity:0;width:15px;height:15px;transition:opacity var(--hover-duration) var(--ease-out), transform var(--hover-duration) var(--ease-out);background:#fff;border-radius:999px;position:absolute;top:50%;transform:translate(-50%,-50%)scale(1);box-shadow:0 1px 2px -1px #0000003d,0 0 0 .5px #00000014}.number-control[data-dragging=true] .number-thumb{opacity:1;transform:translate(-50%,-50%)scale(1.13333)}.number-control:has(.number-range:focus-visible) .number-thumb{opacity:1;transform:translate(-50%,-50%)scale(1.13333)}@media (hover:hover) and (pointer:fine){.number-control:hover .number-thumb{opacity:1;transform:translate(-50%,-50%)scale(1.13333)}}.number-drag-value{z-index:4;font-variant-numeric:tabular-nums;pointer-events:none;opacity:0;visibility:hidden;transform-origin:50% 100%;transition:opacity 60ms var(--ease-out), transform 60ms var(--ease-out), visibility 0s linear 60ms;justify-content:center;align-items:center;display:flex;position:absolute;bottom:calc(100% + 8px);transform:translate(-50%)scale(.97)}.number-control[data-dragging=true] .number-drag-value,.number-control[data-hovered=true] .number-drag-value{opacity:1;visibility:visible;transition-duration:80ms,80ms,0s;transition-delay:0s;transform:translate(-50%)scale(1)}.number-control:has(.number-range:focus-visible) .number-drag-value{opacity:1;visibility:visible;transition-duration:80ms,80ms,0s;transition-delay:0s;transform:translate(-50%)scale(1)}.number-control:has(.number-range:focus-visible) .number-drag-value{transition:none}.number-range{appearance:none;z-index:2;opacity:0;cursor:ew-resize;outline:0;width:calc(100% + 16px);height:44px;margin:0;position:absolute;top:-19.5px;left:-8px}.number-range::-webkit-slider-runnable-track{height:100%}.number-range::-webkit-slider-thumb{appearance:none;width:16px;height:44px}.number-range::-moz-range-track{height:100%}.number-range::-moz-range-thumb{border:0;width:16px;height:44px}.number-value{z-index:3;color:#fff;pointer-events:none;flex:none;align-items:center;gap:4px;display:flex;position:relative}.number-value input,.compact-number-value input{text-align:center;color:inherit;font-variant-numeric:tabular-nums;pointer-events:auto;appearance:textfield;background:0 0;border:0;outline:0;padding:0;font-size:14px;line-height:21px}.number-value input{text-align:right;flex:none;width:3ch;min-width:0}.number-control[data-control=Tracking] .number-value{font-variant-numeric:tabular-nums;gap:2px}.number-control[data-control=Tracking] .number-value input{width:5ch}.animated-number{font-variant-numeric:tabular-nums;line-height:inherit;align-items:baseline;display:inline-flex}.animated-number-visual{align-items:baseline;display:inline-flex}.animated-number-digit{text-align:center;min-width:1ch;display:inline-block}.compact-number-value input{width:100%;min-width:0}:is(.number-value:has(input:focus),.compact-number-value:has(input:focus)){box-shadow:var(--input-focus-shadow);border-radius:999px}.compact-number-value:has(input:focus){background:0 0}.number-unit{pointer-events:none;flex:none}.number-value input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.number-value input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.compact-number-value input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.compact-number-value input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.compact-number-control{background:var(--ink);color:#fff;-webkit-user-select:none;user-select:none;border-radius:24px;align-items:center;gap:8px;width:max-content;height:37px;padding:4px 4px 4px 16px;font-size:14px;line-height:21px;display:flex;position:relative}.compact-number-control[data-control=Tracking]{width:156px}.compact-number-control[data-control=Height]{width:142px}.compact-number-value{z-index:3;pointer-events:none;background:#fff3;border-radius:999px;flex:0 0 70px;justify-content:center;align-items:center;width:70px;height:29px;display:flex;position:relative}.compact-number-range{appearance:none;z-index:2;opacity:0;cursor:ew-resize;outline:0;width:100%;height:37px;margin:0;position:absolute;inset:0}.compact-number-range::-webkit-slider-runnable-track{height:100%}.compact-number-range::-webkit-slider-thumb{appearance:none;width:1px;height:37px}.compact-number-range::-moz-range-track{height:100%}.compact-number-range::-moz-range-thumb{border:0;width:1px;height:37px}.preview-reset{background:var(--ink);color:#fff;width:auto;height:37px;transition:background-color var(--hover-duration) var(--ease-out);border:0;border-radius:24px;flex:none;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;line-height:21px;display:flex}@media (hover:hover) and (pointer:fine){.preview-reset:hover{background:#373737}}.preview-reset:active{background:#373737}.preview-reset{position:relative}.preview-reset:after{content:"";height:44px;position:absolute;top:50%;left:0;right:0;translate:0 -50%}.number-drag-value,.tooltip-bubble{color:#1c1c1c;white-space:nowrap;border-radius:999px;padding:6px 12px;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:21px}.number-drag-value{background:#fff;box-shadow:0 1px 2px -1px #0000003d,0 0 0 .5px #0000001f}.tooltip-positioner{z-index:20;pointer-events:none;transition:transform .16s var(--ease-out)}.tooltip-positioner[data-starting-style],.tooltip-positioner[data-keyboard=true]{transition:none}.tooltip-bubble{isolation:isolate;opacity:1;transform-origin:var(--transform-origin);transition:opacity .15s var(--ease-out), transform .15s var(--ease-out);position:relative;transform:scale(1)}.tooltip-bubble[data-starting-style],.tooltip-bubble[data-ending-style]{opacity:0;transform:scale(.97)}.tooltip-bubble[data-ending-style]{transition-duration:60ms}.tooltip-bubble[data-instant]:not([data-ending-style]),.tooltip-bubble[data-keyboard=true]{transition:none}.tooltip-bubble[data-confirmation=true][data-ending-style]:not([data-instant=dismiss]){transition:opacity var(--feedback-exit-duration) var(--feedback-exit-ease);transform:scale(1)}.tooltip-bubble[data-confirmation=true][data-ending-style][data-instant=dismiss]{transition:none}.tooltip-surface{z-index:-1;border-radius:inherit;transform-origin:0;background:#fff;position:absolute;inset:0;box-shadow:0 1px 2px -1px #0000003d,0 0 0 .5px #0000001f}.tooltip-text{display:inline-block}.number-control-light{background:var(--ink);color:#fff;width:248px}.number-control-light .number-slider{width:240px}.number-control-light .number-label{color:#ffffffb3}.number-control-light .number-value{color:#fff}.number-control-light .number-track:before{background:#fff3}.number-control-light .number-fill,.number-control-light .number-thumb{background:#fff}.number-control-light.number-control .number-thumb{width:15px;height:15px}.number-control-light.number-control[data-dragging=true] .number-thumb{width:17px;height:17px}@media (hover:hover) and (pointer:fine){.number-control-light.number-control:hover .number-thumb{width:17px;height:17px}}.number-control-light.compact-number-control[data-control=Tracking]{width:156px}.number-control-light.compact-number-control[data-control=Height]{width:142px}.number-control-light .compact-number-value{color:#fff;background:#fff3;width:70px}.description{text-align:center;width:546px;min-height:63px;margin:144px auto 48px;font-size:14px;line-height:21px}.facts{flex-direction:column;gap:10px;width:600px;height:277px;margin:0 auto;padding-block:24px;display:flex}.fact{border-bottom:.5px solid var(--divider-color);justify-content:space-between;align-items:center;gap:16px;min-height:37px;padding-block:8px;font-size:14px;line-height:21px;display:flex}.fact dt{color:#9c9c9c}.fact dd{text-align:right;margin:0}.font-detail-source{width:max-content;margin:48px auto 0;display:flex}.details-divider{width:calc(100% + var(--page-gutter) * 2);height:193px;margin-top:48px;margin-inline:calc(-1 * var(--page-gutter));padding-block:96px}.details-divider:after{content:"";background:var(--divider-color);width:100%;height:.8px;display:block}.font-specimens{flex-direction:column;align-items:stretch;gap:16px;padding-top:40px;padding-bottom:28px;display:flex}.font-specimen{background:var(--surface);border-radius:20px;flex:none;grid-template-rows:1fr auto 1fr;align-items:stretch;width:100%;min-width:0;height:auto;padding:0;display:grid;position:relative;container-type:inline-size}.font-specimen-head{z-index:3;align-self:start;align-items:flex-start;gap:8px;margin:24px 24px 0;display:flex;position:relative}.font-specimen-style{background:var(--ink);color:#fff;white-space:nowrap;border-radius:24px;justify-content:center;align-items:center;height:37px;padding:8px 16px;font-size:14px;line-height:21px;display:flex}.font-specimen-controls{flex-wrap:wrap;align-self:end;align-items:center;gap:8px;padding:24px;display:flex}.font-specimen-copy-wrap{border-radius:20px 20px 0 0;align-items:center;width:100%;min-width:0;min-height:0;padding:24px 36px;display:flex;overflow:clip}.font-specimen-copy{width:100%;color:var(--ink);white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;outline:0;display:block}.font-specimen-display .font-specimen-copy-wrap,.font-specimen-row-three .font-specimen-copy-wrap{padding-block:36px}.font-specimen-display .font-specimen-copy{text-align:center}.font-specimen-row{align-items:stretch;gap:16px;display:flex}.font-specimen-row>.font-specimen{flex:1 1 0;width:0}.font-specimen-compact .font-specimen-head{gap:16px}.font-specimen-compact .font-specimen-copy-wrap{align-items:center}.font-specimen-divider{width:calc(100% + var(--page-gutter) * 2);height:193px;margin-inline:calc(-1 * var(--page-gutter));flex:none;padding-block:96px}.font-specimen-divider:after{content:"";background:var(--divider-color);width:100%;height:.8px;display:block}.glyph-explorer{width:100%;margin-top:0}.glyph-toolbar{justify-content:space-between;align-items:center;height:37px;display:flex}.glyph-toolbar h2{color:#1c1c1c;margin:0;font-size:16px;font-weight:400;line-height:24px}.glyph-actions{align-items:center;gap:24px;display:flex}.glyph-actions>.dropdown .pill-control{justify-content:space-between;width:168px}.glyph-action-divider{background:#dfdfdf;flex:0 0 .5px;width:.5px;height:38px}.glyph-languages{background:#f5f5f5;border-radius:999px;align-items:center;display:flex}.glyph-language{width:90px;height:37px;box-shadow:none;color:#8c8c8c;background:0 0;border:0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:8px 12px;font-size:14px;line-height:21px;display:flex}.glyph-language[aria-pressed=true]{box-shadow:var(--control-shadow);color:var(--ink);background:#fff}.glyph-layout{justify-content:space-between;align-items:flex-start;margin-top:48px;display:flex}.glyph-view{flex-direction:column;flex-shrink:0;align-items:flex-start;gap:24px;width:min(900px,100% - 720px);display:flex;position:sticky;top:182px}.glyph-view h3,.glyph-group h3{color:var(--ink);margin:0;font-size:14px;font-weight:400;line-height:21px}.glyph-view-heading{justify-content:space-between;align-items:flex-start;width:100%;display:flex}.glyph-unicode{color:#9c9c9c;flex-shrink:0;font-size:16px;line-height:24px}.glyph-view-card{aspect-ratio:1;background:var(--ink);color:#fff;border-radius:24px;justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:relative;overflow:hidden}.glyph-view-character{z-index:2;fill:#fff;width:100%;height:100%;font-size:500px;position:absolute;inset:0}.glyph-view-canvas{z-index:2;pointer-events:none;width:100%;height:100%;display:none;position:absolute;inset:0}.glyph-metric{z-index:1;background:#626262;height:1px;position:absolute;left:24px;right:24px}.glyph-metric span{color:#626262;white-space:nowrap;font-family:Inter,sans-serif;font-size:12px;line-height:18px;position:absolute;top:13px;left:0}.glyph-metric .glyph-metric-value{font-variant-numeric:tabular-nums;left:auto;right:0}.glyph-metric-label-above span{top:-24px}.glyph-groups{flex-direction:column;gap:48px;width:672px;display:flex}.glyph-group{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.glyph-grid{grid-template-columns:repeat(15,60px);gap:8px;width:100%;display:grid}.glyph-cell{background:var(--surface);width:60px;height:60px;color:var(--ink);transition:background-color var(--hover-duration) var(--ease-out), color var(--hover-duration) var(--ease-out);border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:32px;line-height:40px;display:flex;position:relative;overflow:hidden}.glyph-cell[data-active=true],.glyph-cell:focus-visible{background:var(--ink);color:#fff}@media (hover:hover) and (pointer:fine){.glyph-cell{transition:background-color var(--hover-duration) var(--ease-out), color var(--hover-duration) var(--ease-out), transform var(--hover-duration) var(--ease-out)}.glyph-cell:hover{z-index:2;background:var(--ink);color:#fff;transform:translateY(-2px)scale(1.08)}.glyph-language:hover{color:var(--ink)}}.recommendations{padding-bottom:192px}.recommendations .font-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.recommendations .font-card{border-radius:30px;height:420px}.recommendations .card-face{background:#f1f1f1;border-radius:30px;bottom:1px}.recommendations .card-hover{background:#1c1c1c}.recommendations .specimen{height:326px}.collections-page{min-height:1165px;padding-bottom:96px}.collections-heading{text-align:center;flex-direction:column;align-items:center;gap:16px;padding-bottom:58px;display:flex}.collections-heading h1{color:#1c1c1c;font-size:20px;font-weight:400;line-height:24px}.collections-heading p{color:#8c8c8c;margin-top:8px;font-size:14px;line-height:21px}.collections-create{gap:4px;padding-inline:12px}.collections-folder-row{flex-wrap:wrap;align-items:flex-start;gap:35.5px;display:flex;overflow:visible}.collections-bookmarks-heading{color:#1c1c1c;margin:0;padding-top:48px;padding-bottom:24px;font-size:20px;font-weight:400;line-height:28px}.collections-folder{background:0 0;border:0;flex-direction:column;flex:0 0 129px;align-items:center;gap:16px;width:129px;padding:0;display:flex;position:relative}.collections-folder[data-receiving=true]{z-index:101}.collections-folder-caption{white-space:nowrap;justify-content:center;align-items:center;gap:8px;width:100%;font-size:14px;line-height:21px;display:flex}.collections-folder-caption span:last-child{color:#8c8c8c}.folder-art{--folder-color:#1c1c1c;perspective:500px;flex:none;width:129px;height:90px;display:block;position:relative;overflow:visible}.folder-art-back{background:var(--folder-color);border-radius:16px;width:125px;height:88px;position:absolute;top:0;left:2px;box-shadow:inset 5.48px 5.48px 4.39px #ffffff40,0 2px 8px 2px #00000040}.folder-art-paper{left:calc(21px + var(--paper-index) * 2px);top:calc(15px - var(--paper-index) * 5px);transform-origin:50% 100%;width:87px;height:55px;transition:transform .25s var(--ease-out);background:#f5f5f5;border:.5px solid #e7e7e7;border-radius:8px;position:absolute}.folder-art-front{opacity:.9;filter:drop-shadow(0 9.87px 8.72px #0000001a);transform-origin:50% 100%;width:129px;height:67px;transition:transform .25s var(--ease-out);background:linear-gradient(#343434,#000);background:linear-gradient(lab(21.932% 0 0),#000);border-top:1px solid #929292;border-radius:16px;position:absolute;bottom:0;left:0;box-shadow:inset 5.59px 5.59px 4.48px #ffffff26}.folder-art[data-color=\#ED7013] .folder-art-back{box-shadow:inset 5.48px 5.48px 4.39px #ffffff40}.folder-art[data-color=\#3FB257] .folder-art-back{background:#40b558;width:126px;left:1px}.folder-art[data-color=\#3FB257] .folder-art-front{width:128px}.folder-art[data-color=\#ED7013] .folder-art-front{filter:drop-shadow(0 9.87px 8.72px #00000040);background:linear-gradient(#e98439,#dd6812);background:linear-gradient(lab(65.6644% 35.9017 56.2079),lab(58.0611% 43.8344 63.1262));border-top-color:#ffd3bf;box-shadow:inset 5.59px 5.59px 4.48px #ffffff40}.folder-art[data-color=\#3FB257] .folder-art-front{filter:drop-shadow(0 9.87px 8.72px #00000040);background:linear-gradient(#63b960,#119c54);background:linear-gradient(lab(68.2737% -40.7718 36.5042),lab(56.5867% -48.0645 27.3905));border-top-color:#cae8c5;box-shadow:inset 5.59px 5.59px 4.48px #ffffff40}.collections-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.collection-grid-slot{min-width:0}.collection-font-card{text-align:left;width:100%;height:419px;color:var(--ink);transition:transform .16s var(--ease-out), opacity .16s var(--ease-out);background:#f5f5f5;border:0;border-radius:12px;flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden;transform:scale(1)}.collection-font-card[data-selected=true]{transform:scale(.97)}.collection-card-specimen{overflow-wrap:anywhere;text-align:center;color:#8c8c8c;letter-spacing:-.05em;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;font-size:96px;line-height:1;display:flex;overflow:hidden}.collection-card-meta{flex-direction:column;justify-content:flex-end;height:42px;font-size:14px;line-height:21px;display:flex}.collection-card-meta span:last-child{color:#8c8c8c;font-size:14px;line-height:21px}.collection-card-tag{color:#fff;border-radius:999px;padding:6px 12px;font-size:14px;line-height:21px;position:absolute;top:16px;left:16px}.collection-card-check{z-index:2;color:#fff;pointer-events:none;opacity:0;width:32px;height:32px;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);background:#1c1c1c;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px;transform:scale(.9)}.collection-card-check[data-selected=true]{opacity:1;transform:scale(1)}.collection-card-choice{z-index:2;color:#fff;pointer-events:none;width:24px;height:24px;transition:border-color var(--hover-duration) var(--ease-out);background:0 0;border:1px solid #8c8c8c;border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px}.collection-card-choice:before{content:"";border-radius:inherit;opacity:0;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);background:#1c1c1c;position:absolute;inset:-1px;transform:scale(.9)}.collection-card-choice>svg{opacity:0;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);position:relative;transform:scale(.9)}.collection-card-choice[data-selected=true]{border-color:#1c1c1c}.collection-card-choice[data-selected=true]:before,.collection-card-choice[data-selected=true]>svg{opacity:1;transform:scale(1)}.collection-font-card:focus-visible,.collection-font-card:focus-visible :is(.collection-card-check,.collection-card-choice,.collection-card-choice>svg),.collection-font-card:focus-visible .collection-card-choice:before{transition:none!important}.collection-selection-bar{z-index:45;opacity:0;visibility:hidden;color:#fff;max-width:calc(100vw - 48px);min-height:53px;box-shadow:var(--control-shadow);white-space:nowrap;transition:transform .16s var(--ease-out), opacity .12s var(--ease-out), visibility .12s;background:#1c1c1c;border-radius:999px;align-items:center;gap:0;padding:4px 8px;display:flex;position:fixed;bottom:48px;left:50%;transform:translate(-50%,12px)scale(.96)}.collection-selection-bar[data-open=true]{opacity:1;visibility:visible;transition-duration:.2s;transform:translate(-50%)scale(1)}.collection-selection-folders{scrollbar-width:none;gap:4px;min-width:0;display:flex;overflow-x:auto}.collection-selection-count{color:#8c8c8c;align-items:center;gap:8px;padding-inline:16px 8px;font-size:14px;line-height:21px;display:flex}.collection-selection-count strong{color:#fff;font-weight:400}.collection-selection-separator{background:#ffffff4d;flex:0 0 1px;height:24px;margin-inline:11.5px}.collection-selection-bar button{color:#fff;min-height:45px;transition:background-color var(--hover-duration) var(--ease-out);background:0 0;border:0;border-radius:999px;flex-shrink:0;padding:12px 16px;font-size:14px;line-height:21px}.collection-selection-bar .collection-selection-close{border-radius:24px;place-items:center;width:44px;height:44px;min-height:44px;padding:0 8px;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.collection-selection-bar button:hover{background:#373737}:is(.collections-folder:hover .folder-art,.collection-detail-heading .folder-art:hover) .folder-art-front{transform:rotateX(-18deg)}:is(.collections-folder:hover .folder-art,.collection-detail-heading .folder-art:hover) .folder-art-paper{transform:translateY(-31px)rotate(-8deg)}:is(.collections-folder:hover .folder-art,.collection-detail-heading .folder-art:hover) .folder-art-paper:nth-of-type(3){transition-delay:30ms;transform:translate(7px,-40px)rotate(3deg)}:is(.collections-folder:hover .folder-art,.collection-detail-heading .folder-art:hover) .folder-art-paper:nth-of-type(4){transition-delay:60ms;transform:translate(15px,-29px)rotate(13deg)}:is(.collections-folder:hover .folder-art,.collection-detail-heading .folder-art:hover)[data-papers="1"] .folder-art-paper{transform:translateY(-35px)rotate(-3deg)}}.folder-art-back{z-index:0}.folder-art-paper{z-index:1}.folder-art-front{z-index:3}.collections-folder[data-receiving=true] .folder-art-front{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transform:rotateX(-24deg)}.collections-folder[data-receiving=true] .folder-art-paper{transition-delay:0s;transform:none}.collection-transfer-card{z-index:2;pointer-events:none;transform-origin:0 0;margin:0;transition:none;position:absolute;top:0;left:0;box-shadow:0 12px 30px #0000001a}.collection-small-dialog,.collection-folder-dialog{color:#1c1c1c;opacity:0;transition:opacity .12s var(--ease-out), transform .12s var(--ease-out);background:#fff;border:0;margin:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)scale(.97);box-shadow:0 0 0 .5px #0000001f}.collection-small-dialog[data-visible=true],.collection-folder-dialog[data-visible=true]{opacity:1;transition-duration:.2s;transform:translate(-50%,-50%)scale(1)}.collection-folder-dialog[data-visible=true]{animation:collection-folder-enter .24s var(--ease-out) both}@keyframes collection-folder-enter{0%{opacity:0;transform:translate(-50%,-50%)scale(.97)}70%{opacity:1;transform:translate(-50%,-50%)scale(1.004)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.collection-small-dialog::backdrop,.collection-folder-dialog::backdrop{opacity:0;transition:opacity .12s var(--ease-out);background:#0006}.collection-small-dialog[data-visible=true]::backdrop,.collection-folder-dialog[data-visible=true]::backdrop{opacity:1;transition-duration:.2s}html:has(dialog[open]){overflow:hidden}body:has(dialog[open]) .page-scrollbar{visibility:hidden}body:has(.collection-small-dialog[open]) .collection-folder-dialog::backdrop{opacity:0}.collection-small-dialog{border-radius:16px;width:400px;max-width:calc(100vw - 32px);padding:8px;overflow:visible}.collection-delete-dialog{border-radius:16px;width:400px;max-width:calc(100vw - 32px)}.collection-editor,.collection-delete{flex-direction:column;width:100%;display:flex}.collection-editor-heading{justify-content:space-between;align-items:center;min-height:52px;padding:0 0 8px 8px;display:flex}.collection-editor-heading h2{margin:0;font-size:16px;font-weight:400;line-height:24px}.collection-icon-button{color:#8c8c8c;width:44px;height:44px;transition:color 80ms var(--ease-out);background:0 0;border:0;border-radius:8px;flex-shrink:0;place-items:center;padding:12px;display:grid;position:relative}.collection-icon-button:before{content:"";opacity:0;pointer-events:none;transition:opacity 80ms var(--ease-out);background:#8c8c8c1a;border-radius:8px;position:absolute;inset:8px}@media (hover:hover) and (pointer:fine){.collection-icon-button:hover{color:#1c1c1c}.collection-icon-button:hover:before{opacity:1}}.collection-icon-button:focus-visible{color:#1c1c1c}.collection-editor-field,.collection-editor-colors{color:#8c8c8c;border:0;flex-direction:column;gap:8px;margin:0;padding:8px;font-size:14px;line-height:21px;display:flex}.collection-editor-colors{padding-bottom:16px}.collection-editor-colors legend{float:left;width:100%}.collection-editor-colors>div{gap:0;margin:-7px;display:flex}.collection-color-option{background-clip:padding-box;border:7px solid #fff;border-radius:50%;flex-shrink:0;width:44px;height:44px;padding:0;position:relative}.collection-color-option[data-selected=true]:after{content:"";border-radius:inherit;pointer-events:none;border:2px solid #8c8c8c;position:absolute;inset:-4px}.collection-editor-actions{justify-content:space-between;gap:8px;padding-top:12px;display:flex}.collection-editor-actions .secondary-button,.collection-editor-actions .primary-button{flex:1;padding-inline:12px;box-shadow:0 0 0 .5px #0000001f}.collection-editor-actions .primary-button{box-shadow:0 0 0 .5px #00000014}.collection-delete .collection-editor-heading{min-height:44px;padding:0 0 0 8px}.collection-delete p{color:#8c8c8c;padding:0 8px 24px;font-size:14px;line-height:21px}.collection-delete .secondary-button{box-shadow:0 0 0 .5px #0000001f}.collection-delete .primary-button{box-shadow:0 0 0 .5px #00000014}.collection-folder-dialog{border-radius:16px;width:976px;max-width:calc(100vw - 48px);height:min(787px,100dvh - 48px);max-height:none;padding:0;overflow:visible;box-shadow:0 1px 2px -1px #0003,0 0 0 .5px #0000001f}.collection-folder-content{border-radius:inherit;background:#fff;flex-direction:column;width:100%;height:100%;padding:24px;display:flex;position:relative;overflow:visible}.collection-folder-content>:not(.collection-folder-fonts){flex-shrink:0}.collection-folder-heading{justify-content:space-between;align-items:flex-start;min-height:61px;padding-bottom:16px;display:flex}.collection-folder-heading>div:first-child{flex:1;min-width:0}.collection-folder-heading h2{overflow-wrap:anywhere;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:400;line-height:24px;display:flex}.collection-folder-heading p{color:#8c8c8c;margin-left:20px;font-size:14px;line-height:21px}.collection-folder-dot{border-radius:50%;flex:0 0 12px;width:12px;height:12px}.collection-folder-actions{gap:0;margin-top:-8px;margin-right:-8px;display:flex;position:relative}.collection-folder-action-popover{z-index:8;color:#8c8c8c;transform-origin:36px 0;width:400px;animation:collection-popover-enter .16s var(--ease-out) both;background:#fff;border:0;border-radius:16px;flex-direction:column;gap:8px;padding:16px;font-size:14px;line-height:21px;display:flex;position:absolute;top:48px;left:min(16px,50vw - 800px);box-shadow:0 0 0 .5px #0000001f}@keyframes collection-popover-enter{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.collection-folder-action-colors{gap:0;margin:-7px;display:flex}.collection-folder-action-colors .collection-color-option[data-selected=true]:after{content:none}.collection-folder-menu{z-index:5;transform-origin:16px 0;background:#fff;border-radius:16px;flex-direction:column;width:264px;padding:8px;display:flex;position:absolute;top:8px;left:min(16px,50vw - 664px);box-shadow:0 0 0 .5px #0000001f}.collection-folder-menu>span:first-child{color:#8c8c8c;padding:8px;font-size:12px;line-height:18px}.collection-folder-menu button{text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;width:248px;height:37px;padding:8px;font-size:14px;line-height:21px;display:flex}.collection-folder-menu button:disabled{opacity:.5}.collection-folder-menu .collection-folder-menu-delete{color:#1c1c1c}.collection-folder-menu-rule{background:#1c1c1c12;height:1px;margin-block:4px}.collection-preview-field{color:#8c8c8c;flex-direction:column;gap:8px;padding:24px 0 8px;font-size:14px;line-height:21px;display:flex}.collection-preview-control.search-control{gap:8px;width:100%;padding-inline:16px}.collection-preview-control input{flex:1;height:21px;padding:0}.collection-preview-count{color:#8c8c8c80;flex-shrink:0;font-size:14px;line-height:21px}.collection-folder-filters{justify-content:space-between;align-items:flex-start;min-height:69px;padding:8px 0 24px;display:flex}.collection-folder-filters .search-control{width:250px}@media (hover:hover) and (pointer:fine){.collection-folder-filters .search-control button:hover{color:#1c1c1c}}.collection-sort .dropdown-list{left:auto;right:0}.collection-folder-fonts{overscroll-behavior:contain;scrollbar-width:thin;flex:1;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:8px;min-height:0;display:grid;overflow:hidden auto}.collection-font-card--compact{height:330px;padding:16px}.collection-font-card--compact .collection-card-specimen{font-size:48px;line-height:56px}.collection-font-card--compact .collection-card-meta{flex-shrink:0;height:42px;font-size:14px;line-height:21px}.collection-folder-empty{color:#8c8c8c;text-align:center;grid-column:1/-1;padding:40px 0;font-size:14px}.collection-folder-bottom{justify-content:center;align-items:flex-end;gap:12px;padding-top:144px;display:flex}.collection-folder-bottom .primary-button{box-shadow:var(--control-shadow);padding-inline:12px}.collection-remove-button{color:#1c1c1c;height:37px;box-shadow:var(--control-shadow);transition:background-color var(--hover-duration) var(--ease-out), color var(--hover-duration) var(--ease-out);background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-size:14px;line-height:21px;display:inline-flex;position:relative}.collection-remove-button[data-active=true]{gap:8px}.collection-remove-count{color:inherit}.collection-remove-button:disabled{opacity:.5;cursor:default}@media (hover:hover) and (pointer:fine){.collection-folder-menu button:not(:disabled):hover{background:#f5f5f5}.collection-folder-menu .collection-folder-menu-delete:hover{color:#ff5d4c}}.collection-folder-bottom .primary-button{position:relative}@media (max-height:700px){.collection-folder-bottom{padding-top:24px}}@media (prefers-reduced-motion:reduce){:is(.collections-folder,.collection-detail-heading) :is(.folder-art-front,.folder-art-paper){transform:none!important}.collection-small-dialog,.collection-folder-dialog{animation:none!important;transform:translate(-50%,-50%)!important}.collection-folder-action-popover{transition:none!important;animation:none!important}}body:has(.info){min-height:1617px}main:has(>.info-outro){flex-direction:column;display:flex}.info{text-align:center;flex-shrink:0;width:600px;margin:78px auto 120px}.info-logo{pointer-events:none;width:102px;height:48px;margin:0 auto 24px;position:relative}.info-logo img{width:102px;height:48px;display:block}.info-logo-canvas{visibility:hidden;width:192px;height:96px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.info-logo[data-animated=true] img{visibility:hidden}.info-logo[data-animated=true] .info-logo-canvas{visibility:visible}.info h1{letter-spacing:-.03em;margin:0 0 32px;font-size:32px;font-weight:500;line-height:38px}.info-intro p{text-wrap:wrap;width:min(520px,100%);margin:0 auto 16px;font-size:14px;line-height:21px}.info-intro p:last-child{margin-bottom:0}.info-faq{width:min(520px,100%);margin:120px auto 0}.info-faq h2{letter-spacing:-.03em;margin:0;font-size:32px;font-weight:500;line-height:38px}.info-faq-list{margin-top:16px}.info-faq-item{border-bottom:.8px solid var(--divider-color);padding-bottom:20px}.info-faq-item:last-child{border-bottom:0}.info-faq-question{margin:0;font-weight:500}.info-faq-trigger{color:#1c1c1c;text-align:left;text-wrap:pretty;background:0 0;border:0;justify-content:space-between;align-items:flex-start;gap:24px;width:100%;min-height:41px;padding:20px 0 0;font-size:14px;line-height:21px;display:flex;position:relative}.info-faq-trigger:after{content:"";z-index:1;position:absolute;inset:14px -10px -10px 0}.info-faq-icon{color:#7b7b7b;width:20px;height:20px;transition:transform .2s var(--ease-out);flex:0 0 20px;transform:rotate(0)}.info-faq-trigger[data-panel-open] .info-faq-icon{transform:rotate(180deg)}.info-faq-panel{height:var(--accordion-panel-height);opacity:1;transition:height .2s var(--ease-out), opacity .2s var(--ease-out);overflow:hidden}.info-faq-panel[data-starting-style],.info-faq-panel[data-ending-style]{opacity:0;height:0}.info-faq-answer{padding-top:16px}.info-faq-answer p{color:#7b7b7b;text-align:left;white-space:pre-line;text-wrap:wrap;width:100%;margin:0;font-size:14px;line-height:21px}.info-outro{width:calc(100% - var(--page-gutter) * 2);text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;margin:auto auto 8px;display:flex}body:has(main>.info-outro) .site-footer{height:auto;min-height:0;padding-top:0}.info-outro-artwork,.info-outro-artwork img{width:128px;height:128px;display:block}.info-outro-artwork img{object-fit:cover}.info-outro-copy{font-size:16px;line-height:24px}.info-project-note{letter-spacing:-.02em;height:21px;font-family:Playfair Display,Georgia,serif;font-style:italic}.info-location{letter-spacing:-.02em;font-weight:600}.info-copyright{letter-spacing:-.03em;height:21px}.info-faq-list[data-keyboard=true] :is(.info-faq-panel,.info-faq-icon){transition:none}@media (prefers-reduced-motion:reduce){.info-logo[data-animated=true] img{visibility:visible}.info-logo[data-animated=true] .info-logo-canvas{visibility:hidden}.info-faq-panel{transition:opacity 80ms var(--ease-out)}.info-faq-icon{transition:none}.empty-state-button:active{transform:none}}.not-found{width:min(100%, var(--card-width));text-align:center;margin:160px auto}.not-found p{margin-bottom:24px;font-size:20px;line-height:28px}@media (hover:hover) and (pointer:fine){.breadcrumb a:hover{color:#1c1c1c}.font-card:hover .card-hover{opacity:1}}:root{--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--hover-duration:80ms}.dropdown-list{transition:opacity .12s var(--ease-out), visibility 0s linear .12s}.dropdown-list[data-open=true]{transition-duration:.16s,0s;transition-delay:0s}.primary-button,.secondary-button,.pill-control{isolation:isolate;position:relative}.primary-button:before,.secondary-button:before,.pill-control:before{content:"";z-index:-1;border-radius:inherit;background:var(--surface);opacity:0;pointer-events:none;position:absolute;inset:0}.primary-button:before,.dark .pill-control:before{background:#3a3a3a}.secondary-button:before{transition:opacity var(--hover-duration) var(--ease-out)}@media (hover:hover) and (pointer:fine){.card-hover{transition:opacity var(--hover-duration) var(--ease-in-out)}.primary-button:before,.secondary-button:before,.pill-control:before{transition:opacity var(--hover-duration) var(--ease-out)}.primary-button:hover:before,.secondary-button:hover:before,.pill-control:hover:before{opacity:1}}.font-card:focus-visible .card-hover,.keyboard-interaction .dropdown-list,.keyboard-interaction .dropdown-list :before,.dropdown-list a:focus-visible:before,.keyboard-interaction .pill-control>svg,button:focus-visible:before{transition:none}.number-control:has(.number-range:focus-visible) .number-thumb{transition:none}:is(.home-header-links a,.header-categories a,.home-header-menu nav a,.primary-button,.secondary-button,.pill-control,.collection-icon-button,.collection-remove-button,.collection-selection-bar button,.preview-reset,.glyph-language,.card-bookmark-button,.collection-dialog-close,.collection-color-option,.collection-toast-action,.save-collection-option,.save-create-collection,.collection-settings-popup button){transition:transform var(--press-release-duration) var(--ease-out), background-color var(--hover-duration) var(--ease-out), color var(--hover-duration) var(--ease-out)}:is(.home-header-links a,.header-categories a,.home-header-menu nav a,.primary-button,.secondary-button,.pill-control,.collection-icon-button,.collection-remove-button,.collection-selection-bar button,.preview-reset,.glyph-language,.card-bookmark-button,.collection-dialog-close,.collection-color-option,.collection-toast-action,.save-collection-option,.save-create-collection,.collection-settings-popup button):active:not(:disabled):not(:focus-visible){transition-duration:var(--press-duration), var(--hover-duration), var(--hover-duration);transform:scale(.97)}:is(.home-header-links a,.header-categories a,.home-header-menu nav a,.primary-button,.secondary-button,.pill-control,.collection-icon-button,.collection-remove-button,.collection-selection-bar button,.preview-reset,.glyph-language,.card-bookmark-button,.collection-dialog-close,.collection-color-option,.collection-toast-action,.save-collection-option,.save-create-collection,.collection-settings-popup button):focus-visible{transition:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.site-footer .footer-social{transform:none!important}.glyph-cell:hover,.glyph-cell:not(:nth-child(10n)):hover+.glyph-cell{transform:none}.glyph-cell:not(:nth-child(10n)):has(+.glyph-cell:hover){transform:none}.action-buttons .primary-button:active,.action-buttons .secondary-button:active{transform:none}.rotating-word-next .hero-letter{filter:none;opacity:1;transform:none}.rotating-word[data-phase=exiting] .rotating-word-current{animation:hero-word-fade-out .18s var(--ease-out) both!important}.rotating-word[data-phase=entering] .rotating-word-next{animation:hero-word-fade-in .18s var(--ease-out) both!important}:is(.home-header-links a,.header-categories a,.home-header-menu nav a,.primary-button,.secondary-button,.pill-control,.collection-icon-button,.collection-remove-button,.collection-selection-bar button,.preview-reset,.glyph-language,.card-bookmark-button,.collection-dialog-close,.collection-color-option,.collection-toast-action,.save-collection-option,.save-create-collection,.collection-settings-popup button):active,.collection-font-card[data-selected=true],.collection-card-check,.collection-card-choice:before,.collection-card-choice>svg{transform:none!important}.collection-card-check,.collection-card-choice:before,.collection-card-choice>svg{transition:opacity 80ms var(--ease-out)!important}.font-save-label>span{filter:none!important;transition:none!important;transform:none!important}.font-save-bookmark>svg{transition:opacity 80ms var(--ease-out)!important;transform:none!important}.font-save-control:has(button:focus-visible) .font-save-bookmark>svg{transition:none!important}.number-drag-value{transition:opacity 60ms var(--ease-out), visibility 0s linear 60ms!important;transform:translate(-50%)!important}.tooltip-positioner{transition:none!important}.tooltip-bubble{transition:opacity .15s var(--ease-out)!important;transform:none!important}.tooltip-surface{transform:none!important}.animated-number-digit{filter:none!important;transform:none!important}.tooltip-bubble[data-ending-style]{transition-duration:60ms!important}.tooltip-bubble[data-keyboard=true]{transition:none!important}.tooltip-bubble[data-confirmation=true][data-ending-style]:not([data-instant=dismiss]){transition:opacity var(--feedback-exit-duration) var(--feedback-exit-ease)!important}.number-control[data-dragging=true] .number-drag-value,.number-control[data-hovered=true] .number-drag-value{transition-duration:80ms,0s!important;transition-delay:0s!important}.number-control:has(.number-range:focus-visible) .number-drag-value{transition:none!important}}
:is(button,a,input,textarea,[contenteditable=true]){-webkit-tap-highlight-color:transparent}:is(button,a,input,textarea){touch-action:manipulation}:is(button,.primary-button,.secondary-button,.empty-state-button){-webkit-user-select:none;user-select:none}.description,.facts{max-width:100%}.info{width:min(600px, calc(100% - var(--page-gutter) * 2))}.collections-folder-caption>span:first-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.collection-selection-count,.collection-selection-close{flex-shrink:0}.collection-selection-bar{bottom:max(48px, env(safe-area-inset-bottom))}.collection-folder-fonts{overscroll-behavior:contain}.preview-input{overscroll-behavior:auto}@media (max-width:1919px){.collection-folder-menu,.collection-folder-action-popover{transform-origin:100% 0;top:40px;left:auto;right:0}}@media (max-width:1471px){.glyph-layout{gap:32px}.glyph-view,.glyph-groups{width:calc(50% - 16px)}.glyph-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr));width:100%}.glyph-cell{aspect-ratio:1;width:100%;height:auto}.glyph-cell:not(:nth-child(10n)):hover+.glyph-cell{transform:none}.glyph-cell:not(:nth-child(10n)):has(+.glyph-cell:hover){transform:none}.specimen-text{font-size:clamp(48px,6.667vw,96px);line-height:1}.specimen-phrase{font-size:clamp(32px,3.333vw,48px);line-height:1.17}.collection-card-specimen{font-size:clamp(40px,6.667vw,96px)}}@media (max-width:1199px){.recommendations .font-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-content .font-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;align-items:start;row-gap:16px}.home-content .catalog-tile{grid-area:auto;padding-bottom:0}.home-content .catalog-tile[data-card-size=tall] .font-card{height:520px}.filters,.filters.filters-in-header{gap:16px}.filter-group,.sort-group{gap:8px}.filter-group .search-control{width:clamp(160px,18vw,200px)}.sort-group{gap:12px}.preview-controls{flex-wrap:wrap;justify-content:center;row-gap:16px;width:100%;height:auto}.font-specimen-head{flex-wrap:wrap;gap:16px}.font-specimen-controls{flex-wrap:wrap;gap:8px}.font-specimen-compact .font-specimen-head{flex-direction:column}.collection-folder-menu,.collection-folder-action-popover{transform-origin:100% 0;top:40px;left:auto;right:0}.collection-folder-action-popover{width:min(400px,100vw - 80px)}}@media (max-width:1023px){.font-specimens>.font-specimen:first-child .font-specimen-copy{white-space:normal;width:100%}.site-header-slot{height:calc(109px + var(--safe-top))}.hero{height:auto;padding-block:32px}.hero h1{font-size:clamp(24px,3.9vw,32px);line-height:1.25}.hero p{text-align:center;text-wrap:balance}.sort-divider{display:none}.preview-shell{gap:32px;height:640px}.font-specimen-row{flex-direction:column}.font-specimen-row>.font-specimen{flex-basis:auto;width:100%}.font-specimen-compact .font-specimen-head{flex-direction:row}.glyph-layout{flex-direction:column;gap:48px}.glyph-view{align-self:center;width:min(100%,700px);position:static}.glyph-groups{width:100%}.glyph-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr))}.collections-page{min-height:calc(100svh - 190px);padding-bottom:64px}.collections-folder-row{gap:32px}.collections-heading p{text-wrap:balance}.collection-folder-bottom{padding-top:24px}body:has(.info){min-height:100svh}.info{margin-block:32px 96px}.info-faq{margin-top:96px}.catalog-bottom,.catalog-bottom.is-empty,.home-content>.catalog-bottom:not(.is-empty){height:160px}.home-wordmark{height:31.05vw}.recommendations{padding-bottom:96px}:root{--catalog-control-height:37px}.filters,.filters.filters-in-header{flex-direction:column;align-items:stretch;gap:12px;height:auto}.filters,.home-content>.filters{height:auto;padding-block:24px}.filter-group{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.filter-group .search-control{grid-column:1/-1;width:100%}.filter-group>.dropdown{min-width:0}.filter-group .pill-control{width:100%;padding-inline:8px}.filter-group>.dropdown:last-child .dropdown-list{left:auto;right:0}.sort-group{justify-content:space-between}.sort-group>span:first-child{font-size:14px}.site-header-filters{height:auto;top:12px}body:has(.home-content) .site-header-filters{top:12px}.filters.filters-in-header{padding-block:0}.site-header-slot:has(.site-header[data-catalog-filters=true]) .site-header-background{height:calc(var(--catalog-control-height) * 3 + 44px + var(--safe-top))}.site-header-slot:has(.site-header[data-catalog-filters=true]) .site-header{height:calc(var(--catalog-control-height) * 3 + 44px)}}@media (max-width:759px){.preview-shell{gap:24px;height:640px;padding:0 0 16px}.font-page-heading{flex-wrap:wrap;gap:16px;height:auto;min-height:72px;padding-bottom:16px}.font-page-heading>div:first-child{min-width:0}.font-page-heading h1,.font-page-heading p{overflow-wrap:anywhere}.font-specimens{padding-top:64px}.font-specimen{padding:0}.font-specimen-head,.font-specimen-compact .font-specimen-head{flex-direction:column;align-items:flex-start}.font-specimen-head{margin:16px 16px 0}.font-specimen-controls{width:100%;padding:16px}.font-specimen-copy-wrap{padding:24px 16px}.font-specimen-divider,.details-divider{height:97px;padding-block:48px}.glyph-toolbar{flex-direction:column;align-items:flex-start;gap:24px;height:auto}.glyph-actions{flex-wrap:wrap;gap:16px;width:100%}.glyph-actions>.dropdown{flex:1;min-width:100px}.glyph-actions>.dropdown .pill-control{width:100%}.glyph-action-divider{display:none}.glyph-languages{flex-shrink:0}.glyph-language{width:80px}.glyph-layout{margin-top:32px}.description{text-wrap:pretty;margin-top:64px}.facts{height:auto}.fact dd{overflow-wrap:anywhere}.collection-folder-dialog{max-width:calc(100vw - 32px);height:min(787px, calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom)))}.collection-folder-content{padding:16px}.collection-folder-heading h2{overflow-wrap:anywhere}.collection-folder-heading>div:first-child{min-width:0;padding-right:8px}.collection-folder-actions{flex-shrink:0}.collection-folder-action-popover{width:min(400px,100vw - 64px)}.collection-folder-filters{flex-wrap:wrap;gap:12px;min-height:0;padding-bottom:16px}.collection-folder-filters .search-control{width:100%}.collection-folder-filters .collection-sort{margin-left:auto}.collection-folder-fonts{grid-template-columns:1fr}.collection-font-card--compact{height:280px}.collection-font-card--compact .collection-card-specimen{font-size:40px;line-height:1.17}.collection-preview-field{padding-top:8px}.collection-folder-bottom{padding-top:16px}.collections-folder-row{justify-content:center;gap:32px 24px}.collections-empty{height:clamp(400px,65svh,612px)}.collections-empty .empty-folder{top:calc(50% - 177.5px)}.collections-heading p br,.empty-state-copy br,.info-intro br{display:none}.info-faq-answer p{white-space:normal;width:100%;padding-right:32px}.info{margin-block:32px 80px}.info h1{margin-bottom:24px}.info-faq{margin-top:64px}.not-found{width:calc(100% - var(--page-gutter) * 2);margin-block:96px}}@media (max-width:639px){.hero{padding-block:32px}.hero h1{font-size:clamp(20px,5.6vw,32px)}.hero p{max-width:320px;font-size:14px;line-height:21px}.home-content .font-grid,.recommendations .font-grid,.font-grid,.collections-grid{grid-template-columns:1fr;gap:16px}.home-content .font-grid{grid-auto-rows:auto}.home-content .catalog-tile[data-card-size]{grid-column:1}.home-content .catalog-tile[data-card-size] .font-card,.font-card,.recommendations .font-card{height:clamp(300px,85vw,393px)}.home-content .card-face,.card-face{padding:20px}.home-content .specimen,.specimen,.recommendations .specimen{flex:1;height:auto;min-height:0}.specimen-text{font-size:clamp(48px,14vw,80px)}.specimen-phrase{font-size:clamp(28px,8vw,40px)}.collection-font-card{height:clamp(300px,85vw,419px);padding:20px}.collection-card-specimen{font-size:clamp(40px,12vw,72px)}.collection-font-card--compact{height:280px;padding:16px}.collection-selection-bar{max-width:calc(100vw - 24px);bottom:max(16px, env(safe-area-inset-bottom));padding-inline:4px}.collection-selection-count{gap:4px;padding-inline:16px 4px}.collection-selection-separator{margin-inline:6px}.collection-selection-bar button{padding-inline:12px}.collection-selection-bar .collection-selection-close{width:44px;padding-inline:8px}.collection-folder-menu{width:min(264px,100vw - 64px)}.collection-folder-menu button{width:100%}.collections-heading{padding-bottom:32px}.collections-bookmarks-heading{padding-top:32px}.catalog-bottom,.catalog-bottom.is-empty{height:96px;padding-top:32px}.empty-state{padding-inline:0}.empty-state-copy{text-wrap:pretty}.site-footer{height:auto;min-height:81px;padding-block:24px max(24px, env(safe-area-inset-bottom));flex-wrap:wrap;gap:16px}body:has(:is(.font-detail,.info,.collections-page)) .site-footer{height:auto;min-height:81px;padding-block:24px max(24px, env(safe-area-inset-bottom));flex-wrap:wrap;gap:16px}.site-footer nav{flex-wrap:wrap}body:has(.home-content) .site-footer{height:auto;min-height:81px}.home-wordmark{margin-bottom:-81px}}@media (max-width:359px){.filter-group .pill-control{padding-inline:6px;font-size:12px}.glyph-actions{gap:8px}.glyph-language{width:72px}.font-page-heading .action-buttons{gap:8px}.collection-selection-count{font-size:12px}.collection-selection-bar button{padding-inline:8px;font-size:13px}}@media (pointer:coarse){:root{--catalog-control-height:44px}.page-scrollbar{display:none}:is(.primary-button,.secondary-button,.pill-control,.empty-state-button,.collection-remove-button,.preview-reset,.glyph-language,.dropdown-list button,.dropdown-list a){height:auto;min-height:44px}.search-control{height:44px}.search-control input,.number-value input,.compact-number-value input{font-size:16px}.collection-preview-control input{height:24px}.dropdown-list{top:calc(100% + 8px)}.number-control,.compact-number-control{height:44px}.compact-number-value{height:36px}.number-range{height:44px;top:-19px}.compact-number-range{height:44px}.collection-folder-menu button{height:auto;min-height:44px}}@media (max-height:479px){.collection-folder-dialog{max-width:calc(100vw - 24px);height:calc(100dvh - 24px)}.collection-folder-content{overscroll-behavior:contain;overflow-y:auto}.collection-folder-fonts{flex:none;overflow:visible}.collection-small-dialog{overscroll-behavior:contain;max-height:calc(100dvh - 24px);overflow-y:auto}.collection-folder-bottom{padding-top:16px}}
body:has(:is(.collections-page,.collection-detail-page,.inspiration-page)){--page-gutter:max(clamp(16px, 3.125vw, 24px), env(safe-area-inset-left), env(safe-area-inset-right))}body:has(:is(.collections-page,.collection-detail-page,.inspiration-page)) .container{width:calc(100% - var(--page-gutter) * 2)}body:has(:is(.collections-page,.collection-detail-page,.inspiration-page)) .site-header-slot{height:calc(85px + var(--safe-top))}body:has(:is(.collections-page,.collection-detail-page,.inspiration-page)) .site-header-navigation{transform:translateY(var(--header-controls-top,24px))}.header-soon{color:#fff;background:#ff9b4c;border-radius:999px;margin-left:4px;padding:0 4px;font-size:12px;line-height:18px}.dropdown-list{border-radius:24px;padding:8px;box-shadow:0 1px 2px -1px #0003,0 0 0 .5px #0000001f}.font-tiles{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:4px;gap:0 16px;display:grid}.font-card,.home-content .font-card,.recommendations .font-card,.collection-font-card{height:var(--tile-height,420px);border-radius:30px}.font-card-link{border-radius:inherit;display:block;position:absolute;inset:0}.card-face,.home-content .card-face,.recommendations .card-face{border-radius:inherit;background:#f1f1f1}.card-hover,.home-content .card-hover,.recommendations .card-hover{background:#1c1c1c}.card-hover .specimen-text{color:#fff}.font-card .specimen{flex:1;height:auto;min-height:0}.font-card .specimen-text.collection-card-specimen{overflow:visible}:is(.font-card:has(.card-save-controls[data-open=true]) .card-hover,.font-card:has(:focus-visible) .card-hover){opacity:1}.font-card-link:focus-visible{outline-offset:4px}.font-status[data-status=New]{background:#ff9b4c}.font-status[data-status=Popular]{background:#1c1c1c}.card-hover .font-status[data-status=Popular]{background:#3a3a3a}.home-content .font-card[data-centered-preview=true] .specimen{position:absolute;inset:72px 24px}.home-content .font-card[data-centered-preview=true] .card-meta{margin-top:auto}.home-content .font-card[data-motion=weight] .card-hover{background:#1c1c1c}.home-content .specimen-text{letter-spacing:0;font-optical-sizing:none;font-synthesis:none;width:100%;font-size:108px;line-height:108px;display:block}.home-content .specimen-weight-motion{max-width:100%}.specimen-line{white-space:pre;transform-origin:50%;display:block}.home-content .font-card[data-custom-preview=true] .specimen-text{white-space:normal;overflow-wrap:anywhere;max-width:100%}.filter-group .catalog-preview-control{gap:8px;width:clamp(200px,20vw,300px);padding-inline:16px}.catalog-preview-counter{color:#8c8c8c80;flex-shrink:0;font-size:14px;line-height:21px}@media (max-width:767px){.filter-group .catalog-preview-control{width:100%}}@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){.specimen-weight-motion .specimen-line{transform:none!important}}.card-save-controls{z-index:3;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s var(--ease-out), visibility .15s;justify-content:space-between;align-items:center;gap:16px;display:flex;position:absolute;inset:24px 24px auto}:is(.card-save-controls[data-open=true],.font-card:has(:focus-visible) .card-save-controls){opacity:1;visibility:visible;pointer-events:auto}.card-collection-trigger{color:#fff;background:#ffffff1a;border:0;border-radius:999px;justify-content:space-between;align-items:center;gap:8px;width:200px;min-width:0;height:37px;padding:8px 16px;font-size:14px;line-height:21px;display:flex}.card-collection-anchor{width:min(200px,100% - 60px);min-width:0;display:flex}.card-collection-anchor>.card-collection-trigger{width:100%}.font-collection-anchor{display:inline-flex}.card-collection-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-collection-trigger svg{flex-shrink:0}.card-bookmark-button{color:#fff;background:0 0;border:0;border-radius:999px;flex:0 0 36px;place-items:center;width:36px;height:36px;padding:8px;display:grid;position:relative}.card-bookmark-button:after{content:"";position:absolute;inset:-4px}.collection-popover-positioner{z-index:70}.collection-popover-positioner[data-anchor-hidden]{visibility:hidden;pointer-events:none}.save-collection-popup,.collection-settings-popup{width:min(271px,100vw - 32px);transform-origin:var(--transform-origin);transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);background:#fff;border-radius:24px;padding:8px;box-shadow:0 1px 5px -1px #0003,0 0 0 .5px #0000001f}.save-collection-popup[data-starting-style],.save-collection-popup[data-ending-style],.collection-settings-popup[data-starting-style],.collection-settings-popup[data-ending-style]{opacity:0;transform:scale(.97)}.save-collection-popup[data-ending-style],.collection-settings-popup[data-ending-style]{transition-duration:.15s}.save-collection-popup[data-keyboard=true],.save-collection-popup{transition:none}.save-collection-popup:is([data-starting-style],[data-ending-style]){opacity:1;transform:none}.save-collection-search{border-bottom:var(--dropdown-divider-thickness) solid var(--dropdown-divider-color);color:#8c8c8c;align-items:center;gap:8px;height:55px;padding:8px 16px;display:flex}.save-collection-search input{color:#1c1c1c;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0;font-size:14px;line-height:21px}.save-collection-search input::placeholder{color:#8c8c8c}.save-collection-options{padding-block:8px}.save-collection-option{text-align:left;background:0 0;border:0;border-radius:16px;justify-content:space-between;align-items:center;gap:8px;width:100%;height:55px;padding:8px 8px 8px 16px;font-size:14px;line-height:21px;display:flex}.save-collection-option-copy{flex-direction:column;min-width:0;display:flex}.save-collection-option-copy>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.save-collection-option small,.save-create-collection small{color:#8c8c8c;font-size:12px;line-height:18px;display:block}.save-collection-plus{color:#1c1c1c;opacity:0;height:32px;transition:opacity .12s var(--ease-out), background-color .15s ease, color .15s ease;background:#1c1c1c12;border-radius:999px;flex:0 0 32px;place-items:center;display:grid}.save-collection-option:focus-visible .save-collection-plus{opacity:1}.save-create-section{border-top:var(--dropdown-divider-thickness) solid var(--dropdown-divider-color);padding-top:8px}.save-create-collection{text-align:left;background:0 0;border:0;border-radius:16px;align-items:center;gap:8px;width:100%;padding:8px 16px;font-size:14px;line-height:21px;display:flex}.save-create-icon{background:#1c1c1c12;border-radius:8px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.save-collection-no-results{color:#8c8c8c;padding:16px;font-size:14px}.save-collection-label{display:inline-block}.card-collection-trigger>.collection-chevron{transition:transform .12s var(--ease-out);transform:rotate(0)}.card-collection-trigger[aria-expanded=true]>.collection-chevron{transition-duration:.16s;transform:rotate(180deg)}.collection-dialog-backdrop{z-index:80;transition:opacity .2s var(--ease-out);background:#0006;position:fixed;inset:0}.collection-dialog-backdrop[data-starting-style],.collection-dialog-backdrop[data-ending-style]{opacity:0}.collection-dialog-popup{z-index:81;width:min(400px,100vw - 32px);max-height:calc(100dvh - 32px);transition:opacity .2s var(--ease-out), transform .2s var(--ease-out);background:#fff;border:0;border-radius:24px;outline:0;padding:16px;position:fixed;top:50%;left:50%;overflow-y:auto;translate:-50% -50%;box-shadow:0 1px 15px -1px #0003,0 0 0 .5px #0000001f}.collection-dialog-popup[data-starting-style],.collection-dialog-popup[data-ending-style]{opacity:0;transform:scale(.97)}.collection-dialog-popup[data-ending-style],.collection-dialog-backdrop[data-ending-style]{transition-duration:.15s}.collection-editor-v2-heading{justify-content:space-between;align-items:center;height:28px;display:flex}.collection-editor-v2-heading h2{color:#8c8c8c;margin:0;font-size:14px;font-weight:400;line-height:21px}.collection-dialog-close{corner-shape:round;color:#8c8c8c;background:0 0;border:0;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;padding:6px;display:grid;position:relative}.collection-dialog-close:after{content:"";corner-shape:round;border-radius:50%;position:absolute;inset:-8px}.collection-dialog-close:focus-visible{background:#1c1c1c0d}.collection-editor-name{justify-content:center;align-items:center;height:160px;padding:8px;display:flex}.collection-editor-name-field{letter-spacing:-.03em;width:max-content;min-width:1ch;max-width:100%;font-size:32px;line-height:40px;display:block;position:relative}.collection-editor-name-measure{visibility:hidden;white-space:pre;padding-right:2px;display:block;overflow:hidden}.collection-editor-name input{text-align:left;width:100%;min-width:0;height:100%;font:inherit;letter-spacing:inherit;color:#1c1c1c;background:0 0;border:0;outline:0;padding:0;display:block;position:absolute;inset:0}.collection-editor-name input::placeholder{color:#1c1c1c80}.collection-editor-palette{border:0;margin:0;padding:0}.collection-editor-palette legend{color:#8c8c8c;margin-bottom:8px;padding:0;font-size:14px;line-height:21px}.collection-editor-palette>div{gap:8px;display:flex}.collection-editor-palette .collection-color-option{background-clip:border-box;border:0;width:30px;height:30px}.collection-editor-palette .collection-color-option:before{content:"";border-radius:inherit;position:absolute;inset:-7px}.collection-editor-palette .collection-color-option[data-selected=true]{box-shadow:0 0 0 2px #fff,0 0 0 3px #1c1c1c}.collection-editor-palette .collection-color-option[data-selected=true]:after{content:none}.collection-editor-v2-actions{gap:8px;padding-top:24px;display:flex}.collection-editor-v2-actions>button{flex:1}.collection-limit-message{color:#8c8c8c;margin-top:16px;font-size:14px}.collection-confirm-delete .collection-editor-v2-heading h2{color:#1c1c1c;font-size:16px;line-height:24px}.collection-confirm-delete>p{color:#8c8c8c;margin-top:4px;font-size:14px;line-height:21px}.collection-delete-confirm{background:#e3291e}.collection-delete-confirm:before{background:#0000000d}.collection-toast-viewport{bottom:max(16px, env(safe-area-inset-bottom));z-index:90;width:min(400px,100vw - 32px);height:var(--toast-frontmost-height,0px);pointer-events:none;outline:0;position:fixed;left:50%;translate:-50%}body:has(.collection-selection-bar[data-open=true]) .collection-toast-viewport{bottom:calc(max(48px, env(safe-area-inset-bottom)) + 57px)}.collection-toast{--toast-stack-scale:max(0, calc(1 - var(--toast-index) * .1));--toast-stack-y:calc(var(--toast-index) * -.45rem - (1 - var(--toast-stack-scale)) * var(--toast-front-height));width:max-content;max-width:100%;z-index:calc(10 - var(--toast-index) * 2);color:#fff;opacity:1;transform-origin:bottom;translate:-50%;transform:translateY(var(--toast-stack-y)) scale(var(--toast-stack-scale));transition:transform var(--toast-motion-duration) var(--feedback-exit-ease), opacity var(--toast-motion-duration) ease;pointer-events:auto;border-radius:999px;padding:4px;position:absolute;bottom:0;left:50%}.collection-toast-surface{border-radius:inherit;transform-origin:bottom;transform:scaleY(var(--toast-surface-scale,1));transition:transform .25s var(--feedback-exit-ease);background:#1c1c1c;position:absolute;inset:0;box-shadow:0 1px 30px -1px #0003}.collection-toast[data-expanded]{--toast-stack-y:calc(-1 * var(--toast-active-offset-y) - var(--toast-index) * .75rem);--toast-stack-scale:1}.collection-toast[data-expanded]>.collection-toast-surface{transform:scaleY(1)}.collection-toast:before{content:"";height:calc(.75rem + 1px);position:absolute;inset:100% 0 auto}.collection-toast[data-starting-style]{transform:translateY(150%)}.collection-toast[data-ending-style]{opacity:0;z-index:calc(11 - var(--toast-index) * 2);pointer-events:none;transform:translateY(150%)}.collection-toast[data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 150%))}.collection-toast[data-limited]{opacity:0;pointer-events:none}.collection-toast-content{align-items:center;gap:24px;min-height:33px;padding-left:8px;transition:opacity .25s;display:flex;position:relative}.collection-toast-message{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.collection-toast-icon{color:#fff;flex:0 0 20px}.collection-toast-content[data-behind]:not([data-expanded]),.collection-toast[data-exiting-behind]:not([data-expanded]) .collection-toast-content{opacity:0;pointer-events:none}.collection-toast-title{flex:1;min-width:0;margin:0;font-size:16px;font-weight:400;line-height:24px}.collection-toast-action{color:#1c1c1c;white-space:nowrap;background:#fff;border:0;border-radius:999px;flex-shrink:0;height:33px;min-height:33px;padding:6px 12px;font-size:14px;line-height:21px;position:relative}.collection-toast-action:after{content:"";border-radius:inherit;position:absolute;inset:-4px 0}.collections-page{min-height:calc(100svh - 151px);padding-bottom:96px}@media (min-width:1200px){.collections-page{min-height:max(1219px,100svh - 151px)}}.collections-heading{flex-direction:column;align-items:center;gap:16px;padding:84px 0 48px;display:flex}.collections-heading h1{color:#1c1c1c;letter-spacing:-.03em;font-size:32px;font-weight:500;line-height:38px}.collections-heading p{color:#1c1c1c99;margin:0;font-size:16px;line-height:24px}body:has(:is(.collections-page,.collection-detail-page)) .site-header-slot{height:calc(81px + var(--safe-top))}.collections-folder-row{justify-content:center;gap:35px}.collections-folder{flex:0 0 129px}.collections-new-folder .empty-folder{position:relative;top:auto;left:auto;transform:none}.collections-fonts{margin-top:48px}.collections-sorted-empty{text-align:center;color:#8c8c8c;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:393px;font-size:14px;line-height:21px;display:flex}.collections-sorted-empty p{max-width:500px}.collection-font-card{background:#f5f5f5}.collection-card-specimen{color:#1c1c1c;font-size:120px;line-height:1}.collection-card-meta{flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:37px;display:flex}.collection-card-meta>span{color:#1c1c1ccc;text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:999px;min-width:0;padding:8px 16px;font-size:14px;line-height:21px;overflow:hidden}.collection-card-meta>span:last-child{color:#1c1c1ccc;flex-shrink:0}.card-hover .collection-card-meta>span{color:#fff;background:#ffffff1a}.collection-font-card[data-selected=true]{transform:scale(.97)}.collection-card-choice,.collection-card-check{width:32px;height:32px;top:24px;right:24px}.collection-card-choice{opacity:0;transition:opacity .15s var(--ease-out), border-color var(--hover-duration) var(--ease-out);border:1.5px solid #1c1c1c}.collection-font-card[data-selection-mode=true] .collection-card-choice,.collection-font-card[data-selected=true] .collection-card-choice,.collection-font-card:focus-visible .collection-card-choice{opacity:1}.collection-card-choice[data-selected=true]{border-color:#1c1c1c}.collection-card-choice[data-choice-style=toggle]{background:#1c1c1c;border:0}.collection-card-choice[data-choice-style=toggle]:before{display:none}.collection-card-choice[data-choice-style=toggle]>svg{opacity:1;transform:none}.collection-selection-bar{min-height:45px;bottom:max(48px, env(safe-area-inset-bottom));padding:4px}.collection-selection-count{color:#ffffff80;padding-inline:16px}.collection-selection-separator{flex-basis:1px;margin-inline:11.5px}.collection-selection-bar button{color:#ffffff80;height:37px;min-height:37px;transition:color var(--hover-duration) ease, background-color var(--hover-duration) ease;padding:8px 16px}.collection-selection-bar button:disabled{opacity:1}.collection-selection-folders button[aria-pressed=true]{color:#fff;background:#ffffff1a}.collection-selection-bar button:focus-visible{color:#fff}.collection-selection-bar .collection-selection-close{color:#fff;flex:0 0 37px;width:37px;height:37px;min-height:37px;padding:0}.collection-selection-bar .collection-selection-close:after{content:"";border-radius:inherit;position:absolute;inset:-3.5px}.collection-selection-folders button{align-items:center;gap:4px;display:inline-flex}.folder-art[data-color=\#FFE600] .folder-art-front,.folder-art[data-color=\#FF616B] .folder-art-front,.folder-art[data-color=\#BF36E0] .folder-art-front,.folder-art[data-color=\#0D75FF] .folder-art-front{background:linear-gradient(180deg, color-mix(in srgb, var(--folder-color), white 15%), var(--folder-color));filter:drop-shadow(0 9.87px 8.72px #00000040);border-top-color:#ffffff80;box-shadow:inset 5.59px 5.59px 4.48px #ffffff40}.collection-detail-page{min-height:calc(100svh - 154px);padding-bottom:96px}.collection-detail-heading{flex-direction:column;align-items:center;padding:30px 0 24px;display:flex}.collection-detail-heading h1{margin-top:24px;font-size:20px;font-weight:400;line-height:24px}.collection-detail-options.secondary-button{border-radius:999px;width:36px;min-width:36px;height:36px;padding:8px}.collection-detail-heading p{color:#8c8c8c;margin-top:8px;font-size:14px;line-height:21px}.collection-detail-controls{justify-content:center;align-items:center;gap:8px;padding-bottom:48px;display:flex}.collection-detail-preview{gap:4px;width:min(285px,100%);height:37px;padding:8px 16px}.collection-detail-preview input::placeholder{color:#7b7b7b}.collection-detail-preview>span{color:#1c1c1c99;flex-shrink:0;font-size:14px;line-height:21px}.collection-preview-clear{color:#1c1c1c99;background:0 0;border:0;flex:0 0 16px;place-items:center;width:16px;height:16px;padding:0;display:grid;position:relative}.collection-preview-clear:after{content:"";border-radius:50%;width:44px;height:44px;position:absolute}.collection-detail-actions{align-items:center;gap:12px;display:flex}.collection-detail-actions :is(.secondary-button,.collection-remove-button){gap:4px;height:37px;padding:8px 16px}.collection-detail-page .collection-detail-actions .collection-detail-options{color:#7b7b7b;flex:0 0 37px;place-items:center;width:37px;height:37px;padding:0;display:grid;position:relative}.collection-detail-actions .collection-detail-options:is([aria-expanded=true],:active,:focus-visible){color:#1c1c1c}@media (hover:hover) and (pointer:fine){.collection-detail-actions .collection-detail-options:hover{color:#1c1c1c}}.collection-detail-options>svg{flex-shrink:0;width:20px;height:20px}.collection-detail-options:after{content:"";border-radius:inherit;position:absolute;inset:-4px}.collection-detail-options svg circle{fill:currentColor}.collection-settings-popup{border-radius:20px;width:min(236px,100vw - 32px);box-shadow:0 2px 16px -1px #00000029,0 0 0 .5px #1c1c1c14}.collection-settings-popup h2{color:#8c8c8c;margin:0;padding:8px;font-size:12px;font-weight:400;line-height:18px}.collection-settings-popup button{color:#7b7b7b;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:8px;width:100%;height:37px;padding:8px;font-size:14px;line-height:21px;display:flex}.collection-settings-popup button:not(:disabled):not(.collection-delete-menu):is(:focus-visible,:active){color:#1c1c1c;background:#1c1c1c0d}@media (hover:hover) and (pointer:fine){.collection-settings-popup button:not(:disabled):not(.collection-delete-menu):hover{color:#1c1c1c}}.collection-settings-popup .collection-delete-menu:focus-visible{background:#1c1c1c0d}.collection-settings-popup hr{height:var(--dropdown-divider-thickness);background:var(--dropdown-divider-color);border:0;margin:4px 0}.collection-settings-popup .collection-delete-menu{color:#ff5d4c}.collection-detail-empty{color:#8c8c8c;text-align:center;padding:80px 0;font-size:14px}.collection-missing{text-align:center;padding-top:96px}.collection-missing h1{margin-bottom:24px;font-size:20px;font-weight:400}.home-outro-mark{filter:blur(6px);background:0 0;-webkit-mask:none;mask:none}.home-outro-mark:before{content:"";background:#8c8c8c1a;position:absolute;inset:0;-webkit-mask:url(/logo.svg) 50%/contain no-repeat;mask:url(/logo.svg) 50%/contain no-repeat}.home-outro p{min-height:2.4em}.glyph-toolbar{justify-content:space-between;align-items:start;gap:48px;display:flex}.glyph-actions{justify-content:flex-start;gap:0}.glyph-action-divider{margin-left:25.5px;margin-right:31.5px}.glyph-language{width:120px}.glyph-layout{margin-top:64px}.glyph-view{top:calc(109px + var(--safe-top));width:min(800px,100% - 1072px);max-width:min(800px, calc(100dvh - 181px - var(--safe-top)))}.glyph-groups{width:1012px}.font-detail-source{gap:4px;height:56px;padding:16px 32px;font-size:16px;line-height:24px}.inspiration-page{flex-direction:column;min-height:calc(clamp(1600px,188.49vw,3619px) - 154px);display:flex}.inspiration-page .hero{flex-shrink:0;min-height:184px}.inspiration-filters{justify-content:space-between;align-items:center;gap:12px;height:85px;display:flex}.inspiration-filter-group{gap:12px;display:flex}.inspiration-filters>.dropdown .dropdown-list{left:auto;right:0}.inspiration-grid{flex-shrink:0;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.inspiration-card{background:#f1f1f1;border-radius:30px;outline:1px solid #1c1c1c33;height:420px;margin:0;overflow:hidden}.inspiration-card[data-size=tall]{height:720px}.inspiration-card img{object-fit:cover;width:100%;height:100%;display:block}.inspiration-bottom{flex:1;min-height:clamp(160px,44.5833vw,856px)}.inspiration-page .home-outro{flex-shrink:0}@media (hover:hover) and (pointer:fine){.collection-font-card[data-selectable=true]:hover .collection-card-choice{opacity:1}.collection-selection-bar button:hover{color:#fff;background:0 0}.collection-selection-folders button:not(:disabled):hover,.collection-selection-bar .collection-selection-close:hover{background:#ffffff1a}.font-card:hover .card-save-controls{opacity:1;visibility:visible;pointer-events:auto}.card-bookmark-button:hover{background:#ffffff1a}.save-collection-option:hover,.save-collection-option:focus-visible,.save-create-collection:hover,.collection-settings-popup button:not(:disabled):hover{background:#1c1c1c0d}.save-collection-option:hover .save-collection-plus{opacity:1}.collection-dialog-close:hover{background:#1c1c1c0d}.collections-new-folder .empty-folder{perspective:500px}.collections-new-folder .empty-folder-paper,.collections-new-folder .empty-folder-front{transform-origin:50% 100%;transition:transform .25s var(--ease-out)}.collections-new-folder:hover .empty-folder-front{transform:rotateX(-18deg)}.collections-new-folder:hover .empty-folder-paper{transform:translateY(-31px)rotate(-8deg)}.collections-new-folder:hover .empty-folder-paper+.empty-folder-paper{transition-delay:30ms;transform:translate(7px,-40px)rotate(3deg)}}@media (hover:none),(pointer:coarse){.collection-font-card[data-selectable=true] .collection-card-choice{opacity:1}.card-save-controls{opacity:1;visibility:visible;pointer-events:auto}.card-collection-trigger,.card-bookmark-button{color:#1c1c1c;background:#fff}.save-collection-plus{opacity:1}}@media (max-width:1199px){.font-tiles{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:16px}.font-tiles>.catalog-tile{grid-area:auto;padding-bottom:0}.font-card[data-card-size=tall],.home-content .catalog-tile[data-card-size=tall] .font-card,.collection-font-card[data-card-size=tall]{height:520px}.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1471px){.collection-card-specimen{font-size:clamp(40px,6.667vw,96px)}.glyph-toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.glyph-view,.glyph-groups{width:calc(50% - 16px)}}@media (max-width:1023px){.collection-selection-bar{bottom:max(48px, env(safe-area-inset-bottom))}.glyph-toolbar{flex-direction:column;gap:24px;height:auto;display:flex}.glyph-view{width:min(100%,700px);max-width:100%}.glyph-groups{width:100%}}@media (max-width:759px){.info{margin-block:48px 160px}.info-faq{margin-top:64px}body:has(.info){min-height:100svh}.inspiration-filter-group{flex-wrap:wrap}.inspiration-filters{align-items:flex-start;height:auto;padding-block:24px}.glyph-actions{gap:16px}.glyph-language{width:80px}.glyph-action-divider{margin:0}}@media (max-width:639px){.collection-card-specimen{font-size:clamp(40px,12vw,72px)}.collection-selection-bar{bottom:max(16px, env(safe-area-inset-bottom))}body:has(.collection-selection-bar[data-open=true]) .collection-toast-viewport{bottom:calc(max(16px, env(safe-area-inset-bottom)) + 57px)}.font-tiles,.inspiration-grid{grid-template-columns:1fr}.font-card[data-card-size=compact],.home-content .catalog-tile[data-card-size=compact] .font-card,.collection-font-card[data-card-size=compact]{height:360px}.font-card[data-card-size=tall],.home-content .catalog-tile[data-card-size=tall] .font-card,.collection-font-card[data-card-size=tall]{height:520px}.card-save-controls{inset:20px 20px auto}.card-collection-trigger{width:min(200px,100% - 60px)}.collections-folder-row{gap:32px 24px}.collections-heading{padding-block:32px}.collection-detail-preview{width:min(285px,100%)}.collection-detail-actions{gap:8px}.site-footer{height:auto;min-height:81px;padding-bottom:max(24px, env(safe-area-inset-bottom))}body:has(.collections-page) .site-footer{height:auto;min-height:81px;padding-bottom:max(24px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){.collection-dialog-popup,.collection-dialog-backdrop,.save-collection-popup,.collection-settings-popup{transition:opacity .12s var(--ease-out)!important;transform:none!important}.collection-toast,.collection-toast-content{transition:opacity .12s var(--ease-out)!important}.collection-toast-surface{transition:none!important}.collection-toast[data-starting-style],.collection-toast[data-ending-style]{opacity:0;transform:translateY(var(--toast-stack-y)) scale(var(--toast-stack-scale))}.collection-font-card[data-selected=true]{transform:none}.collections-new-folder .empty-folder-paper,.collections-new-folder .empty-folder-front{transition:none;transform:none!important}.card-collection-trigger>.collection-chevron{transition:none!important}.number-thumb{transform:translate(-50%,-50%)!important}}:root[data-motion-input=keyboard] :is(.save-collection-popup,.collection-settings-popup,.collection-dialog-popup,.collection-dialog-backdrop,.collection-toast,.collection-toast-surface,.collection-toast-content,.collection-selection-bar,.card-save-controls,.collection-chevron,.collection-font-card,.collection-card-check,.collection-card-choice,.collection-card-choice>svg,.tooltip-positioner,.tooltip-bubble,.info-faq-icon,.info-faq-panel,.glyph-cell,.site-header-content,.site-header-background),:root[data-motion-input=keyboard] .collection-card-choice:before{transition:none!important}:root[data-motion-input=keyboard] :is(button,a):active{transform:none!important}
.site-header-content{height:33px}.home-header-links{gap:0}.home-header-links a,.header-categories a,.header-collections a{color:#7b7b7b;white-space:nowrap;height:33px;transition:color var(--hover-duration) ease, background-color var(--hover-duration) ease;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:14px;line-height:21px;display:inline-flex}.home-header-links a,.header-categories a,.home-header-menu nav a{transition:transform var(--press-release-duration) var(--ease-out), background-color var(--hover-duration) var(--ease-out), color var(--hover-duration) var(--ease-out)}.home-header-links a[aria-current=page],.header-categories a[aria-current],.header-collections a[aria-current]{color:#1c1c1c;background:0 0}.home-header-links a:focus-visible,.header-categories a:focus-visible,.header-collections a:focus-visible{color:#1c1c1c;background:#1c1c1c0d;transition:none}.home-header-links a,.home-header-menu nav a{position:relative}.header-collection-count{color:#fff;background:#1c1c1c;border-radius:999px;justify-content:center;align-items:center;min-width:14px;height:14px;padding-inline:4px;font-size:10px;line-height:14px;display:flex;position:absolute;top:-3px;right:0}.header-categories{align-items:center;margin-left:32px;margin-right:auto;display:flex}.header-collections{scrollbar-width:none;flex:1;align-items:center;min-width:0;margin-block:-4px;margin-inline:32px 24px;padding-block:4px;display:flex;overflow-x:auto}.header-collections a{flex:none;gap:4px}.header-folder-dot{border-radius:50%;flex:0 0 8px;height:8px}.home-header-links{flex-shrink:0}.catalog-category-filter{display:none}.hero-copy{z-index:1;pointer-events:none;flex-direction:column;align-items:center;gap:16px;width:100%;display:flex;position:relative}.hero-copy h1{color:#1c1c1c}.hero-copy p{color:#1c1c1c99;font-size:16px;line-height:24px}.home-hero{position:relative}.hero-artwork{width:1920px;height:629px;transform:translateX(-50%) scale(min(1, calc(100vw / 1920px)));transform-origin:50% 0;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:absolute;top:-81px;left:50%}.hero-artwork[data-dragging=true]{cursor:grabbing}.hero-artwork:focus-visible{outline-offset:-8px}.hero-orbit-stage{left:50%;top:var(--hero-center-y,334px);width:0;height:0;position:absolute}.hero-type-tile{-webkit-user-select:none;user-select:none;will-change:transform;display:block;position:absolute;top:0;left:0}.hero-type-surface{color:#919191;background:#f5f5f5e6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;box-shadow:0 1px 2px 1px #00000014}.hero-type-surface>span{letter-spacing:-.03em;white-space:nowrap;display:block}.hero-type-glyph{background:currentColor;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-orbit-image>img{object-fit:cover;width:100%;height:100%;display:block}:is(.pill-control,.secondary-button,.collection-remove-button).outline-control,.outline-input{color:#1c1c1ccc;background:#fff;box-shadow:0 1px 2px -1px #0003,0 0 0 .8px #00000029}.outline-control:before{background:0 0}.outline-control:is([data-filter-active=true],[aria-expanded=true],[aria-pressed=true],:active,:focus-visible){color:#1c1c1c;background:#fff;box-shadow:0 1px 2px -1px #0003,0 0 0 .8px #0000007a}.outline-input:has(input:focus){color:#1c1c1c;background:#fff;box-shadow:0 1px 2px -1px #0003,0 0 0 .8px #0000007a}.filter-dropdown .dropdown-clear{color:#7b7b7b}.collection-detail-actions .collection-remove-button.outline-control[aria-pressed=true]{color:#fff;background:#1c1c1c}.filter-dropdown:has(.pill-control:is([data-filter-active=true],[aria-expanded=true],:active,:focus-visible)) .dropdown-clear{color:#1c1c1c}.filter-dropdown .dropdown-list{width:152px;min-width:max(152px, var(--dropdown-trigger-width,0px));transform-origin:top;transition:transform .18s var(--ease-out), opacity .15s var(--ease-out), visibility 0s linear .18s;border-radius:20px;padding:4px;top:calc(100% + 8px);transform:translateY(-4px)scale(.97);box-shadow:0 2px 16px -1px #00000029,0 0 0 .5px #1c1c1c14}.filter-dropdown .dropdown-list[data-open=true]{transition-delay:0s;transform:translateY(0)scale(1)}.filter-dropdown .dropdown-list,.collection-settings-popup{transition:transform .18s var(--ease-out), opacity .15s var(--ease-out), visibility 0s linear .18s}.collection-settings-popup:is([data-starting-style],[data-ending-style]){opacity:0;transition-duration:.18s,.15s,.18s;transform:translateY(-4px)scale(.97)}.sort-group .filter-dropdown .dropdown-list{transform-origin:100% 0}.filter-dropdown .dropdown-list button{color:#7b7b7b;transition:color var(--hover-duration) var(--ease-out);border-radius:16px;padding:6px 12px}.filter-dropdown .dropdown-list button:before{background:#1c1c1c0d}.filter-dropdown .dropdown-list button[aria-selected=true]{color:#1c1c1c}.filter-dropdown .dropdown-list button:focus-visible{color:#1c1c1c;transition:none}body:has(.home-content) .filters .catalog-preview-control{gap:4px;padding-inline:12px}body:has(.home-content) .filters .catalog-preview-control input::placeholder{color:#1c1c1c99}body:has(.home-content) .filters .catalog-preview-counter{color:#1c1c1c99}.outline-input .preview-clear{color:#7b7b7b;width:16px;height:21px;transition:transform var(--press-release-duration) var(--ease-out), color var(--hover-duration) var(--ease-out);border-radius:50%;flex:0 0 16px;margin:0;padding:0;position:relative}.outline-input .preview-clear:after{content:"";border-radius:inherit;width:44px;height:44px;position:absolute;top:50%;left:50%;translate:-50% -50%}.outline-input .preview-clear:active:not(:focus-visible){transition-duration:var(--press-duration), var(--hover-duration);transform:scale(.97)}.outline-input .preview-clear:focus-visible{color:#1c1c1c;transition:none}body:has(.home-content) .filters .sort-group>span:first-child{color:#1c1c1c80}.home-content .card-face{background:#f5f5f5}.home-content .specimen-text,.home-content .home-outro p{color:#1c1c1c}.home-content .card-hover,.home-content .font-card[data-motion=weight] .card-hover{background:#1c1c1c}.home-content .card-hover .specimen-text{color:#fff}.home-content .home-card-meta{flex-shrink:0;justify-content:space-between;gap:48px}.home-content :is(.home-card-name,.home-card-styles){color:#1c1c1ccc;white-space:nowrap;background:#fff;border-radius:999px;min-width:0;padding:8px 16px;font-size:14px;line-height:21px;display:block}.home-content .home-card-name{text-overflow:ellipsis;overflow:hidden}.home-content .home-card-styles{flex-shrink:0}.home-content .card-hover :is(.home-card-name,.home-card-styles){color:#fff;background:#ffffff1a}.home-content .card-bookmark-button,.home-content .card-bookmark-button:after{border-radius:50%}.home-content .card-bookmark-button{background:#ffffff1a}.card-collection-trigger{transition:transform var(--press-release-duration) var(--ease-out), background-color var(--hover-duration) var(--ease-out)}.card-collection-trigger:active:not(:disabled):not(:focus-visible){transition-duration:var(--press-duration), var(--hover-duration);transform:scale(.97)}.card-collection-trigger:focus-visible{transition:none}.font-card .card-bookmark-button:active:not(:disabled):not(:focus-visible){transform:scale(.93)}@media (min-width:1200px){body:has(.home-content) .site-header-slot{height:calc(81px + var(--safe-top))}.home-hero{--hero-scale:min(1, calc(100vw / 1920px));--hero-center-y:334px;--hero-scene-inset:calc(200px * (1 - var(--hero-scale)));height:calc(629px * var(--hero-scale) + var(--hero-scene-inset) - 81px);min-height:0;padding-block:0}.home-hero .hero-copy{left:50%;top:calc(var(--hero-center-y) * var(--hero-scale) + var(--hero-scene-inset) - 81px);position:absolute;transform:translate(-50%,-50%)}.home-hero h1{font-size:32px;line-height:38px}.hero-artwork{top:calc(var(--hero-scene-inset) - 81px);transform:translateX(-50%) scale(var(--hero-scale))}}@media (min-width:1024px){body:has(.home-content) .filters .pill-control{height:33px;padding:6px 12px}body:has(.home-content) .filters .pill-control[data-filter-active=true]{padding-right:44px}body:has(.home-content) .filters .catalog-preview-control{width:280px;height:33px;padding-block:6px}body:has(.home-content) .filters .dropdown-list button{min-width:0;height:33px}.home-content>.filters{height:81px}body:has(.home-content) .site-header-filters{height:33px}body:has(.home-content) .filters.filters-in-header{height:33px}body:has(.home-content) .sort-group{gap:8px}body:has(.home-content) .sort-divider{height:32px;margin-inline:16px}}@media (max-width:1199px){.hero-artwork{display:none}}@media (max-width:1023px){.header-categories{display:none}.catalog-category-filter{min-width:0;display:block}}@media (hover:hover) and (pointer:fine){.home-header-links a:hover,.header-categories a:hover,.header-collections a:hover{color:#1c1c1c;background:#1c1c1c0d}.outline-control:not(:disabled):hover,.outline-input:hover{color:#1c1c1c;box-shadow:0 1px 2px -1px #0003,0 0 0 .8px #0000007a}.filter-dropdown:has(.dropdown-clear:hover) .outline-control{color:#1c1c1c;box-shadow:0 1px 2px -1px #0003,0 0 0 .8px #0000007a}.filter-dropdown .dropdown-list button:hover{color:#1c1c1c}.filter-dropdown:has(:is(.pill-control,.dropdown-clear):hover) .dropdown-clear{color:#1c1c1c}.outline-input .preview-clear:hover{color:#1c1c1c}.home-content .card-collection-trigger,.home-content .card-bookmark-button:hover{background:#ffffff1a}}@media (max-width:639px){.home-content .home-card-meta{gap:12px}}@media (prefers-reduced-motion:reduce){.outline-input .preview-clear:active{transform:none}.filter-dropdown .dropdown-list{transform:none;transition:opacity .12s var(--ease-out)!important}.card-collection-trigger:active{transform:none!important}}:root[data-motion-input=keyboard] .card-collection-trigger,.filter-dropdown.keyboard-interaction .dropdown-list{transition:none}body:has(.category-content) .site-header-slot{height:calc(81px + var(--safe-top))}.category-hero{color:#1c1c1c;text-align:center;flex-direction:column;align-items:center;gap:16px;padding-block:84px;display:flex}.category-hero h1{letter-spacing:-.03em;width:min(726px,100%);font-size:32px;font-weight:500;line-height:38px}.category-hero p{color:#1c1c1c99;max-width:100%;font-size:16px;line-height:24px}.font-availability{border-radius:999px;align-items:center;gap:4px;padding:8px 16px;font-size:14px;line-height:21px;display:inline-flex;box-shadow:0 0 0 .8px #0000001f}.font-availability-dot{background:#19d24b;border-radius:50%;flex:0 0 8px;height:8px;animation:2.4s cubic-bezier(.77,0,.175,1) infinite font-availability-pulse}@keyframes font-availability-pulse{0%,to{opacity:1}50%{opacity:.45}}.category-content .sort-group>span:first-child,.category-content .sort-divider{display:none}body:has(.category-content) .filters-in-header .sort-group>span:first-child{display:none}body:has(.category-content) .filters-in-header .sort-divider{display:none}body:has(.category-content) .sort-group{margin-left:auto}.save-collection-popup{--dropdown-divider-color:#2929291a;color:#1c1c1c;border-radius:22px;padding:8px;box-shadow:0 1px 16px -1px #00000029,0 0 0 .5px #00000014}.save-collection-options{overscroll-behavior:contain;max-height:50svh;padding-block:0;overflow-y:auto}.save-collection-option{height:auto;min-height:51px;padding:6px 48px 6px 12px;position:relative}.save-collection-option[aria-pressed=true],.save-collection-option:focus-visible{background:#1c1c1c0d;border-radius:13px}.save-collection-option small,.save-create-collection small{color:#1c1c1c99}.save-collection-plus{color:#1c1c1ccc;background:#17171712;width:32px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.save-collection-plus>svg,.save-create-icon>svg{display:block}.save-create-section{border-top:0;padding-top:9px;position:relative}.save-create-section:before{content:"";top:calc((9px - var(--dropdown-divider-thickness)) / 2);height:var(--dropdown-divider-thickness);background:var(--dropdown-divider-color);pointer-events:none;position:absolute;left:-8px;right:-8px}.save-create-section[data-has-collections=false]{border-top:0;padding-top:0}.save-create-section[data-has-collections=false]:before{content:none}.save-create-collection{background:0 0;border-radius:12px;padding:6px 12px}.save-create-collection:focus-visible{background:#1c1c1c0d}.save-create-icon{color:#1c1c1ccc;background:#17171712}@media (hover:hover) and (pointer:fine){.save-collection-option:hover{background:#1c1c1c0d;border-radius:13px}.save-create-collection:hover{background:#1c1c1c0d}}@media (max-width:1023px){.category-hero{padding-block:64px}.category-content .sort-group{justify-content:flex-end;width:100%}}@media (max-width:639px){.header-collections{margin-inline:16px}.hero-copy p{font-size:14px;line-height:21px}.category-hero{padding-block:48px}.category-hero h1{font-size:28px;line-height:34px}.category-hero p br{display:none}}@media (prefers-reduced-motion:reduce){.font-availability-dot{animation:none}}
