*,*::before,*::after{box-sizing:border-box;}
html,body{margin:0;padding:0;}
html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--header-h-mobile) + 8px);
}
body{
  font-family:var(--ff-body);
  font-size:16px;
  line-height:1.6;
  color:var(--text);
  background:var(--bg);
  overflow-x:clip;
  max-width:100vw;
  position:relative;
}
/* TEX-2 grain fin */
body::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}
body > *{position:relative;z-index:1;}

img,video,iframe,svg{max-width:100%;}
img{display:block;height:auto;}
figure{margin:0;}
[hidden]{display:none !important;}
button{font:inherit;color:inherit;}
ul,ol{margin:0;padding:0;}
li{list-style:none;}
a{color:var(--accent);text-decoration:none;}
a:hover{text-decoration:underline;}
p{margin:0 0 0.8em;}
h1,h2,h3,h4{font-family:var(--ff-display);color:var(--text);line-height:1.18;margin:0 0 .5em;font-weight:600;}
h1{font-size:clamp(2rem,5.4vw,3.4rem);letter-spacing:-.005em;}
h2{font-size:clamp(1.7rem,3.6vw,2.4rem);letter-spacing:-.003em;}
h3{font-size:clamp(1.18rem,2.2vw,1.4rem);}

/* micro-details propres */
::selection{background:var(--accent);color:#fff;}
::-moz-selection{background:var(--accent);color:#fff;}
*::-webkit-scrollbar{width:8px;height:8px;}
*::-webkit-scrollbar-thumb{background:var(--accent-2);border-radius:4px;}
*::-webkit-scrollbar-track{background:transparent;}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px;}
::placeholder{color:var(--text-mute);opacity:1;}
input,select,textarea{font:inherit;color:inherit;}