@layer properties,interface-icons,menu-design,flat-ui,theme,base,components,utilities;.JyOsMG_page{padding-top:var(--landing-hero-top-space)}.JyOsMG_content{gap:var(--landing-section-space);min-width:0;color:var(--color-primary-foreground);flex-direction:column;display:flex}.JyOsMG_foundation{gap:var(--landing-hero-content-space);min-width:0;scroll-margin-top:var(--page-scroll-padding);flex-direction:column;display:flex}.JyOsMG_section{min-width:0;scroll-margin-top:var(--page-scroll-padding)}.JyOsMG_sectionBody{gap:var(--landing-grid-gap);flex-direction:column;display:flex}.JyOsMG_stack{flex-direction:column;gap:16px;min-width:0;display:flex}.JyOsMG_actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.JyOsMG_clip{border:1px solid var(--color-border-default);min-width:0;overflow:hidden}.JyOsMG_artwork{width:100%;height:auto;display:block}.JyOsMG_lockup{width:60%;max-width:calc(var(--spacing) * 80);height:auto;display:block}.JyOsMG_symbol{width:30%;max-width:calc(var(--spacing) * 24);height:auto;display:block}.JyOsMG_logoScale{--logo-scale-inset:var(--landing-panel-padding)}.JyOsMG_logoScaleRow{grid-template-columns:calc(var(--spacing) * 16) minmax(0, 1fr);gap:var(--landing-grid-gap);padding-block:calc(var(--spacing) * 8);padding-inline:var(--logo-scale-inset);align-items:center;display:grid}.JyOsMG_logoScaleRow+.JyOsMG_logoScaleRow,.JyOsMG_contrastRow+.JyOsMG_contrastRow{border-top:1px solid var(--color-border-default)}.JyOsMG_logoScaleArtwork{min-width:0}.JyOsMG_logoScaleArtwork>svg{width:auto;display:block}.JyOsMG_colorVersions{gap:var(--landing-grid-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.JyOsMG_colorVersion{aspect-ratio:4/3;padding:var(--landing-panel-padding);justify-content:center;align-items:center;display:flex;overflow:hidden}.JyOsMG_colorVersion>svg{width:100%;max-width:320px;height:auto}.JyOsMG_paletteGrid{gap:var(--landing-grid-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.JyOsMG_swatch{--brand-color-hover:var(--black-a1);min-width:0;min-height:280px;padding:var(--landing-panel-padding);flex-direction:column;justify-content:space-between;gap:48px;display:flex}.JyOsMG_swatch[data-dark-swatch]{--brand-color-hover:var(--white-a2)}.JyOsMG_swatch[data-color=white]{outline:1px solid var(--black-a2);outline-offset:-1px}.JyOsMG_colorValues{margin-inline:calc(var(--spacing) * -3);flex-direction:column;display:flex}.JyOsMG_colorValueButton{grid-template-columns:calc(var(--spacing) * 12) minmax(0, 1fr) calc(var(--spacing) * 12);align-items:center;gap:calc(var(--spacing) * 2);min-height:calc(var(--spacing) * 8);padding:calc(var(--spacing) * 1.5) calc(var(--spacing) * 3);border-radius:var(--radius-lg);color:inherit;text-align:start;cursor:copy;background:0 0;border:0;display:grid}.JyOsMG_copyValue{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text;min-width:0}.JyOsMG_copyHint{opacity:0;text-align:end}.JyOsMG_colorValueButton:focus-visible,.JyOsMG_colorValueButton:active{background:var(--brand-color-hover)}.JyOsMG_colorValueButton:focus-visible{outline-offset:2px;outline:1px solid}.JyOsMG_colorValueButton:focus-visible .JyOsMG_copyHint,.JyOsMG_colorValueButton[data-copied] .JyOsMG_copyHint{opacity:1}.JyOsMG_colorValueButton:disabled{cursor:wait}.JyOsMG_colorValueButton[aria-busy=true] .JyOsMG_copyHint{opacity:1}@media (hover:hover){.JyOsMG_colorValueButton:enabled:hover{background:var(--brand-color-hover)}.JyOsMG_colorValueButton:hover .JyOsMG_copyHint{opacity:1}}@media (hover:none){.JyOsMG_copyHint{opacity:1}}@media (prefers-reduced-motion:no-preference){.JyOsMG_colorValueButton{transition:background-color var(--default-transition-duration) var(--ease-out)}.JyOsMG_copyHint{transition:opacity var(--default-transition-duration) var(--ease-out)}}.JyOsMG_muted{opacity:.72}.JyOsMG_proportionBar{border:1px solid var(--color-border-default);height:160px;display:grid;overflow:hidden}.JyOsMG_proportionLegend{gap:var(--landing-grid-gap);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.JyOsMG_proportionLegend>div{flex-direction:column;gap:8px;min-width:0;display:flex}.JyOsMG_proportionName{align-items:center;gap:8px;display:flex}.JyOsMG_colorDot{border:1px solid var(--color-border-default);border-radius:50%;flex-shrink:0;width:12px;height:12px}.JyOsMG_contrastRow{gap:var(--landing-grid-gap);padding:var(--landing-grid-gap) var(--landing-panel-padding);grid-template-columns:64px minmax(0,1fr) 64px 48px;align-items:center;display:grid}.JyOsMG_contrastSample{border:1px solid var(--color-border-default);justify-content:center;align-items:center;height:48px;display:flex}.JyOsMG_contrastRatio{text-align:right;font-variant-numeric:tabular-nums}.JyOsMG_contrastGrade{justify-self:end;display:flex}.JyOsMG_mobileMetrics{display:none}.JyOsMG_socialPreview{--social-avatar-size:160px;--social-avatar-overlap:64px;flex-direction:column;gap:24px;display:flex}.JyOsMG_socialBanner{border:1px solid var(--color-border-default);overflow:hidden}.JyOsMG_socialIdentity{grid-template-columns:var(--social-avatar-size) minmax(0, 1fr);align-items:start;gap:var(--landing-grid-gap);padding-inline:var(--landing-panel-padding);display:grid;position:relative}.JyOsMG_socialAvatar{width:var(--social-avatar-size);aspect-ratio:1;margin-top:calc(-1 * (var(--social-avatar-overlap) + 24px));border:4px solid var(--color-page);justify-content:center;align-items:center;display:flex;overflow:hidden}.JyOsMG_socialAvatar svg{width:50%;height:auto}.JyOsMG_socialControls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.JyOsMG_applicationGrid{align-items:start;gap:32px var(--landing-grid-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.JyOsMG_application{flex-direction:column;gap:16px;min-width:0;display:flex}.JyOsMG_applicationFrame{aspect-ratio:4/5;position:relative}.JyOsMG_application .JyOsMG_artwork{inset-inline:var(--landing-panel-padding);width:calc(100% - 2 * var(--landing-panel-padding));border-radius:var(--radius-2xl);height:auto;margin-block:auto;position:absolute;inset-block:0}.JyOsMG_assetCaption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;display:flex}.JyOsMG_exportGroups{gap:calc(var(--spacing) * 16);flex-direction:column;min-width:0;display:flex}.JyOsMG_exportGrid{gap:var(--landing-grid-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.JyOsMG_exportItem{flex-direction:column;gap:16px;min-width:0;display:flex}.JyOsMG_exportCaption{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.JyOsMG_exportPreview{aspect-ratio:20/9;position:relative}.JyOsMG_exportPreview>svg{max-height:calc((100% - var(--landing-panel-padding)) * .75);margin:auto;position:absolute;inset:0}.JyOsMG_iconExports{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;display:grid}.JyOsMG_iconExport{align-items:center;gap:calc(var(--spacing) * 4);min-width:0;padding:var(--landing-panel-padding) calc(var(--spacing) * 4);text-align:center;flex-direction:column;display:flex;position:relative}.JyOsMG_iconExport+.JyOsMG_iconExport:before{content:"";inset-block:var(--landing-panel-padding);border-inline-start:1px solid var(--color-border-default);position:absolute;inset-inline-start:0}.JyOsMG_iconPreview{flex-shrink:0;display:flex;overflow:hidden}.JyOsMG_iconCaption{flex-direction:column;gap:4px;display:flex}@media (min-width:768px) and (max-width:1023px){.JyOsMG_socialPreview{--social-avatar-overlap:calc(var(--spacing) * 8)}}@media (max-width:767px){.JyOsMG_logoScale{--logo-scale-inset:calc(var(--spacing) * 4)}.JyOsMG_logoScaleRow{grid-template-columns:48px minmax(0,1fr);gap:16px;padding-block:24px}.JyOsMG_logoScaleArtwork>svg{height:var(--brand-logo-mobile-size)}.JyOsMG_swatch{min-height:240px}.JyOsMG_proportionBar{height:128px}.JyOsMG_proportionLegend{flex-direction:column;gap:12px;display:flex}.JyOsMG_proportionLegend>div{flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.JyOsMG_contrastRow{padding-inline:calc(var(--spacing) * 4);grid-template-columns:48px minmax(0,1fr) 56px 40px;gap:16px}.JyOsMG_desktopMetrics{display:none}.JyOsMG_mobileMetrics{display:inline}.JyOsMG_socialPreview{--social-avatar-size:96px;--social-avatar-overlap:calc(var(--spacing) * 4)}.JyOsMG_socialIdentity{grid-template-columns:minmax(0,1fr);gap:16px}.JyOsMG_socialControls{justify-content:flex-start}.JyOsMG_applicationGrid,.JyOsMG_exportGrid{grid-template-columns:minmax(0,1fr)}.JyOsMG_assetCaption,.JyOsMG_exportCaption{align-items:flex-start;gap:calc(var(--spacing) * 4);flex-direction:column}.JyOsMG_applicationFrame{aspect-ratio:auto}.JyOsMG_application .JyOsMG_artwork{width:100%;height:auto;position:static}.JyOsMG_exportGroups{gap:calc(var(--spacing) * 10)}.JyOsMG_exportPreview{aspect-ratio:10/3}.JyOsMG_iconExports{grid-template-columns:minmax(0,1fr)}.JyOsMG_iconExport{grid-template-columns:calc(var(--spacing) * 16) minmax(0, 1fr) calc(var(--spacing) * 16);padding:var(--landing-panel-padding);place-items:center;display:grid}.JyOsMG_iconExport+.JyOsMG_iconExport:before{inset-block:0 auto;inset-inline:var(--landing-panel-padding);border-inline-start:0;border-block-start:1px solid var(--color-border-default)}}@media (max-width:599px){.JyOsMG_colorVersions,.JyOsMG_paletteGrid{grid-template-columns:minmax(0,1fr)}.JyOsMG_swatch{min-height:240px}}@media (max-width:479px){.JyOsMG_contrastRow{grid-template-columns:48px minmax(0,1fr) 40px;gap:8px 12px}.JyOsMG_contrastSample{grid-row:span 2}.JyOsMG_combinationName{grid-area:1/2}.JyOsMG_contrastRatio{text-align:left;grid-area:2/2}.JyOsMG_contrastGrade{grid-area:1/3/span 2}}