/* ═══════════════════════════════════════════════════════════════════════════
   SYSTÈME WORDMARK PREZZ — pattern .wordmark + .name + .dot + .domain
   Règle B-6 : cercle ≈ 50% × font-size, translateY ≈ -16% × font-size
   ═══════════════════════════════════════════════════════════════════════════ */
.wordmark {
  display: inline-flex;
  align-items: center;
  line-height: 1;
  font-family: 'Outfit', sans-serif;
  white-space: nowrap;
}
.wordmark > * { line-height: 1; }
.wordmark .name {
  font-weight: 800;
  color: #1A2332;
}
.wordmark .domain {
  font-weight: 400;
  color: #1A2332;
  opacity: 0.55;
}
.wordmark .dot {
  display: inline-block;
  border-radius: 50%;
  background: #D97757;
  vertical-align: baseline;
}

/* Tailles standard de l'écosystème */
.wm-brand .name, .wm-brand .domain { font-size: 22px; }
.wm-brand .dot { width: 11px; height: 11px; margin: 0 4px; transform: translateY(-3px); }

.wm-hero .name, .wm-hero .domain { font-size: clamp(28px, 4.5vw, 48px); }
.wm-hero .dot { width: 22px; height: 22px; margin: 0 7px; transform: translateY(-6px); }
@media (max-width: 768px) {
  .wm-hero .dot { width: 14px; height: 14px; margin: 0 4px; transform: translateY(-4px); }
}

.wm-card .name, .wm-card .domain { font-size: 28px; }
.wm-card .dot { width: 14px; height: 14px; margin: 0 5px; transform: translateY(-4px); }

.wm-mobile .name, .wm-mobile .domain { font-size: 22px; }
.wm-mobile .dot { width: 11px; height: 11px; margin: 0 4px; transform: translateY(-3px); }

.wm-app .name, .wm-app .domain { font-size: 28px; }
.wm-app .dot { width: 14px; height: 14px; margin: 0 5px; transform: translateY(-4px); }

.wm-small .name, .wm-small .domain { font-size: 16px; }
.wm-small .dot { width: 8px; height: 8px; margin: 0 3px; transform: translateY(-2px); }

.wm-tiny .name, .wm-tiny .domain { font-size: 14px; }
.wm-tiny .dot { width: 7px; height: 7px; margin: 0 3px; transform: translateY(-2px); }