@import url("./font-atelier-files.css");
.font-atelier .fa-family>.fa-individual-preview{display:block}
.font-atelier .fa-family>.fa-individual-preview[hidden]{display:none}
.font-atelier{--fa-ink:#17150f;--fa-paper:#f2eee3;--fa-lime:#cbef3a;color:var(--fa-ink);font-family:"Atelier Zen Kaku Gothic New",sans-serif;margin:0 auto;max-width:1280px}
.font-atelier *{box-sizing:border-box}.font-atelier h3,.font-atelier h4,.font-atelier h5,.font-atelier p,.font-atelier dl{margin:0}.font-atelier button,.font-atelier a{-webkit-tap-highlight-color:transparent}.font-atelier a{color:inherit;text-underline-offset:5px}.font-atelier button:focus-visible,.font-atelier a:focus-visible{outline:3px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 5px var(--lime)}
.font-atelier .fa-intro{padding:35px 0 38px;border-top:1px solid var(--fa-ink)}.font-atelier .fa-kicker,.font-atelier .fa-label{font-family:"Atelier Space Grotesk",sans-serif;font-size:11px;letter-spacing:2px}.font-atelier .fa-intro h3{font-size:clamp(30px,4vw,58px);line-height:1.3;letter-spacing:-2px;font-weight:900;margin:20px 0}.font-atelier .fa-intro>p:last-child{font-size:15px;line-height:1.9;max-width:650px}
.font-atelier .fa-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--fa-ink);border-bottom:1px solid var(--fa-ink)}.font-atelier .fa-tabs button{font-family:"Atelier Space Grotesk","Atelier Zen Kaku Gothic New",sans-serif;display:flex;gap:15px;align-items:center;font-size:12px;text-align:left;padding:22px 15px;border:0;border-right:1px solid #151b1d42;color:var(--fa-ink);background:transparent;cursor:pointer}.font-atelier .fa-tabs button:last-child{border-right:0}.font-atelier .fa-tabs span{font-size:14px}.font-atelier .fa-tabs [aria-selected=true]{background:var(--fa-lime)}
.font-atelier .fa-specimen{display:grid;grid-template-columns:1.5fr 1fr;min-height:490px;border-bottom:1px solid var(--fa-ink)}.font-atelier .fa-sample{padding:40px 42px 30px 0}.font-atelier .fa-sample h4{font-family:var(--fa-heading),sans-serif;font-size:clamp(30px,4vw,58px);line-height:1.35;letter-spacing:-2px;font-weight:700;white-space:pre-line;margin:34px 0 25px}.font-atelier .fa-body{font-family:var(--fa-body),sans-serif;font-size:16px;line-height:2;max-width:480px}.font-atelier .fa-latin{font-family:var(--fa-latin),sans-serif;font-size:clamp(30px,4vw,57px);font-weight:600;letter-spacing:-2px;margin-top:38px}.font-atelier [data-style=motion] .fa-sample{background:#111b29;color:#f3f0e7;padding-left:28px}.font-atelier [data-style=motion] .fa-sample h4,.font-atelier [data-style=motion] .fa-latin{color:var(--fa-lime)}.font-atelier [data-style=motion] h4{font-weight:900}.font-atelier [data-style=poster] .fa-sample{background:var(--fa-lime);padding-left:28px}.font-atelier [data-style=poster] h4{font-weight:400;font-size:clamp(29px,3.6vw,51px)}
.font-atelier .fa-recipe{padding:40px 0 28px 35px;border-left:1px solid #151b1d42}.font-atelier dl{margin-top:24px}.font-atelier dl>div{padding:13px 0;display:grid;grid-template-columns:75px 1fr;border-bottom:1px solid #151b1d25;align-items:baseline}.font-atelier dt{font-size:12px}.font-atelier dd{margin:0;font-family:"Atelier Space Grotesk",sans-serif;font-size:17px}.font-atelier .fa-direction{font-size:14px;line-height:1.9;margin:22px 0}.font-atelier .fa-copy{width:100%;padding:18px;border:1px solid var(--fa-ink);background:var(--fa-ink);color:var(--fa-paper);font:inherit;font-size:14px;cursor:pointer;text-align:left;display:flex;justify-content:space-between}.font-atelier .fa-copy:hover{background:var(--fa-lime);color:var(--fa-ink)}.font-atelier .fa-status{font-size:12px;min-height:25px;margin-top:10px}.font-atelier .fa-copy-fallback{width:100%;height:130px;font-size:13px;background:var(--fa-paper);color:var(--fa-ink);padding:10px}
.font-atelier .fa-download-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:35px 0 20px}.font-atelier .fa-download-head h4{font-size:28px;font-weight:900}.font-atelier .fa-kit{font-size:14px;text-decoration:none;padding:14px 20px;background:var(--fa-lime);border:1px solid var(--fa-ink)}.font-atelier .fa-downloads{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--fa-ink)}.font-atelier .fa-family{padding:23px 20px 23px 0;border-bottom:1px solid #151b1d42}.font-atelier .fa-family h5{font-family:"Atelier Space Grotesk",sans-serif;font-size:21px;font-weight:600}.font-atelier .fa-family p{font-size:13px;line-height:1.8;margin:8px 0 17px}.font-atelier .fa-family>div{display:flex;gap:20px;font-size:12px}.font-atelier .fa-license{font-size:12px;line-height:1.9;color:#545b58;max-width:800px;margin-top:22px}.font-atelier .fa-error{padding:30px;border:1px solid var(--fa-ink)}
@media(max-width:760px){.font-atelier .fa-tabs{grid-template-columns:1fr 1fr}.font-atelier .fa-tabs button:nth-child(2){border-right:0}.font-atelier .fa-tabs button:nth-child(-n+2){border-bottom:1px solid #151b1d42}.font-atelier .fa-specimen{grid-template-columns:1fr}.font-atelier .fa-sample{padding:30px 15px}.font-atelier .fa-sample h4{font-size:39px;letter-spacing:-1.6px}.font-atelier [data-style=poster] h4{font-size:34px}.font-atelier .fa-recipe{border-left:0;border-top:1px solid #151b1d42;padding:28px 0}.font-atelier .fa-downloads{grid-template-columns:1fr 1fr}.font-atelier .fa-family{padding-right:12px}.font-atelier .fa-family h5{font-size:18px}.font-atelier .fa-download-head{align-items:flex-start;flex-direction:column}.font-atelier .fa-latin{font-size:42px}.font-atelier .fa-family>div{gap:13px}}
@media(max-width:400px){.font-atelier .fa-tabs button{padding:16px 9px;gap:8px}.font-atelier .fa-tabs span{font-size:12px}.font-atelier .fa-downloads{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.font-atelier *{scroll-behavior:auto;animation:none;transition:none}}
.font-atelier .fa-tabs{grid-template-columns:repeat(4,1fr)}
.font-atelier .fa-tabs button:nth-child(4n){border-right:0}
.font-atelier .fa-tabs button:nth-child(-n+4){border-bottom:1px solid #151b1d42}
.font-atelier [data-style=work] .fa-sample{background:#fffdf6;padding-left:28px}
.font-atelier [data-style=work] .fa-latin{color:#c24b2e}
.font-atelier [data-style=explain] .fa-sample{background:#163c32;color:#fff8e9;padding-left:28px}
.font-atelier [data-style=explain] h4{letter-spacing:-1px}
.font-atelier [data-style=explain] .fa-latin{color:#f1b77e;font-size:clamp(27px,3.4vw,44px)}
.font-atelier [data-style=technical] .fa-sample{background:#fff;color:#202b49;padding-left:28px}
.font-atelier [data-style=technical] h4{color:#225cbe;letter-spacing:-1px}
.font-atelier [data-style=technical] .fa-latin{font-family:var(--fa-code),var(--fa-body),monospace;font-size:clamp(24px,3vw,41px);font-variant-ligatures:none;letter-spacing:0;color:#225cbe}
@media(max-width:760px){.font-atelier .fa-tabs{grid-template-columns:1fr 1fr}.font-atelier .fa-tabs button:nth-child(3){border-right:1px solid #151b1d42}.font-atelier .fa-tabs button:nth-child(2n){border-right:0}.font-atelier .fa-tabs button:nth-child(-n+4){border-bottom:1px solid #151b1d42}}

.fa-bundles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:30px}.fa-bundles .fa-kit{display:flex;flex-direction:column;gap:7px;white-space:normal}.fa-bundles span{font-size:12px;font-weight:400}.fa-library-head{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:20px;margin:30px 0 18px}.fa-library-head h4{margin:0}.fa-library-head label{display:grid;gap:6px;font-size:12px;min-width:min(100%,280px)}.fa-library-head input{border:1px solid var(--ink);background:transparent;padding:10px;font:inherit;min-width:0}.fa-font-filters{display:flex;flex-wrap:wrap;gap:8px}.fa-font-filters button,.fa-preview-toggle{background:transparent;border:1px solid var(--line);padding:9px 12px;font:inherit;font-size:12px;cursor:pointer;color:var(--ink)}.fa-font-filters button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.fa-font-results{font-size:12px;color:var(--muted)}.fa-family{min-width:0}.fa-family h5{overflow-wrap:anywhere}.fa-family-actions{flex-wrap:wrap}.fa-font-meta{font-size:11px!important;color:var(--muted)}.fa-preview-toggle{margin-top:15px}.fa-individual-preview{border-top:1px solid var(--line);margin-top:15px;padding-top:8px}.fa-individual-preview[hidden]{display:none}.fa-font-sample{font-size:24px!important;line-height:1.6!important;white-space:pre-wrap;overflow-wrap:anywhere;font-synthesis:none}.fa-font-load{font-size:11px!important;color:var(--muted)}.fa-sample h4{font-synthesis:none}.fa-sample .fa-latin{overflow-wrap:anywhere}.fa-recipe h4{font-size:13px;margin:0 0 15px}.fa-font-filters button:focus-visible,.fa-preview-toggle:focus-visible,.fa-library-head input:focus-visible{outline:3px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 5px var(--lime)}@media(max-width:600px){.fa-bundles{grid-template-columns:1fr}.fa-library-head{display:block}.fa-library-head label{margin-top:15px}.fa-font-sample{font-size:21px!important}}

.font-atelier [data-code=true] .fa-latin{font-family:var(--fa-code),monospace;font-variant-ligatures:none;letter-spacing:0;font-size:clamp(20px,3vw,40px)}
.font-atelier .fa-mobile-preset{display:none}.font-atelier .fa-mobile-preset select{width:100%;padding:13px 12px;margin-top:9px;font:inherit;font-size:15px;background:var(--fa-paper);color:var(--fa-ink);border:1px solid var(--fa-ink)}@media(max-width:760px){.font-atelier .fa-tabs{display:none}.font-atelier .fa-mobile-preset{display:block;font-size:13px;padding:18px 0;border-top:1px solid var(--fa-ink);border-bottom:1px solid var(--fa-ink)}}

@media(max-width:760px){.font-atelier .fa-intro{padding:14px 0 18px}.font-atelier .fa-intro h3{font-size:26px;line-height:1.4;letter-spacing:0;margin:12px 0}.font-atelier .fa-intro>p:last-child{font-size:14px}}

@media(min-width:761px){.font-atelier .fa-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.font-atelier .fa-tabs button:nth-child(n){border-right:1px solid #151b1d42;border-bottom:1px solid #151b1d42}.font-atelier .fa-tabs button:nth-child(3n){border-right:0}.font-atelier .fa-tabs button:nth-last-child(-n+3){border-bottom:0}}
@media(min-width:1000px){.font-atelier .fa-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}.font-atelier .fa-tabs button:nth-child(n){border-right:1px solid #151b1d42;border-bottom:1px solid #151b1d42}.font-atelier .fa-tabs button:nth-child(5n){border-right:0}.font-atelier .fa-tabs button:nth-last-child(-n+5){border-bottom:0}}

.font-atelier .fa-font-results{margin:12px 0 16px;line-height:1.6}