@layer partials{.hero{--h-blur-size: clamp(480px, 62vh, 680px);--h-pad-x: clamp(20px, 8vw, 180px);--h-pad-y: clamp(24px, 4vw, 64px);--h-cover-w: 254px;--h-cover-h: 382px;--h-radius: 16px;--h-transition: .42s cubic-bezier(.4, 0, .2, 1);--h-bg-transition: .6s ease;--h-progress-h: 2px}.hero{position:relative;width:100vw;margin-inline-start:calc(-50vw + 50%);overflow:hidden;isolation:isolate;contain:layout style}.hero__inner{position:relative;height:var(--h-blur-size)}.hero__bg-blur{position:absolute;inset:-10%;background-size:cover;background-position:center center;filter:blur(60px) saturate(1.4) brightness(.28);opacity:0;transition:opacity var(--h-bg-transition);z-index:0;overflow:hidden}.hero__bg-blur--active{opacity:1}.hero__bg-art{position:absolute;inset:0;background-size:cover;background-position:center center;opacity:0;transition:opacity var(--h-bg-transition);z-index:1}.hero__bg-art--active{opacity:.52}.hero__overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(105deg,var(--color-bg-solid) 0%,rgb(var(--color-bg-solid-rgb) / .97) 8%,rgb(var(--color-bg-solid-rgb) / .84) 22%,rgb(var(--color-bg-solid-rgb) / .54) 42%,rgb(var(--color-bg-solid-rgb) / .18) 62%,transparent 78%),linear-gradient(to bottom,rgb(var(--color-bg-solid-rgb) / .1) 0%,transparent 28%),linear-gradient(to top,var(--color-bg-solid) 5%,var(--color-bg-solid) 15%,rgb(var(--color-bg-solid-rgb) / .15) 45%,transparent 80%)}.hero__overlay:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 300 300' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;opacity:var(--h-grain-opacity, .05);mix-blend-mode:overlay}.hero__content{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:var(--h-pad-y) var(--h-pad-x);gap:clamp(24px,4vw,72px)}.hero__info{flex:1;max-width:520px}.hero__info [data-hero-anim]{opacity:0;transform:translateY(14px);transition:opacity .38s ease,transform .38s ease}.hero__info [data-hero-anim].is-visible{opacity:1;transform:none}.hero__counter{display:flex;align-items:center;gap:8px;margin-bottom:22px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted)}.hero__counter-current{font-size:15px;font-weight:900;color:var(--color-primary);font-variant-numeric:tabular-nums}.hero__counter-line{flex:1;max-width:28px;height:1px;background:var(--color-border-hover)}.hero__counter-total{font-variant-numeric:tabular-nums}.hero__badges{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:20px}.hero__badge{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:7px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;border:1px solid transparent}.hero__badge--type{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero__badge--rating{background:rgb(var(--color-card-solid-rgb) / .8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text);border:1px solid var(--color-border)}.hero__badge--new{background:rgb(var(--color-accent-rgb) / .14);color:var(--color-accent);border-color:rgb(var(--color-accent-rgb) / .3);animation:pulse-new 2.6s ease infinite}.hero__title{font-family:Syne,Clash Display,sans-serif;font-size:clamp(24px,4vw,52px);font-weight:900;line-height:1.04;letter-spacing:-.035em;color:var(--color-title);margin:0 0 16px}.hero__desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;line-height:1.75;color:var(--color-text-secondary);margin:0 0 18px;max-width:440px}.hero__genres{display:flex;flex-wrap:wrap;gap:5px;list-style:none;padding:0;margin-bottom:30px}.hero__genre-link{font-size:10.5px;font-weight:600;padding:5px 13px;border-radius:8px;text-decoration:none;background:rgb(var(--color-primary-rgb) / calc(var(--color-secondary-alpha) * .8));border:1px solid var(--color-border);color:var(--color-text-secondary);transition:background .14s,color .14s,border-color .14s,transform .14s;letter-spacing:.02em}.hero__genre-link:hover,.hero__genre-link:focus-visible{background:rgb(var(--color-primary-rgb) / .12);border-color:rgb(var(--color-primary-rgb) / .3);color:#976cf7;transform:translateY(-1px);outline:none}.hero__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero__fav-btn{display:none}.hero__cta{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border-radius:13px;font-size:14px;font-weight:700;color:#fff;text-decoration:none;background:linear-gradient(135deg,var(--color-primary) 0%,#9d6fc9);background:linear-gradient(135deg,var(--color-primary) 0%,#9D6FC9 100%);box-shadow:0 6px 28px var(--color-primary-glow, rgba(232,71,72,.42)),0 0 rgb(var(--color-primary-rgb) / .2);transition:transform .16s ease,box-shadow .16s ease;cursor:pointer;border:none;letter-spacing:.01em;white-space:nowrap}.hero__cta:hover,.hero__cta:focus-visible{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 20px var(--color-primary-glow, rgba(232,71,72,.55)),0 0 0 2px rgb(var(--color-primary-rgb) / .14);outline:none}.hero__cta:active{transform:translateY(0)}.hero__cta-icon{font-size:10px}.hero__meta{font-size:13px;color:var(--color-text-muted)}.hero__meta strong{font-weight:700;color:var(--color-text)}.hero__cover-wrap{position:relative;flex-shrink:0;width:var(--h-cover-w);height:var(--h-cover-h)}.hero__cover-card{position:absolute;inset:0;border-radius:var(--h-radius);overflow:hidden;opacity:0;transform:scale(.9) translate(20px);transition:opacity var(--h-transition),transform var(--h-transition);pointer-events:none;box-shadow:0 40px 100px #000000b8,0 0 0 1px var(--color-border);text-decoration:none;background:var(--color-card-solid)}.cover-card:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(255,255,255,.04) 55%,transparent 70%);pointer-events:none;z-index:1}.hero__cover-card--active{opacity:1;transform:none;pointer-events:auto;will-change:opacity,transform}.hero__cover-card--exit{opacity:0;transform:scale(.94) translate(-16px)}.hero__cover-card img{width:100%;height:100%;object-fit:cover;display:block}.hero__status-pill{position:absolute;bottom:-18px;left:50%;translate:-50% 0;display:flex;align-items:center;gap:7px;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 16px;border-radius:100px;white-space:nowrap;background:var(--color-card-solid);border:1px solid var(--color-border);color:var(--color-text-secondary);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:4}.hero__status-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;flex-shrink:0;position:relative}.hero__status-dot:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:#4ade80;opacity:.22;animation:hero-ripple 2.6s ease infinite}@keyframes hero-ripple{0%{transform:scale(.6);opacity:.5}70%{transform:scale(1.8);opacity:0}to{transform:scale(.6);opacity:0}}.hero__nav{position:absolute;bottom:24px;left:50%;translate:-50% 0;z-index:4;display:flex;align-items:center;gap:10px}.hero__nav-btn{width:38px;height:38px;border-radius:50%;border:1px solid var(--color-border-hover);background:rgb(var(--color-card-solid-rgb) / .2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .14s,border-color .14s,color .14s,transform .14s}.hero__nav-btn:hover,.hero__nav-btn:focus-visible{background:rgb(var(--color-primary-rgb) / .2);border:1px solid rgb(var(--color-primary-rgb) / .38);color:var(--color-primary);transform:scale(1.08);outline:none}.hero__nav-btn:active{transform:scale(.96)}.hero__pause-btn{width:30px;height:30px;border-radius:50%;border:1px solid var(--color-border);background:rgb(var(--color-card-solid-rgb) / .65);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .14s,color .14s,border-color .14s;margin-inline:2px}.hero__pause-btn:hover,.hero__pause-btn:focus-visible{background:rgb(var(--color-primary-rgb) / .2);border:1px solid rgb(var(--color-primary-rgb) / .38);color:var(--color-primary);outline-offset:2px}.hero__dots{display:flex;align-items:center;gap:5px}.hero__dot{width:6px;height:6px;border-radius:3px;background:var(--color-border-hover);border:none;cursor:pointer;padding:0;transition:width .28s ease,background .28s ease,transform .15s ease}.hero__dot:hover{transform:scaleY(1.5)}.hero__dot--active{width:24px;background:var(--color-primary)}@media(max-width:768px){.hero{--h-card-w: 168px;--h-card-h: 252px;--h-side-scale: .72;--h-side-offset: 130px}.hero__inner{height:auto;min-height:0;padding-bottom:40px}.hero__content{position:relative;inset:unset;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0;gap:0;text-align:left;display:flex}.hero__bg-blur,.hero__bg-art{position:absolute}.hero__featured-label{display:flex!important;align-items:center;justify-content:space-between;order:0;width:100%;padding:52px 20px 0;margin-bottom:16px}.hero__featured-label-text{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.hero__featured-label-text:before{content:"";display:inline-block;width:18px;height:2px;background:var(--color-primary);border-radius:2px;flex-shrink:0}.hero__featured-ticks{display:flex;align-items:center;gap:4px}.hero__featured-tick{height:2px;border-radius:2px;background:rgb(var(--color-text-muted-rgb) / .4);transition:background .28s ease,width .28s ease;border:none;padding:0;cursor:pointer}.hero__featured-tick--active{background:var(--color-primary)}.hero__cover-wrap{order:1;position:relative;width:100%;height:calc(var(--h-card-h) + 24px);margin:0 0 20px;flex-shrink:0;perspective:none;overflow:visible}.hero__cover-card{position:absolute;width:var(--h-card-w);height:var(--h-card-h);left:50%;top:0;transform:translate(-50%) scale(.6);opacity:0;border-radius:14px;overflow:hidden;transition:opacity .34s ease,transform .34s ease,box-shadow .34s ease;pointer-events:none;box-shadow:none}.hero__cover-card--active{opacity:1;transform:translate(-50%) scale(1);pointer-events:auto;z-index:3;box-shadow:0 0 0 2px var(--color-primary),0 0 0 5px rgb(var(--color-primary-rgb) / .22),0 24px 56px var(--color-shadow-lg);will-change:opacity,transform}.hero__cover-card--exit{opacity:0;transform:translate(-50%) scale(.8);z-index:1}.hero__cover-card--prev,.hero__cover-card--next{opacity:.48;z-index:2;pointer-events:auto;border-radius:12px;box-shadow:0 8px 24px var(--color-shadow)}.hero__cover-card--prev{transform:translate(calc(-50% - var(--h-side-offset))) scale(var(--h-side-scale));transform-origin:center center}.hero__cover-card--next{transform:translate(calc(-50% + var(--h-side-offset))) scale(var(--h-side-scale));transform-origin:center center}.hero__status-pill{bottom:0;font-size:10px;padding:4px 12px;z-index:5}.hero__info{order:2;max-width:100%;width:100%;padding:0 20px 4px}.hero__counter{display:none!important}.hero__badges{justify-content:flex-start;margin-bottom:10px}.hero__title{font-size:clamp(18px,5.8vw,26px);margin-bottom:10px;letter-spacing:-.02em}.hero__genres{justify-content:flex-start;margin-bottom:10px;gap:5px}.hero__genre-link{font-size:10.5px;padding:4px 10px}.hero__desc{-webkit-line-clamp:2;font-size:12.5px;line-height:1.6;margin-bottom:18px;color:var(--color-text-muted)}.hero__actions{flex-direction:row;align-items:center;gap:10px;margin-bottom:0}.hero__cta{flex:1;justify-content:center;padding:13px 16px;border-radius:12px;font-size:14px}.hero__fav-btn{display:flex;align-items:center;justify-content:center;width:46px;height:46px;flex-shrink:0;border-radius:12px;border:1px solid var(--color-border-hover);background:rgb(var(--color-card-solid-rgb) / .7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--color-text-muted);font-size:16px;cursor:pointer;transition:background .16s,border-color .16s,color .16s,transform .14s;text-decoration:none}.hero__fav-btn:hover,.hero__fav-btn:focus-visible{background:rgb(var(--color-primary-rgb) / .12);border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.06);outline:none}.hero__fav-btn.is-fav{background:rgb(var(--color-primary-rgb) / .18);border-color:var(--color-primary);color:var(--color-primary)}.hero__meta{display:none!important}.hero__nav{position:relative;bottom:auto;left:auto;translate:none;justify-content:center;margin-top:14px;gap:8px;z-index:4}.hero__progress{display:none!important}.hero__nav>.hero__nav-btn,.hero__nav>.hero__dots,.hero__nav>.hero__pause-btn{display:none!important}.hero__swipe-hint{display:flex!important;align-items:center;gap:6px;font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);white-space:nowrap}.hero__swipe-hint i{font-size:8px}}@media(prefers-reduced-motion:reduce){.hero__bg-art,.hero__cover-card{transition:opacity .2s ease}.hero__info [data-hero-anim]{transition:opacity .15s ease}.hero__status-dot:after{animation:none}.hero__progress-bar{transition:none}}}