.font-showcase{font-family:Ofelia Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:6rem;padding:3rem 2rem;border-radius:1rem;margin:2rem 0;width:100%;box-sizing:border-box}@media(max-width:1024px){.font-showcase{flex-direction:column;align-items:stretch;gap:2.5rem;padding:2.5rem 1.5rem}}@media(max-width:768px){.font-showcase{padding:2rem 1rem;gap:2rem}}@media(max-width:640px){.font-showcase{padding:1.5rem .25rem;gap:1.5rem;border-radius:.75rem}}.font-showcase .font-showcase__main{display:flex;align-items:center;position:relative;width:auto;min-width:0;justify-content:flex-start}@media(max-width:1024px){.font-showcase .font-showcase__main{justify-content:center}}.font-showcase .font-showcase__name{font-size:6.5rem;color:#122d3f;line-height:1.1;font-weight:500;letter-spacing:-.03em;margin:0 auto;position:relative;z-index:2;padding:3rem 4.5rem;min-width:0;word-break:break-word;text-align:center;width:auto}.font-showcase .font-showcase__name:before{content:"";position:absolute;top:50%;left:0;right:0;height:100%;transform:translateY(-50%);background:#cbced1;border-radius:0 0 8rem;z-index:-1}@media(max-width:1280px){.font-showcase .font-showcase__name{font-size:5rem;padding:4rem 6rem}}@media(max-width:1024px){.font-showcase .font-showcase__name{font-size:3.5rem;padding:2.5rem 5rem}}@media(max-width:768px){.font-showcase .font-showcase__name{font-size:2.5rem;padding:1rem 2.5rem}}@media(max-width:640px){.font-showcase .font-showcase__name{font-size:1.5rem;padding:.5rem 1rem;border-radius:.5rem;width:100%;text-align:left;margin:0}.font-showcase .font-showcase__name:before{border-radius:.5rem}}.font-showcase .font-showcase__weights{display:flex;flex-direction:column;gap:2rem;align-items:flex-start;min-width:120px}@media(max-width:1024px){.font-showcase .font-showcase__weights{align-items:stretch;width:100%;min-width:0}}@media(max-width:640px){.font-showcase .font-showcase__weights{gap:1rem}}.font-showcase .font-showcase__weight{font-size:2.5rem;color:#122d3f;line-height:1.15;word-break:break-word}@media(max-width:1280px){.font-showcase .font-showcase__weight{font-size:1.75rem}}@media(max-width:1024px){.font-showcase .font-showcase__weight{font-size:1.5rem}}@media(max-width:768px){.font-showcase .font-showcase__weight{font-size:1.25rem}}@media(max-width:640px){.font-showcase .font-showcase__weight{font-size:1rem;text-align:left}}.font-specimen{display:flex;flex-direction:row;gap:3rem;width:100%;align-items:flex-start;padding:3rem;box-sizing:border-box}@media(max-width:1024px){.font-specimen{flex-direction:column;gap:.5rem;padding:2rem}}@media(max-width:768px){.font-specimen{gap:1.5rem;padding:2rem}}@media(max-width:640px){.font-specimen{gap:1rem;padding:1.5rem}}.font-specimen .font-specimen__header{display:flex;flex-direction:column;gap:.25rem;min-width:200px;flex-shrink:0}@media(max-width:1024px){.font-specimen .font-specimen__header{min-width:160px}}@media(max-width:768px){.font-specimen .font-specimen__header{min-width:auto;gap:.25rem}}@media(max-width:640px){.font-specimen .font-specimen__header{gap:.25rem}}.font-specimen .font-specimen__divider{width:1px;background-color:#dae1e6;flex-shrink:0;align-self:stretch;margin:0 1.5rem}@media(max-width:768px){.font-specimen .font-specimen__divider{display:none}}.font-specimen .font-specimen__name{font-family:Ofelia Text,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:1rem;font-weight:inherit;color:#122d3f;text-transform:uppercase;letter-spacing:.05em;margin:0}@media(max-width:768px){.font-specimen .font-specimen__name{font-size:.85rem}}.font-specimen .font-specimen__samples{display:flex;flex-direction:column;gap:.5rem;padding-bottom:3rem;border-radius:.75rem;flex:1;min-width:0}@media(max-width:1024px){.font-specimen .font-specimen__samples{padding:2.5rem}}@media(max-width:768px){.font-specimen .font-specimen__samples{padding:1rem;gap:.25rem}}@media(max-width:640px){.font-specimen .font-specimen__samples{padding:.5rem}}.font-specimen .font-specimen__sample{color:#122d3f;line-height:1.2;word-break:break-all;transition:font-size .2s}.font-specimen .font-specimen__sample--uppercase,.font-specimen .font-specimen__sample--lowercase,.font-specimen .font-specimen__sample--numbers,.font-specimen .font-specimen__sample--special{font-size:1.75rem}@media(max-width:1280px){.font-specimen .font-specimen__sample--uppercase,.font-specimen .font-specimen__sample--lowercase,.font-specimen .font-specimen__sample--numbers,.font-specimen .font-specimen__sample--special{font-size:1.5rem}}@media(max-width:1024px){.font-specimen .font-specimen__sample--uppercase,.font-specimen .font-specimen__sample--lowercase,.font-specimen .font-specimen__sample--numbers,.font-specimen .font-specimen__sample--special{font-size:1.25rem}}@media(max-width:768px){.font-specimen .font-specimen__sample--uppercase,.font-specimen .font-specimen__sample--lowercase,.font-specimen .font-specimen__sample--numbers,.font-specimen .font-specimen__sample--special{font-size:1.125rem}}@media(max-width:640px){.font-specimen .font-specimen__sample--uppercase,.font-specimen .font-specimen__sample--lowercase,.font-specimen .font-specimen__sample--numbers,.font-specimen .font-specimen__sample--special{font-size:1rem}}.sg-typography-page{display:flex;flex-direction:column;gap:3rem}@media(max-width:768px){.sg-typography-page{gap:2.5rem}}.sg-typography-page .sg-typography-page__header{display:flex;flex-direction:column;gap:1rem}.sg-typography-page .sg-typography-page__specimens{display:flex;flex-direction:column;margin:0 auto;gap:3rem;align-items:center}@media(max-width:768px){.sg-typography-page .sg-typography-page__specimens{gap:2.5rem}}@media(max-width:640px){.sg-typography-page .sg-typography-page__specimens{gap:2rem}}.sg-typography-page__divider{border:none;border-top:1px solid #122d3f;margin:4rem -4rem}@media(max-width:1280px){.sg-typography-page__divider{margin-left:-2rem;margin-right:-2rem}}@media(max-width:768px){.sg-typography-page__divider{margin-left:-.5rem;margin-right:-.5rem}}