/* Wemaxa Identity Forge 3.0.0 — CSS geometry, no SVG or canvas. */
.wxb3-logo-mark,.wxb3-logo-geometry{position:relative;display:grid;place-items:center;width:100%;height:100%;overflow:hidden;isolation:isolate}
.wxb3-logo-mark{color:var(--wxb-live-ink);background:var(--wxb-live-accent)}
.wxb3-logo-geometry :where(i,b,span){box-sizing:border-box}
.wxb3-logo-initial{position:relative;z-index:4;font:900 1.15em/1 var(--wxb-display-font,sans-serif);letter-spacing:-.1em}

/* 01 Monolith */
.wxb3-logo--monolith{background:var(--wxb-live-ink);color:var(--wxb-live-canvas)}
.wxb3-logo-slab{position:absolute;inset-block:12%;width:34%;background:var(--wxb-live-accent)}
.wxb3-logo-slab--one{left:11%;clip-path:polygon(0 0,100% 0,72% 100%,0 100%)}
.wxb3-logo-slab--two{right:11%;border:2px solid currentColor;background:transparent;clip-path:polygon(28% 0,100% 0,100% 100%,0 100%)}

/* 02 Ligature */
.wxb3-logo--ligature{background:transparent;color:var(--wxb-live-ink)}
.wxb3-logo-letter{position:absolute;font:900 2.15em/.8 var(--wxb-display-font,sans-serif);letter-spacing:-.16em}
.wxb3-logo-letter--one{translate:-20% 0;color:var(--wxb-live-ink)}
.wxb3-logo-letter--two{translate:22% 0;color:var(--wxb-live-accent);mix-blend-mode:multiply}
.wxb3-logo-cut{position:absolute;width:78%;height:2px;rotate:-18deg;background:var(--wxb-live-canvas);box-shadow:0 3px 0 var(--wxb-live-canvas)}

/* 03 Seal */
.wxb3-logo--seal{border-radius:50%;background:transparent;color:var(--wxb-live-ink)}
.wxb3-logo-ring{position:absolute;border-radius:50%;border:2px solid currentColor}
.wxb3-logo-ring--outer{inset:7%}.wxb3-logo-ring--inner{inset:24%;border-color:var(--wxb-live-accent)}
.wxb3-logo-seal-line{position:absolute;width:60%;height:1px;background:currentColor;box-shadow:0 7px 0 currentColor}
.wxb3-logo--seal .wxb3-logo-initial{font-size:.88em;background:var(--wxb-live-canvas);padding:2px 4px}

/* 04 Matrix */
.wxb3-logo--matrix{background:var(--wxb-live-ink);color:var(--wxb-live-canvas)}
.wxb3-logo-matrix{position:absolute;inset:12%;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.wxb3-logo-cell{background:color-mix(in srgb,currentColor 26%,transparent)}
.wxb3-logo-cell:nth-child(2),.wxb3-logo-cell:nth-child(4),.wxb3-logo-cell:nth-child(9){background:var(--wxb-live-accent)}
.wxb3-logo-matrix-letter{position:relative;z-index:3;font:900 1.1em/1 var(--wxb-display-font,sans-serif)}

/* 05 Aperture */
.wxb3-logo--aperture{border-radius:24%;background:var(--wxb-live-ink)}
.wxb3-logo-blades{position:absolute;inset:10%;rotate:15deg}
.wxb3-logo-blade{position:absolute;inset:0 28%;border-radius:60% 10%;background:var(--wxb-live-accent);transform:rotate(calc(var(--i)*60deg));transform-origin:50% 50%}
.wxb3-logo-aperture-core{z-index:2;width:22%;aspect-ratio:1;border-radius:50%;background:var(--wxb-live-canvas)}

/* 06 Weave */
.wxb3-logo--weave{background:transparent}
.wxb3-logo-warp,.wxb3-logo-weft{position:absolute;inset:13%;display:grid;gap:4px}
.wxb3-logo-warp{grid-template-columns:repeat(3,1fr)}.wxb3-logo-weft{grid-template-rows:repeat(3,1fr)}
.wxb3-logo-warp .wxb3-logo-thread{background:var(--wxb-live-ink)}
.wxb3-logo-weft .wxb3-logo-thread{background:var(--wxb-live-accent);mix-blend-mode:multiply}
.wxb3-logo-weft .wxb3-logo-thread:nth-child(2){clip-path:polygon(0 0,42% 0,42% 100%,100% 100%,100% 66%,58% 66%,58% 0,0 0)}

/* 07 Compass */
.wxb3-logo--compass{border-radius:50%;background:var(--wxb-live-canvas);border:1px solid var(--wxb-live-ink)}
.wxb3-logo-points{position:absolute;inset:5%;rotate:45deg}
.wxb3-logo-point{position:absolute;inset:0 43%;clip-path:polygon(50% 0,100% 100%,0 100%);background:var(--wxb-live-ink);transform:rotate(calc(var(--i)*90deg))}
.wxb3-logo-point:nth-child(even){background:var(--wxb-live-accent)}
.wxb3-logo-compass-core{position:absolute;width:32%;aspect-ratio:1;border-radius:50%;background:var(--wxb-live-canvas);border:1px solid currentColor}
.wxb3-logo--compass .wxb3-logo-initial{font-size:.55em}

/* 08 Crest */
.wxb3-logo--crest{background:transparent;color:var(--wxb-live-ink)}
.wxb3-logo-shield{position:absolute;inset:18% 20% 9%;border:2px solid currentColor;border-radius:3px 3px 44% 44%}
.wxb3-logo-crown{position:absolute;inset:7% 23% auto;height:24%;clip-path:polygon(0 100%,0 20%,27% 66%,50% 0,73% 66%,100% 20%,100% 100%);background:var(--wxb-live-accent)}
.wxb3-logo-crest-bar{position:absolute;bottom:26%;width:44%;height:2px;background:currentColor}
.wxb3-logo--crest .wxb3-logo-initial{translate:0 14%;font-size:.9em}

/* 09 Bracket */
.wxb3-logo--bracket{background:transparent;color:var(--wxb-live-ink)}
.wxb3-logo-brace{position:absolute;inset-block:13%;width:19%;border-block:4px solid var(--wxb-live-accent)}
.wxb3-logo-brace--left{left:8%;border-left:4px solid var(--wxb-live-accent)}
.wxb3-logo-brace--right{right:8%;border-right:4px solid var(--wxb-live-accent)}
.wxb3-logo-bracket-letter{font:900 .9em/1 var(--wxb-display-font,sans-serif);letter-spacing:-.13em}

/* 10 Route */
.wxb3-logo--route{background:var(--wxb-live-ink)}
.wxb3-logo-route{position:absolute;inset:15%}
.wxb3-logo-node{position:absolute;width:18%;aspect-ratio:1;border:2px solid var(--wxb-live-canvas);border-radius:50%;background:var(--wxb-live-ink);z-index:2}
.wxb3-logo-node:nth-child(1){left:0;bottom:0}.wxb3-logo-node:nth-child(2){left:18%;top:8%}.wxb3-logo-node:nth-child(3){left:42%;top:44%;background:var(--wxb-live-accent)}.wxb3-logo-node:nth-child(4){right:17%;top:0}.wxb3-logo-node:nth-child(5){right:0;bottom:4%}
.wxb3-logo-link{position:absolute;height:2px;width:33%;background:var(--wxb-live-canvas);transform-origin:left center}
.wxb3-logo-link:nth-child(6){left:10%;bottom:18%;rotate:-47deg}.wxb3-logo-link:nth-child(7){left:29%;top:25%;rotate:32deg}.wxb3-logo-link:nth-child(8){left:51%;top:52%;rotate:-38deg}.wxb3-logo-link:nth-child(9){right:3%;top:24%;rotate:64deg}

/* 11 Bloom */
.wxb3-logo--bloom{border-radius:40%;background:transparent}
.wxb3-logo-bloom{position:absolute;inset:8%}
.wxb3-logo-petal{position:absolute;inset:4% 33% 48%;border-radius:70% 8% 70% 8%;background:var(--wxb-live-accent);transform:rotate(calc(var(--i)*60deg));transform-origin:50% 96%}
.wxb3-logo-petal:nth-child(even){background:var(--wxb-live-ink)}
.wxb3-logo-bloom-core{z-index:2;width:19%;aspect-ratio:1;border-radius:50%;background:var(--wxb-live-canvas);border:2px solid var(--wxb-live-ink)}

/* 12 Waveform */
.wxb3-logo--waveform{background:var(--wxb-live-ink)}
.wxb3-logo-wave{display:flex;align-items:center;gap:3px;width:72%;height:64%}
.wxb3-logo-bar{flex:1;height:34%;background:var(--wxb-live-canvas)}
.wxb3-logo-bar:nth-child(1),.wxb3-logo-bar:nth-child(7){height:48%}.wxb3-logo-bar:nth-child(2),.wxb3-logo-bar:nth-child(6){height:72%}.wxb3-logo-bar:nth-child(3),.wxb3-logo-bar:nth-child(5){height:92%}.wxb3-logo-bar:nth-child(4){height:56%}
.wxb3-logo-bar:nth-child(2),.wxb3-logo-bar:nth-child(4),.wxb3-logo-bar:nth-child(6){background:var(--wxb-live-accent)}

/* 13 Prism */
.wxb3-logo--prism{background:transparent}
.wxb3-logo-face{position:absolute;inset:14%;clip-path:polygon(50% 0,100% 84%,50% 100%,0 84%)}
.wxb3-logo-face--left{background:var(--wxb-live-ink);clip-path:polygon(50% 0,50% 100%,0 84%)}
.wxb3-logo-face--right{background:var(--wxb-live-accent);clip-path:polygon(50% 0,100% 84%,50% 100%)}
.wxb3-logo-face--base{inset:22% 25% 17%;background:var(--wxb-live-canvas);clip-path:polygon(50% 0,100% 80%,50% 100%,0 80%)}
.wxb3-logo-prism-ray{position:absolute;width:76%;height:2px;rotate:-14deg;background:var(--wxb-live-accent);z-index:-1}

/* 14 Portal */
.wxb3-logo--portal{background:var(--wxb-live-ink);color:var(--wxb-live-canvas)}
.wxb3-logo-portal{position:absolute;border:2px solid currentColor;border-bottom:0;border-radius:999px 999px 0 0}
.wxb3-logo-portal--outer{inset:10% 14% 8%}.wxb3-logo-portal--inner{inset:27% 31% 8%;border-color:var(--wxb-live-accent)}
.wxb3-logo-door{position:absolute;bottom:8%;width:42%;height:3px;background:currentColor}
.wxb3-logo--portal .wxb3-logo-initial{translate:0 16%;font-size:.68em}

/* 15 Constellation */
.wxb3-logo--constellation{background:transparent}
.wxb3-logo-stars{position:absolute;inset:9%}
.wxb3-logo-star{position:absolute;width:13%;aspect-ratio:1;border-radius:50%;background:var(--wxb-live-ink);z-index:2}
.wxb3-logo-star:nth-child(1){left:0;top:12%}.wxb3-logo-star:nth-child(2){left:33%;top:0;background:var(--wxb-live-accent)}.wxb3-logo-star:nth-child(3){right:3%;top:20%}.wxb3-logo-star:nth-child(4){left:17%;bottom:4%}.wxb3-logo-star:nth-child(5){right:29%;bottom:13%;background:var(--wxb-live-accent)}.wxb3-logo-star:nth-child(6){right:0;bottom:0}
.wxb3-logo-star-link{position:absolute;width:42%;height:1px;background:var(--wxb-live-ink);transform-origin:left center}
.wxb3-logo-star-link:nth-child(7){left:7%;top:20%;rotate:-20deg}.wxb3-logo-star-link:nth-child(8){left:39%;top:10%;rotate:23deg}.wxb3-logo-star-link:nth-child(9){left:8%;top:23%;rotate:68deg}.wxb3-logo-star-link:nth-child(10){left:23%;bottom:12%;rotate:-15deg}.wxb3-logo-star-link:nth-child(11){right:4%;bottom:18%;rotate:41deg}

/* 16 Knot */
.wxb3-logo--knot{background:transparent}
.wxb3-logo-knot{position:absolute;inset:8%}
.wxb3-logo-ribbon{position:absolute;inset:12% 34%;border-radius:999px;background:var(--wxb-live-ink);transform:rotate(calc(45deg + var(--i)*45deg))}
.wxb3-logo-ribbon:nth-child(even){inset:22% 39%;background:var(--wxb-live-accent);mix-blend-mode:multiply}

/* 17 Staircase */
.wxb3-logo--staircase{background:transparent;color:var(--wxb-live-ink)}
.wxb3-logo-steps{position:absolute;inset:10%;display:flex;align-items:flex-end;gap:3px}
.wxb3-logo-step{flex:1;height:calc(24% + var(--i)*19%);background:var(--wxb-live-ink)}
.wxb3-logo-step:nth-child(3),.wxb3-logo-step:nth-child(4){background:var(--wxb-live-accent)}
.wxb3-logo--staircase .wxb3-logo-initial{align-self:start;justify-self:start;margin:8%;color:var(--wxb-live-canvas);font-size:.58em}

/* 18 Split letter */
.wxb3-logo--split-letter{background:var(--wxb-live-ink)}
.wxb3-logo-half{position:absolute;display:grid;place-items:center;width:50%;height:100%;font:900 1.45em/1 var(--wxb-display-font,sans-serif)}
.wxb3-logo-half--left{left:0;color:var(--wxb-live-canvas)}.wxb3-logo-half--right{right:0;color:var(--wxb-live-on-accent);background:var(--wxb-live-accent)}
.wxb3-logo-divider{position:absolute;z-index:2;width:2px;height:80%;rotate:14deg;background:var(--wxb-live-canvas);mix-blend-mode:difference}

.wxb3-brand[data-wxb-logo-lockup="stack"]{flex-direction:column;align-items:flex-start;gap:8px}
.wxb3-brand[data-wxb-logo-lockup="stack"] .wxb3-brand__copy small{max-width:18ch}
.wxb3-brand[data-wxb-logo-lockup="badge"]{padding:7px 10px;border:1px solid var(--wxb-live-line);border-radius:999px}
.wxb3-brand[data-wxb-logo-lockup="badge"] .wxb3-logo-slot{border-radius:50%}
.wxb3-brand[data-wxb-logo-lockup="split"]{gap:14px}.wxb3-brand[data-wxb-logo-lockup="split"] .wxb3-brand__copy{padding-left:12px;border-left:1px solid var(--wxb-live-line)}
.wxb3-brand[data-wxb-logo-lockup="editorial"] .wxb3-brand__copy strong{font-family:var(--wxb-body-font);font-size:.9em;letter-spacing:.14em;text-transform:uppercase}

@media (prefers-reduced-motion:no-preference){
  .wxb3-brand:hover .wxb3-logo--aperture .wxb3-logo-blades{rotate:75deg;transition:rotate .55s cubic-bezier(.2,.8,.2,1)}
  .wxb3-brand:hover .wxb3-logo--route .wxb3-logo-node:nth-child(3){scale:1.35;transition:scale .25s ease}
  .wxb3-brand:hover .wxb3-logo--prism .wxb3-logo-prism-ray{translate:12% 0;transition:translate .35s ease}
}
