/* Atelier Asset — marque (icône + mot-symbole) */
:root {
  --aa-ink: #1c1914;
  --aa-cream: #fff8f0;
  --aa-terracotta: #c45c26;
  --aa-serif: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --aa-sans: 'Rubik', system-ui, sans-serif;
}

.aa-logo {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  text-decoration: none;
  line-height: 1;
  min-width: 0;
}
.aa-logo img,
.aa-logo svg {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  flex-shrink: 0;
  display: block;
}
.aa-word {
  display: inline-flex;
  align-items: baseline;
  gap: 0.32em;
  white-space: nowrap;
  min-width: 0;
}
.aa-atelier {
  font-family: var(--aa-serif);
  font-style: italic;
  font-weight: 500;
  font-optical-sizing: auto;
  font-size: 1.28rem;
  letter-spacing: -0.02em;
  line-height: 1;
}
.aa-asset {
  font-family: var(--aa-serif);
  font-style: normal;
  font-weight: 500;
  font-optical-sizing: auto;
  font-size: 1.05rem;
  letter-spacing: 0.01em;
  line-height: 1;
}

.aa-logo--dark .aa-atelier { color: var(--aa-ink); }
.aa-logo--dark .aa-asset { color: var(--aa-terracotta); }
.aa-logo--light .aa-atelier { color: var(--aa-cream); }
.aa-logo--light .aa-asset { color: #e8a06a; }

.aa-logo--sm { gap: 0.5rem; }
.aa-logo--sm img,
.aa-logo--sm svg { width: 28px; height: 28px; border-radius: 6px; }
.aa-logo--sm .aa-atelier { font-size: 1.05rem; }
.aa-logo--sm .aa-asset { font-size: 0.88rem; }