.nf-card-wrapper{--ink:#f4f4f6;--muted:#b6b6bd;--faint:#8b8b94;--hairline:#ffffff17;--surface:#0e0e11;--accent-strong:#c3bcae;width:var(--tile-w,230px);cursor:pointer;scroll-snap-align:start;border-radius:6px;flex:none;transition:transform .3s cubic-bezier(.22,1,.36,1),z-index 0s .3s;position:relative;overflow:visible}.nf-card-wrapper.expanded{z-index:100;transition:transform .3s cubic-bezier(.22,1,.36,1),z-index;transform:scale(1.35)}.nf-card-wrapper.expanded.expand-right{transform-origin:0}.nf-card-wrapper.expanded.expand-left{transform-origin:100%}.nf-card-wrapper.expanded.expand-center{transform-origin:50%}.nf-card-thumbnail{aspect-ratio:16/9;width:100%;height:auto;color:inherit;cursor:pointer;background:#101013;border:none;border-radius:6px 6px 0 0;padding:0;text-decoration:none;display:block;position:relative;overflow:hidden}.nf-card-thumbnail-fallback{background:linear-gradient(135deg,#1f1f24,#0c0c0f);width:100%;height:100%;display:block}.nf-card-lockup{pointer-events:none;background:linear-gradient(#0000 0%,#0000008c 45%,#000000e0 100%);flex-direction:column;gap:2px;padding:clamp(26px,2.2vw,44px) clamp(10px,.85vw,18px) clamp(9px,.75vw,15px);display:flex;position:absolute;inset:auto 0 0}.nf-card-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent-strong);font-size:clamp(9px,.25rem + .35vw,12px);font-weight:700}.nf-card-lockup-title{letter-spacing:-.01em;color:#fff;text-shadow:0 1px 6px #0009;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-family:Netflix Sans,Poppins,sans-serif;font-size:clamp(15px,.5rem + .55vw,22px);font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.nf-card-wrapper:not(.expanded) .nf-card-thumbnail{border-radius:6px}.nf-card-thumbnail img{object-fit:cover;width:100%;height:100%;transition:transform .4s cubic-bezier(.22,1,.36,1);display:block}.nf-card-wrapper:hover .nf-card-thumbnail img{transform:scale(1.05)}.nf-card-thumbnail:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.nf-card-original{filter:drop-shadow(0 1px 3px #000000b3);display:inline-flex;position:absolute;top:6px;left:6px}.nf-card-original svg{width:clamp(14px,1.3vw,30px);height:auto}.nf-card-top10{border-radius:0 4px 0 2px;font-size:clamp(18px,1.5vw,34px);position:absolute;top:0;right:0}.nf-card-new-badge{border:1px solid var(--hairline);-webkit-backdrop-filter:blur(6px);color:var(--accent-strong);letter-spacing:.12em;text-transform:uppercase;background:#0a0a0ca8;border-radius:4px;padding:2px 7px;font-family:Netflix Sans,Poppins,sans-serif;font-size:9px;font-weight:700;position:absolute;top:6px;left:6px}.nf-card-progress-container{background:#80808099;height:3px;position:absolute;bottom:0;left:0;right:0}.nf-card-progress{background:#e50914;height:100%;display:block}.nf-card-details{background:#181818;border-radius:0 0 4px 4px;padding:12px;animation:.2s ease-out cardSlideUp;position:absolute;top:100%;left:0;right:0;box-shadow:0 3px 10px #000000bf}@keyframes cardSlideUp{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nf-card-action-row{align-items:center;gap:6px;margin-bottom:10px;display:flex}.nf-card-btn{color:#fff;cursor:pointer;background:#2a2a2a99;border:2px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:border-color .2s,background .2s;display:flex}.nf-card-btn:hover{border-color:#fff}.nf-card-btn:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.nf-card-btn-play{color:#000;background:#fff;border-color:#fff}.nf-card-btn-play:hover{background:#ffffffbf;border-color:#0000}.nf-card-btn-active{border-color:#fff}.nf-card-btn-spacer{flex:1}.nf-card-metadata{color:var(--muted);margin-bottom:4px;font-size:10px;font-weight:600;display:block}.nf-card-meta-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:5px;display:flex}.nf-card-match{color:#46d369;letter-spacing:.02em;font-size:11px;font-weight:700}.nf-card-maturity{color:#fff;letter-spacing:.06em;border:1px solid #fff6;border-radius:0;padding:0 4px;font-size:8px;font-weight:600}.nf-card-duration{color:#fff;font-size:10px}.nf-card-hd{color:#ffffffe6;border:1px solid #fff6;border-radius:3px;padding:0 4px;font-size:7px;font-weight:700;line-height:12px}.nf-card-tags{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.nf-card-tag{color:#fff;font-size:10px}.nf-card-tag-dot{color:#646464;margin:0 3px;font-size:6px}@media (width<=768px){.nf-card-wrapper{width:var(--tile-w,120px);border-radius:4px}.nf-card-thumbnail,.nf-card-wrapper:not(.expanded) .nf-card-thumbnail{aspect-ratio:2/3;border-radius:4px}.nf-card-lockup{padding:36px 8px 9px}.nf-card-eyebrow{display:none}.nf-card-lockup-title{-webkit-line-clamp:3;font-size:13px}.nf-card-original svg{width:13px}.nf-card-top10{font-size:17px}.nf-card-wrapper.expanded{z-index:100;transform:scale(1.1)}.nf-card-details{padding:8px}.nf-card-btn{width:24px;height:24px}.nf-card-tag{font-size:8px}}@media (width<=480px){.nf-card-lockup-title{font-size:12px}.nf-card-details{padding:6px}.nf-card-action-row{gap:4px}.nf-card-btn{width:22px;height:22px}}@media (prefers-reduced-motion:reduce){.nf-card-wrapper,.nf-card-thumbnail img{transition:none}.nf-card-wrapper:hover .nf-card-thumbnail img{transform:none}.nf-card-details{animation:none}}
