/* =========================================================================
   LAYOUT — برند و پاورقی (ناوبری در css/dock.css)
   ========================================================================= */

/* -------------------------------------------------------------- برند */
.brand {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-3);
  color: var(--text);
  flex-shrink: 0;
}

.brand__mark {
  display: grid;
  place-items: center;
  color: var(--accent);
  transition: transform var(--dur) var(--ease-out);
}

.brand:hover .brand__mark {
  transform: rotate(45deg);
}

.brand__text {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
}

.brand__name {
  font-weight: 700;
  font-size: 1.0625rem;
}

.brand__tag {
  font-size: 0.5625rem;
  letter-spacing: 0.22em;
  color: var(--text-subtle);
}

/* پاورقی: css/footer.css */