:root{--color-bg:#fff;--color-fg:#000;--color-accent:#00f;--color-divider:#00000080;--color-pill-bg:#f4f4f4;--color-placeholder:#e4e4e4}html{font-size:max(min(16px,3.47826vw),1.25vw)}*{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-fg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;padding:0;font-family:Gen Interface JP,sans-serif;line-height:1.6}body.site-loading #root{opacity:0}body.site-ready #root{opacity:1;transition:opacity .24s}@media (prefers-reduced-motion:reduce){body.site-ready #root{transition:none}}a{color:inherit;text-decoration:none}p{margin:0}h1,h2{margin:0;font-weight:400}.page{background:var(--color-bg);width:100%;max-width:80rem;margin:0 auto;position:relative}.deferred-section{min-width:0}.deferred-section__placeholder{width:100%}.hero{height:51.875rem;position:relative}.hero__title{font-size:5.25rem;font-weight:400;line-height:1.214;position:absolute;top:15.125rem;left:3.125rem}.hero__download{flex-direction:row;align-items:flex-end;gap:1.3125rem;width:22.5rem;display:flex;position:absolute;top:3rem;right:3.125rem}.hero__download:hover .download-icon-rule:after,.hero__download:hover .download-text-rule:after{display:block}.download-icon-block{flex-direction:column;align-items:center;gap:1.25rem;width:1.5rem;display:flex}.download-icon{width:1.5rem;height:1.6875rem;color:var(--color-accent);flex-shrink:0}.download-icon-rule{border:0;border-top:.125rem solid var(--color-accent);width:100%;height:0;margin:0;display:block;position:relative}.download-icon-rule:after{content:"";border-top:.0625rem solid var(--color-accent);height:0;display:none;position:absolute;top:.5rem;left:0;right:0}.download-text-block{flex-direction:column;gap:.75rem;display:flex}.download-text{color:var(--color-accent);white-space:nowrap;font-size:2rem;line-height:1.5}.download-text-rule{border:0;border-top:.125rem solid var(--color-accent);width:100%;height:0;margin:0;display:block;position:relative}.download-text-rule:after{content:"";border-top:.0625rem solid var(--color-accent);height:0;display:none;position:absolute;top:.5rem;left:0;right:0}.hero__desc{width:22.5rem;font-size:1.5rem;line-height:1.667;position:absolute;top:31.6875rem}.hero__desc--jp{right:28.75rem}.hero__desc--en{right:3.125rem}.main{flex-direction:column;gap:12.5rem;margin-top:10rem;padding:0 3.125rem;display:flex}.section-head{flex-direction:column;gap:3.75rem;display:flex}.section-head__rules{flex-direction:column;gap:1rem;display:flex}.section-head__rule{border:0;height:0;margin:0}.section-head__rule--top{border-top:.125rem solid var(--color-fg)}.section-head__rule--bottom{border-top:.0625rem solid var(--color-fg)}.section-head__title-row{flex-direction:row;gap:3.75rem;display:flex}.section-head__title{font-size:2.5rem;font-weight:500;line-height:1.2}.composition{flex-direction:column;gap:4.375rem;display:flex}.composition__body{flex-direction:column;gap:3.125rem;display:flex}.composition__separator{border:0;border-top:.0625rem solid var(--color-divider);height:0;margin:0}.composition__grid{grid-template-columns:1fr 48.125rem;align-items:center;row-gap:1.25rem;display:grid}.composition__label{font-size:1.5rem;line-height:1.667}.composition__group{width:100%;height:8rem;position:relative}.composition__sub-group{position:absolute;inset:0}.composition__group-text{font-size:6rem;font-weight:400;line-height:1.333;position:absolute;top:0}.composition__group-text--left{left:0}.composition__group-text--right{left:25.625rem}.composition__group-text--svg{fill:currentColor;top:1.1875rem}.composition__group-text--reference{color:#000;opacity:.1;pointer-events:none}.comp-tuner{background:var(--color-pill-bg);font-feature-settings:"tnum";grid-template-columns:7rem 1fr 5rem;align-items:center;gap:.5rem 1rem;margin-bottom:1.875rem;padding:1rem 1.25rem;font-size:.875rem;line-height:1.4;display:grid}.comp-tuner__label{color:var(--color-fg);font-weight:500}.comp-tuner__range{width:100%;margin:0}.comp-tuner__value{text-align:right;font-variant-numeric:tabular-nums}.comp-tuner__toggle{cursor:pointer;align-items:center;gap:.5rem;display:inline-flex}.comp-tuner__buttons{grid-column:3;justify-self:end;gap:.5rem;display:flex}.comp-tuner__btn{background:var(--color-bg);border:1px solid var(--color-divider);font:inherit;cursor:pointer;padding:.25rem .75rem}.comp-tuner__btn:hover{background:var(--color-placeholder)}.composition__group-line{border:0;border-top:.03125rem solid var(--color-accent);height:0;margin:0;position:absolute;left:0;right:0}.composition__tweak{white-space:pre-line;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-size:1.5rem;line-height:1.667}.composition__tweak-param{opacity:.3;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";transition:opacity .4s}.composition__tweak-param.is-active{opacity:1}.variation{flex-direction:column;gap:4.375rem;display:flex}.variation__body{flex-direction:column;gap:3.75rem;display:flex}.variation__rule{border:0;border-top:.0625rem solid var(--color-divider);height:0;margin:0}.variation__row{flex-direction:row;align-items:flex-start;gap:3.125rem;display:flex}.variation__caption{min-width:0;color:var(--color-accent);flex:1;font-size:1.5rem;line-height:1.5}.styles-row{flex-direction:row;flex-shrink:0;gap:3.125rem;display:flex}.styles-cell{flex-direction:column;gap:.9375rem;width:22.5rem;display:flex}.styles-cell__head{white-space:pre-line;font-size:3.375rem;font-weight:400;line-height:1.667}.styles-cell--display .styles-cell__head{font-family:Gen Interface JP Display,sans-serif}.styles-cell__name{white-space:pre-line;font-size:1.5rem;line-height:1.667}.styles-cell__name--narrow{width:13.375rem}.styles-cell__name--wide{width:19.625rem}.weights-grid{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:5.625rem 3.125rem;width:48.125rem;display:grid}.weights-grid__cell{flex-direction:column;gap:1.25rem;min-width:0;display:flex}.weights-grid__sample{white-space:nowrap;font-size:3.75rem;line-height:1}.weights-grid__label{font-size:1.5rem;line-height:1}.webfont{flex-direction:column;flex-shrink:1;gap:3.75rem;width:48.125rem;min-width:0;max-width:100%;display:flex}.webfont__copy p{min-width:0}.webfont__copy{flex-direction:row;gap:3.125rem;display:flex}.webfont__copy p{flex:1;margin:0;font-size:1.5rem;line-height:1.667}.webfont__code-stack{flex-direction:column;gap:1.875rem;display:flex}.webfont__code{background:var(--color-pill-bg);color:#898989;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:.5rem;margin:0;padding:1.25rem 1.875rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Gen Interface JP,monospace;font-size:1.25rem;line-height:1.8}.webfont__code-emphasis{color:var(--color-fg)}.bitmap-sample{flex-direction:column;gap:5rem;width:48.125rem;min-width:0;max-width:100%;display:flex}.bitmap-sample__main{flex-direction:column;gap:4.375rem;display:flex}.bitmap-tool{flex-direction:column;gap:1.5625rem;display:flex}.bitmap-tool__heading{color:inherit;border-bottom:.125rem solid #0000;align-self:flex-start;font-size:0;text-decoration:none;display:flex}.bitmap-tool__heading:hover{border-bottom-color:var(--color-fg)}.bitmap-tool__heading-img{width:auto;max-width:100%;height:3.75rem;image-rendering:pixelated;display:block}.bitmap-tool__meta{color:var(--color-fg);margin:0;font-size:1.5rem;line-height:1.667}.bitmap-tool__command{background:var(--color-pill-bg);border-radius:.5rem;flex-direction:column;padding:1.25rem 1.875rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.25rem;line-height:1.8;display:flex}.bitmap-tool__cmd-line{flex-direction:row;align-items:flex-start;gap:.9375rem;display:flex}.bitmap-tool__prompt{color:var(--color-fg);-webkit-user-select:none;user-select:none;flex-shrink:0}.bitmap-tool__cmd-text{white-space:pre-wrap;overflow-wrap:anywhere;flex:1;min-width:0}.bitmap-tool__cmd-link{color:var(--color-accent);text-underline-offset:.35rem;text-decoration:underline}.bitmap-tool__cmd-link:hover,.bitmap-tool__cmd-link.is-selected,.bitmap-tool__cmd-link.is-selected:hover{text-decoration:none}.bitmap-tool__cmd-link::selection{text-decoration:none}.bitmap-sample__copy{flex-direction:row;gap:3.125rem;display:flex}.bitmap-sample__copy p{flex:1;margin:0;font-size:1.5rem;line-height:1.667}.tester,.reading{flex-direction:column;gap:5rem;display:flex}.tester__body,.reading__body{flex-direction:row;align-items:flex-start;gap:3.125rem;display:flex}.controls{flex-direction:column;flex:1;gap:3.75rem;min-width:0;display:flex}.controls__rule{border:0;border-top:.0625rem solid var(--color-divider);height:0;margin:0}.radio-group{flex-direction:column;gap:1.5625rem;display:flex}.radio{cursor:pointer;color:var(--color-accent);background:0 0;border:0;align-items:center;gap:.8125rem;padding:0;font-size:1.125rem;line-height:1;display:inline-flex}.radio__circle{border:.0625rem solid var(--color-accent);background:var(--color-bg);border-radius:50%;flex-shrink:0;width:1.25rem;height:1.25rem;position:relative}.radio--active .radio__circle:after{content:"";background:var(--color-accent);border-radius:50%;position:absolute;inset:.1875rem}.slider{flex-direction:row;align-items:center;gap:.625rem;display:flex}.slider__main{flex-direction:row;flex:1;align-items:center;gap:.625rem;min-width:0;display:flex}.slider__icon{flex-shrink:0;align-items:baseline;gap:.125rem;display:inline-flex}.slider__icon-a{font-style:normal;line-height:1}.slider__icon--size .slider__icon-a-large{font-size:1.3125rem;font-weight:300}.slider__icon--size .slider__icon-a-small{font-size:.875rem;font-weight:400}.slider__icon--weight .slider__icon-a-large{font-size:1.3125rem;font-weight:300}.slider__icon--weight .slider__icon-a-small{font-size:1.3125rem;font-weight:600}.slider__track{cursor:pointer;touch-action:none;outline:none;flex:1;min-width:6rem;height:.875rem;position:relative}.slider__line{border:0;border-top:.0625rem solid var(--color-fg);height:0;margin:0;position:absolute;top:50%;left:0;right:0}.slider__thumb{border:.0625rem solid var(--color-fg);background:var(--color-bg);pointer-events:none;border-radius:50%;width:.875rem;height:.875rem;position:absolute;top:0;left:0}.slider__pill{background:var(--color-pill-bg);color:var(--color-fg);border-radius:.625rem;flex-shrink:0;place-items:center;padding:.1875rem .75rem;font-size:.75rem;line-height:1;display:inline-grid}.slider__pill-text{white-space:nowrap;visibility:hidden;grid-area:1/1}.slider__pill-text.is-active{visibility:visible}.tester__rows{flex-direction:column;flex-shrink:0;gap:1.875rem;width:48.125rem;display:flex}.tester__row{flex-direction:column;gap:1.25rem;display:flex}.tester__row-head{flex-direction:column;gap:.75rem;display:flex}.tester__row-rule{border:0;border-top:.0625rem solid var(--color-divider);height:0;margin:0}.tester__row-label{font-size:1.125rem;line-height:1}.tester__phrase-stack{width:100%;display:grid}.tester__row-phrase{width:100%;font-size:inherit;color:inherit;cursor:text;appearance:none;resize:none;white-space:pre-wrap;word-break:break-word;field-sizing:content;opacity:0;pointer-events:none;background:0 0;border:0;border-radius:0;outline:none;grid-area:1/1;margin:0;padding:0;font-weight:400;line-height:1.667;display:block;overflow:hidden}.tester__row-phrase.is-active{opacity:1;pointer-events:auto}.reading__rows{flex-direction:column;flex-shrink:0;gap:3.75rem;width:48.125rem;display:flex}.reading__row{flex-direction:column;gap:.75rem;display:flex}.reading__row--mobile-only{display:none}.reading__row-rule{border:0;border-top:.0625rem solid var(--color-divider);height:0;margin:0}.reading__row-inner{flex-direction:column;gap:1.875rem;display:flex}.reading__row-label{font-size:1.125rem;line-height:1}.reading__row-text--32{font-size:2rem;line-height:1.5}.reading__row-cols{flex-direction:row;gap:3.125rem;display:flex}.reading__col-21{flex-direction:column;flex:572;gap:1.875rem;min-width:0;display:flex}.reading__col-12{flex-direction:column;flex:257;gap:1.875rem;min-width:0;display:flex}.reading__row-text--21{font-size:1.3125rem;line-height:1.524}.reading__row-text--12{font-size:.75rem;line-height:1.667}.footer{margin-top:15.625rem;padding-bottom:3.125rem}.footer__rules{flex-direction:column;gap:1.125rem;display:flex}.footer__rule--1,.footer__rule--2,.footer__rule--3,.footer__rule--4{border:0;height:0;margin:0}.footer__rule--1{border-top:.125rem solid var(--color-fg)}.footer__rule--2{border-top:.09375rem solid var(--color-fg)}.footer__rule--3{border-top:.0625rem solid var(--color-fg)}.footer__rule--4{border-top:.03125rem solid var(--color-fg)}.footer__inner{flex-direction:column;gap:7.5rem;margin-top:6.25rem;padding:0 3.125rem;display:flex}.footer__top{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:3.125rem;display:flex}.footer__credits{flex:1;grid-template-columns:1fr 1fr;gap:2.5rem 3.125rem;min-width:0;display:grid}.footer__credit-label,.footer__credit-value{font-size:1.3125rem;line-height:1.524}.footer__credit-row-1-value{white-space:pre-line}.footer__credit-link{color:var(--color-accent);text-underline-offset:.125rem;text-decoration:none}.footer__credit-link:hover{text-decoration:underline}.footer__credit-link:active{text-underline-offset:.25rem}.license{white-space:pre-line;width:48.5625rem;max-width:100%;font-size:2.25rem;line-height:1.5}.license__link{color:var(--color-accent);text-underline-offset:.125rem;text-decoration:none}.license__link:hover{text-decoration:underline}.license__link:active{text-underline-offset:.25rem}@media (width<=68.75rem){.page{max-width:100%}.main{gap:9.375rem;margin-top:6.25rem;padding:0 2.5rem}.hero{flex-direction:column;gap:9.375rem;height:auto;padding:9.375rem 2.5rem 0;display:flex}.hero__title,.hero__row,.hero__download,.hero__desc,.hero__desc--jp,.hero__desc--en,.hero__descs{width:auto;position:static;top:auto;left:auto;right:auto}.hero__title{font-size:5.25rem;line-height:1.214}.hero__row{grid-template-columns:repeat(4,1fr);align-items:start;column-gap:2.5rem;display:grid}.hero__download{grid-column:1/span 2}.hero__descs{flex-direction:column;grid-column:3/span 2;gap:2.5rem;min-width:0;display:flex}.hero__desc{width:100%}.composition__grid{grid-template-columns:1fr 1fr;grid-template-areas:"g1 g1""g2 g2""l2 l1";align-items:start;gap:1.25rem 3.125rem}.composition__group:first-of-type{grid-area:g1}.composition__group:nth-of-type(2){grid-area:g2}.composition__label:first-of-type{grid-area:l1}.composition__label:nth-of-type(2){grid-area:l2}.composition__label{margin-top:1.875rem}.composition__group-text--right{left:calc(50% + 1.5625rem)}.variation__row{flex-direction:column;align-items:stretch;gap:3.125rem}.variation__caption{width:auto}.styles-row{gap:2.5rem;width:100%}.styles-cell{flex:1;width:auto;min-width:0}.weights-grid{gap:5rem 2.5rem;width:100%}.bitmap-sample,.webfont{width:100%}.tester__body,.reading__body{flex-direction:column;gap:3.75rem}.controls{flex-flow:wrap;align-items:center;gap:2.5rem;width:100%}.controls__rule{display:none}.radio-group{flex-direction:row;gap:1.5625rem}.tester__rows,.reading__rows{width:100%}.footer{margin-top:9.375rem}.footer__inner{gap:5rem;padding:0 2.5rem}.footer__top{flex-direction:column;gap:0}.footer__top .hero__download{margin-bottom:7.5rem}.footer__credits{grid-template-columns:1fr 1fr;gap:2.5rem 3.125rem;width:100%;height:auto;display:grid}.footer__credit-label,.footer__credit-value{width:auto;position:static}.license{font-size:1.75rem;line-height:1.5}}@media (width<=48.75rem){.main{gap:9.375rem;margin-top:9.375rem;padding:0 1.25rem}.hero{gap:9.375rem;padding:2.5rem 1.25rem 0}.hero__title{font-size:min(6rem,18vw);line-height:1.21}.hero__row{flex-direction:column;align-items:flex-start;gap:9.375rem;display:flex}.hero__download,.hero__descs{grid-column:auto;width:100%}.hero__desc{width:100%}.composition__grid{flex-direction:column;gap:3.125rem;display:flex}.composition__grid>:nth-child(2){display:none}.composition__grid>:first-child{order:3}.composition__grid>:nth-child(3){order:2}.composition__grid>:nth-child(4){order:1}.composition__label{margin-top:0;font-size:1.5rem;line-height:1.667}.composition__group{flex-direction:column;gap:1.25rem;height:auto;display:flex;position:static}.composition__sub-group{width:100%;height:8rem;position:relative;inset:auto}.composition__sub-group--latin{order:-1}.composition__group-text--right{left:0}.composition__group-text--reference{display:none}.composition__tweak{font-size:1.5rem;line-height:1.667}.variation__row{flex-direction:column;gap:3.125rem}.variation__caption{width:auto}.styles-row{flex-direction:column;gap:3.125rem}.styles-cell{width:100%}.weights-grid{grid-template-columns:repeat(2,1fr);gap:3.75rem 1.25rem}.tester__body,.reading__body{flex-direction:column;gap:2.5rem}.controls{flex-flow:wrap;align-items:center;gap:2.5rem;width:100%}.tester__row-phrase{overflow-wrap:anywhere}.reading__col-12{display:none}.reading__row--mobile-only{display:flex}.reading__row-text--32{font-size:1.5rem;line-height:1.5}.webfont__copy,.bitmap-sample__copy{flex-direction:column}.slider{grid-template-columns:1fr 1fr;align-items:center;column-gap:1.25rem;display:grid}.slider__main{width:100%}.slider__pill{justify-self:start}.footer{margin-top:6.25rem;padding-bottom:2.5rem}.footer__rules{gap:.75rem}.footer__inner{gap:3.75rem;margin-top:3.75rem;padding:0 1.25rem}.footer__top{flex-direction:column;gap:0}.footer__top .hero__download{margin-bottom:5rem}.footer__credits{grid-template-columns:1fr;row-gap:1.5rem}.footer__credit-label,.footer__credit-value{font-size:1rem;line-height:1.5}.license{font-size:1.25rem;line-height:1.5}}