:root {
  --ak-shell: min(1180px, calc(100vw - 72px));
  --ak-wide: min(1540px, calc(100vw - 72px));
  --ak-ink: #20292d;
  --ak-muted: #66737a;
  --ak-gold: #b9880b;
  --ak-line: rgba(180, 150, 84, 0.34);
}

.site-header {
  padding: 0 !important;
}

.site-header .nav-row {
  width: var(--ak-wide) !important;
  max-width: calc(100vw - 48px) !important;
  min-height: 96px !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 240px minmax(0, 1fr) 170px !important;
  align-items: center !important;
  column-gap: clamp(24px, 4vw, 72px) !important;
}

.site-header .brand {
  justify-self: start !important;
  display: flex !important;
  align-items: center !important;
}

.site-header .brand img {
  width: min(230px, 20vw) !important;
  max-height: 78px !important;
  object-fit: contain !important;
}

.main-nav {
  justify-self: center !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: clamp(20px, 2.2vw, 42px) !important;
  white-space: nowrap !important;
}

.language-menu {
  justify-self: end !important;
}

.gold-strip {
  margin: 0 !important;
  padding: 0 !important;
}

.gold-strip .gold-ticker,
#home .gold-ticker {
  width: var(--ak-shell) !important;
  max-width: calc(100vw - 48px) !important;
  margin: 0 auto !important;
  padding: 14px 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(28px, 6vw, 96px) !important;
}

#about > .section-heading,
#about #timeline,
#about > .timeline,
#about > .metrics-grid,
#news > .section-heading,
#news > .news-list,
#project > .project-map-switch,
#operations > .section-heading,
#operations > .operation-switch {
  width: var(--ak-shell) !important;
  max-width: calc(100vw - 48px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

#about > .section-heading h2,
#news .section-heading h2,
#operations .section-heading h2 {
  font-size: clamp(42px, 3.6vw, 62px) !important;
  line-height: 1.08 !important;
  color: var(--ak-ink) !important;
}

#about > .section-heading p {
  width: 100% !important;
  max-width: none !important;
  color: #111 !important;
  line-height: 1.85 !important;
}

#news .news-list {
  border-top: 1px solid var(--ak-line) !important;
  border-bottom: 1px solid var(--ak-line) !important;
}

#news .news-row {
  width: 100% !important;
  grid-template-columns: minmax(120px, 180px) minmax(64px, 88px) minmax(78px, 108px) minmax(0, 1fr) minmax(42px, 62px) !important;
  gap: clamp(18px, 2.4vw, 44px) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-color: var(--ak-line) !important;
}

#news .news-row h3 {
  font-size: clamp(16px, 1.05vw, 20px) !important;
  font-weight: 400 !important;
  color: #111 !important;
}

#news .section-more-link,
#operations .section-more-link,
#operations .inline-action {
  text-decoration: underline !important;
  text-underline-offset: 10px !important;
}

#operations .operation-copy h3,
#operations .operation-copy p,
#operations .operation-copy ol {
  display: none !important;
}

#operations .operation-copy {
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding-top: 0 !important;
}

#operations .operation-gallery-wrap {
  width: min(820px, calc(100vw - 150px)) !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  overflow: visible !important;
}

#operations .operation-gallery {
  justify-content: center !important;
  align-items: center !important;
}

#operations .operation-image.operation-slide {
  width: 100% !important;
  max-width: 820px !important;
  aspect-ratio: 4 / 3 !important;
  margin: 0 auto !important;
}

#operations .gallery-arrow.prev {
  left: -72px !important;
}

#operations .gallery-arrow.next {
  right: -72px !important;
}

.article-body,
.article-body p {
  color: #111 !important;
}

#footer-contact .footer-contact p {
  color: rgba(255, 255, 255, 0.9) !important;
}

@media (max-width: 980px) {
  :root {
    --ak-shell: min(100% - 32px, 760px);
    --ak-wide: min(100% - 32px, 900px);
  }

  .site-header .nav-row {
    grid-template-columns: 150px 1fr auto !important;
    column-gap: 16px !important;
  }

  .site-header .brand img {
    width: 150px !important;
  }

  .main-nav {
    gap: 16px !important;
    font-size: 15px !important;
    overflow-x: auto !important;
    justify-content: flex-start !important;
  }

  .gold-strip .gold-ticker,
  #home .gold-ticker {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    text-align: center !important;
  }

  #news .news-row {
    grid-template-columns: 96px 56px 72px 1fr 42px !important;
    gap: 12px !important;
  }

  #operations .operation-gallery-wrap {
    width: min(620px, calc(100vw - 96px)) !important;
  }

  #operations .gallery-arrow.prev {
    left: -52px !important;
  }

  #operations .gallery-arrow.next {
    right: -52px !important;
  }
}

@media (max-width: 720px) {
  .site-header .nav-row {
    grid-template-columns: 1fr !important;
    justify-items: center !important;
    padding: 14px 0 !important;
  }

  .site-header .brand,
  .main-nav,
  .language-menu {
    justify-self: center !important;
  }

  #news .news-row {
    grid-template-columns: 88px 1fr 38px !important;
  }

  #news .news-row .news-category {
    display: none !important;
  }

  #operations .operation-gallery-wrap {
    width: min(92vw, 520px) !important;
  }

  #operations .gallery-arrow.prev {
    left: -12px !important;
  }

  #operations .gallery-arrow.next {
    right: -12px !important;
  }
}