/* Brand marks + the shape (design element) library. */
.dj-logo{display:block}
.dj-lockup{display:inline-flex;align-items:center;gap:0.36em;font-family:var(--font-core);font-weight:var(--weight-bold);letter-spacing:var(--track-display);line-height:1.06;color:var(--dojo-black)}
.dj-lockup--stacked{align-items:center;gap:0.30em}
.dj-lockup__word{white-space:nowrap}
.dj-lockup__word--wrap{white-space:normal;max-width:5.2em}
.dj-shape{position:relative;display:block;overflow:hidden}
.dj-shape__base{position:absolute;inset:0;background-position:center;background-size:contain;background-repeat:no-repeat}
.dj-shapetile{position:relative;background:var(--surface-sunken);border-radius:var(--radius-md);overflow:hidden}
.dj-shapetile__panel{position:absolute;background:var(--surface-inset);border-radius:var(--radius-sm)}
.dj-shapetile__label{position:absolute;left:0;right:0;text-align:center;font-family:var(--font-core);font-weight:var(--weight-medium);opacity:.3;letter-spacing:var(--track-body)}
.dj-shapetile__dot{position:absolute;border-radius:var(--radius-full);background:var(--dojo-red-soft)}