.page-module__YnyroG__container{max-width:80rem;padding-inline:var(--space-6);margin-inline:auto}.page-module__YnyroG__hero{background:linear-gradient(135deg, color-mix(in srgb, var(--color-action) 10%, var(--color-background)), var(--color-background) 58%);border-bottom:1px solid var(--color-border);padding-block:clamp(5rem,12vw,10rem)}.page-module__YnyroG__eyebrow,.page-module__YnyroG__tokenLabel{color:var(--color-text-muted);font-size:var(--type-text-sm-font-size);font-weight:var(--font-weight-semibold);letter-spacing:.12em;text-transform:uppercase;margin:0}.page-module__YnyroG__hero h1{font-family:var(--font-display);font-size:clamp(3rem, 7vw, var(--type-display-xl-font-size));font-weight:var(--font-weight-ultra);letter-spacing:var(--type-display-xl-letter-spacing);margin:var(--space-6) 0 0;max-width:15ch;line-height:1.05}.page-module__YnyroG__intro{color:var(--color-text-muted);font-size:var(--type-text-xl-font-size);line-height:var(--type-text-xl-line-height);margin:var(--space-8) 0;max-width:48rem}.page-module__YnyroG__section{border-bottom:1px solid var(--color-border);padding-block:clamp(5rem,9vw,8rem);scroll-margin-top:4.75rem}.page-module__YnyroG__tintedSection{background:color-mix(in srgb, var(--color-text) 3%, var(--color-background))}.page-module__YnyroG__sectionHeading{align-items:start;gap:var(--space-8);margin-bottom:var(--space-16);grid-template-columns:10rem minmax(0,1fr);display:grid}.page-module__YnyroG__sectionHeading>div:first-child{align-items:flex-start;gap:var(--space-3);flex-direction:column;display:flex}.page-module__YnyroG__sectionHeading>div:first-child>span{color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--type-text-sm-font-size)}.page-module__YnyroG__sectionHeading h2{font-family:var(--font-display);font-size:var(--type-display-lg-font-size);font-weight:var(--font-weight-ultra);letter-spacing:var(--type-display-lg-letter-spacing);line-height:var(--type-display-lg-line-height);margin:0 0 var(--space-4)}.page-module__YnyroG__sectionHeading>div:last-child>p{color:var(--color-text-muted);font-size:var(--type-text-lg-font-size);line-height:var(--type-text-lg-line-height);max-width:48rem;margin:0}.page-module__YnyroG__fontFamilies{gap:var(--space-6);margin-bottom:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.page-module__YnyroG__fontCard,.page-module__YnyroG__foundationPanel,.page-module__YnyroG__codePanel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.page-module__YnyroG__fontCard{min-height:24rem;padding:var(--space-8);flex-direction:column;display:flex}.page-module__YnyroG__fontCard h3{font-size:var(--type-display-sm-font-size);font-weight:var(--font-weight-black);line-height:var(--type-display-sm-line-height);margin:var(--space-3) 0 0}.page-module__YnyroG__fontCard>p:nth-child(2){margin-block:auto}.page-module__YnyroG__interAlphabet,.page-module__YnyroG__decimalAlphabet{font-size:var(--type-display-sm-font-size);line-height:var(--type-display-sm-line-height)}.page-module__YnyroG__decimal{font-family:var(--font-display);letter-spacing:-.02em;font-weight:var(--font-weight-ultra)!important}.page-module__YnyroG__fontCard dl{gap:var(--space-3);margin:var(--space-6) 0 0;flex-wrap:wrap;display:flex}.page-module__YnyroG__fontCard dl div{border-top:1px solid var(--color-border);min-width:7rem;padding-top:var(--space-3);flex:1;justify-content:space-between;display:flex}.page-module__YnyroG__fontCard dt,.page-module__YnyroG__fontCard dd{font-size:var(--type-text-sm-font-size);margin:0}.page-module__YnyroG__fontCard dd{color:var(--color-text-muted)}.page-module__YnyroG__assetNote{color:var(--color-text-muted);font-size:var(--type-text-sm-font-size);line-height:var(--type-text-sm-line-height);margin:var(--space-5) 0 0!important}.page-module__YnyroG__typeScale{border-top:1px solid var(--color-border)}.page-module__YnyroG__typeRow{border-bottom:1px solid var(--color-border);align-items:start;gap:var(--space-8);padding-block:var(--space-8);grid-template-columns:15rem minmax(0,1fr);display:grid}.page-module__YnyroG__typeMeta p,.page-module__YnyroG__typeMeta span,.page-module__YnyroG__typeMeta code{display:block}.page-module__YnyroG__typeMeta p{font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1)}.page-module__YnyroG__typeMeta span{color:var(--color-text-muted);font-size:var(--type-text-sm-font-size);margin-bottom:var(--space-3)}.page-module__YnyroG__typeMeta code,.page-module__YnyroG__colorCard code,.page-module__YnyroG__spacingRow code,.page-module__YnyroG__radiusGrid code,.page-module__YnyroG__shadowGrid code{color:var(--color-text-muted);font-family:var(--font-mono);font-size:.75rem}.page-module__YnyroG__typeSample{overflow-wrap:anywhere;margin:0}.page-module__YnyroG__paletteGroups{gap:var(--space-8);margin-bottom:var(--space-12);display:grid}.page-module__YnyroG__paletteGroup{gap:var(--space-4);display:grid}.page-module__YnyroG__paletteGroup h3,.page-module__YnyroG__subsectionTitle{text-transform:capitalize;margin:0}.page-module__YnyroG__paletteRamp{border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:repeat(auto-fit,minmax(6.5rem,1fr));display:grid;overflow:hidden}.page-module__YnyroG__paletteChip{background:var(--color-surface);border-right:1px solid var(--color-border);min-width:0;display:grid}.page-module__YnyroG__paletteChip>span{border-bottom:1px solid var(--color-border);height:5rem}.page-module__YnyroG__paletteChip strong,.page-module__YnyroG__paletteChip code{padding-inline:var(--space-3)}.page-module__YnyroG__paletteChip strong{padding-top:var(--space-3);font-size:var(--type-text-sm-font-size)}.page-module__YnyroG__paletteChip code{padding-top:var(--space-1);padding-bottom:var(--space-3);color:var(--color-text-muted);font-family:var(--font-mono);font-size:var(--type-text-xs-font-size);overflow-wrap:anywhere}.page-module__YnyroG__subsectionTitle{margin-bottom:var(--space-4)}.page-module__YnyroG__paletteGrid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.page-module__YnyroG__colorCard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.page-module__YnyroG__swatch{border-bottom:1px solid var(--color-border);height:8rem}.page-module__YnyroG__colorCard>div:last-child{padding:var(--space-5)}.page-module__YnyroG__colorCard h3{font-size:var(--type-text-lg-font-size);margin:0 0 var(--space-2);text-transform:capitalize}.page-module__YnyroG__colorCard code{overflow-wrap:anywhere}.page-module__YnyroG__colorCard p{color:var(--color-text-muted);font-size:var(--type-text-sm-font-size);margin:var(--space-3) 0 0}.page-module__YnyroG__foundationGrid{align-items:start;gap:var(--space-6);grid-template-columns:minmax(0,1.35fr) minmax(20rem,.65fr);display:grid}.page-module__YnyroG__foundationPanel{padding:var(--space-8)}.page-module__YnyroG__panelHeading{border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);padding-bottom:var(--space-4);justify-content:space-between;align-items:baseline;display:flex}.page-module__YnyroG__panelHeading h3,.page-module__YnyroG__panelHeading p{margin:0}.page-module__YnyroG__panelHeading h3{font-size:var(--type-text-xl-font-size)}.page-module__YnyroG__panelHeading p{color:var(--color-text-muted);font-size:var(--type-text-sm-font-size)}.page-module__YnyroG__spacingList{gap:var(--space-4);flex-direction:column;display:flex}.page-module__YnyroG__spacingRow{align-items:center;gap:var(--space-4);grid-template-columns:2rem minmax(0,1fr) 4.5rem;display:grid}.page-module__YnyroG__spacingRow>span:last-child{color:var(--color-text-muted);font-size:var(--type-text-sm-font-size);text-align:right}.page-module__YnyroG__spacingTrack{border-left:1px solid var(--color-border);align-items:center;height:1.25rem;display:flex}.page-module__YnyroG__spacingBar{background:var(--color-action);min-width:1px;height:100%;display:block}.page-module__YnyroG__secondaryFoundations{gap:var(--space-6);flex-direction:column;display:flex}.page-module__YnyroG__radiusGrid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.page-module__YnyroG__radiusGrid>div{gap:var(--space-2);flex-direction:column;display:flex}.page-module__YnyroG__radiusSample{aspect-ratio:1.35;border:1px solid var(--color-border);display:block}.page-module__YnyroG__radiusGrid small,.page-module__YnyroG__shadowGrid small{color:var(--color-text-muted)}.page-module__YnyroG__shadowGrid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.page-module__YnyroG__shadowGrid>div{gap:var(--space-3);flex-direction:column;display:flex}.page-module__YnyroG__shadowGrid span{aspect-ratio:1.6;background:var(--color-surface);border-radius:var(--radius-md);display:block}.page-module__YnyroG__shadowGrid small{line-height:var(--type-text-sm-line-height);overflow-wrap:anywhere}.page-module__YnyroG__breakpointList{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.page-module__YnyroG__breakpointList div{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);justify-content:space-between;display:flex}.page-module__YnyroG__breakpointList dt{font-family:var(--font-mono)}.page-module__YnyroG__breakpointList dd{color:var(--color-text-muted);margin:0}.page-module__YnyroG__usageSection{background:color-mix(in srgb, var(--color-action) 7%, var(--color-background))}.page-module__YnyroG__usageGrid{gap:var(--space-6);grid-template-columns:684px minmax(0,1fr);display:grid}.page-module__YnyroG__buttonSpecimen{min-width:0}.page-module__YnyroG__buttonShowcaseViewport{max-width:100%;overflow-x:auto}.page-module__YnyroG__figmaButtonSpecimen,.page-module__YnyroG__figmaButtonSpecimen *{box-sizing:border-box}.page-module__YnyroG__figmaButtonSpecimen{background:var(--palette-base-white);border-radius:var(--radius-xxs);color:var(--palette-gray-900);font-family:var(--font-body);border:1px solid #0000001a;flex-direction:column;flex:none;align-items:flex-start;gap:80px;width:684px;min-width:684px;height:864px;padding:80px;display:flex;overflow:hidden}.page-module__YnyroG__buttonSpecimenGroup,.page-module__YnyroG__buttonStates{flex-direction:column;align-items:flex-start;display:flex}.page-module__YnyroG__buttonSpecimenGroup{gap:10px}.page-module__YnyroG__buttonStates{gap:16px;width:522px}.page-module__YnyroG__buttonSpecimenDescription{font-size:var(--type-text-md-font-size);font-weight:var(--font-weight-regular);line-height:var(--type-text-md-line-height);margin:0}.page-module__YnyroG__buttonSizeHeader,.page-module__YnyroG__buttonSizeGrid{grid-template-columns:repeat(4,78px);align-items:center;gap:24px;width:416px;padding-inline:16px;display:grid}.page-module__YnyroG__buttonSizeHeader{background:var(--palette-gray-100);min-height:28px;padding-block:4px}.page-module__YnyroG__buttonSizeGrid{min-height:48px}.page-module__YnyroG__buttonSpecimenLabel{font-size:var(--type-text-sm-font-size);font-weight:var(--font-weight-regular);line-height:var(--type-text-sm-line-height);margin:0}.page-module__YnyroG__buttonSpecimenCell,.page-module__YnyroG__buttonStateCell{align-items:center;width:78px;display:flex}.page-module__YnyroG__buttonSpecimenCell{justify-content:flex-start}.page-module__YnyroG__buttonIconGrid{align-items:center;gap:24px;width:238px;min-height:44px;padding-left:16px;display:flex}.page-module__YnyroG__buttonStateHeader,.page-module__YnyroG__buttonStateRow{grid-template-columns:repeat(5,78px);align-items:center;gap:24px;width:518px;padding-inline:16px;display:grid}.page-module__YnyroG__buttonStateHeader{background:var(--palette-gray-100);min-height:28px;padding-block:4px}.page-module__YnyroG__buttonStateRow{min-height:44px}.page-module__YnyroG__buttonLinkRow{min-height:32px}.page-module__YnyroG__buttonStateCell{justify-content:center}.page-module__YnyroG__buttonFullWidth{width:100%}.page-module__YnyroG__codePanel{min-height:864px;padding:var(--space-10);background:var(--color-text);color:var(--color-background);overflow:auto}.page-module__YnyroG__codePanel>div{border-bottom:1px solid color-mix(in srgb, var(--color-background) 25%, transparent);font-size:var(--type-text-sm-font-size);padding-bottom:var(--space-4);justify-content:space-between;display:flex}.page-module__YnyroG__codePanel pre{font-family:var(--font-mono);font-size:var(--type-text-sm-font-size);margin:var(--space-8) 0 0;white-space:pre-wrap;line-height:1.8}@media (max-width:64rem){.page-module__YnyroG__paletteGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-module__YnyroG__foundationGrid,.page-module__YnyroG__usageGrid{grid-template-columns:1fr}}@media (max-width:48rem){.page-module__YnyroG__container{padding-inline:var(--space-4)}.page-module__YnyroG__hero{padding-block:var(--space-20)}.page-module__YnyroG__hero h1{font-family:var(--font-body);font-size:var(--type-display-sm-font-size);font-weight:var(--font-weight-black);letter-spacing:0;line-height:var(--type-display-sm-line-height)}.page-module__YnyroG__section{scroll-margin-top:0}.page-module__YnyroG__sectionHeading,.page-module__YnyroG__typeRow{grid-template-columns:1fr}.page-module__YnyroG__sectionHeading{gap:var(--space-5);margin-bottom:var(--space-10)}.page-module__YnyroG__sectionHeading>div:first-child{flex-direction:row;align-items:center}.page-module__YnyroG__sectionHeading h2{font-family:var(--font-body);font-size:var(--type-display-xs-font-size);font-weight:var(--font-weight-black);letter-spacing:0;line-height:var(--type-display-xs-line-height)}.page-module__YnyroG__fontFamilies,.page-module__YnyroG__paletteGrid{grid-template-columns:1fr}.page-module__YnyroG__fontCard{min-height:21rem;padding:var(--space-6)}.page-module__YnyroG__typeRow{gap:var(--space-5)}.page-module__YnyroG__typeSample{font-size:var(--type-display-xs-font-size)!important;line-height:var(--type-display-xs-line-height)!important}.page-module__YnyroG__foundationPanel,.page-module__YnyroG__codePanel{padding:var(--space-6)}.page-module__YnyroG__radiusGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-module__YnyroG__codePanel{min-height:auto}}