/* ==========================================================================
   marque.css — le logo et le nom « Nonchalance Works » écrit dessous
   (views/partials/logo.ejs). Décision d'Arthur du 26/10/2026 : le nom de la
   société est écrit en toutes lettres sous le logo, partout où il apparaît.
   Feuille écrite à la main : les deux feuilles compilées de la vitrine sont
   figées (aucune étape de build), une classe Tailwind absente n'y existe pas.
   ========================================================================== */

/* Work Sans 500 (police de la charte NC3), sous-ensemble latin auto-hébergé,
   licence SIL OFL 1.1 jointe (public/fonts/OFL-WorkSans.txt). */
@font-face {
  font-family: "Work Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/work-sans-latin-500.woff2) format("woff2");
}

/* Le bloc : le logo, le nom dessous, alignés à gauche. */
.nc-logo {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
}

/* On fixe la hauteur, la largeur suit le ratio du logo (391 × 240). En-tête :
   36 px de logo + le nom tiennent dans la barre de 64 px. En dessous de ~36 px,
   « works » se referme. */
.nc-logo__image {
  display: block;
  flex-shrink: 0;
  width: auto;
  height: 2.25rem;
}

.nc-logo--pied .nc-logo__image {
  height: 3rem;
}

/* Le nom : discret (petit, graisse moyenne), lisible (couleur du texte,
   jamais coupé). La casse est celle de la société : N et W majuscules. */
.nc-nom {
  display: block;
  font-family: "Work Sans", var(--font-sans), ui-sans-serif, system-ui, sans-serif;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: 0.01em;
  white-space: nowrap;
  color: hsl(var(--foreground));
}

.nc-logo--pied .nc-nom {
  font-size: 0.875rem;
}