@import url('/responsive-v42.css');

/* The three homepage previews deliberately share the library-card treatment. */
.testimonials-home-library {
  background: #075985;
  color: #F5F7FA;
}
.testimonials-home-library .section-heading h2,
.testimonials-home-library .section-heading p { color: inherit; }
.testimonials-home-library .section-heading .section-description { color: #D7E0E6; }
.testimonials-home-library .resource-video-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; margin-top: 62px; }
.testimonials-home-library .resource-video-card {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(190,230,244,.34);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(16,126,164,.72), rgba(4,68,103,.62));
  box-shadow: 0 24px 60px rgba(1,28,46,.3), inset 0 1px rgba(255,255,255,.16), inset 0 -1px rgba(0,33,55,.28);
  backdrop-filter: blur(18px) saturate(120%);
}
.testimonials-home-library .resource-video-card::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 12% 0%, rgba(255,255,255,.12), transparent 34%), radial-gradient(circle at 100% 100%, rgba(245,130,32,.12), transparent 36%);
}
.testimonials-home-library .resource-video-card > div:not(.protected-video) { position: relative; z-index: 1; padding: 24px 24px 28px; }
.testimonials-home-library .resource-video-card small { color: #FFB069; font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.testimonials-home-library .resource-video-card h2 { margin: 10px 0; color: #FFFFFF; font-family: Georgia, 'Times New Roman', serif; font-size: 22px; font-weight: 700; letter-spacing: -.02em; }
.testimonials-home-library .resource-video-card p { margin: 0; color: #D7E0E6; font-size: 13px; line-height: 1.65; }
.testimonials-home-library .protected-video { position: relative; overflow: hidden; border-radius: 20px 20px 0 0; background: #0E2233; }
.testimonials-home-library .protected-video-media { display: block; width: 100%; height: auto !important; aspect-ratio: 16 / 10; object-fit: contain !important; filter: blur(9px) brightness(.62); transform: scale(1.04); transition: filter .35s ease, transform .35s ease; background: radial-gradient(circle at 50% 50%, #155b78, #061c2d 78%); }
.testimonials-home-library .protected-video.is-revealed .protected-video-media { filter: none; transform: none; }
.testimonials-home-library .protected-video-gate { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; border: 0; background: linear-gradient(180deg, rgba(5,25,39,.1), rgba(3,20,33,.78)); color: #FFFFFF; cursor: pointer; text-align: center; }
.testimonials-home-library .protected-video-lock { display: grid; width: 58px; height: 58px; place-items: center; border: 1px solid rgba(255,255,255,.55); border-radius: 50%; background: rgba(245,130,32,.9); color: #081724; box-shadow: 0 10px 30px rgba(0,0,0,.35); font-size: 19px; padding-left: 3px; }
.testimonials-home-library .protected-video-gate strong { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; text-shadow: 0 2px 10px rgba(0,0,0,.35); }
.testimonials-home-library .protected-video-gate small { color: #D7E0E6; font-size: 11px; text-shadow: 0 2px 10px rgba(0,0,0,.35); }
.testimonials-home-library .outline-button { border-color: rgba(255,255,255,.45); color: #FFFFFF; }
.testimonials-home-library .outline-button:hover { border-color: #F58220; background: #F58220; color: #081724; }

@media (max-width: 1100px) and (min-width: 701px) {
  .testimonials-home-library .resource-video-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  .testimonials-home-library .resource-video-grid { grid-template-columns: 1fr; gap: 22px; margin-top: 42px; }
  .testimonials-home-library .resource-video-card { border-radius: 20px; }
  .testimonials-home-library .protected-video { border-radius: 18px 18px 0 0; }
  .testimonials-home-library .protected-video-media { aspect-ratio: 4 / 3; }
}