.f1v-series{--f1v-gold:var(--gold,#d2b675);--f1v-ink:#edf2ec;--f1v-ground:#111b15;margin-block:clamp(48px,6vw,88px);color:var(--f1v-ink)}
.f1v-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:26px}.f1v-heading h2{margin:0;font-size:clamp(30px,3.5vw,48px);line-height:1.3}.f1v-heading p{font-size:clamp(17px,1.5vw,21px);margin:10px 0 0;color:#bcc8bc}.f1v-nav{display:flex;gap:8px}.f1v-nav button{display:grid;place-items:center;border:0;background:var(--f1v-ground);color:var(--f1v-ink);width:46px;height:46px;border-radius:50%;font-size:24px;font-family:inherit;cursor:pointer}
.f1v-shelf{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 100px)/6);gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#435b49 transparent;padding:6px 4px 20px;margin-inline:-4px;align-items:start}
.f1v-card{display:block;min-width:0;scroll-snap-align:start;color:inherit}.f1v-card h3{font:700 clamp(17px,1.5vw,21px)/1.6 Almarai,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 0 12px}.f1v-cover{display:block;position:relative;aspect-ratio:9/16;overflow:hidden;background:var(--f1v-ground);border-radius:4px}.f1v-trigger{display:block;width:100%;height:100%;color:inherit}.f1v-trigger img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.035);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.f1v-trigger:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(4,12,8,.7));pointer-events:none}.f1v-play{position:absolute;z-index:1;inset-inline-end:14px;bottom:15px;width:42px;height:42px;border-radius:50%;background:var(--f1v-ink);color:#101b14;display:grid;place-items:center;transition:background .2s,transform .2s}.f1v-duration{position:absolute;z-index:1;bottom:24px;inset-inline-start:14px;font-size:14px;font-variant-numeric:tabular-nums;direction:ltr}.f1v-no-cover{display:flex;align-items:center;justify-content:center;height:100%;font-size:38px;line-height:1.4;color:var(--f1v-gold)}
.f1v-card:hover .f1v-trigger img,.f1v-trigger:focus-visible img{transform:scale(1)}.f1v-card:hover .f1v-play{background:var(--f1v-gold);transform:scale(1.08)}.f1v-trigger:focus-visible{outline:3px solid var(--f1v-gold);outline-offset:-3px}.f1v-nav button:focus-visible,.f1v-expand:focus-visible{outline:3px solid var(--f1v-gold);outline-offset:3px}
.f1v-cover video{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;background:#000}.f1v-cover video[hidden],.f1v-trigger[hidden],.f1v-expand[hidden]{display:none!important}.f1v-expand{position:absolute;top:12px;inset-inline-end:12px;width:44px;height:44px;z-index:2;display:grid;place-items:center;background:rgba(0,0,0,.65);color:#fff;border:0;border-radius:50%;cursor:pointer}.f1v-cover:fullscreen{width:100vw;height:100dvh;border-radius:0;background:#000;aspect-ratio:auto}.f1v-cover:fullscreen video{object-fit:contain}.f1v-cover:fullscreen .f1v-expand{display:none}.f1v-status{font-size:16px;line-height:1.7;margin-top:12px}
@media(max-width:1100px){.f1v-shelf{grid-auto-columns:calc((100% - 54px)/4.25);gap:16px}}@media(max-width:600px){.f1v-heading{margin-bottom:20px;gap:12px}.f1v-nav button{width:42px;height:42px}.f1v-shelf{grid-auto-columns:42%;gap:14px}.f1v-card h3{font-size:17px;margin-bottom:9px}.f1v-play{width:36px;height:36px;inset-inline-end:10px;bottom:12px}.f1v-duration{bottom:20px;inset-inline-start:10px;font-size:12px}.f1v-heading p{font-size:16px}.f1v-expand{top:8px;inset-inline-end:8px;width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.f1v-trigger img,.f1v-play{transition:none;transform:none!important}.f1v-shelf{scroll-behavior:auto}}

.f1v-card.is-expanded{grid-column:span 3}.f1v-card.is-expanded .f1v-cover{aspect-ratio:var(--f1v-aspect,16/9);max-height:70dvh}.f1v-card.is-expanded video{object-fit:contain}.f1v-card.is-expanded .f1v-expand{background:#edf2ec;color:#111b15}@media(max-width:600px){.f1v-card.is-expanded{grid-column:span 2}}

.f1v-trigger{position:relative;z-index:1}.f1v-cover video{z-index:0}.f1v-card.is-previewing video{pointer-events:none}.f1v-card.is-previewing .f1v-trigger img{opacity:0}.f1v-card.is-previewing .f1v-trigger{background:transparent}