

.am-logo{
  --am-size:40px;
  display:inline-flex;
  align-items:center;
  gap:calc(var(--am-size) * .13);
  line-height:1;
  color:var(--ink);
  text-decoration:none;
  white-space:nowrap;
}

.am-logo__mark{
  flex:none;
  width:var(--am-size);
  height:var(--am-size);
  color:var(--accent);
}

.am-logo__word{
  font-family:"Prata", Georgia, "Times New Roman", serif;
  font-weight:400;
  font-size:calc(var(--am-size) * .575);   
  letter-spacing:.06em;
  color:inherit;
}
.am-logo__word b{ font-weight:400; color:var(--accent); }


.am-logo--v{
  flex-direction:column;
  gap:calc(var(--am-size) * .10);
}
.am-logo--v .am-logo__word{
  font-size:calc(var(--am-size) * .425);
  letter-spacing:.10em;
}


.am-logo--mono,
.am-logo--mono .am-logo__mark,
.am-logo--mono .am-logo__word b{ color:currentColor; }


.am-logo-safe{ padding:calc(var(--am-size, 40px) * .25); }


.am-tile{
  --am-size:64px;
  flex:none;
  width:var(--am-size);
  height:var(--am-size);
  border-radius:calc(var(--am-size) * .23);
  background:linear-gradient(165deg, #1c6fc7, #0f2c52);
  box-shadow:inset 0 0 0 1px rgba(158,198,242,.30);
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
}
.am-tile::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(70% 70% at 28% 18%, rgba(110,175,255,.50), transparent 70%);
}
.am-tile > svg{
  position:relative;
  z-index:1;
  width:62%;
  height:62%;
  color:#f8fbff;
}


@media (max-width:520px){
  .am-logo{ --am-size:32px; }
}


nav.top a.am-logo, header.top a.am-logo{ color:var(--ink) }
nav.top a.am-logo:hover, header.top a.am-logo:hover{ background:var(--accent-ghost); color:var(--ink) }

.am-logo--h .am-logo__word{ position:relative; top:calc(var(--am-size) * .07) }
@media (min-width:761px){
  nav.top a.am-logo, header.top a.am-logo{ margin-right:12px }
}
