/* ============ BAMOSS. brand tokens ============ */
:root{
  /* palette officielle BAMOSS — du Plan de Collection */
  /* Socle neutre */
  --ecru:        #E8DDC9;   /* écru */
  --crème:       #F1E8D6;   /* crème */
  --grege:       #B8AB97;   /* grège */
  --grege-2:     #877D6C;   /* deeper grège */
  --noir:        #111111;
  --noir-soft:   #1A1A1A;
  /* Accent secondaire */
  --sauge:       #9AA487;   /* sauge / sage green */
  /* Accent principal */
  --sapin:       #2E4A36;   /* vert sapin */
  --bordeaux:    #6E2230;   /* bordeaux */
  --anthracite:  #3A3A3A;   /* gris anthracite */

  --line:        rgba(17,17,17,0.14);
  --line-strong: rgba(17,17,17,0.32);
  --rust:        var(--bordeaux);   /* legacy alias */

  /* typography stacks */
  --f-display: "Antonio", "Archivo Narrow", "Helvetica Neue", Arial, sans-serif;
  --f-editorial: "Instrument Serif", "Times New Roman", serif;
  --f-body: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --f-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;

  /* type scale (deck reference 1920) */
  --t-mega: clamp(72px, 9vw, 168px);
  --t-h1:   clamp(48px, 5.6vw, 104px);
  --t-h2:   clamp(32px, 3.6vw, 64px);
  --t-h3:   clamp(22px, 2.2vw, 38px);
  --t-body: clamp(16px, 1.05vw, 22px);
  --t-cap:  clamp(11px, 0.78vw, 14px);

  /* spacing */
  --pad: clamp(28px, 4.4vw, 96px);
}

@font-face {
  font-family: 'Antonio';
  font-style: normal;
  font-weight: 100 900;
  src: local('Antonio');
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  font-family: var(--f-body);
  color: var(--noir);
  background: var(--ecru);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* tiny utilities used everywhere */
.eyebrow{
  font-family: var(--f-mono);
  font-size: var(--t-cap);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  font-weight: 500;
  color: var(--noir);
  opacity: .72;
}
.divider{ height:1px; background: var(--line-strong); width:100%; }
.rule-cap{ font-family: var(--f-mono); font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; opacity:.6; }

.h-mega{
  font-family: var(--f-display);
  font-weight: 700;
  font-size: var(--t-mega);
  line-height: .82;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  margin: 0;
}
.h-h1{
  font-family: var(--f-display);
  font-weight: 700;
  font-size: var(--t-h1);
  line-height: .9;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  margin: 0;
}
.h-h2{
  font-family: var(--f-display);
  font-weight: 600;
  font-size: var(--t-h2);
  line-height: .98;
  letter-spacing: -0.005em;
  text-transform: uppercase;
  margin: 0;
}
.h-h3{
  font-family: var(--f-editorial);
  font-weight: 400;
  font-size: var(--t-h3);
  line-height: 1.12;
  letter-spacing: -0.01em;
  font-style: italic;
  margin: 0;
}
.body-lg{ font-size: var(--t-body); line-height: 1.55; max-width: 60ch; }

/* logo */
.bamoss-wordmark{
  font-family: var(--f-display);
  font-weight: 700;
  font-style: italic;
  font-size: 22px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
  display: inline-flex;
  align-items: baseline;
  gap: 0.05em;
}
.bamoss-wordmark::after{ content: ""; display: inline-block; width:6px; height:6px; background: currentColor; border-radius: 50%; transform: translateY(-1px); margin-left: 2px; }

/* mark (the b. monogram) */
.bamoss-mark{ display: inline-block; line-height: 0; color: var(--noir); }
.bamoss-mark svg{ height: 1em; width: auto; display: block; }