/* Home :: Videos section (GSAP) */
.home-videos { position: relative; padding: 110px 0; overflow: hidden; background: radial-gradient(120% 80% at 50% 0%, #15110b 0%, var(--color-dark) 60%); border-top: 1px solid rgba(222,173,104,.12); }
.home-videos__glow { position: absolute; width: 640px; height: 640px; inset-inline-end: -220px; top: -180px; border-radius: 50%; background: radial-gradient(circle, rgba(222,173,104,.18), transparent 65%); filter: blur(10px); pointer-events: none; }
.home-videos__head { text-align: center; margin-bottom: 56px; }
.home-videos__eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 6px 16px; margin-bottom: 18px; border: 1px solid var(--color-border); border-radius: 50px; color: var(--color-gold); font-size: 13px; letter-spacing: 2px; text-transform: uppercase; }
.home-videos__title { margin-bottom: 18px; font-size: 34px; }
.home-videos__lead { max-width: 560px; margin: 0 auto; color: rgba(245,245,245,.65); font-size: 15px; }

.home-videos__grid { display: grid; grid-template-columns: 1.75fr 1fr; gap: 28px; align-items: stretch; }
.home-videos__stage { position: relative; display: block; aspect-ratio: 16/9; border-radius: 18px; overflow: hidden; color: #fff; text-decoration: none; background: #0b0b0b; isolation: isolate; box-shadow: 0 30px 80px -30px rgba(0,0,0,.9); }
.home-videos__media { position: absolute; inset: -6% 0; }
.home-videos__media img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.04); transition: transform .9s cubic-bezier(.2,.7,.2,1), filter .6s; }
.home-videos__stage:hover .home-videos__media img { transform: scale(1.1); filter: brightness(.8); }
.home-videos__shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 35%, rgba(0,0,0,.88) 100%); }
.home-videos__frame { position: absolute; inset: 14px; border: 1px solid rgba(222,173,104,.35); border-radius: 12px; pointer-events: none; }
.home-videos__play { position: absolute; top: 50%; left: 50%; width: 92px; height: 92px; margin: -46px 0 0 -46px; display: grid; place-items: center; border-radius: 50%; background: var(--color-gold); color: #000; font-size: 26px; z-index: 2; box-shadow: 0 0 0 10px rgba(222,173,104,.18); }
.home-videos__play i { margin-inline-start: 5px; }
.home-videos__play span { position: absolute; inset: 0; border-radius: 50%; border: 2px solid var(--color-gold); animation: hvPulse 2.2s ease-out infinite; }
@keyframes hvPulse { from { transform: scale(1); opacity: .9; } to { transform: scale(1.9); opacity: 0; } }
.home-videos__caption { position: absolute; inset-inline: 34px; bottom: 30px; z-index: 2; display: flex; align-items: flex-end; gap: 18px; }
.home-videos__count { color: var(--color-gold); font-size: 54px; font-weight: 700; line-height: .85; opacity: .9; }
.home-videos__stage-title { font-size: 21px; font-weight: 600; line-height: 1.5; max-width: 560px; }

.home-videos__list { list-style: none; margin: 0; padding: 0 4px 0 0; display: flex; flex-direction: column; gap: 12px; max-height: 100%; overflow-y: auto; scrollbar-width: thin; scrollbar-color: var(--color-gold) transparent; }
@media (min-width: 992px) { .home-videos__grid > .home-videos__list { height: 0; min-height: 100%; } }
.home-videos__item { position: relative; display: flex; align-items: center; gap: 14px; width: 100%; padding: 10px; border: 1px solid rgba(255,255,255,.06); border-radius: 14px; background: rgba(255,255,255,.025); color: var(--color-text); text-align: start; cursor: pointer; overflow: hidden; transition: border-color .3s, background .3s, transform .3s; }
.home-videos__item:hover { border-color: var(--color-border); background: rgba(222,173,104,.06); transform: translateX(4px); }
[dir="rtl"] .home-videos__item:hover { transform: translateX(-4px); }
.home-videos__item.is-active { border-color: var(--color-gold); background: rgba(222,173,104,.1); }
.home-videos__thumb { position: relative; flex: 0 0 118px; aspect-ratio: 16/9; border-radius: 9px; overflow: hidden; }
.home-videos__thumb img { width: 100%; height: 100%; object-fit: cover; }
.home-videos__thumb i { position: absolute; inset: 0; display: grid; place-items: center; background: rgba(0,0,0,.4); color: var(--color-gold); font-size: 15px; opacity: 0; transition: opacity .3s; }
.home-videos__item:hover .home-videos__thumb i, .home-videos__item.is-active .home-videos__thumb i { opacity: 1; }
.home-videos__meta { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.home-videos__num { color: var(--color-gold); font-size: 12px; font-weight: 700; letter-spacing: 1px; }
.home-videos__name { font-size: 14px; line-height: 1.55; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.home-videos__bar { position: absolute; inset-inline-start: 0; bottom: 0; height: 2px; width: 100%; background: var(--color-gold); transform: scaleX(0); transform-origin: left; }
[dir="rtl"] .home-videos__bar { transform-origin: right; }
.home-videos__item.is-active .home-videos__bar { transform: scaleX(1); transition: transform .6s; }
.home-videos__more { display: flex; justify-content: center; margin-top: 50px; }
.home-videos__more .btn-gold i { font-size: 18px; }

@media (max-width: 991px) {
    .home-videos { padding: 80px 0; }
    .home-videos__grid { grid-template-columns: 1fr; }
    .home-videos__list { flex-direction: row; overflow-x: auto; overflow-y: hidden; padding-bottom: 8px; }
    .home-videos__list li { flex: 0 0 78%; }
    .home-videos__title { font-size: 26px; }
}
@media (max-width: 575px) {
    .home-videos__play { width: 66px; height: 66px; margin: -33px 0 0 -33px; font-size: 19px; }
    .home-videos__caption { inset-inline: 20px; bottom: 18px; gap: 12px; }
    .home-videos__count { font-size: 34px; }
    .home-videos__stage-title { font-size: 15px; }
    .home-videos__frame { inset: 8px; }
}