/* OriginAR — socle commun, chargé en premier.
   Généré par build.py depuis mockups-src/. Ne pas éditer ici.
   Ordre de chargement imposé : base, page, footer. Cette
   séquence reproduit exactement la feuille de la maquette. */

@font-face {
  font-display: swap;
  font-family: 'Montserrat';
  font-weight: 300 700;
  font-style: normal;
  src: url(../fonts/montserrat-var.06b16db7.woff2) format('woff2');
}

:root{
  --obsidian:#111111;
  --ivory:#F4F1EB;
  --ivory-card:#FFFFFF;
  --gold:#D4A24C;
  --gold-ink:#8C6524;
  --ar-blue:#4DA3FF;
  --hairline-light:#E4DFD3;
  --ivory-dim:#6B655A;
  --ivory-faint:#8A8579;
  --ivory-dim-dark:#C9C4B8;
  --radius-xs:8px;
  --radius-sm:12px;
  --radius-md:16px;
  --radius-lg:24px;
  --radius-pill:999px;
  --ease-out:cubic-bezier(0.16,1,0.3,1);
}

*{box-sizing:border-box; min-width:0;}

html{scroll-behavior:smooth;}

html, body{ overflow-x:hidden; width:100%; }

body{
  margin:0;
  font-family:'Montserrat',-apple-system,BlinkMacSystemFont,sans-serif;
  background:var(--ivory);
  color:var(--obsidian);
  -webkit-font-smoothing:antialiased;
}

img,svg{max-width:100%;display:block;}

a{color:inherit;text-decoration:none;}

.container{
  max-width:1160px;
  margin:0 auto;
  padding:0 20px;
}

@media (min-width:768px){ .container{padding:0 32px;} }

@media (min-width:1024px){ .container{padding:0 48px;} }

@media (min-width:1200px){ .container{padding:0 64px;} }

.eyebrow{
  font-size:13px;
  font-weight:500;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--gold-ink);
  margin:0 0 12px;
}