/* Montserrat: locally hosted variable roman and italic, OFL license in fonts/. */
@font-face{
  font-family:"Montserrat";
  src:url("./fonts/Montserrat-Variable.ttf") format("truetype");
  font-style:normal;font-weight:100 900;font-display:swap;
}
@font-face{
  font-family:"Montserrat";
  src:url("./fonts/Montserrat-Italic-Variable.ttf") format("truetype");
  font-style:italic;font-weight:100 900;font-display:swap;
}
:root{font-family:"Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}
body{font-weight:400}
button,input,select,textarea{font-family:inherit}
.heading h1,.reel-library-heading h1{font-weight:600;letter-spacing:-.045em;line-height:1.12}
h2,h3,.dialog-head h2{font-weight:600}
.eyebrow{font-weight:600}
.button,.theme-toggle,.nav button,.profile-dropdown button{font-weight:500}
.nav button.active{font-weight:600}
.field label,th{font-weight:500}
.stat-value{font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:-.045em}
.badge,.tag{font-weight:500}
.auth-copy h1{font-weight:400;letter-spacing:-.045em}
.auth-form h2{font-weight:600}
.brand{font-weight:600;letter-spacing:-.045em}.brand span span{font-weight:300}
em,i{font-style:italic}strong,b{font-weight:700}
.button,.filter button{line-height:1.45}
.heading .subtle,.reel-library-heading .subtle{line-height:1.7}