/* Brand identity, clearer FAQ composition and official Dota 2 artwork. */
.brand { flex-shrink: 0; }
.brand > .brand-logo { display: block; width: 195px; height: auto; }
.footer .brand > .brand-logo { width: 180px; }
.cta-mobile { display: none; }

.faq-heading h2 { margin-top: 0; }
.faq-heading h2 > .red-text { white-space: nowrap; }
.faq-heading .faq-decoration {
  display: inline-block;
  position: static;
  inset: auto;
  margin: 0 0 0 .035em;
  font: inherit;
  color: inherit;
  line-height: inherit;
  vertical-align: baseline;
  transform: none;
  opacity: 1;
}

.manifesto--dota > img { object-position: center top; }
.manifesto--dota .manifesto-shade {
  background: linear-gradient(90deg, #080e16df 0%, #080e16a1 31%, #080e1626 56%, transparent 76%), linear-gradient(0deg, #101820 0%, transparent 30%);
}
.manifesto--dota h2 { font-size: clamp(43px, 4.85vw, 76px); max-width: 690px; }
.manifesto--dota .manifesto-content > p:not(.eyebrow) { color: #c5cbd1; }

@media (max-width: 1150px) {
  .brand > .brand-logo { width: 170px; }
  .footer .brand > .brand-logo { width: 165px; }
}
@media (min-width: 701px) and (max-width: 900px) {
  .brand > .brand-logo { width: 144px; }
  .header-inner { gap: 15px; }
  .header-cta { gap: 8px; font-size: 9px; padding-inline: 8px; }
  .manifesto--dota > img { object-position: 61% top; }
  .manifesto--dota .manifesto-shade { background: linear-gradient(90deg, #080e16ee, #080e16a6 41%, #080e1622 78%), linear-gradient(0deg, #101820, transparent 35%); }
}
@media (max-width: 700px) {
  .header-cta .cta-desktop { display: none; }
  .header-cta .cta-mobile { display: inline; }
  .brand > .brand-logo { width: 157px; }
  .footer .brand > .brand-logo { width: 180px; }
  .header-inner { gap: 12px; }
  .manifesto--dota, .manifesto--dota .manifesto-content { min-height: 820px; }
  .manifesto--dota > img { inset: auto 0 48px; height: 400px; object-position: 61% top; }
  .manifesto--dota .manifesto-shade { background: linear-gradient(0deg, #101820 0%, transparent 16%, transparent 42%, #101820 58%); }
  .manifesto--dota h2 { font-size: clamp(35px, 9.4vw, 59px); }
}
@media (max-width: 370px) {
  .brand > .brand-logo { width: 133px; }
  .header-inner { gap: 9px; }
  .header-cta { gap: 6px; padding-inline: 7px; }
  .manifesto--dota h2 { font-size: 33px; }
  .manifesto--dota, .manifesto--dota .manifesto-content { min-height: 785px; }
}