/* mm-breadcrumb
   Sitewide breadcrumb trail. Tiny uppercase row of links above the page H1
   on inner pages (case studies, about, blog posts, anything not the home page).

   Usage:
     <div class="mm-breadcrumb">
       <a href="/#top">Middle Mann</a> &nbsp;/&nbsp;
       <a href="/#work">Work</a> &nbsp;/&nbsp;
       <span class="mm-breadcrumb-current">AI Workspace</span>
     </div>

   The links inherit a muted color; the current-page span is brighter
   so the user can see where they are in the trail. */

.mm-breadcrumb {
	font-size: 9px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.4);
	margin: 0 0 60px;
	text-align: left;
}

.mm-breadcrumb a { color: rgba(255, 255, 255, 0.4); }
.mm-breadcrumb a:hover { color: var(--mm-accent); text-decoration: none; }

.mm-breadcrumb-current { color: rgba(255, 255, 255, 0.85); }