.feature-hero{margin:4px 0 14px;position:relative}.feature-hero__track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;gap:10px;display:flex;position:relative;overflow-x:auto}.feature-hero__track::-webkit-scrollbar{display:none}.feature-hero__track:focus-visible{outline:2px solid var(--kc-focus,#8b5cf6);outline-offset:3px;border-radius:16px}.feature-hero__slide{scroll-snap-align:start;flex:0 0 100%;min-width:0}@media (width>=768px){.feature-hero__slide{flex-basis:calc(50% - 5px)}}.feature-hero__link{--pw:clamp(50px, 15cqw, 100px);aspect-ratio:16/9;color:#fff;isolation:isolate;background:#19172b;border-radius:16px;text-decoration:none;display:block;position:relative;overflow:hidden;container-type:inline-size}.feature-hero__art,.feature-hero__art img{width:100%;height:100%;position:absolute;inset:0}.feature-hero__art img{object-fit:cover;transition:transform .6s,filter .35s}.feature-hero__art:after{content:"";background:linear-gradient(#0000 45%,#00000073);position:absolute;inset:0}@media (hover:hover){.feature-hero__link:hover .feature-hero__art img{transform:scale(1.03)}}.feature-hero__poster{z-index:2;width:var(--pw);aspect-ratio:2/3;background:#19172b;border-radius:8px;position:absolute;bottom:12px;left:12px;overflow:hidden;box-shadow:0 10px 28px #00000080}.feature-hero__poster img{object-fit:cover;width:100%;height:100%;display:block}.feature-hero__info,.feature-hero__imdb,.feature-hero__tag{-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#19172ba3}.feature-hero__info{z-index:2;left:calc(var(--pw) + 22px);--cta-h:32px;--cta-gap:8px;height:calc(var(--cta-h) + 2 * var(--cta-gap));padding:0 var(--cta-gap) 0 14px;border-radius:12px;align-items:center;gap:12px;display:flex;position:absolute;bottom:12px;right:12px}@media (width<=767px){.feature-hero__info{--cta-h:30px}}.feature-hero__link:not(:has(.feature-hero__poster)) .feature-hero__info{left:12px}.feature-hero__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:clamp(13.5px,2.8cqw,16px);font-weight:600;line-height:1.25;overflow:hidden}.feature-hero__cta{height:var(--cta-h);color:#19172b;background:#fff;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:13px;font-weight:700;transition:background-color .15s,color .15s;display:inline-flex}.feature-hero__cta .kci{width:11px;height:11px}@media (hover:hover){.feature-hero__cta:hover{color:#19172b;background:#8b5cf6}}.feature-hero__tags{z-index:2;gap:6px;display:flex;position:absolute;top:12px;left:12px;right:64px}.feature-hero__imdb,.feature-hero__tag,.feature-hero__age{border-radius:8px;flex-shrink:0;align-items:center;height:26px;font-size:12.5px;font-weight:700;display:inline-flex}.feature-hero__imdb{gap:6px;padding:0 9px 0 5px}.feature-hero__tag{text-overflow:ellipsis;white-space:nowrap;color:#ffffffe6;flex-shrink:1;min-width:0;padding:0 9px;font-weight:500;overflow:hidden}.feature-hero__age{background:#dc2626;padding:0 8px}.feature-hero__imdb b{color:#000;background:#f5c518;border-radius:4px;padding:2px 4px;font-size:9.5px;font-weight:900;line-height:1}.feature-hero__pips{display:none}@media (width<=767px){.feature-hero__pips{z-index:2;-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#19172ba3;border-radius:10px;align-items:center;gap:4px;height:20px;padding:0 7px;display:flex;position:absolute;top:12px;right:12px}.feature-hero__pips i{background:#ffffff73;border-radius:3px;width:5px;height:5px}.feature-hero__pips i.is-on{background:#fff;width:14px}.feature-hero .feature-hero__controls{display:none}.feature-hero{margin-inline:-8px}.feature-hero__link{border-radius:0}.feature-hero__track:focus-visible{outline-offset:-2px;border-radius:0}}.feature-hero__spine,.feature-hero__progress{display:none}@media (width>=1024px){.feature-hero .feature-hero__track{scroll-snap-type:none;height:clamp(280px,25vw,330px);overflow:visible}.feature-hero .feature-hero__slide{flex:1 1 0;transition:flex-grow .6s cubic-bezier(.2,.8,.2,1)}.feature-hero .feature-hero__slide.is-active{flex-grow:6}.feature-hero .feature-hero__link{aspect-ratio:auto;height:100%}.feature-hero .feature-hero__slide:not(.is-active) :is(.feature-hero__poster,.feature-hero__info,.feature-hero__tags,.feature-hero__age){opacity:0;pointer-events:none}.feature-hero .feature-hero__slide.is-active :is(.feature-hero__poster,.feature-hero__info,.feature-hero__tags,.feature-hero__age){transition:opacity .35s .3s}.feature-hero .feature-hero__slide:not(.is-active) .feature-hero__art img{filter:brightness(.74);transform:none}.feature-hero .feature-hero__slide:not(.is-active) .feature-hero__link:hover .feature-hero__art img{filter:brightness(.95)}.feature-hero .feature-hero__spine{--feature-hero-spi:#fff9;z-index:3;pointer-events:none;background:linear-gradient(#0000 40%,#000000b8);transition:opacity .25s;display:block;position:absolute;inset:0}.feature-hero .feature-hero__slide.is-active .feature-hero__spine{opacity:0}.feature-hero .feature-hero__col{z-index:1;flex-direction:column;justify-content:flex-end;align-items:center;gap:9px;width:max-content;display:flex;position:absolute;top:18px;bottom:16px;left:14px}.feature-hero .feature-hero__col b{writing-mode:vertical-rl;white-space:nowrap;text-overflow:ellipsis;letter-spacing:.07em;text-transform:uppercase;min-height:0;color:var(--feature-hero-spi);text-shadow:0 1px 8px #00000073;flex:0 auto;font-size:12px;font-weight:700;line-height:1.15;transition:color .2s;overflow:hidden;transform:rotate(180deg)}.feature-hero .feature-hero__col i{background:var(--feature-hero-spi);opacity:.7;flex:none;width:1.5px;height:14px;transition:background-color .2s}.feature-hero .feature-hero__num{letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--feature-hero-spi);flex:none;font-size:12px;font-weight:800;line-height:1;transition:color .2s}.feature-hero .feature-hero__spine:after{content:"";background:linear-gradient(0deg,var(--hero-spine,#8b5cf6) 0%,transparent 62%);opacity:.32;mix-blend-mode:soft-light;position:absolute;inset:0}.feature-hero .feature-hero__slide:nth-child(5n+2){--hero-spine:#8b5cf6}.feature-hero .feature-hero__slide:nth-child(5n+3){--hero-spine:#f43f5e}.feature-hero .feature-hero__slide:nth-child(5n+4){--hero-spine:#06b6d4}.feature-hero .feature-hero__slide:nth-child(5n+5){--hero-spine:#f59e0b}.feature-hero .feature-hero__slide:nth-child(5n+1){--hero-spine:#7c3aed}.feature-hero__link:hover .feature-hero__spine{--feature-hero-spi:#fffffff5}.feature-hero .feature-hero__slide.is-intent .feature-hero__progress{opacity:1}.feature-hero .feature-hero__slide.is-intent .feature-hero__progress:after{transition:transform .15s linear;transform:scaleX(1)}.feature-hero .feature-hero__progress{z-index:3;opacity:0;background:#ffffff2e;height:3px;display:block;position:absolute;bottom:0;left:0;right:0}.feature-hero .feature-hero__slide.is-active .feature-hero__progress{opacity:1}.feature-hero__progress:after{content:"";transform-origin:0;background:#ffffffd9;position:absolute;inset:0;transform:scaleX(0)}.feature-hero .feature-hero__controls{display:none}@supports (width:1cqw){.feature-hero--clip .feature-hero__track{--g:10px;--u:calc((100cqw - (var(--n) - 1) * var(--g)) / (var(--n) + 5));container-type:inline-size}.feature-hero--clip .feature-hero__slide{--off:clamp(0, max(var(--i) - var(--a), var(--a) - var(--i)), 1);width:calc(var(--u) * 6);height:100%;transform:translate(calc(var(--i) * (var(--u) + var(--g)) + clamp(0,var(--i) - var(--a),1) * 5 * var(--u)));clip-path:inset(0 calc(var(--off) * 5 * var(--u)) 0 0 round 16px);transition:transform .6s cubic-bezier(.2,.8,.2,1),clip-path .6s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0}.feature-hero--clip .feature-hero__art{height:auto;transform:translate(calc(var(--off) * -41.6667%)) scale(calc(1 - var(--off) * .22));transition:transform .6s cubic-bezier(.2,.8,.2,1);top:-15%;bottom:-15%}.feature-hero--clip .feature-hero__art:after{background:linear-gradient(#0000 46.15%,#00000073 88.46%);inset:0}.feature-hero--clip .feature-hero__progress{transform:scaleX(calc((6 - 5 * var(--off)) / 6));transform-origin:0;transition:transform .6s cubic-bezier(.2,.8,.2,1)}}}@media (width>=1024px) and (prefers-reduced-motion:reduce){.feature-hero .feature-hero__slide,.feature-hero--clip .feature-hero__art,.feature-hero--clip .feature-hero__progress{transition:none}}.feature-hero__controls{align-items:center;gap:6px;min-height:28px;margin-top:8px;display:flex}.feature-hero__dots{gap:2px;margin-right:auto;display:flex}.feature-hero__dot{cursor:pointer;background:0 0;border:0;width:32px;height:24px;padding:10px 3px}.feature-hero__dot span{background:#23203b;border-radius:2px;height:4px;display:block;position:relative;overflow:hidden}.feature-hero__dot.is-active span:after{content:"";border-radius:inherit;transform-origin:0;background:#f3f0ff;position:absolute;inset:0}@keyframes feature-hero-fill{0%{transform:scaleX(0)}}@keyframes feature-hero-grow{to{transform:scaleX(1)}}@media (width>=768px){.feature-hero__dot:last-child:not(:first-child){display:none}}.feature-hero__nav{color:#f3f0ff;cursor:pointer;background:#19172b;border:0;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:none}.feature-hero__nav:hover{background:#23203b}.feature-hero__nav .kci{width:15px;height:15px}.feature-hero__flip{transform:rotate(180deg)}@media (hover:hover) and (pointer:fine){.feature-hero__nav{display:inline-flex}}@media (prefers-reduced-motion:reduce){.feature-hero__art img{transition:none}}.site-main:has(>.home-feature){padding-top:12px}.home-feature{flex-direction:column;gap:12px;margin:0 0 14px;display:flex}.home-feature>.feature-hero{margin-block:0}.home-feature .category-rail{align-items:center;gap:6px;min-width:0;margin:0;padding:0;display:flex;position:relative}.home-feature .category-rail nav{scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain;flex:1;align-items:center;gap:8px;min-width:0;padding:2px 0;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 0 calc(100% - 24px),#0000 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 24px),#0000 100%)}.home-feature .category-rail nav a{scroll-snap-align:start;color:#f3f0ff;white-space:nowrap;background:#19172b;border-radius:10px;flex:none;align-items:center;gap:7px;height:34px;padding:0 13px;font-size:13.5px;font-weight:600;line-height:1;transition:background-color .15s,color .15s;display:inline-flex}.home-feature .category-rail nav a:hover{background:#23203b}.home-feature .category-rail nav a .icon{opacity:.8;width:16px;height:16px}.home-feature .rail-flag{object-fit:cover;border-radius:2px;width:18px;height:13px;box-shadow:0 0 0 1px #00000014}.home-feature .category-rail :is(.rail-next,.rail-prev){width:34px;height:34px;box-shadow:none;color:#f3f0ff;background:#19172b;border:0;border-radius:10px;flex:none;padding:0;display:none;position:static}.home-feature .category-rail .rail-prev :is(.icon,.home-icon){transform:rotate(180deg)}.home-feature .category-rail :is(.rail-next,.rail-prev):hover{background:#23203b}.home-feature .category-rail nav:focus-visible{outline:2px solid var(--kc-focus,#8b5cf6);outline-offset:3px;border-radius:10px}.home-feature .category-rail nav a:focus-visible{outline:2px solid var(--kc-focus,#8b5cf6);outline-offset:2px}.home-feature .category-rail :is(.rail-next,.rail-prev) .icon{width:15px;height:15px}.feature-hero{--hero-progress:0;font-size:16px;line-height:1.5}.feature-hero__cta svg{flex:none;width:11px;height:11px;display:block}.feature-hero__art img{max-width:none}.feature-hero__progress:after,.feature-hero__dot.is-active span:after{transform:scaleX(var(--hero-progress,0))}.feature-hero__nav .icon{width:15px;height:15px}.feature-hero__link:focus-visible{outline:2px solid var(--kc-focus,#8b5cf6);outline-offset:-3px}@media (hover:hover) and (pointer:fine){.home-feature .category-rail :is(.rail-next,.rail-prev):not([hidden]){justify-content:center;align-items:center;display:inline-flex}}@media (width>=1024px){.site-main:has(>.home-feature){padding-top:21px}.home-feature{gap:14px;margin-top:4px}}html[data-theme=light] .home-feature .category-rail nav a,html[data-theme=light] .home-feature .category-rail :is(.rail-next,.rail-prev){color:#18181b;background:#f4f4f5}html[data-theme=light] .home-feature .category-rail nav a:hover,html[data-theme=light] .home-feature .category-rail :is(.rail-next,.rail-prev):hover{background:#e4e4e7}html[data-theme=light] .feature-hero__nav{color:#18181b;background:#f4f4f5}html[data-theme=light] .feature-hero__nav:hover,html[data-theme=light] .feature-hero__dot span{background:#e4e4e7}html[data-theme=light] .feature-hero__dot.is-active span:after{background:#18181b}.feature-hero{overflow:clip}.feature-hero:not(.is-ticking) .feature-hero__dot.is-active span:after{transform:scaleX(1)}
