@layer components {

@media (min-width: 701px) {
  .kn-case-carousel__track .kn-vcard--post { display: flex; flex-direction: column; }
  .kn-case-carousel__track .kn-vcard--post .kn-vcard__media { order: -1; align-self: stretch; }
  .kn-case-carousel__track .kn-vcard--post .kn-vcard__body { flex: 1; }
}

.kn-home-about { display: grid; grid-template-columns: 1fr 380px; gap: 32px; align-items: start; margin-top: 8px; }
.kn-home-about__media { justify-self: end; }
.kn-home-about__photo { width: 100%; height: 475px; object-fit: cover; border: 2px solid var(--border-strong); border-radius: 0; display: block; }

@media (max-width: 900px) {
  .kn-home-about { grid-template-columns: 1fr; }
  .kn-home-about__media { justify-self: center; }
  .kn-home-about__photo { width: 300px; height: 375px; border-radius: 0; }
}

}