/* Figma QB4jIxcOfholx0VGGkMfDl, mobile home 0:434 and report 1:44. */
.insight-download {
  display: grid;
  grid-template-columns: 200px minmax(0, 1fr);
  align-items: start;
  gap: 36px;
  padding: 40px;
  background: #f2f2f2;
  color: var(--v2-ink);
}
.insight-download__cover {
  position: relative;
  width: 200px;
  height: 266.667px;
  background: var(--v2-blue);
  color: #fff;
  box-shadow: -4px 6px 4.255px rgb(0 0 0 / 25%);
}
.insight-download__cover-word {
  position: absolute;
  left: 4px;
  top: 10px;
  font: 400 86.131px/.85 'Druk Wide Cyr', sans-serif;
}
.insight-download__year {
  position: absolute;
  right: 13px;
  bottom: 4.667px;
  max-width: calc(100% - 26px);
  overflow-wrap: anywhere;
  font: 500 16px/32px var(--v2-font);
}
.insight-download__details { display: flex; flex-direction: column; align-items: stretch; min-height: 267px; }
.insight-download__type { align-self: flex-end; font: 500 16px/32px var(--v2-font); letter-spacing: 0; color: rgb(0 0 0 / 50%); }
.insight-download__name { margin: 15px 0 0; font: 500 40px/1.2 var(--v2-font); letter-spacing: -1px; overflow-wrap: anywhere; }
.insight-download__description { margin: 18px 0 0; font: 500 16px/24px var(--v2-font); overflow-wrap: anywhere; text-wrap: initial; }
.insight-download__button { align-self: flex-end; margin-top: auto; min-height: 50px; height: auto; padding: 11px 24px; gap: 7px; font: 500 15px/28px var(--v2-font); white-space: normal; text-align: center; }
.insight-download__button img { flex: none; }
/* The article column also becomes narrow on small desktop/tablet layouts. */
@media (min-width: 1025px) and (max-width: 1300px), (max-width: 700px) {
  .insight-download { grid-template-columns: 120px minmax(0, 1fr); gap: 24px; padding: 24px; }
  .insight-download__cover { width: 120px; height: 160px; }
  .insight-download__cover-word { left: 2.4px; top: 6px; font-size: 51.6786px; }
  .insight-download__year { right: 8px; bottom: 3px; font-size: 12px; line-height: 20px; }
  .insight-download__name { font-size: 26px; letter-spacing: -.65px; }
  .insight-download__details { min-height: 160px; }
  .insight-download__button { margin-top: 16px; }
}
@media (max-width: 480px) {
  .insight-download { grid-template-columns: minmax(0, 1fr); }
  .insight-download__cover { justify-self: center; }
  .insight-download__button { align-self: stretch; }
}
@media (max-width: 768px) {
  body.home { --v2-header: 40px; }
  body.home .site-header__logo { width: 79px; height: 34px; }
  body.home .clast-brand { transform: scale(.759615); transform-origin: left top; }
  body.home .site-header__burger { width: 20px; }
  body.home .site-header__burger span { width: 20px; }
  .home-v2 .home-hero {
    margin-top: 0;
    min-height: 325px;
    height: auto;
    padding: 80px 0 113px;
    background: #000 url('../images/october-19/home-hero-mobile.svg') calc(50% - 6px) bottom / 576px 325px no-repeat;
  }
  .home-v2 .home-hero__title { font-size: clamp(27px, 8.375vw, 33.668px); line-height: 34px; letter-spacing: -1.36px; }
  .home-v2 .home-hero__title .v2-line { display: block; }
  .home-v2 .home-hero__text { max-width: 269px; margin: 16px auto 0; font-size: 16px; line-height: 24px; }
  .home-v2 .home-hero__dots { bottom: 18px; gap: 7px; }
  .home-v2 .home-hero__dot { width: 29px; height: 24px; }
  .home-v2 .home-features, .home-v2 .home-insights__list { display: none; }
  .home-v2 .home-insights { padding: 33px 0 35px; }
  .home-v2 .v2-section-head { align-items: center; gap: 12px; }
  .home-v2 .v2-section-head .v2-h2 { font-size: 30.475px; line-height: 49px; letter-spacing: -1.7554px; }
  .home-v2 .v2-section-head__rule { margin: 3px 0 0; }
  .home-v2 .v2-section-head__button { width: 77px; min-height: 39px; height: auto; margin: 0; padding: 8.386px 12px; justify-content: center; font-size: 12.198px; line-height: 21.347px; }
  .home-v2 .home-insights__grid { margin-top: 19px; gap: 0; }
  .home-v2 .insight-lead__media { width: 100%; aspect-ratio: 362 / 204; background: transparent; }
  .home-v2 .insight-lead__kicker { margin-top: 16px; font-size: 13.655px; line-height: 24px; }
  .home-v2 .insight-lead__title { margin-top: 12px; font-size: 21.355px; line-height: 1.2; letter-spacing: -.2135px; }
  .home-v2 .insight-lead .story__author { margin-top: 14px; gap: 7px; font-size: 10px; line-height: 21.941px; font-weight: 400; }
  .home-v2 .insight-lead .story__author img { width: 28px; height: 28px; }
  .home-v2 .insight-lead__text { margin-top: 9px; font-size: 12px; line-height: 21.941px; letter-spacing: -.12px; text-wrap: initial; }
}