/* Small refinements shared by both language versions. */
.hero .hero-primary, .hero .hero-secondary {font-size: 12px;}
.hero .hero-primary {padding: 17px 25px;}
.hero .hero-secondary {padding-top: 14px; padding-bottom: 11px;}
.integrity-section {padding-top: 104px; padding-bottom: 56px;}
@media (max-width: 1100px) {
  .hero .hero-primary, .hero .hero-secondary {font-size: 11px;}
}
@media (max-width: 900px) {
  .integrity-section {padding-top: 74px; padding-bottom: 26px;}
}
@media (max-width: 600px) {
  .hero .hero-primary {padding: 16px 19px;}
  .hero .hero-secondary {padding-top: 13px; padding-bottom: 10px;}
}
@media (prefers-reduced-motion: no-preference) {
  .blog-page main, .article-page main {animation: content-arrival 360ms cubic-bezier(.22,.61,.36,1) both;}
  @keyframes content-arrival {
    from {opacity: 0; transform: translateY(8px);}
    to {opacity: 1; transform: translateY(0);}
  }
}