/*!
 * DST Video Gallery
 * Final responsive + performance tuned version
 */

.dst-video-gallery{margin-bottom:28px;scroll-margin-top:140px}
.dst-video-gallery__head{margin-bottom:18px}
.dst-video-gallery__eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#0B1528;margin-bottom:10px}
.dst-video-gallery__eyebrow::before{content:"";width:10px;height:10px;border-radius:50%;background:#FFC107;box-shadow:0 0 0 5px rgba(255,193,7,.18);flex:0 0 auto}
.dst-video-gallery__title{margin:0;font-size:30px;line-height:1.12;color:#10213A}
.dst-video-gallery__desc{margin:10px 0 0;font-size:16px;line-height:1.75;color:#5F6F86;max-width:820px}

.dst-video-gallery__featured{background:#fff;border:1px solid #e6ebf2;border-radius:24px;box-shadow:0 12px 28px rgba(14,24,42,.05);overflow:hidden;margin-bottom:18px}
.dst-video-gallery__player-wrap{padding:16px 16px 0}
.dst-video-gallery__player-ratio{position:relative;width:100%;padding-top:56.25%;border-radius:18px;overflow:hidden;background:#0b1528;cursor:pointer}
.dst-video-gallery__featured-thumb,.dst-video-gallery__featured-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dst-video-gallery__featured-fallback{background:linear-gradient(135deg,#c9d8ea,#e8eef7)}
.dst-video-gallery__iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.dst-video-gallery__featured-play{position:absolute;left:18px;bottom:18px;width:64px;height:64px;border-radius:50%;background:rgba(11,21,40,.84);color:#FFC107;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.18);z-index:2}
.dst-video-gallery__featured-play svg{width:30px;height:30px;margin-left:2px}
.dst-video-gallery__featured-meta{padding:16px 18px 18px}
.dst-video-gallery__featured-top,.dst-video-gallery__card-top{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}

.dst-video-gallery__badge,.dst-video-gallery__card-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800;line-height:1;letter-spacing:.06em;text-transform:uppercase;background:#fff7db;color:#8a6700}
.dst-video-gallery__duration,.dst-video-gallery__card-duration{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:800;line-height:1;letter-spacing:.04em;background:#f4f7fb;color:#5F6F86}
.dst-video-gallery__duration-icon{display:inline-flex;align-items:center;justify-content:center;color:#FFC107;flex:0 0 auto}
.dst-video-gallery__duration-icon svg{width:14px;height:14px;display:block}
.dst-video-gallery__duration-text{display:inline-block}

.dst-video-gallery__featured-title{font-size:24px;font-weight:800;line-height:1.18;color:#10213A}
.dst-video-gallery__featured-desc{margin-top:8px;font-size:15px;line-height:1.78;color:#5F6F86}

.dst-video-gallery__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dst-video-gallery__card{display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid #e6ebf2;border-radius:22px;background:#fff;color:#10213A;box-shadow:0 10px 24px rgba(14,24,42,.04);cursor:pointer;overflow:hidden;outline:none;white-space:normal;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,background-color .25s ease}
.dst-video-gallery__card:hover,.dst-video-gallery__card:focus,.dst-video-gallery__card:active{background:#fff;color:#10213A;transform:translateY(-3px);box-shadow:0 14px 30px rgba(14,24,42,.08);border-color:#d7e2ef;outline:none}
.dst-video-gallery__card:focus-visible{outline:2px solid rgba(255,193,7,.55);outline-offset:2px}
.dst-video-gallery__card.is-active{border-color:rgba(255,193,7,.45);box-shadow:0 14px 30px rgba(255,193,7,.12)}

.dst-video-gallery__thumb{position:relative;aspect-ratio:16/9;background:#dfe8f3;overflow:hidden}
.dst-video-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.dst-video-gallery__thumb-fallback{width:100%;height:100%;background:linear-gradient(135deg,#c9d8ea,#e8eef7)}
.dst-video-gallery__play{position:absolute;inset:auto auto 12px 12px;width:50px;height:50px;border-radius:50%;background:rgba(11,21,40,.82);color:#FFC107;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(0,0,0,.18);z-index:2;pointer-events:auto}
.dst-video-gallery__play svg{width:24px;height:24px;margin-left:2px}

.dst-video-gallery__card-body{padding:14px 20px 16px;min-height:150px;box-sizing:border-box;width:100%}
.dst-video-gallery__card-title{font-size:18px;font-weight:800;line-height:1.35;color:#10213A;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.7em;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.dst-video-gallery__card-desc{margin-top:8px;font-size:14px;line-height:1.72;color:#5F6F86;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.7em;white-space:normal;overflow-wrap:anywhere;word-break:break-word;max-width:100%}

.dst-video-gallery__empty{padding:18px;border:1px dashed #d7dfea;border-radius:18px;color:#5F6F86;font-size:15px;line-height:1.8;background:#fff}

@media (max-width:767px){
  .dst-video-gallery__title{font-size:24px}
  .dst-video-gallery__desc{font-size:14px}
  .dst-video-gallery__featured{display:none}
  .dst-video-gallery__cards{grid-template-columns:1fr;gap:14px}
  .dst-video-gallery__card{border-radius:18px}
  .dst-video-gallery__card-title{font-size:17px}
  .dst-video-gallery__card-body{min-height:auto;padding:14px 16px 16px}
  .dst-video-gallery__thumb{border-bottom:1px solid #e6ebf2}
  .dst-video-gallery__play{width:56px;height:56px;left:14px;bottom:14px}
}

@media (min-width:2200px){
  .dst-video-gallery__title{font-size:36px}
  .dst-video-gallery__desc{font-size:19px}
  .dst-video-gallery__featured-title{font-size:28px}
  .dst-video-gallery__featured-desc{font-size:17px}
  .dst-video-gallery__card-title{font-size:20px}
  .dst-video-gallery__card-desc{font-size:16px}
}