:root{--ink: #121314;--ink-soft: #5c6168;--paper: #e7eaec;--paper-deep: #d8dde1;--graphite: #23262b;--accent: #1f5c52;--line: color-mix(in srgb, var(--ink) 14%, transparent);--font-display: "Syne", "Arial Narrow", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.75rem;--space-lg: 3.5rem;--space-xl: 6rem;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-soft: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100dvh;color:var(--ink);font-family:var(--font-display);font-weight:500;line-height:1.45;background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:3;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");mix-blend-mode:soft-light}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.22em}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--ink);color:var(--paper)}