*,*::before,*::after{box-sizing:border-box;}
html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--header-h-mobile) + 12px);
}
@media (min-width:900px){html{scroll-padding-top:calc(var(--header-h) + 12px);}}

html,body{
  margin:0;
  padding:0;
  overflow-x:clip;
  max-width:100%;
}
body{
  font-family:var(--ff-body);
  font-size:16px;
  line-height:1.6;
  color:var(--text);
  background:var(--bg);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  position:relative;
}
/* TEX-2 grain fin */
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.05;
  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%;display:block;}
img{height:auto;}
figure{margin:0;}
button{font-family:inherit;cursor:pointer;border:0;background:transparent;color:inherit;}
a{color:var(--accent);text-decoration:none;transition:color .2s ease;}
a:hover{color:var(--accent-2);}
h1,h2,h3,h4{font-family:var(--ff-display);font-weight:600;color:var(--text);margin:0 0 .6em;line-height:1.15;}
h1{font-size:clamp(2.2rem,5.4vw,3.6rem);}
h2{font-size:clamp(1.8rem,3.4vw,2.5rem);line-height:1.2;}
h3{font-size:clamp(1.15rem,1.8vw,1.4rem);}
p{margin:0 0 1em;color:var(--text-2);}
ul{padding-left:1.2em;margin:0 0 1em;}
[hidden]{display:none!important;}

::selection{background:var(--accent);color:#fff;}
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-track{background:var(--bg-alt);}
::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px;}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px;}
::placeholder{color:var(--text-mute);opacity:.85;}