/* Éditorial Brut, version de travail TEST pour L'AMORCE publique. */
@font-face {
  font-family: "Archivo Black";
  src: url("../assets/fonts/archivo-black-regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
body.charte-test {
  --bg: #f2efe8;
  --bg-2: #e9e6df;
  --surface: #fff;
  --line: rgba(10,10,10,.18);
  --line-strong: rgba(10,10,10,.38);
  --ink: #0a0a0a;
  --ink-2: #363636;
  --ink-3: #575757;
  --dark: #0a0a0a;
  --dark-2: #262626;
  --dark-ink: #f2efe8;
  --dark-ink-2: #dedbd4;
  --dark-ink-3: #c9c5bc;
  --accent: #262626;
  --accent-soft: rgba(10,10,10,.07);
  --font-display: "Archivo Black", Impact, "Arial Black", sans-serif;
  --font-body: "Inter", system-ui, sans-serif;
  --radius: 2px;
  --radius-sm: 2px;
  --shadow-soft: none;
  color: var(--ink);
}
.charte-test .site-header { background: #f2efe8; border-bottom: 2px solid #0a0a0a; backdrop-filter: none; }
.charte-test .brand .name { font-family: var(--font-display); font-weight: 400; letter-spacing: -.05em; }
.charte-test .site-footer { border-top: 2px solid #0a0a0a; }
.charte-test h1, .charte-test .am-hero h1 { font-family: var(--font-display); font-weight: 400; letter-spacing: -.06em; }
.charte-test .am-hero h1 { font-size: clamp(3.4rem, 8vw, 8rem); line-height: .98; text-transform: uppercase; max-width: 11ch; }
.charte-test .am-titre, .charte-test .am-final h2 { font-family: var(--font-body); font-weight: 750; letter-spacing: -.035em; }
.charte-test .am-oeil { color: #262626; }
.charte-test .am-final .am-oeil,
.charte-test .am-prix-avant { color: #f2efe8; }
.charte-test .am-final .am-final-achat .am-oeil { color: #262626; }
.charte-test :is(.am-achat, .am-final-achat, .am-final-arsenal, .am-badge, .am-attente-boite, .am-ferme) { border-radius: 2px; box-shadow: none; }
.charte-test .btn { border-radius: 2px; }
.charte-test .btn-primary { background: #f2551c; border-color: #0a0a0a; color: #0a0a0a; font-weight: 700; }
.charte-test .btn-primary:hover { background: #0a0a0a; color: #f2efe8; }
.charte-test .am-final .btn-primary:hover { border-color: #f2551c; }
.charte-test input[type="text"],
.charte-test input[type="email"] { border-radius: 2px; }
.charte-test :is(a,button,input,summary):focus-visible { outline: 3px solid #f2551c; outline-offset: 2px; }
@media (max-width: 620px) {
  .charte-test .am-hero h1 { font-size: clamp(3rem, 16vw, 5.6rem); overflow-wrap: anywhere; }
  .charte-test .site-header .container { gap: 8px; }
  .charte-test .brand .desc { display: none; }
}