.portfolio-project__content .irbis-raccoon-case h2 {
  font-size: var(--font-size-title);
}
.portfolio-project__content .irbis-raccoon-case h3 {
  font-size: var(--font-size-subheading);
}
.irbis-raccoon-case .portfolio-article-lead {
  max-width: 1120px;
  margin-bottom: 36px;
}
.portfolio-project__content .irbis-raccoon-case .portfolio-article-section > h2[data-portfolio-heading-icon] ~ p {
  padding-left: 58px;
}
.irbis-raccoon-case .portfolio-site-comparison {
  position: sticky;
  top: 24px;
}
.irbis-raccoon-case .portfolio-site-shot__viewport {
  height: min(70vh, 740px);
  background: #222426;
}
.irbis-raccoon-case .portfolio-site-shot__viewport img {
  display: block;
}
.irbis-raccoon-case .portfolio-site-shot figcaption strong a {
  color: inherit;
  text-decoration: underline;
  text-decoration-color: rgba(255, 255, 255, .4);
  text-underline-offset: 4px;
}
@media (max-width: 1100px) {
  .irbis-raccoon-case .portfolio-process__layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .irbis-raccoon-case .portfolio-site-comparison {
    position: static;
  }
}
@media (max-width: 580px) {
  .portfolio-project__content .irbis-raccoon-case h2 {
    font-size: var(--font-size-title);
  }
  .portfolio-project__content .irbis-raccoon-case h3 {
    font-size: var(--font-size-subheading);
  }
  .irbis-raccoon-case .portfolio-site-comparison {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
  .irbis-raccoon-case .portfolio-site-shot__viewport {
    height: 480px;
  }
}
@media (max-width: 560px) {
  .portfolio-project__content .irbis-raccoon-case .portfolio-article-section > h2[data-portfolio-heading-icon] ~ p {
    padding-left: 0;
  }
}