.web-hero{background:radial-gradient(110% 80% at 80% 0%, #14100d 0%, var(--bg) 55%)}.web-hero__grid{pointer-events:none;background-image:repeating-linear-gradient(to right, var(--line) 0, var(--line) 1px, transparent 1px, transparent 72px), repeating-linear-gradient(to bottom, var(--line) 0, var(--line) 1px, transparent 1px, transparent 72px);opacity:.55;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 90% at 65% 40%,#000 30%,#0000 75%);mask-image:radial-gradient(90% 90% at 65% 40%,#000 30%,#0000 75%)}.web-hero__inner{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(2.5rem,5vw,5rem);display:grid;position:relative}.web-hero__figure{justify-self:end;width:min(28rem,100%)}.web-hero__caption{font-family:var(--font-mono);letter-spacing:.16em;color:var(--ink-faint);text-align:right;margin-top:1rem;font-size:.625rem;display:block}.web-bp *{fill:none;stroke:var(--ink-dim);stroke-width:1.3px;stroke-dasharray:1;stroke-dashoffset:1px}[data-in] .web-bp *{animation:web-draw 1.4s var(--ease-in-out) forwards}[data-in] .web-bp .web-bp__accent{stroke:var(--accent);animation-delay:.7s}[data-in] .web-bp .web-bp__dim line{stroke:var(--ink-faint);stroke-width:1px;animation-delay:1s}@keyframes web-draw{to{stroke-dashoffset:0}}.web-types{background:var(--paper);color:var(--ink-paper)}.web-types ::selection{background:var(--ink-paper);color:var(--paper)}.web-types__index{color:#13131273}.web-types.marks:before,.web-types.marks:after{color:#13131259}.web-types__card{background:0 0;border-color:#13131238}.web-types__card:hover{border-color:var(--ink-paper);background:#1313120a}.web-types__card .sp-card__text{color:#131312b8}@media (max-width:900px){.web-hero__inner{grid-template-columns:1fr}.web-hero__figure{justify-self:start;width:min(24rem,100%)}}