@container main (max-width: 47.9375rem) {
  section.casearchive {
    margin-top: 3.125rem;
  }
}
section.casearchive a {
  text-decoration: none;
}
section.casearchive a:hover .case-wrapper {
  -webkit-transition: scale 0.5s ease-in-out;
  transition: scale 0.5s ease-in-out;
}
section.casearchive a:hover .case-wrapper .img-wrapper img {
  scale: 1.05;
}
section.casearchive .case-wrapper {
  height: 100%;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
}
section.casearchive .case-wrapper .img-wrapper {
  aspect-ratio: 444/312;
  overflow: hidden;
}
section.casearchive .case-wrapper .img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: scale var(--bezier);
  transition: scale var(--bezier);
}
section.casearchive .case-wrapper h2 {
  max-width: 90%;
  text-wrap: balance;
  margin: 0 auto 0 0;
}
section.casearchive .case-wrapper .text-col {
  padding: 2.25rem;
  aspect-ratio: 444/312;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  text-decoration: none;
}
@container main (max-width: 47.9375rem) {
  section.casearchive .case-wrapper .text-col {
    padding: 1.625rem;
  }
}
section.casearchive .case-wrapper .text-col span {
  font: var(--body-s-font);
}
section.casearchive .load-more {
  margin-top: 2.5rem;
  font: var(--body-s-font);
  cursor: pointer;
  -webkit-transition: all var(--bezier);
  transition: all var(--bezier);
}
section.casearchive .load-more:hover {
  color: var(--orange);
}
section.casearchive .button-wrap.hide {
  display: none;
}