.metaperformer-layout { --mp-blue: hsl(var(--color-accent-runtime)); --mp-cyan: #45c4f4; --mp-blue-text: #1a66cf; --mp-cyan-text: #087bb1; --mp-ink: #0a0a0a; --mp-muted: #525252; --mp-line: #ececec; --mp-grey-1: #fafafa; --mp-grey-2: #f4f4f5; --mp-shadow-soft: 0 1px 2px #0000000a, 0 8px 24px -12px #00000014; --mp-shadow-lift: 0 2px 4px #0000000d, 0 16px 36px -16px #0000001f; --font-sans: 'Sora', ui-sans-serif, system-ui, sans-serif; --font-display: 'Sora', ui-sans-serif, sans-serif; --font-body: 'Sora', ui-sans-serif, sans-serif; font-family: 'Sora', ui-sans-serif, system-ui, sans-serif; color: var(--mp-ink); background-color: hsl(var(--color-background-runtime)); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-wrap: break-word; } .metaperformer-layout .display-hero, .metaperformer-layout .mp-display { font-family: var(--font-display); font-weight: 800; font-size: clamp(2.75rem, 6.6vw, 6rem); line-height: 1.02; letter-spacing: -0.03em; } .metaperformer-layout .display-section, .metaperformer-layout .mp-h2 { font-family: var(--font-display); font-weight: 800; font-size: clamp(2rem, 4.4vw, 3.4rem); line-height: 1.08; letter-spacing: -0.02em; } .metaperformer-layout .display-stat { font-family: var(--font-display); font-weight: 800; letter-spacing: -0.02em; } .metaperformer-layout .mp-dark .text-accent { color: var(--mp-cyan); }