.home-testimonial { width: min(100%, 900px); margin: 0 auto 44px; }
.home-testimonial__frame { position: relative; aspect-ratio: 16/9; overflow: hidden; background: #112b26; border-radius: 10px; }
.home-testimonial__poster { position: absolute; inset: 0; width: 100%; height: 100%; padding: 0; border: 0; background: #112b26; color: #f7f7f5; cursor: pointer; text-align: left; }
.home-testimonial__poster img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .45s cubic-bezier(.2,.7,.2,1); }
.home-testimonial__poster:hover img { transform: scale(1.015); }
.home-testimonial__poster:focus-visible { outline: 3px solid #d4ec94; outline-offset: -5px; z-index: 1; }
.home-testimonial__play { position: absolute; left: 50%; top: 50%; display: grid; place-items: center; width: 68px; height: 68px; transform: translate(-50%,-50%); border-radius: 50%; background: rgba(14,42,35,.85); color: #d4ec94; transition: background .2s ease, transform .2s ease; }
.home-testimonial__poster:hover .home-testimonial__play { background: #07241f; transform: translate(-50%,-50%) scale(1.06); }
.home-testimonial__play svg { width: 22px; height: 22px; margin-left: 3px; fill: currentColor; }
.home-testimonial__frame iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
@media (max-width: 767px) {
  .home-testimonial { margin-bottom: 34px; }
  .home-testimonial__frame { border-radius: 7px; }
  .home-testimonial__play { width: 56px; height: 56px; }
}
@media (prefers-reduced-motion: reduce) {
  .home-testimonial__poster img, .home-testimonial__play { transition: none; }
}
