.res-sec {
  margin: 5rem 0;
}

.res-sec h2 {
  margin-bottom: 1rem;
}

.res-sec header {
  margin-bottom: 2rem;
}

.res-sec.print .wrapper {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 3rem;
}

.res-sec .print-item .print-image::after {
  display: block;
  content: "";
  clear: both;
}

.res-sec .print-item .print-image::before {
  content: "";
  float: left;
  padding-top: 150%;
}

.res-sec .print-image {
  position: relative;
  margin-bottom: 1.2rem;
}
.res-sec .print-item .print-image::before {
  content: "";
  float: left;
  padding-top: 150%;
}

.res-sec .print.small .print-item .print-image::before {
  padding-top: 66.67%;
}

.res-sec .print-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 20% 20%;
  object-position: 20% 20%;
  position: absolute;
}

.res-sec .print-title {
  display: block;
  color: #9c3587;
  color: var(--purple-brite);
  font-size: clamp(1.33rem, 2vw, 1.55rem);
  font-weight: 500;
  line-height: 1.17;
  margin-bottom: 1rem;
}

.res-sec .reveal-contain {
  margin: 2rem 0;
  display: flex;
  justify-content: center;
}

.print.small .print-item .print-image::before {
  padding-top: 66.67%;
}

.res-sec .dual-link {
  font-weight: bold;
  color: #653780;
  color: var(--purple-base);
}

.res-sec .dual-link .lang-download {
  font-size: 0.8rem;
  border-bottom: 0px solid currentColor;
  transition: border 120ms ease-in-out;
}
.res-sec .dual-link .links {
  display: inline;
  margin-left: 0.5rem;
}
.res-sec .dual-link .sep-bar {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-size: 0.8rem;
}
.res-sec .lang-download:hover {
  border-bottom: 2px solid currentColor;
}

@media only screen and (min-width: 768px) {
  .res-sec.print .wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, 32%);
    gap: 2%;
    row-gap: 3rem;
  }
}