:root{
  --font-ui:"Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-display:"Manrope","Inter",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

html,
body,
button,
input,
textarea,
select{
  font-family:var(--font-ui);
}

body{
  font-weight:400;
  letter-spacing:-.01em;
}

h1,
h2,
h3,
.section-title,
.drpp-mega-title,
.blog-hero h1,
.article-hero h1,
.footer h2{
  font-family:var(--font-display);
  font-weight:750;
  font-synthesis:none;
}

p,
li,
input,
button,
small,
summary,
a{
  font-synthesis:none;
}

.drpp-nav-link,
.drpp-nav-direct,
.drpp-cta,
.drpp-login summary,
.drpp-lang summary{
  font-family:var(--font-ui);
  font-size:14px;
  font-weight:700;
  letter-spacing:-.015em;
}

.drpp-mega-kicker,
.kicker,
.eyebrow,
.blog-meta{
  font-family:var(--font-ui);
  font-weight:700;
  letter-spacing:.13em;
}

.drpp-mega-title{
  font-weight:750;
  letter-spacing:-.045em;
}

.drpp-mega-copy,
.drpp-mega a,
.drpp-mega span{
  font-family:var(--font-ui);
}

.drpp-mega a{
  font-weight:700;
  letter-spacing:-.02em;
}

.drpp-mega span{
  font-weight:450;
  letter-spacing:-.005em;
}

.button,
.blog-read,
.article-sidebar a,
.drpp-login-panel button{
  font-family:var(--font-ui);
  font-weight:700;
  letter-spacing:-.01em;
}

.drpp-login-panel label span,
.drpp-login-panel small,
.drpp-login-panel input{
  font-family:var(--font-ui);
}

.card h3,
.blog-card h2,
.article-body h2,
.split-aside h3{
  font-family:var(--font-display);
  font-weight:720;
}

.hero h1{
  font-family:var(--font-display);
  font-weight:760;
  letter-spacing:-.065em;
}

.hero .body,
.section-copy,
.card p,
.blog-card p,
.article-body,
.article-body p,
.article-body li{
  font-family:var(--font-ui);
  font-weight:400;
}

.footer h3,
.footer a,
.footer-bottom{
  font-family:var(--font-ui);
}

@media(max-width:1080px){
  .drpp-nav-link,
  .drpp-nav-direct,
  .drpp-cta,
  .drpp-login summary,
  .drpp-lang summary{
    font-size:13px;
  }
}
