/* Generated by vite-plugin-svg-spritemap */
.models {
  background-color: #000;
  color: #fff;
}
.page-id-480 .models {
  margin-top: 2.5rem;
}
.models__head {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 500;
  margin-bottom: 1.25rem;
}
.models__wrap {
  display: flex;
  gap: 1.875rem;
}
.models__item {
  flex: 1 1 50%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.models__item--title {
  text-transform: uppercase;
  line-height: 1;
  letter-spacing: -0.03em;
  margin-bottom: 1.25rem;
}
.models__item--title span {
  display: inline;
  color: rgba(255, 255, 255, 0.6);
}
.models__item--modifications {
  margin-bottom: 1.25rem;
}
.models__item--image {
  margin-bottom: 0.625rem;
  aspect-ratio: 570/310;
  overflow: hidden;
}
.models__item--image img {
  width: 100%;
  height: 100%;
}
.models__item--button {
  margin-top: auto;
}
.models__item--link {
  background: #fff;
  color: #000000;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  gap: 0.75rem;
  transition: all 0.3s;
}
.models__item--link span {
  font-size: 1.125rem;
  margin-top: 0.1875rem;
}
.models__item--link:hover {
  background: #ba8600;
  color: #fff;
}
.models__button {
  width: 50%;
  margin: 2.5rem auto 0 auto;
}
.models__button--link {
  background: #fff;
  color: #000000;
  font-size: 0.875rem;
  font-weight: 500;
  border-radius: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  gap: 0.75rem;
  transition: all 0.3s;
  width: 100%;
}
.models__button--link span {
  font-size: 1.125rem;
  margin-top: 0.1875rem;
}
.models__button--link:hover {
  background: #ba8600;
  color: #fff;
}

.modifications {
  display: flex;
  flex-wrap: wrap;
}
.modifications__item {
  background: rgba(255, 255, 255, 0.08);
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 1rem;
  gap: 0.75rem;
}
.modifications__item:nth-child(1), .modifications__item:nth-child(2), .modifications__item:nth-child(3) {
  flex: 1 1 27% !important;
}
.modifications__item:nth-child(4), .modifications__item:nth-child(5) {
  flex: 1 1 49%;
}
.modifications__head {
  display: flex;
  gap: 0.625rem;
}
.modifications__head .text {
  display: flex;
  align-items: end;
  justify-content: start;
  gap: 0.4375rem;
  line-height: 0.8;
}
.modifications__head .text pre {
  font-size: 0.875rem;
  margin-right: auto;
}
.modifications__desc {
  font-size: 0.8125rem;
  line-height: 1.4;
  letter-spacing: -0.03em;
}
@media (max-width: 61.99875em) {
  .models__button {
    width: 70%;
  }
}
@media (max-width: 47.99875em) {
  .modifications__item {
    padding: 0.625rem;
  }
  .modifications__desc {
    font-size: 0.75rem;
  }
}
@media (max-width: 40.62375em) {
  .models__wrap {
    flex-wrap: wrap;
    gap: 2.5rem;
  }
  .models__item {
    flex: 1 1 100%;
  }
  .models__button {
    width: 100%;
  }
  .modifications__desc {
    font-size: 0.8125rem;
  }
}
@media (max-width: 29.99875em) {
  .models__button {
    width: 85%;
  }
  .modifications__item:nth-child(4), .modifications__item:nth-child(5) {
    flex: 1 1 100%;
  }
}
@media (max-width: 20em) {
  .models {
    padding-bottom: 2.5rem;
  }
  .models {
    padding-top: 2.5rem;
  }
  .models__item--title {
    font-size: 1.25rem;
  }
  .modifications {
    gap: 0.3125rem;
  }
  .modifications__head {
    font-size: 1.125rem;
  }
  .modifications__head img {
    width: 1.125rem;
  }
  .modifications__head img {
    height: 1.125rem;
  }
}
@media (min-width: 20em) and (max-width: 75em) {
  .models {
    padding-bottom: clamp( 2.5rem , 1.1363636363625rem  +  6.8181818182vw , 6.25rem );
  }
  .models {
    padding-top: clamp( 2.5rem , 1.81818181818125rem  +  3.4090909091vw , 4.375rem );
  }
  .models__item--title {
    font-size: clamp( 1.25rem , 0.43181818181875rem  +  4.0909090909vw , 3.5rem );
  }
  .modifications {
    gap: clamp( 0.3125rem , 0.1988636363625rem  +  0.5681818182vw , 0.625rem );
  }
  .modifications__head {
    font-size: clamp( 1.125rem , 0.9886363636375rem  +  0.6818181818vw , 1.5rem );
  }
  .modifications__head img {
    width: clamp( 1.125rem , 0.9886363636375rem  +  0.6818181818vw , 1.5rem );
  }
  .modifications__head img {
    height: clamp( 1.125rem , 0.9886363636375rem  +  0.6818181818vw , 1.5rem );
  }
}
@media (min-width: 75em) {
  .models {
    padding-bottom: 6.25rem;
  }
  .models {
    padding-top: 4.375rem;
  }
  .models__item--title {
    font-size: 3.5rem;
  }
  .modifications {
    gap: 0.625rem;
  }
  .modifications__head {
    font-size: 1.5rem;
  }
  .modifications__head img {
    width: 1.5rem;
  }
  .modifications__head img {
    height: 1.5rem;
  }
}