.bp-about{--bg:#fff;--teal:#77c9b8;--violet:#5e5ba8;--blue:#76a5b2;--font-lato:var(--font-brand,"Lato",system-ui,sans-serif);font-family:var(--font-lato);color:var(--tx);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.bp-about *,.bp-about :before,.bp-about :after{box-sizing:border-box}.bp-about ::selection{background:var(--accent);color:#0c0d16}.bp-about a{color:inherit}.bp-about button{font-family:var(--font-lato)}.bp-about :where(h1,h2,h3,p){text-wrap:pretty;margin:0}.bp-about .wrap{max-width:1240px;margin:0 auto;padding-left:40px;padding-right:40px}.bp-about .mono{font-family:var(--font-mono,"JetBrains Mono","SF Mono",ui-monospace,monospace);letter-spacing:.04em;text-transform:uppercase;color:var(--accent-ink);font-size:12px;font-weight:500}.bp-about .mono .slash{opacity:.55}.bp-about .mono-muted{color:var(--tx3)}.bp-about .lede{color:var(--tx2);font-weight:300;line-height:1.6}.bp-about .gridbg{position:relative}.bp-about .gridbg:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(var(--grid)1px,transparent 1px),linear-gradient(90deg,var(--grid)1px,transparent 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 0,#000 30%,#0000 78%);mask-image:radial-gradient(80% 70% at 50% 0,#000 30%,#0000 78%)}.bp-about .gridbg>*{z-index:1;position:relative}.bp-about .reveal{opacity:0;transition:opacity .68s,transform .68s cubic-bezier(.2,.7,.3,1);transform:translateY(18px)}.bp-about .reveal.in{opacity:1;transform:none}.bp-about .heroin{opacity:1}@media (prefers-reduced-motion:no-preference){.bp-about .heroin{opacity:0;animation:.64s cubic-bezier(.2,.7,.3,1) forwards bpHeroUp;transform:translateY(16px)}}@media (prefers-reduced-motion:reduce){.bp-about .reveal{opacity:1;transition:none;transform:none}}@keyframes bpHeroUp{to{opacity:1;transform:none}}@media (max-width:980px){.bp-about .grid-2,.bp-about .grid-3{grid-template-columns:1fr!important}.bp-about .grid-4{grid-template-columns:1fr 1fr!important}}@media (max-width:720px){.bp-about .wrap{padding-left:20px;padding-right:20px}.bp-about .grid-4{grid-template-columns:1fr!important}}
