.brush{--brush-color: var(--accent)}.brush--underline{position:relative;display:inline-block;isolation:isolate}.brush--underline>svg{position:absolute;z-index:-1;left:-.04em;bottom:-.2em;width:calc(100% + .08em);height:.34em;overflow:visible;color:var(--brush-color);pointer-events:none}.brush--mark{display:inline-block;width:var(--brush-w, 2.4em);height:.5em;vertical-align:middle;color:var(--brush-color)}.brush--mark>svg{display:block;width:100%;height:100%;overflow:visible}.motion-ok .brush[data-draw] .brush__reveal{stroke-dasharray:201px;stroke-dashoffset:201px;transition:stroke-dashoffset .9s cubic-bezier(.55,.05,.2,1) var(--brush-delay, 0ms)}.motion-ok .brush--mark[data-draw] .brush__reveal{stroke-dasharray:49px;stroke-dashoffset:49px;transition-duration:.6s}.motion-ok .brush[data-draw].is-drawn .brush__reveal{stroke-dashoffset:0px}@media(prefers-reduced-motion:reduce){.brush .brush__reveal{stroke-dasharray:none!important;stroke-dashoffset:0px!important;transition:none!important}}.enso-mark{position:relative;display:grid;place-items:center;aspect-ratio:1;width:min(560px,100%);margin-inline:auto}.enso-mark__orbits{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.orbit{position:absolute;aspect-ratio:1;border-radius:999px;pointer-events:none}.orbit--outer{width:100%;border:0;background:repeating-conic-gradient(from -10deg,var(--fg-soft) 0deg .7deg,transparent .7deg 2.35deg);mask:radial-gradient(circle,transparent 49.4%,#000 49.7% 50.3%,transparent 50.6%);-webkit-mask:radial-gradient(circle,transparent 49.4%,#000 49.7% 50.3%,transparent 50.6%);opacity:.5;animation:orbit-spin 164s linear infinite}.orbit--track{width:90%;border:1px solid var(--line-strong);opacity:.75}.orbit--ticks{width:90%;border:0;background:repeating-conic-gradient(from 2deg,var(--fg-soft) 0deg .55deg,transparent .55deg 8deg),repeating-conic-gradient(from 18deg,var(--fg) 0deg .9deg,transparent .9deg 45deg);mask:radial-gradient(circle,transparent 44.3%,#000 44.5% 45.95%,transparent 46.2%);-webkit-mask:radial-gradient(circle,transparent 44.3%,#000 44.5% 45.95%,transparent 46.2%);opacity:.55;animation:orbit-counter 236s linear infinite}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes orbit-counter{to{transform:rotate(-360deg)}}.enso-mark__logo{position:relative;width:74%;aspect-ratio:1;display:grid;place-items:center;z-index:2;filter:drop-shadow(0 22px 48px color-mix(in srgb,var(--fg) 10%,transparent));animation:logo-fade .9s ease-out .2s both}@property --enso-sweep{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.logo-mask--hero,[data-theme=light] .logo-mask--hero{--enso-base: var(--fg);--enso-dot: #7DBCFD;position:relative;width:100%;left:-1.85%;top:2.52%;background:radial-gradient(circle at 86% 18%,var(--enso-dot) 0 3.5%,transparent 4.5%),conic-gradient(from 0deg at 48.9% 47.5%,var(--enso-base) 0deg 15deg,var(--accent) 45deg 168.4deg,var(--enso-base) 169.4deg 360deg);box-sizing:border-box;padding:2px;background-clip:content-box;--enso-mask: url(/logo/logo-mask.webp) center / contain no-repeat, conic-gradient(from 170deg at 48.9% 47.5%, #000 calc(var(--enso-sweep, 400deg) - 18deg), transparent var(--enso-sweep, 400deg)), conic-gradient(from 178deg at 48.9% 47.5%, #000 calc(var(--enso-sweep, 400deg) - 18deg), transparent var(--enso-sweep, 400deg)), radial-gradient(ellipse 100% 100% at 48.9% 47.5%, #000 38.7%, transparent 39.5%), conic-gradient(from 0deg at 48.9% 47.5%, #000 0deg 170deg, transparent 170deg 178deg, #000 178deg 360deg);mask:var(--enso-mask);-webkit-mask:var(--enso-mask);mask-composite:intersect,intersect,add,add;-webkit-mask-composite:source-in,source-in,source-over,source-over;animation:enso-sweep 1.7s cubic-bezier(.45,0,.25,1) .35s both}.logo-mask--hero:after{content:"";position:absolute;inset:0;background:var(--accent);mask:conic-gradient(from 0deg at 48.9% 47.5%,transparent 0deg 166deg,#000 169deg 172deg,transparent 178deg),radial-gradient(ellipse 100% 100% at 48.9% 47.5%,transparent 38.7%,#000 39.5%);-webkit-mask:conic-gradient(from 0deg at 48.9% 47.5%,transparent 0deg 166deg,#000 169deg 172deg,transparent 178deg),radial-gradient(ellipse 100% 100% at 48.9% 47.5%,transparent 38.7%,#000 39.5%);mask-composite:intersect;-webkit-mask-composite:source-in}[data-theme=light] .logo-mask--hero{--enso-dot: var(--accent)}@keyframes logo-fade{0%{opacity:0}to{opacity:1}}@keyframes enso-sweep{0%{--enso-sweep: 0deg}to{--enso-sweep: 400deg}}@media(prefers-reduced-motion:reduce){.logo-mask--hero{animation:none;--enso-sweep: 400deg}}
