.h3-home-showcase {
  margin: 28px 0 36px;
  padding: 24px;
  color: inherit;
  border: 1px solid rgba(128, 145, 166, .24);
  border-radius: 20px;
  background: rgba(128, 145, 166, .045);
}
.h3-home-showcase__header h3 { margin: 0 0 8px; font-size: 24px; line-height: 1.35; }
.h3-home-showcase__header p { margin: 0 0 22px; font-size: 14px; line-height: 1.7; opacity: .75; }
.h3-home-showcase__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.h3-home-showcase__card { margin: 0; min-width: 0; overflow: hidden; border: 1px solid rgba(128, 145, 166, .2); border-radius: 14px; }
.h3-home-showcase__card video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: #091321; object-fit: contain; }
.h3-home-showcase__card figcaption { display: grid; gap: 7px; padding: 16px; }
.h3-home-showcase__card strong { font-size: 18px; line-height: 1.4; }
.h3-home-showcase__card span { font-size: 13px; line-height: 1.5; opacity: .8; }
.h3-home-showcase__card small { font-size: 12px; line-height: 1.5; opacity: .65; }
.h3-home-showcase__create { display: inline-block; margin-top: 20px; color: inherit; font-size: 14px; font-weight: 600; text-underline-offset: 4px; }
.h3-home-showcase a:focus-visible, .h3-home-showcase video:focus-visible { outline: 3px solid #45bcd0; outline-offset: 4px; }
@media (max-width: 900px) { .h3-home-showcase__grid { grid-template-columns: 1fr; } }
@media (max-width: 480px) { .h3-home-showcase { padding: 16px; margin: 20px 0 28px; } .h3-home-showcase__header h3 { font-size: 21px; } }