html { background: var(--dark); }  @font-face { font-family: "Archivo"; src: url("https://www.darrenwhiteman.com/wp-content/uploads/archivo-latin-wdth-normal.woff2") format("woff2"); font-weight: 100 900; font-stretch: 62% 125%; font-style: normal; font-display: swap; }  html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; } body { font-optical-sizing: auto; font-kerning: normal; font-synthesis: none; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; hanging-punctuation: first; }  p { margin-block: 0; text-wrap: pretty; } h1, h2, h3, h4 { text-wrap: balance; } img, svg, canvas { max-width: 100%; }  :where(p, .brxe-text, .brxe-text-basic, .prose, blockquote, figcaption) a:where(:not([class*="brxe-"], .btn)) { color: inherit; font-weight: 600; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 0.3em; text-decoration-color: color-mix(in oklab, currentColor 40%, transparent); transition: text-decoration-color .25s, text-underline-offset .25s, text-decoration-thickness .25s; } :where(p, .brxe-text, .brxe-text-basic, .prose, blockquote, figcaption) a:where(:not([class*="brxe-"], .btn)):hover { text-decoration-color: var(--primary); text-underline-offset: 0.42em; text-decoration-thickness: 2px; }  :focus-visible { outline-offset: 4px; border-radius: 4px; }  [hidden] { display: none !important; }  @view-transition { navigation: auto; } #brx-header { view-transition-name: site-header; }  @media (prefers-reduced-motion: reduce) { @view-transition { navigation: none; } *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }  .process__visual svg text { font-family: inherit; } svg .gs-pop, svg .gs-grow, svg .gs-dot { transform-box: fill-box; transform-origin: 50% 50%; } svg .gs-obl { transform-origin: 0% 100%; } svg .gs-ol { transform-origin: 0% 50%; } svg .gs-rise { transform-box: fill-box; } svg .gs-draw { stroke-dasharray: 1; } svg .gs-dimout { opacity: .2; } .is-pending .gs-pop { opacity: 0; transform: scale(.6); } .is-pending .gs-fade { opacity: 0; } .is-pending .gs-draw { stroke-dashoffset: 1; } .is-pending .gs-rise { opacity: 0; transform: translateY(24px); } .is-pending .gs-grow, .is-pending .gs-dot { transform: scale(0); } .is-pending .gs-dimout { opacity: 1; } .is-live .gs-pop { transition: opacity .35s ease, transform .6s var(--ease-out); } .is-live .gs-fade, .is-live .gs-dimout { transition: opacity .5s ease; } .is-live .gs-draw { transition: stroke-dashoffset .7s var(--ease-io); } .is-live .gs-draw.gs-slow { transition-duration: 1.2s; } .is-live .gs-rise { transition: opacity .5s ease, transform .8s var(--ease-out); } .is-live .gs-grow { transition: transform .8s var(--ease-out); } .is-live .gs-dot { transition: transform .6s cubic-bezier(.34, 1.56, .64, 1); } .is-live .gs-t2 { transition-delay: calc(0.2s + var(--sd, 0s)); } .is-live .gs-t3 { transition-delay: calc(0.3s + var(--sd, 0s)); } .is-live .gs-t4 { transition-delay: calc(0.4s + var(--sd, 0s)); } .is-live .gs-t5 { transition-delay: calc(0.5s + var(--sd, 0s)); } .is-live .gs-t6 { transition-delay: calc(0.6s + var(--sd, 0s)); } .is-live .gs-t7 { transition-delay: calc(0.7s + var(--sd, 0s)); } .is-live .gs-t8 { transition-delay: calc(0.8s + var(--sd, 0s)); } .is-live .gs-t9 { transition-delay: calc(0.9s + var(--sd, 0s)); } .is-live .gs-t10 { transition-delay: calc(1s + var(--sd, 0s)); } .is-live .gs-t11 { transition-delay: calc(1.1s + var(--sd, 0s)); } .is-live .gs-t12 { transition-delay: calc(1.2s + var(--sd, 0s)); } .is-live .gs-t13 { transition-delay: calc(1.3s + var(--sd, 0s)); } .is-live .gs-t14 { transition-delay: calc(1.4s + var(--sd, 0s)); } .is-live .gs-t15 { transition-delay: calc(1.5s + var(--sd, 0s)); } .is-live .gs-t16 { transition-delay: calc(1.6s + var(--sd, 0s)); } .is-live .gs-t17 { transition-delay: calc(1.7s + var(--sd, 0s)); } .is-live .gs-t18 { transition-delay: calc(1.8s + var(--sd, 0s)); } .is-live .gs-t19 { transition-delay: calc(1.9s + var(--sd, 0s)); } .is-live .gs-t20 { transition-delay: calc(2s + var(--sd, 0s)); } .is-live .gs-t21 { transition-delay: calc(2.1s + var(--sd, 0s)); } .is-live .gs-t22 { transition-delay: calc(2.2s + var(--sd, 0s)); } .is-live .gs-t23 { transition-delay: calc(2.3s + var(--sd, 0s)); } .is-live .gs-t24 { transition-delay: calc(2.4s + var(--sd, 0s)); } .is-live .gs-t25 { transition-delay: calc(2.5s + var(--sd, 0s)); } .is-live .gs-t26 { transition-delay: calc(2.6s + var(--sd, 0s)); } .is-live .gs-t27 { transition-delay: calc(2.7s + var(--sd, 0s)); } .is-live .gs-t28 { transition-delay: calc(2.8s + var(--sd, 0s)); } .is-live .gs-t29 { transition-delay: calc(2.9s + var(--sd, 0s)); }