/* Reference download banner: the same composition in CNANT's lime palette. */
.download.download-reference {
  isolation: isolate;
  padding: 96px 24px;
  background: #f8fbe9;
}
.download-banner-art {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  pointer-events: none;
  user-select: none;
}
.download-reference .download-inner { width: 100%; max-width: 960px; }
html[lang] .download-reference h2 {
  font-size: 36px;
  line-height: 40px;
  font-weight: 700;
  letter-spacing: -1px;
}
.download-reference h2 span { display: inline-block; }
.download-reference .download-description {
  font-size: 16px;
  line-height: 24px;
  margin: 16px auto 0;
  max-width: none;
  color: #738066;
}
.download-reference .download-actions { margin-top: 36px; }
.download-reference .hero-download-split { width: 255px; height: 60px; }
.download-reference .hero-download-main { font-size: 18px; padding: 16px 24px 16px 28px; gap: 12px; }
.download-reference .hero-download-main .icon { width: 20px; height: 20px; }
.download-reference .hero-download-toggle { width: 45px; padding: 0 14px; }
.download-reference .hero-download-toggle .icon { width: 16px; height: 16px; }
.download-reference .hero-download-menu { width: 255px; }
.download-reference .download-note {
  font-size: 14px;
  line-height: 20px;
  color: #8b967f;
  margin: 20px auto 0;
  max-width: none;
}
.download-reference .download-values {
  margin-top: 36px;
  gap: 12px 32px;
  flex-wrap: wrap;
  color: #626e54;
  font-size: 14px;
  line-height: 20px;
}
.download-reference .download-values > span { gap: 8px; }
.download-reference .download-values .icon { width: 18px; height: 18px; color: #75a000; }
@media (max-width: 700px) {
  .download.download-reference { padding: 72px 20px; }
  .download-banner-art { opacity: .55; }
  html[lang] .download-reference h2 { font-size: 28px; line-height: 36px; letter-spacing: -.6px; }
  .download-reference h2 span { display: block; }
  .download-reference .download-description { font-size: 14px; line-height: 24px; max-width: 320px; }
  .download-reference .download-actions { margin-top: 28px; }
  .download-reference .hero-download-split { width: 232px; height: 56px; }
  .download-reference .hero-download-main { font-size: 17px; padding: 14px 22px; gap: 10px; }
  .download-reference .hero-download-toggle { width: 42px; padding: 0 13px; }
  .download-reference .hero-download-menu { left: 50%; transform: translateX(-50%); animation: none; }
  .download-reference .download-note { font-size: 12px; margin-top: 18px; }
  .download-reference .download-values { max-width: 270px; margin: 30px auto 0; gap: 12px 24px; font-size: 12px; }
  .download-reference .download-values > span { min-width: 100px; justify-content: flex-start; gap: 8px; }
}