/* The socket is the o: one symbol shared by the wordmark and the device. */
.brand-o { width: 28px; height: 29px; border: 0; border-radius: 0; margin: 6px 0 0 1px; display: inline-flex; flex: 0 0 auto; }
.brand-o svg { width: 100%; height: 100%; overflow: visible; }
.socket-logo-holes { fill: var(--wall); }
.nav.dark .socket-logo-holes, footer .socket-logo-holes { fill: var(--ink); }
@media (max-width: 899px) { .brand-o { width: 24px; height: 25px; margin-top: 5px; } }

.intro-word { display: inline-flex; align-items: center; line-height: 1; }
.intro-word .brand-o { width: .755em; height: .755em; margin: .15em 0 0 .015em; }
.intro-word .intro-dot { align-self: flex-end; margin-bottom: .13em; }

footer .brand-o { width: 24px; height: 25px; margin-top: 5px; }