:root {
  --ak-page-wide: min(1540px, calc(100vw - 72px));
  --ak-page-shell: min(1180px, calc(100vw - 72px));
  --ak-gold: #b98a10;
  --ak-gold-deep: #8d6a16;
  --ak-ink: #20292d;
  --ak-muted: #6c7880;
  --ak-line: rgba(178, 154, 103, 0.34);
}

.site-header {
  padding: 0 !important;
  background: rgba(255, 255, 255, 0.96) !important;
  border-bottom: 1px solid var(--ak-line) !important;
}

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

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

.site-header .brand img {
  width: clamp(170px, 12vw, 232px) !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(18px, 2.05vw, 40px) !important;
  width: auto !important;
  max-width: 100% !important;
  white-space: nowrap !important;
  margin: 0 !important;
}

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

.hero,
#home {
  margin-top: 0 !important;
}

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

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

.gold-strip .gold-ticker > div,
#home .gold-ticker > div {
  text-align: left !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-page-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.8vw, 64px) !important;
  line-height: 1.08 !important;
  color: var(--ak-ink) !important;
  margin-left: 0 !important;
  text-align: left !important;
}

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

#about .about-metrics {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

#about .about-metrics article {
  min-height: 220px !important;
}

#about .about-metrics strong {
  color: var(--ak-gold) !important;
  font-size: clamp(34px, 3vw, 48px) !important;
  line-height: 1.08 !important;
}

#about .about-metrics .count-number {
  color: var(--ak-gold) !important;
  text-shadow: 0 10px 24px rgba(185, 138, 16, 0.14) !important;
}

#about .about-metrics .metric-unit {
  color: var(--ak-gold-deep) !important;
  font-size: 0.76em !important;
  margin-left: 0.18em !important;
}

#about .about-metrics .metric-unit:first-of-type {
  color: var(--ak-gold) !important;
  font-size: 1em !important;
}

#news .section-heading {
  align-items: flex-end !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(58px, 80px) minmax(80px, 112px) minmax(0, 1fr) minmax(42px, 64px) !important;
  gap: clamp(16px, 2.4vw, 42px) !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border-color: var(--ak-line) !important;
  align-items: center !important;
}

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

#news .news-row a {
  font-size: clamp(14px, 0.95vw, 17px) !important;
}

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

#news .section-more-link {
  margin-left: auto !important;
}

#operations .section-heading h2 {
  text-align: left !important;
}

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

#operations .operation-copy {
  width: var(--ak-page-shell) !important;
  max-width: calc(100vw - 48px) !important;
  margin: clamp(28px, 4vw, 54px) auto 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#operations .operation-gallery-wrap {
  width: min(860px, calc(100vw - 180px)) !important;
  max-width: 100% !important;
  margin: clamp(28px, 3.6vw, 50px) auto 0 !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: 860px !important;
  aspect-ratio: 4 / 3 !important;
  margin: 0 auto !important;
}

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

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

#operations .inline-action {
  display: block !important;
  width: max-content !important;
  margin: clamp(28px, 3.2vw, 48px) auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !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: 1100px) {
  .site-header .nav-row {
    grid-template-columns: 170px 1fr 140px !important;
    column-gap: 20px !important;
  }

  .main-nav {
    gap: 18px !important;
    font-size: 15px !important;
  }

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

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

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

@media (max-width: 820px) {
  :root {
    --ak-page-wide: calc(100vw - 32px);
    --ak-page-shell: calc(100vw - 32px);
  }

  .site-header .nav-row {
    min-height: 78px !important;
    grid-template-columns: 132px 1fr auto !important;
  }

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

  .main-nav {
    justify-content: flex-start !important;
    overflow-x: auto !important;
  }

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

  #about .about-metrics {
    grid-template-columns: 1fr !important;
  }

  #news .news-row {
    grid-template-columns: 96px 52px 1fr 42px !important;
  }

  #news .news-row time + span {
    display: none !important;
  }

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

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

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