.is-hidden{display:none}.page-section--typography .page-section__row--font-glyphs{margin-bottom:28px}@media only screen and (min-width:640px){.page-section--typography .page-section__row--font-glyphs{margin-bottom:32px}}@media only screen and (min-width:960px){.page-section--typography .page-section__row--font-glyphs{display:flex}}@media only screen and (min-width:640px){.page-section--typography .page-section__row--font-glyphs .page-section__column--title{margin-right:32px}}@media only screen and (min-width:960px){.page-section--typography .page-section__row--font-glyphs .page-section__column--title{flex:0 0 208px;width:208px}}@media only screen and (min-width:640px){.page-section--typography .page-section__row--font-glyphs .section-headline{margin-bottom:16px}}@media only screen and (min-width:960px){.page-section--typography .page-section__row--font-glyphs .section-headline{margin-bottom:0}.page-section--typography .page-section__row--font-glyphs .page-section__column--symbols{width:calc(100% - 240px)}}@media only screen and (min-width:1280px){.page-section--typography .page-section__row--font-glyphs .page-section__column--symbols{width:688px}}.page-section--typography .page-section__row--font-weight{margin-bottom:48px}@media only screen and (max-width:639px){.page-section--typography .page-section__row--font-weight{margin-left:-16px;margin-right:-16px}}@media only screen and (min-width:640px){.page-section--typography .page-section__row--font-weight{display:flex;margin-bottom:84px}}@media only screen and (min-width:960px){.page-section--typography .page-section__row--font-weight{margin-bottom:80px}}.page-section--typography .page-section__row--font-weight .page-section__column{padding:32px 40px}@media only screen and (min-width:640px){.page-section--typography .page-section__row--font-weight .page-section__column{flex-grow:1}}@media only screen and (min-width:960px){.page-section--typography .page-section__row--font-weight .page-section__column{padding:60px}}.page-section--typography .page-section__row--font-weight .page-section__column--bg-grey{background-color:#f7f8fa}.page-section--typography .page-section__row--font-weight .page-section__column--bg-blue{background-color:#2e3dbe;color:#fff}.page-section--typography .page-section__row--font-titles{justify-content:space-between}.page-section--typography .page-section__row--font-titles .section-headline{margin-bottom:20px}@media only screen and (min-width:640px){.page-section--typography .page-section__row--font-titles .section-headline{display:none}}@media only screen and (min-width:960px){.page-section--typography .font-titles__item{display:flex;justify-content:space-between}}.page-section--typography .font-titles__item:not(:last-of-type){margin-bottom:12px}@media only screen and (min-width:640px){.page-section--typography .font-titles__item:not(:last-of-type){border-bottom:1px solid #d4d4d4;margin-bottom:28px;padding-bottom:20px}}@media only screen and (min-width:960px){.page-section--typography .font-titles__item:not(:last-of-type){margin-bottom:20px}.page-section--typography .font-titles__item:nth-of-type(-n+2) .font-titles__info{align-self:center}}@media only screen and (min-width:640px) and (max-width:959px){.page-section--typography .font-titles__item:nth-of-type(2) .font-titles__info{margin-bottom:8px}.page-section--typography .font-titles__item:nth-of-type(n+3) .font-titles__info{margin-bottom:12px}}.page-section--typography .font-titles__info{align-items:center;display:flex;font-size:12px;line-height:16px}@media only screen and (min-width:640px) and (max-width:959px){.page-section--typography .font-titles__info{margin-bottom:4px}}@media only screen and (min-width:960px){.page-section--typography .font-titles__info{display:block;flex:0 0 120px;order:1}}.page-section--typography .font-titles__info-title{font-weight:700;margin-right:20px}@media only screen and (max-width:639px){.page-section--typography .font-titles__info-title{flex:0 0 60px}}@media only screen and (min-width:640px) and (max-width:959px){.page-section--typography .font-titles__info-title{margin-right:8px}}@media only screen and (min-width:960px){.page-section--typography .font-titles__info-title{margin-bottom:8px}}@media only screen and (max-width:639px){.page-section--typography .font-titles__example{display:none}}@media only screen and (min-width:960px){.page-section--typography .font-titles__example{margin-right:32px}}.page-section--typography .font-titles__example--h1{font-size:60px;font-weight:800;letter-spacing:-.01em;line-height:76px}.page-section--typography .font-titles__example--h2{font-size:32px;font-weight:700;line-height:44px}.page-section--typography .font-titles__example--subtitle{font-size:20px;line-height:28px}.page-section--typography .font-titles__example--plain-text{font-size:16px;line-height:24px}.page-section--typography .font-glyphs{font-size:14px;line-height:28px}.page-section--typography .font-glyphs__letters-uppercase{letter-spacing:.16em}@media only screen and (min-width:640px){.page-section--typography .font-glyphs__letters-uppercase{letter-spacing:1.08em}}@media only screen and (min-width:960px){.page-section--typography .font-glyphs__letters-uppercase{letter-spacing:1.3em}}.page-section--typography .font-glyphs__letters-lowercase{letter-spacing:.27em}@media only screen and (min-width:640px){.page-section--typography .font-glyphs__letters-lowercase{letter-spacing:1.188em}}@media only screen and (min-width:960px){.page-section--typography .font-glyphs__letters-lowercase{letter-spacing:1.41em}}.page-section--typography .font-glyphs__numbers{letter-spacing:.17em}@media only screen and (min-width:640px){.page-section--typography .font-glyphs__numbers{letter-spacing:.99em;width:620px}}@media only screen and (min-width:960px){.page-section--typography .font-glyphs__numbers{letter-spacing:1.19em;width:700px}}.page-section--typography .font-weight-list{margin:0 auto;max-width:240px}@media only screen and (min-width:960px){.page-section--typography .font-weight-list{max-width:348px}}.page-section--typography .font-weight-list__item{font-size:20px;line-height:28px}@media only screen and (min-width:960px){.page-section--typography .font-weight-list__item{font-size:32px;line-height:44px}}.page-section--typography .font-weight-list__item:not(:last-of-type){margin-bottom:12px}@media only screen and (min-width:960px){.page-section--typography .font-weight-list__item:not(:last-of-type){margin-bottom:16px}}.page-section--typography .text-semi-bold{font-weight:600}.page-section--typography .text-bold{font-weight:700}.page-section--typography .text-extra-bold{font-weight:800}