/* BMI — feuille de style du site (les mises en page sont dans les attributs style des pages) */
@font-face{font-family:'Lora';src:url('/assets/fonts/lora-latin.woff') format('woff');font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('/assets/fonts/inter-400.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('/assets/fonts/inter-500.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('/assets/fonts/inter-600.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('/assets/fonts/inter-700.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#FAF8F4;color:#1E1D1B;font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;font-feature-settings:'cv08' 1}
h1,h2,h3{font-family:'Lora',Georgia,serif;font-weight:400;margin:0}
p{margin:0}
img{display:block;max-width:100%}
button,input,select,textarea{font-family:inherit}
button{cursor:pointer}
a{color:#1E1D1B;text-decoration:none}
a:hover{color:#9A5B3C}
[hidden]{display:none!important}
:focus-visible{outline:2px solid #9A5B3C;outline-offset:2px}
.skip{position:absolute;left:-10000px;top:0;background:#1E1D1B;color:#FAF8F4;padding:12px 16px;z-index:10}
.skip:focus{left:16px;top:16px;color:#FAF8F4}
.chip{min-height:44px;padding:0 16px;border:1px solid #D4CEC4;background:transparent;color:#1E1D1B;font-size:14px;font-weight:500}
.chip.on{border-color:#1E1D1B;background:#1E1D1B;color:#FAF8F4;font-weight:600}
.chip:hover{border-color:#1E1D1B}
@media (max-width:700px){
  section,header>div,footer>div,main>nav{padding-left:20px!important;padding-right:20px!important}
  header nav{flex-wrap:nowrap!important;overflow-x:auto;gap:20px!important;width:100%;padding-bottom:4px;-webkit-overflow-scrolling:touch}
  header nav a{white-space:nowrap}
  h1:not([style*="Inter"]){font-size:40px!important;line-height:1.08!important}
  h2{font-size:30px!important;line-height:1.15!important}
  h3{font-size:24px!important}
  img[style*="height:6"],img[style*="height:5"]{height:340px!important}
  [style*="grid-template-columns:repeat(auto-fit,minmax(3"]{grid-template-columns:1fr!important}
  article{padding:28px!important}
  form{padding:24px!important}
  .faces img{height:104px!important}
  .model{padding:20px 0!important}
}
.faces{scrollbar-width:thin}