/**
 * Reset and base styles
 */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans",
    "Droid Sans", "Helvetica Neue", sans-serif;
  background-color: #fafafa;
  color: #1a1a1a;
  line-height: 1.6;
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  display: block;
  max-width: 100%;
}

/**
 * Navigation
 */
header {
  background-color: #fff;
  border-bottom: 1px solid #E5E7EB;
  position: sticky;
  top: 0;
  z-index: 100;
}

nav {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5em;
  display: flex;
  align-items: center;
  height: 81px;
  font-family: Catamaran, Arial, Helvetica, sans-serif;
}

nav > a.logo {
  display: block;
  width: 160px;
  height: 32px;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDE0OC45IDMwLjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6IzQ4OGVjY30uc3Qxe2ZpbGw6IzI3YWFlMX0uc3Qye2ZpbGw6IzM2Mzk0MH08L3N0eWxlPjxnIGlkPSJIZWFkZXIiPjxnIGlkPSJHcm91cF8yNTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk0Ny44ODIgLTkxLjkzNCkiPjxnIGlkPSJHcm91cF8yNDciPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tOTQyLjcgMTA5LjJsLTQuOCAxLjFjLS45LjEtMS43IDEuNS0xLjcgMi44djcuMmMwIDEuNC44IDIuMiAxLjcgMS45bDQuOC0xLjdjLjgtLjIgMS41LTEuNSAxLjUtMi44VjExMWMwLTEuMi0uNy0yLTEuNS0xLjh6TS05MjMuNCAxMDkuMmwtNC44IDEuMWMtLjkuMS0xLjcgMS41LTEuNyAyLjh2Ny4yYzAgMS40LjggMi4yIDEuNyAxLjlsNC44LTEuN2MuOC0uMiAxLjUtMS41IDEuNS0yLjhWMTExYzAtMS4yLS43LTItMS41LTEuOHpNLTkzMyA5NC4xbC00LjggMS4xYy0uOS4xLTEuNyAxLjUtMS43IDIuOHY3LjJjMCAxLjQuOCAyLjIgMS43IDEuOWw0LjgtMS43Yy44LS4yIDEuNS0xLjUgMS41LTIuOFY5NmMtLjEtMS4yLS43LTIuMS0xLjUtMS45eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS42MzIpIi8+PGc+PHBhdGggY2xhc3M9InN0MSIgZD0iTS05NTEuMyAxMTAuM2wtNC44LTEuMWMtLjgtLjEtMS41LjctMS41IDEuOXY2LjhjLS4xIDEuMS41IDIuMiAxLjUgMi44bDQuOCAxLjdjLjkuMyAxLjctLjUgMS43LTEuOXYtNy4zYy4xLTEuMy0uNi0yLjQtMS43LTIuOXpNLTk0OC44IDEwNy4xYy0uNC0uMS0uOS0uMS0xLjMgMGwtNi4yIDEuMmMtLjQgMC0uNS4yLS4xLjNsNi4zIDEuNGMuNS4xIDEgLjEgMS41IDBsNi4yLTEuNGMuMyAwIC4zLS4yLS4xLS4zbC02LjMtMS4yek0tOTMyIDExMC4zbC00LjgtMS4xYy0uOC0uMS0xLjUuNy0xLjUgMS45djYuOGMtLjEgMS4xLjUgMi4yIDEuNSAyLjhsNC44IDEuN2MuOS4zIDEuNy0uNSAxLjctMS45di03LjNjLjEtMS4zLS42LTIuNC0xLjctMi45ek0tOTIzLjIgMTA4LjNsLTYuMy0xLjJjLS40LS4xLS45LS4xLTEuMyAwbC02LjIgMS4yYy0uNCAwLS41LjItLjEuM2w2LjMgMS40Yy41LjEgMSAuMSAxLjUgMGw2LjItMS40Yy40LS4xLjMtLjItLjEtLjN6TS05NDEuNiA5NS4ybC00LjgtMS4xYy0uOC0uMS0xLjUuNy0xLjUgMS45djYuOGMtLjEgMS4xLjUgMi4yIDEuNSAyLjhsNC44IDEuN2MuOS4zIDEuNy0uNSAxLjctMS45Vjk4Yy4xLTEuMi0uNi0yLjMtMS43LTIuOHpNLTkzMi44IDkzLjJsLTYuMy0xLjJjLS40LS4xLS45LS4xLTEuMyAwbC02LjIgMS4yYy0uNCAwLS41LjItLjEuM2w2LjMgMS40Yy41LjEgMSAuMSAxLjUgMGw2LjItMS40Yy40LS4xLjMtLjItLjEtLjN6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjYzMikiLz48L2c+PC9nPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0tODkyLjEgMTA3LjVjLS44LS42LTEuNi0xLjEtMi41LTEuNmwtLjgtLjQtLjgtLjVjLS43LS40LTEuMy0uOC0xLjktMS4zLS40LS4zLS42LS44LS42LTEuMyAwLS42LjMtMS4xLjctMS4zLjYtLjMgMS4zLS41IDEuOS0uNS42IDAgMS4zLjEgMS45LjMuNy4yIDEuMy41IDEuOS44bDEuMS0yLjdjLTEuNi0uOC0zLjMtMS4zLTUtMS4zLTEuMSAwLTIuMi4yLTMuMy42LS44LjQtMS42LjktMi4xIDEuNy0uNS43LS43IDEuNi0uNyAyLjQgMCAuOC4zIDEuNi43IDIuMy41LjcgMS4xIDEuMyAxLjggMS44czEuNiAxLjEgMi44IDEuOGwuOC41Yy43LjQgMS40LjggMiAxLjMuNC4zLjYuNy42IDEuMiAwIC42LS4zIDEuMS0uOCAxLjQtLjcuNC0xLjYuNS0yLjQuNS0uOCAwLTEuNS0uMS0yLjItLjQtLjgtLjItMS41LS41LTIuMi0uOWwtLjggMi43Yy44LjUgMS42LjggMi41IDEgLjkuMyAxLjguNSAyLjcuNSAxLjIgMCAyLjUtLjIgMy42LS42LjktLjMgMS43LS45IDIuMy0xLjcuNS0uNy44LTEuNi44LTIuNSAwLS44LS4yLTEuNi0uNi0yLjItLjMtLjYtLjgtMS4yLTEuNC0xLjZ6TS04NzYuNSAxMDkuNWMwLTEuMi0uMi0yLjMtLjYtMy40LS40LTEtMS4xLTEuOC0xLjktMi40LTEtLjYtMi4xLS45LTMuMi0uOS0xLjIgMC0yLjQuMy0zLjQuOHMtMS43IDEuNC0yLjIgMi4zYy0uNSAxLjEtLjggMi4zLS44IDMuNS0uMSAxLjguNiAzLjYgMS45IDQuOSAxLjUgMS4zIDMuNSAxLjkgNS41IDEuOC45IDAgMS44LS4xIDIuNy0uNC44LS4zIDEuNS0uNyAyLjEtMS4ybC0xLTIuNWMtLjYuMy0xLjIuNi0xLjguOC0uNi4yLTEuMi4zLTEuOS4zLS45LjEtMS45LS4yLTIuNy0uNy0uNi0uNS0xLTEuMi0xLjEtMmg4LjZsLS4yLS45em0tOC41LTEuMmMuMS0uNy40LTEuNC45LTEuOS41LS40IDEuMS0uNyAxLjgtLjYuNiAwIDEuMi4yIDEuNy42LjUuNS44IDEuMi45IDEuOWgtNS4zek0tODcwIDEwMy45Yy0uOC40LTEuNS45LTIuMSAxLjVsLTEuMS0yLjFoLTEuOFYxMTZoMy40di03LjdjLjctLjYgMS41LTEuMiAyLjQtMS42LjctLjQgMS40LS42IDIuMS0uNmwtLjctMi43Yy0uOC0uMi0xLjUuMS0yLjIuNXpNLTg1OS43IDExMC45bC0yLjktOC4yLTMuMyAxIDQuNyAxMi4yaDIuOWw1LTEyLjdoLTMuNnpNLTg0My44IDEwNi4zbC02LTguMmgtMi4xdjE3LjhoMy4zVjEwNWw0LjMgNS41IDEuMy0uMiAzLjMtNC43djEwLjNoMy41Vjk4LjFoLTIuMXpNLTgyNi44IDEwMy41Yy0uOS0uNC0xLjgtLjYtMi44LS42LS44IDAtMS42LjEtMi40LjQtLjguMS0xLjUuNC0yLjIuOGwuOSAyLjhjLjYtLjMgMS4yLS41IDEuOC0uNi42LS4yIDEuMy0uMiAxLjktLjIuNSAwIDEuMS4yIDEuNS41LjQuNC42LjkuNiAxLjVoLTIuNWMtMS4zLS4xLTIuNS4zLTMuNSAxLjEtLjkuNy0xLjQgMS44LTEuMyAzLS4xIDEuMS40IDIuMiAxLjIgMyAxIC44IDIuMiAxLjIgMy40IDEuMSAxLjMtLjEgMi41LS43IDMuMy0xLjdsLjYgMS40aDIuMnYtOC4zYzAtLjktLjMtMS43LS43LTIuNC0uNS0uOS0xLjItMS41LTItMS44em0tLjYgOC44Yy0uNy44LTEuNyAxLjItMi44IDEuMy0uNCAwLS44LS4xLTEuMi0uNC0uMy0uMi0uNS0uNi0uNS0xIDAtLjUuMi0uOS41LTEuMy40LS40LjgtLjUgMS4zLS41aDIuNnYxLjl6TS04MTMuNyAxMDkuN2MtLjktLjgtMi0xLjMtMy4xLTEuN2wtMS41LS42Yy0uMy0uMi0uNS0uNC0uNS0uNiAwLS4zLjItLjYuNC0uOC4zLS4yLjctLjMgMS4xLS4zLjUgMCAxLjEuMSAxLjYuMi42LjIgMS4yLjQgMS44LjdsMS0yLjNjLS43LS40LTEuNC0uOC0yLjItMS0uNy0uMi0xLjQtLjMtMi4yLS40LTEuMy0uMS0yLjYuMy0zLjYgMS0uOS43LTEuNCAxLjctMS4zIDIuOCAwIC45LjQgMS44IDEuMiAyLjQuOS43IDEuOSAxLjIgMyAxLjUgMS41LjUgMi4yIDEgMi4yIDEuNyAwIC4zLS4yLjYtLjcuOC0uNS4yLS45LjMtMS40LjMtMS4yLS4xLTIuMy0uNC0zLjMtLjlsLTEgMi4zYy42LjUgMS40LjggMi4xIDEgLjcuMiAxLjUuMyAyLjMuMyAxLjQuMSAyLjgtLjMgMy45LTEgLjktLjcgMS40LTEuOCAxLjQtMi45IDAtMS0uNC0xLjktMS4yLTIuNXpNLTgwMy42IDEwOC40bDMuNS0zLjItMS45LTIuNC01LjQgNVY5Ny40bC0zLjQuM3YxOC4yaDMuNHYtNC4ybDEuMy0xLjIgMy4yIDUuNGgzLjl6Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat left center;
  background-size: contain;
  text-indent: -3000em;
  overflow: hidden;
  flex-shrink: 0;
}

.nav-links {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 2em;
}

.nav-links > a {
  font-size: 15px;
  font-weight: 500;
  color: #142540;
  text-decoration: none;
  transition: opacity 200ms ease;
}

.nav-links > a:hover {
  opacity: 0.6;
}

.nav-links > a.btn {
  padding: 0 25px;
  border-radius: 23px;
  border: 1px solid #142540;
  line-height: 45px;
  text-align: center;
}

.menu-toggle {
  display: none;
  background: none;
  border: none;
  cursor: pointer;
  margin-left: auto;
  padding: 8px;
  flex-direction: column;
  gap: 5px;
}

.menu-toggle span {
  display: block;
  width: 22px;
  height: 2px;
  background: #142540;
  border-radius: 1px;
  transition: transform 300ms ease, opacity 200ms ease;
}

.menu-toggle.open span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}

.menu-toggle.open span:nth-child(2) {
  opacity: 0;
}

.menu-toggle.open span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/**
 * Main content area
 */
main {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2.5em 1.5em 3em;
}

main > h1 {
  font-size: 1.75em;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 1.5em;
}

/**
 * Article card grid
 */
.card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  gap: 2em;
}

/**
 * Article card
 */
article {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  transition: box-shadow 300ms ease, transform 300ms ease;
}

article:hover {
  box-shadow: 0 8px 25px rgba(0,0,0,0.08), 0 4px 10px rgba(0,0,0,0.04);
  transform: translateY(-2px);
}

article > a {
  display: block;
  cursor: pointer;
}

article > a > figure {
  width: 100%;
  aspect-ratio: 16 / 10;
  overflow: hidden;
}

article > a > figure > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 500ms ease;
}

article:hover > a > figure > img {
  transform: scale(1.04);
}

article > a > figcaption {
  padding: 1.25em 1.5em 1.5em;
}

article > a > figcaption > .card-date {
  font-size: 0.8125em;
  color: #767676;
  margin-bottom: 0.5em;
  font-weight: 500;
}

article > a > figcaption > h2 {
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.35;
  color: #1a1a1a;
  margin-bottom: 0.4em;
}

article > a > figcaption > p {
  font-size: 0.9375em;
  color: #555;
  line-height: 1.5;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/**
 * Pagination
 */
.paginator {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
  margin-top: 3em;
  padding: 1em 0;
}

.paginator a {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
  padding: 0.6em 1.2em;
  font-size: 0.9375em;
  font-weight: 500;
  color: #107896;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease;
}

.paginator a:hover {
  background: #107896;
  color: #fff;
  border-color: #107896;
}

.paginator .page-info {
  font-size: 0.9375em;
  color: #888;
  font-weight: 500;
}

/**
 * Footer
 */
#footer {
  max-width: 1200px;
  margin: 2em auto 0;
  padding: 0 1.5em 5px;
  border-top: 1px solid #E5E7EB;
}

#footer .footer-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 40px 0 32px;
}

#footer .footer-brand {
  max-width: 380px;
}

#footer .footer-logo {
  width: 160px;
  height: 32px;
  margin-bottom: 14px;
  background: url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeD0iMCIgeT0iMCIgdmlld0JveD0iMCAwIDE0OC45IDMwLjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZT4uc3Qwe2ZpbGw6IzQ4OGVjY30uc3Qxe2ZpbGw6IzI3YWFlMX0uc3Qye2ZpbGw6IzM2Mzk0MH08L3N0eWxlPjxnIGlkPSJIZWFkZXIiPjxnIGlkPSJHcm91cF8yNTgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDk0Ny44ODIgLTkxLjkzNCkiPjxnIGlkPSJHcm91cF8yNDciPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tOTQyLjcgMTA5LjJsLTQuOCAxLjFjLS45LjEtMS43IDEuNS0xLjcgMi44djcuMmMwIDEuNC44IDIuMiAxLjcgMS45bDQuOC0xLjdjLjgtLjIgMS41LTEuNSAxLjUtMi44VjExMWMwLTEuMi0uNy0yLTEuNS0xLjh6TS05MjMuNCAxMDkuMmwtNC44IDEuMWMtLjkuMS0xLjcgMS41LTEuNyAyLjh2Ny4yYzAgMS40LjggMi4yIDEuNyAxLjlsNC44LTEuN2MuOC0uMiAxLjUtMS41IDEuNS0yLjhWMTExYzAtMS4yLS43LTItMS41LTEuOHpNLTkzMyA5NC4xbC00LjggMS4xYy0uOS4xLTEuNyAxLjUtMS43IDIuOHY3LjJjMCAxLjQuOCAyLjIgMS43IDEuOWw0LjgtMS43Yy44LS4yIDEuNS0xLjUgMS41LTIuOFY5NmMtLjEtMS4yLS43LTIuMS0xLjUtMS45eiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoOS42MzIpIi8+PGc+PHBhdGggY2xhc3M9InN0MSIgZD0iTS05NTEuMyAxMTAuM2wtNC44LTEuMWMtLjgtLjEtMS41LjctMS41IDEuOXY2LjhjLS4xIDEuMS41IDIuMiAxLjUgMi44bDQuOCAxLjdjLjkuMyAxLjctLjUgMS43LTEuOXYtNy4zYy4xLTEuMy0uNi0yLjQtMS43LTIuOXpNLTk0OC44IDEwNy4xYy0uNC0uMS0uOS0uMS0xLjMgMGwtNi4yIDEuMmMtLjQgMC0uNS4yLS4xLjNsNi4zIDEuNGMuNS4xIDEgLjEgMS41IDBsNi4yLTEuNGMuMyAwIC4zLS4yLS4xLS4zbC02LjMtMS4yek0tOTMyIDExMC4zbC00LjgtMS4xYy0uOC0uMS0xLjUuNy0xLjUgMS45djYuOGMtLjEgMS4xLjUgMi4yIDEuNSAyLjhsNC44IDEuN2MuOS4zIDEuNy0uNSAxLjctMS45di03LjNjLjEtMS4zLS42LTIuNC0xLjctMi45ek0tOTIzLjIgMTA4LjNsLTYuMy0xLjJjLS40LS4xLS45LS4xLTEuMyAwbC02LjIgMS4yYy0uNCAwLS41LjItLjEuM2w2LjMgMS40Yy41LjEgMSAuMSAxLjUgMGw2LjItMS40Yy40LS4xLjMtLjItLjEtLjN6TS05NDEuNiA5NS4ybC00LjgtMS4xYy0uOC0uMS0xLjUuNy0xLjUgMS45djYuOGMtLjEgMS4xLjUgMi4yIDEuNSAyLjhsNC44IDEuN2MuOS4zIDEuNy0uNSAxLjctMS45Vjk4Yy4xLTEuMi0uNi0yLjMtMS43LTIuOHpNLTkzMi44IDkzLjJsLTYuMy0xLjJjLS40LS4xLS45LS4xLTEuMyAwbC02LjIgMS4yYy0uNCAwLS41LjItLjEuM2w2LjMgMS40Yy41LjEgMSAuMSAxLjUgMGw2LjItMS40Yy40LS4xLjMtLjItLjEtLjN6IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5LjYzMikiLz48L2c+PC9nPjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0tODkyLjEgMTA3LjVjLS44LS42LTEuNi0xLjEtMi41LTEuNmwtLjgtLjQtLjgtLjVjLS43LS40LTEuMy0uOC0xLjktMS4zLS40LS4zLS42LS44LS42LTEuMyAwLS42LjMtMS4xLjctMS4zLjYtLjMgMS4zLS41IDEuOS0uNS42IDAgMS4zLjEgMS45LjMuNy4yIDEuMy41IDEuOS44bDEuMS0yLjdjLTEuNi0uOC0zLjMtMS4zLTUtMS4zLTEuMSAwLTIuMi4yLTMuMy42LS44LjQtMS42LjktMi4xIDEuNy0uNS43LS43IDEuNi0uNyAyLjQgMCAuOC4zIDEuNi43IDIuMy41LjcgMS4xIDEuMyAxLjggMS44czEuNiAxLjEgMi44IDEuOGwuOC41Yy43LjQgMS40LjggMiAxLjMuNC4zLjYuNy42IDEuMiAwIC42LS4zIDEuMS0uOCAxLjQtLjcuNC0xLjYuNS0yLjQuNS0uOCAwLTEuNS0uMS0yLjItLjQtLjgtLjItMS41LS41LTIuMi0uOWwtLjggMi43Yy44LjUgMS42LjggMi41IDEgLjkuMyAxLjguNSAyLjcuNSAxLjIgMCAyLjUtLjIgMy42LS42LjktLjMgMS43LS45IDIuMy0xLjcuNS0uNy44LTEuNi44LTIuNSAwLS44LS4yLTEuNi0uNi0yLjItLjMtLjYtLjgtMS4yLTEuNC0xLjZ6TS04NzYuNSAxMDkuNWMwLTEuMi0uMi0yLjMtLjYtMy40LS40LTEtMS4xLTEuOC0xLjktMi40LTEtLjYtMi4xLS45LTMuMi0uOS0xLjIgMC0yLjQuMy0zLjQuOHMtMS43IDEuNC0yLjIgMi4zYy0uNSAxLjEtLjggMi4zLS44IDMuNS0uMSAxLjguNiAzLjYgMS45IDQuOSAxLjUgMS4zIDMuNSAxLjkgNS41IDEuOC45IDAgMS44LS4xIDIuNy0uNC44LS4zIDEuNS0uNyAyLjEtMS4ybC0xLTIuNWMtLjYuMy0xLjIuNi0xLjguOC0uNi4yLTEuMi4zLTEuOS4zLS45LjEtMS45LS4yLTIuNy0uNy0uNi0uNS0xLTEuMi0xLjEtMmg4LjZsLS4yLS45em0tOC41LTEuMmMuMS0uNy40LTEuNC45LTEuOS41LS40IDEuMS0uNyAxLjgtLjYuNiAwIDEuMi4yIDEuNy42LjUuNS44IDEuMi45IDEuOWgtNS4zek0tODcwIDEwMy45Yy0uOC40LTEuNS45LTIuMSAxLjVsLTEuMS0yLjFoLTEuOFYxMTZoMy40di03LjdjLjctLjYgMS41LTEuMiAyLjQtMS42LjctLjQgMS40LS42IDIuMS0uNmwtLjctMi43Yy0uOC0uMi0xLjUuMS0yLjIuNXpNLTg1OS43IDExMC45bC0yLjktOC4yLTMuMyAxIDQuNyAxMi4yaDIuOWw1LTEyLjdoLTMuNnpNLTg0My44IDEwNi4zbC02LTguMmgtMi4xdjE3LjhoMy4zVjEwNWw0LjMgNS41IDEuMy0uMiAzLjMtNC43djEwLjNoMy41Vjk4LjFoLTIuMXpNLTgyNi44IDEwMy41Yy0uOS0uNC0xLjgtLjYtMi44LS42LS44IDAtMS42LjEtMi40LjQtLjguMS0xLjUuNC0yLjIuOGwuOSAyLjhjLjYtLjMgMS4yLS41IDEuOC0uNi42LS4yIDEuMy0uMiAxLjktLjIuNSAwIDEuMS4yIDEuNS41LjQuNC42LjkuNiAxLjVoLTIuNWMtMS4zLS4xLTIuNS4zLTMuNSAxLjEtLjkuNy0xLjQgMS44LTEuMyAzLS4xIDEuMS40IDIuMiAxLjIgMyAxIC44IDIuMiAxLjIgMy40IDEuMSAxLjMtLjEgMi41LS43IDMuMy0xLjdsLjYgMS40aDIuMnYtOC4zYzAtLjktLjMtMS43LS43LTIuNC0uNS0uOS0xLjItMS41LTItMS44em0tLjYgOC44Yy0uNy44LTEuNyAxLjItMi44IDEuMy0uNCAwLS44LS4xLTEuMi0uNC0uMy0uMi0uNS0uNi0uNS0xIDAtLjUuMi0uOS41LTEuMy40LS40LjgtLjUgMS4zLS41aDIuNnYxLjl6TS04MTMuNyAxMDkuN2MtLjktLjgtMi0xLjMtMy4xLTEuN2wtMS41LS42Yy0uMy0uMi0uNS0uNC0uNS0uNiAwLS4zLjItLjYuNC0uOC4zLS4yLjctLjMgMS4xLS4zLjUgMCAxLjEuMSAxLjYuMi42LjIgMS4yLjQgMS44LjdsMS0yLjNjLS43LS40LTEuNC0uOC0yLjItMS0uNy0uMi0xLjQtLjMtMi4yLS40LTEuMy0uMS0yLjYuMy0zLjYgMS0uOS43LTEuNCAxLjctMS4zIDIuOCAwIC45LjQgMS44IDEuMiAyLjQuOS43IDEuOSAxLjIgMyAxLjUgMS41LjUgMi4yIDEgMi4yIDEuNyAwIC4zLS4yLjYtLjcuOC0uNS4yLS45LjMtMS40LjMtMS4yLS4xLTIuMy0uNC0zLjMtLjlsLTEgMi4zYy42LjUgMS40LjggMi4xIDEgLjcuMiAxLjUuMyAyLjMuMyAxLjQuMSAyLjgtLjMgMy45LTEgLjktLjcgMS40LTEuOCAxLjQtMi45IDAtMS0uNC0xLjktMS4yLTIuNXpNLTgwMy42IDEwOC40bDMuNS0zLjItMS45LTIuNC01LjQgNVY5Ny40bC0zLjQuM3YxOC4yaDMuNHYtNC4ybDEuMy0xLjIgMy4yIDUuNGgzLjl6Ii8+PC9nPjwvZz48L3N2Zz4=") no-repeat left center;
  background-size: contain;
  text-indent: -3000em;
  overflow: hidden;
}

#footer .footer-brand p {
  color: #6B7280;
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
}

#footer .footer-brand .list-social {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 18px 0 0;
  padding: 0;
}

#footer .footer-brand .list-social li {
  margin-right: 14px;
}

#footer .footer-brand .list-social a {
  color: #6B7280;
  font-size: 18px;
  text-decoration: none;
}

#footer .footer-brand .list-social a:hover {
  color: #142540;
}

#footer .footer-brand .list-social a span {
  display: none;
}

#footer .footer-brand .list-social svg {
  vertical-align: middle;
}

#footer .footer-columns {
  display: flex;
  gap: 80px;
}

#footer .footer-col h4 {
  font-size: 13px;
  font-weight: 700;
  color: #142540;
  letter-spacing: 0.5px;
  margin: 0 0 20px;
}

#footer .footer-col ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#footer .footer-col ul li {
  margin-bottom: 14px;
  font-size: 15px;
}

#footer .footer-col ul li a {
  color: #6B7280;
  font-weight: 400;
  text-decoration: none;
}

#footer .footer-col ul li a:hover {
  color: #142540;
}

#footer .footer-bottom {
  border-top: 1px solid #E5E7EB;
  padding: 24px 0;
}

#footer .footer-bottom p {
  color: #6B7280;
  font-size: 13px;
  line-height: 1.6;
  margin: 0 0 4px;
}

/**
 * Responsive
 */
@media (max-width: 767px) {
  .menu-toggle {
    display: flex;
  }

  .nav-links {
    display: none;
    position: absolute;
    top: 81px;
    left: 0;
    right: 0;
    background: #fff;
    border-bottom: 1px solid #E5E7EB;
    flex-direction: column;
    padding: 0.5em 0;
  }

  .nav-links.show {
    display: flex;
  }

  .nav-links > a {
    padding: 0.75em 1.5em;
    font-size: 1em;
  }

  .nav-links > a.btn {
    min-width: 0;
    border: none;
    border-radius: 0;
    text-align: left;
    line-height: inherit;
    padding: 0.75em 1.5em;
  }

  .nav-links > a:hover {
    background: #f8f9fa;
  }

  main > h1 {
    font-size: 1.5em;
    margin-bottom: 1.25em;
  }

  .card-grid {
    grid-template-columns: 1fr;
    gap: 1.5em;
  }

  article > a > figcaption {
    padding: 1em 1.25em 1.25em;
  }

  article > a > figcaption > h2 {
    font-size: 1.1em;
  }

  #footer .footer-top {
    flex-direction: column;
    gap: 32px;
  }

  #footer .footer-columns {
    flex-direction: column;
    gap: 28px;
  }

  #footer .footer-col h4 {
    margin-bottom: 12px;
  }

  #footer .footer-col ul li {
    margin-bottom: 10px;
  }

}

@media (min-width: 768px) and (max-width: 1023px) {
  .card-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}