.awm-xfilm{--H: max(560px, calc(100svh - 56px) );position:relative;height:var(--H);overflow:hidden;container-type:size;background:#000;color:#fff;user-select:none}.awm-xfilm{--fh: clamp(96px, 26.4cqh, 360px);--cw: calc(var(--fh) * .75);--gap: max(4px, calc(var(--cw) * .038));--pad: max(16px, 1.7cqw);--lab: max(12px, 1.03cqh)}.awm-xfilm__bg{position:absolute;inset:0}.awm-xfilm__bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.28);transition:opacity .7s ease-out}.awm-xfilm__bg img[data-on]{opacity:1;animation:awm-xfilm-zoom 6s linear both}@keyframes awm-xfilm-zoom{0%{transform:scale(1.42)}to{transform:scale(1.28)}}.awm-xfilm__hue{position:absolute;inset:0;background:var(--awm-mark, #8a8a8a);mix-blend-mode:color;opacity:.45}.awm-xfilm__mul{position:absolute;inset:0;background:color-mix(in srgb,var(--awm-mark, #8a8a8a) 45%,#555);mix-blend-mode:multiply;opacity:.55}.awm-xfilm__wash{position:absolute;inset:0;background:linear-gradient(to bottom,rgb(0 0 0 / .4),transparent 50%,rgb(0 0 0 / .45))}.awm-xfilm__grain{position:absolute;inset:0;opacity:.22;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}.awm-xfilm__head{position:absolute;left:0;right:0;top:0;height:50%;display:flex;flex-direction:column;justify-content:flex-end;gap:16px;padding:0 var(--pad) 2.8cqh}.awm-xfilm__row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 6vw}.awm-xfilm__title{margin:0;max-width:20ch;font-size:max(28px,6.7cqh);font-weight:600;line-height:1.05;letter-spacing:-.03em;text-wrap:balance;word-break:keep-all}.awm-xfilm__credit{margin:0;font-size:var(--lab);letter-spacing:.14em;opacity:.8;word-break:keep-all}.awm-xfilm__meta{display:flex;gap:max(16px,5.5cqw);margin:0 0 0 auto}.awm-xfilm__meta div{display:flex;flex-direction:column-reverse}.awm-xfilm__meta dt{font-size:var(--lab);letter-spacing:.08em;opacity:.7;white-space:nowrap}.awm-xfilm__meta dd{margin:0;font-size:calc(var(--lab) * 1.6);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.awm-xfilm__sub{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.awm-xfilm__sub p{max-width:32rem;margin:0;font-size:.9375rem;line-height:1.6;opacity:.85;word-break:keep-all}.awm-xfilm__actions{display:flex;flex-wrap:wrap;gap:10px}.awm-xfilm__strip{position:absolute;left:0;right:0;top:50%;height:var(--fh);outline:none}.awm-xfilm__strip:focus-visible{box-shadow:inset 0 0 0 1px #fff6}.awm-xfilm__track{--drag: 0px;display:flex;align-items:flex-start;gap:var(--gap);transform:translate(calc(50cqw - var(--i) * (var(--cw) + var(--gap)) - var(--cw) / 2 + var(--drag)));transition:transform .6s cubic-bezier(.3,1.15,.45,1);cursor:grab;touch-action:pan-y}.awm-xfilm__track:active{cursor:grabbing;transition:none}.awm-xfilm__card{position:relative;flex:none;width:var(--cw);height:calc(var(--fh) / 2);padding:0;overflow:hidden;border:0;border-radius:0;background:#ffffff0d;cursor:pointer;transition:height .6s cubic-bezier(.3,1.15,.45,1)}.awm-xfilm__card:after{content:"";position:absolute;inset:0;background:#000;opacity:.12;transition:opacity .6s}.awm-xfilm__card[aria-current=true]{height:var(--fh)}.awm-xfilm__card[aria-current=true]:after{opacity:0}.awm-xfilm__card img{width:100%;height:100%;object-fit:cover;object-position:50% 26%;pointer-events:none}.awm-xfilm__rail{position:absolute;left:var(--pad);bottom:max(14px,2.2cqh);width:max(120px,20cqw)}.awm-xfilm__nums{display:flex;justify-content:space-between;font-size:var(--lab);font-variant-numeric:tabular-nums;opacity:.8}.awm-xfilm__bar{position:relative;height:1px;margin-top:8px;background:#ffffff40}.awm-xfilm__bar i{position:absolute;top:0;bottom:0;left:calc(var(--i) * 100% / var(--n, 5));width:calc(100% / var(--n, 5));background:#fff;transition:left .6s cubic-bezier(.3,1.15,.45,1)}.awm-xfilm[data-n="5"]{--n: 5}.awm-xfilm[data-n="6"]{--n: 6}.awm-xfilm[data-n="7"]{--n: 7}@media(max-width:767px){.awm-xfilm{--H: 640px}.awm-xfilm__meta{display:none}}@media(prefers-reduced-motion:reduce){.awm-xfilm__bg img,.awm-xfilm__track,.awm-xfilm__card,.awm-xfilm__card:after,.awm-xfilm__bar i{transition:none;animation:none}}
