.video-showcase{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(210,28,38,.2),transparent 28%),radial-gradient(circle at 12% 85%,rgba(255,255,255,.06),transparent 24%),#09090b;color:#fff}
.video-showcase::before{content:"";position:absolute;inset:0;opacity:.22;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
.video-showcase.section-pad{padding:92px 0}.video-showcase .container-xl{position:relative;z-index:1}
.video-showcase-head{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:38px}.video-showcase-head h2{max-width:760px;margin:7px 0 0;font-size:clamp(2.9rem,5vw,5.5rem);line-height:.91}.video-showcase-head p{max-width:430px;margin:0 0 4px;color:#b8b8be;font-size:1rem;line-height:1.7}
.video-carousel{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;max-width:1240px;margin:0 auto}.video-stage{position:relative;min-width:0;padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:rgba(255,255,255,.055);box-shadow:0 35px 80px rgba(0,0,0,.42);backdrop-filter:blur(14px)}
.video-track{position:relative;height:570px;overflow:hidden;border-radius:19px;background:#030303}.video-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:scale(.975);transition:opacity .45s ease,transform .65s cubic-bezier(.2,.8,.2,1),visibility .45s}.video-slide.active{z-index:2;opacity:1;visibility:visible;transform:scale(1)}.video-slide::after{content:"";position:absolute;inset:45% 0 0;pointer-events:none;background:linear-gradient(transparent,rgba(3,3,4,.86))}.video-slide video{width:100%;height:100%;display:block;object-fit:cover;background:#000}
.video-play{position:absolute;z-index:4;left:50%;top:50%;display:grid;width:92px;height:92px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:rgba(10,10,12,.48);color:#fff;cursor:pointer;box-shadow:0 16px 45px rgba(0,0,0,.35);backdrop-filter:blur(12px);transform:translate(-50%,-50%);transition:opacity .25s,visibility .25s,background .25s,transform .25s}.video-play::before{content:"";position:absolute;inset:-9px;border:1px solid rgba(255,255,255,.18);border-radius:50%}.video-play span{width:0;height:0;margin-left:7px;border-top:13px solid transparent;border-bottom:13px solid transparent;border-left:20px solid #fff}.video-play:hover,.video-play:focus-visible{background:var(--red);transform:translate(-50%,-50%) scale(1.08)}.video-play.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.video-meta{position:absolute;z-index:3;left:30px;right:30px;bottom:25px;display:flex;align-items:center;gap:15px;color:#fff;pointer-events:none}.video-meta>span{display:grid;width:43px;height:43px;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff;font-size:.7rem;font-weight:800;background:rgba(0,0,0,.35);backdrop-filter:blur(8px)}.video-meta small{display:block;color:#c5c5ca;text-transform:uppercase;letter-spacing:.16em;font-size:.6rem;font-weight:800}.video-meta h3{margin:.25rem 0 0;font-size:clamp(1.4rem,2vw,2rem)}
.video-nav{display:flex;flex-direction:column;gap:10px;min-width:0}.video-nav-head{display:flex;align-items:center;justify-content:space-between;margin:2px 2px 7px}.video-count{display:flex;align-items:baseline;gap:6px;color:#fff}.video-count strong{font-size:1.2rem}.video-count span{color:#777780;font-size:.7rem}.video-arrows{display:flex;gap:7px}.video-prev,.video-next{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;background:rgba(255,255,255,.07);color:#fff;font-size:1rem;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}.video-prev:hover,.video-next:hover,.video-prev:focus-visible,.video-next:focus-visible{background:var(--red);border-color:var(--red);transform:translateY(-2px)}
.video-dots{display:flex;flex-direction:column;gap:10px}.video-dots button{position:relative;width:100%;height:88px;overflow:hidden;padding:0;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:#151518 center/cover no-repeat;cursor:pointer;filter:saturate(.55) brightness(.62);transition:filter .3s,border-color .3s,transform .3s}.video-dots button::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(0,0,0,.48))}.video-dots button::before{content:attr(data-number);position:absolute;z-index:1;right:12px;bottom:9px;color:#fff;font-size:.68rem;font-weight:800}.video-dots button:nth-child(1){background-image:url('../images/WhatsApp Image 2026-07-29 at 10.57.29 AM.jpeg')}.video-dots button:nth-child(2){background-image:url('../images/WhatsApp Image 2026-07-28 at 4.24.27 PM.jpeg')}.video-dots button:nth-child(3){background-image:url('../images/WhatsApp Image 2026-07-29 at 11.00.39 AM.jpeg')}.video-dots button:nth-child(4){background-image:url('../images/WhatsApp Image 2026-07-29 at 10.59.36 AM.jpeg')}.video-dots button:nth-child(5){background-image:url('../images/WhatsApp Image 2026-07-29 at 10.57.47 AM.jpeg')}.video-dots button:hover{filter:saturate(.85) brightness(.82);transform:translateX(-3px)}.video-dots button.active{border-color:var(--red);filter:none;box-shadow:inset 4px 0 0 var(--red),0 8px 24px rgba(0,0,0,.25)}
@media(max-width:991px){.video-showcase.section-pad{padding:75px 0}.video-showcase-head{align-items:start;flex-direction:column;gap:18px}.video-showcase-head p{max-width:620px}.video-carousel{grid-template-columns:1fr}.video-track{height:520px}.video-nav{order:2}.video-nav-head{order:2;margin-top:3px}.video-dots{flex-direction:row;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none;scroll-snap-type:x mandatory}.video-dots::-webkit-scrollbar{display:none}.video-dots button{flex:0 0 155px;height:82px;scroll-snap-align:start}.video-dots button:hover{transform:none}}
@media(max-width:767px){.video-showcase.section-pad{padding:62px 0}.video-showcase-head{margin-bottom:27px}.video-showcase-head h2{font-size:clamp(2.6rem,13vw,2.7rem)}.video-stage{padding:6px;border-radius:20px}.video-track{height:460px;border-radius:14px}.video-meta{left:18px;right:18px;bottom:17px}.video-meta>span{width:38px;height:38px}.video-play{width:76px;height:76px}.video-play span{border-top-width:11px;border-bottom-width:11px;border-left-width:17px}.video-dots button{flex-basis:125px;height:72px}}
@media(max-width:430px){.video-track{height:390px}.video-slide video{object-fit:contain}.video-meta h3{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){.video-slide,.video-dots button,.video-prev,.video-next{transition:none}}