@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:ital,wght@0,400;0,600;0,700;1,400&display=swap');

body {
  font-family: 'Inter', system-ui, sans-serif;
  background-color: #09090B;
  color: #F4F4F5;
}

html,
body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  scroll-behavior: smooth;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none;
}

.font-nexus-heading {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;
}

.nexus-grid-pattern {
  background-size: 50px 50px;
  background-image:
    linear-gradient(to right, rgba(39, 39, 42, 0.25) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(39, 39, 42, 0.25) 1px, transparent 1px);
}

.hero-matte-overlay {
  background: linear-gradient(to bottom, rgba(9, 9, 11, 0.75) 10%, rgba(9, 9, 11, 0.98) 90%);
}

.line-clamp-brief {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}