body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-body);font-size:var(--text-body-size);line-height:var(--body-leading);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-display);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:var(--display-leading);color:var(--text-heading);margin:0}
a{color:var(--text-heading);text-decoration-color:var(--border-strong);text-underline-offset:3px;transition:color var(--dur-fast) var(--ease-out),text-decoration-color var(--dur-fast) var(--ease-out)}
a:hover{color:var(--lime);text-decoration-color:var(--lime)}
::selection{background:var(--lime);color:var(--ink)}
.dot-grid{background-image:radial-gradient(rgba(255,255,255,0.12) 1px,transparent 1px);background-size:18px 18px}
.dot-grid-light{background-image:radial-gradient(rgba(12,12,10,0.14) 1px,transparent 1px);background-size:18px 18px}
.ring-doodle{border:1.5px solid currentColor;border-radius:50%;opacity:0.55}
.cf-headshot-ring{box-sizing:border-box;border:2px solid transparent;background:linear-gradient(var(--surface-page),var(--surface-page)) padding-box,linear-gradient(115deg,#D6F53F 0%,#C9E45B 12%,#BDD180 26%,#ABA4C6 44%,#A589E2 64%,#9E6CF4 80%,#8C30F5 100%) border-box}