*,*:before,*:after{box-sizing:border-box}:root{--background: #f4f0e8;--text: #141414;--muted: #6e6a63;--line: rgba(20, 20, 20, .2);--accent: #d88722;--paper: var(--background);--ink: var(--text);--quiet: var(--muted);--signal: var(--accent);--mono: "IBM Plex Mono", ui-monospace, monospace;--display: "Space Grotesk", "Segoe UI", sans-serif;--display-hero: "Bayon", "Space Grotesk", sans-serif;--content-max: 1600px;--content-pad-x: clamp(1.5rem, 6vw, 5rem);--section-pad-y: clamp(2.75rem, 4.5vw, 4rem);--focus-ring: 2px solid color-mix(in srgb, var(--accent) 55%, transparent)}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;color:var(--text);background:var(--background);font-family:var(--display);-webkit-font-smoothing:antialiased}a:focus-visible,button:focus-visible{outline:var(--focus-ring);outline-offset:3px}[id]{scroll-margin-top:1.5rem}html.is-jumping-to-section{scroll-behavior:auto}html.is-jumping-to-section .demo-tabs,html.is-jumping-to-section app-portfolio-hero,html.is-jumping-to-section .federation-boundary,html.is-jumping-to-section .react-world .car-pad{visibility:hidden;pointer-events:none}