@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--bg:#080809;--surface:#131316;--text:#f6f5f2;--muted:#a8a6ad;--red:#ef222a;--line:#ffffff1a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Manrope,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #fff}.header{align-items:center;gap:42px;max-width:1440px;height:68px;margin:auto;padding:0 5vw;display:flex}.logo{color:#fff;letter-spacing:-.7px;align-items:center;gap:8px;font-size:15px;font-weight:800;text-decoration:none;display:flex}.logo-mark{background:var(--red);border-radius:7px;place-items:center;width:28px;height:28px;font-size:18px;line-height:1;display:grid}nav{gap:25px;display:flex}nav a{color:#bbbabe;font-size:14px;text-decoration:none}nav a:hover{color:#fff}.catalog-count{color:#aaa8ad;margin-left:auto;font-size:12px;font-weight:700}.hero{border-block:1px solid var(--line);background-image:linear-gradient(90deg,#080809f7,#080809c7 39%,#0808091a 74%),url(/images/zubflix-hero-collage.png);background-position:50%;background-size:cover;justify-content:space-between;align-items:center;gap:32px;min-height:308px;padding:50px 8%;display:flex}.hero-content{max-width:590px}.eyebrow{color:#c1bfc4;letter-spacing:1.7px;margin:0 0 9px;font-size:10px;font-weight:800}.hero h1{letter-spacing:-3px;margin:0 0 14px;font-size:clamp(34px,4vw,55px);font-weight:800;line-height:1.02}.hero h1 em{color:var(--red);font-style:normal}.hero-subtitle{color:#bebcc1;max-width:420px;margin:0 0 21px;font-size:14px;line-height:1.6}.primary{color:#111;background:#f3f1ed;border-radius:6px;align-items:center;gap:13px;padding:11px 15px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.primary span{font-size:17px}.hero-stat{opacity:.94;align-items:center;gap:15px;margin-right:7%;display:flex}.hero-stat b{color:var(--red);letter-spacing:-8px;font-size:clamp(70px,8vw,105px)}.hero-stat span{letter-spacing:.3px;font-size:12px;font-weight:800;line-height:1.35}.catalog{max-width:1440px;margin:auto;padding:47px 5vw 96px}.catalog-head{justify-content:space-between;align-items:end;gap:20px;display:flex}.catalog h2{letter-spacing:-1.3px;margin:0;font-size:30px;font-weight:800}.view-count{color:#aaa8ad;letter-spacing:0;vertical-align:3px;background:#242429;border-radius:50%;place-items:center;min-width:27px;height:27px;margin-left:7px;font-size:12px;display:inline-grid}.search{border-bottom:1px solid #818184;gap:8px;width:255px;padding:8px 0;display:flex}.search span{font-size:24px;line-height:13px}.search input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:14px}.search input::placeholder{color:#96949a}.discovery-tools{justify-content:flex-start;align-items:center;gap:12px;margin:22px 0 0;display:flex}.genre-select,.cover-select{color:#a8a6ab;align-items:center;gap:10px;font-size:13px;display:flex}.genre-select select,.cover-select select{color:#fff;background:#18181b;border:1px solid #3d3c42;border-radius:6px;outline:0;min-width:180px;padding:9px 30px 9px 12px}.genre-select select:disabled{cursor:not-allowed;opacity:.6}.random-film{border:1px solid var(--red);background:var(--red);color:#fff;border-radius:6px;margin-left:auto;padding:10px 14px;font-size:13px;font-weight:800}.random-film:hover{background:#ff343b}.catalog-note{color:#818086;margin:10px 0 0;font-size:11px}.chips{gap:9px;padding:20px 0;display:flex;overflow:auto}.chips button{border:1px solid var(--line);color:#c2c0c2;white-space:nowrap;background:0 0;border-radius:100px;flex:none;padding:8px 15px;font-size:13px}.chips button.active{border-color:var(--red);background:var(--red);color:#fff}.chips button.muted{opacity:.62}.month{margin:0 0 44px}.month-heading{align-items:center;gap:8px;margin:0 0 15px;display:flex}.month h3{text-transform:capitalize;letter-spacing:-.4px;margin:0;font-size:16px}.month-heading span{color:#aaa8ad;background:#242429;border-radius:50%;place-items:center;min-width:21px;height:21px;font-size:10px;font-weight:800;display:grid}.grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:17px;display:grid}.card{z-index:0;min-width:0;color:inherit;text-align:left;transform-origin:50%;background:0 0;border:0;padding:0;transition:transform .24s cubic-bezier(.2,.8,.2,1),filter .24s;position:relative}.poster{background-position:50%;background-size:cover;border-radius:8px;height:290px;transition:box-shadow .24s,border-radius .24s;display:block;position:relative;overflow:hidden;box-shadow:inset 0 -90px 50px #00000073}.badge{z-index:1;color:#fff;text-transform:uppercase;background:#ee2028;border-radius:3px;padding:5px 7px;font-size:9px;font-weight:800;position:absolute;top:12px;left:12px}.number{z-index:1;color:#ffffffb3;font-size:10px;font-weight:800;position:absolute;top:10px;right:11px}.play{z-index:3;opacity:0;background:#00000059;place-items:center;font-size:28px;transition:opacity .2s;display:grid;position:absolute;inset:0}.archive-title{color:#fff;letter-spacing:-1.1px;text-shadow:0 3px 16px #000;text-transform:uppercase;font-size:clamp(18px,1.7vw,28px);font-weight:800;line-height:1.02;position:absolute;top:25%;left:15px;right:15px}.poster-title{letter-spacing:-.7px;font-size:15px;font-weight:800;line-height:1.18;position:absolute;bottom:27px;left:12px;right:12px}.poster-meta{color:#fff;letter-spacing:.8px;text-transform:uppercase;font-size:8px;font-weight:800;position:absolute;bottom:9px;left:12px}.card-info{gap:3px;padding:10px 2px;transition:opacity .2s;display:grid}.card-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.card-info span{color:#929096;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}@media (hover:hover) and (pointer:fine){.grid:hover .card:not(:hover){filter:brightness(.68)}.card:hover{z-index:2;transform:scale(1.16)}.card:hover .poster{border-radius:10px;box-shadow:0 20px 48px #00000094,inset 0 -90px 50px #0000006b}.card:hover .play,.card:hover .card-info{opacity:1}}.empty{color:#9b9a9f;text-align:center;border:1px dashed #39383e;border-radius:10px;place-items:center;gap:6px;min-height:220px;display:grid}.empty b{color:#e4e2e3}.empty span{font-size:13px}footer{border-top:1px solid var(--line);color:#77767a;justify-content:space-between;align-items:center;gap:20px;padding:25px 5vw 38px;font-size:12px;display:flex}.small{font-size:11px}.small .logo-mark{width:22px;height:22px;font-size:14px}.modal-backdrop{z-index:10;background:#070708;position:fixed;inset:0;overflow-y:auto}.modal{background:#070708;min-height:100dvh;position:relative}.close,.player-settings{z-index:4;color:#fff;background:#161619e8;border:1px solid #555;border-radius:50%;width:44px;height:44px;line-height:1;position:fixed;top:24px}.close{font-size:31px;right:28px}.player-settings{font-size:21px;right:84px}.player-settings-panel{z-index:4;color:#eee;background:#17171aef;border:1px solid #4b4a4f;border-radius:10px;gap:10px;width:min(390px,100vw - 40px);padding:17px;display:grid;position:fixed;top:78px;right:28px;box-shadow:0 20px 60px #000}.player-settings-panel b{font-size:14px}.player-settings-panel span{color:#aaa8ad;font-size:12px;line-height:1.45}.player-settings-panel code{color:#fff}.player-settings-panel input{color:#fff;background:#0b0b0d;border:1px solid #55545a;border-radius:6px;width:100%;padding:10px 11px;font-size:12px}.player-settings-panel div{gap:8px;display:flex}.player-settings-panel button{background:var(--red);color:#fff;border:0;border-radius:6px;padding:9px 12px;font-size:12px;font-weight:800}.player-settings-panel button.settings-cancel{background:#3b3a3f}.player-settings-panel em{color:#ff8b8f;font-size:11px;font-style:normal}.video-player,.source-placeholder{background:#000;border:0;width:100%;height:100dvh;display:block}.source-placeholder{color:#c4c2c7;text-align:center;place-content:center;justify-items:center;gap:12px;display:grid}.source-placeholder span{color:var(--red);font-size:38px}.source-placeholder a{color:#fff}.modal-copy{background:linear-gradient(#101013,#070708 70%);max-width:1120px;margin:auto;padding:36px max(7vw,28px) 90px}.modal-copy h2{letter-spacing:-1.8px;margin:0 0 8px;font-size:clamp(28px,4vw,48px)}.film-genres{color:#aaa8ad;margin:0;font-size:13px}.actions{flex-wrap:wrap;gap:9px;margin:26px 0;display:flex}.actions button{color:#eee;background:0 0;border:1px solid #55545a;border-radius:6px;padding:11px 15px;font-size:13px}.actions button.saved{border-color:var(--red);background:var(--red)}.rating{color:#9c9ba0;align-items:center;gap:4px;margin:0 0 19px;font-size:13px;display:flex}.rating span{margin-right:8px}.star{color:#56555a;background:0 0;border:0;padding:0;font-size:20px}.star.active-star{color:#f2bd42}.source-link{color:#fff;border-bottom:1px solid #777;margin-top:8px;font-size:13px;text-decoration:none;display:inline-block}.source-link:hover{border-color:var(--red);color:var(--red)}@media (max-width:1050px){.grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:700px){.header{gap:16px;height:58px}.header nav,.catalog-count{display:none}.hero{min-height:260px;padding:34px 6%}.hero-stat{opacity:.3;margin:0;transform:translate(28px)}.hero h1{letter-spacing:-1.8px}.hero-subtitle{max-width:300px}.catalog{padding-top:34px}.catalog-head{flex-direction:column;align-items:start}.search{width:100%}.discovery-tools{flex-direction:column;align-items:stretch}.genre-select,.cover-select{justify-content:space-between}.genre-select select,.cover-select select{min-width:195px}.random-film{width:100%;margin-left:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.poster{height:265px}.catalog h2{font-size:24px}.archive-title{font-size:20px}footer{flex-direction:column;align-items:start}.video-player,.source-placeholder{height:45vh}.modal-copy{padding:25px 22px 60px}.close{top:14px;right:14px}}.poster{box-shadow:none}.poster-title{font-size:13px}.card-date{color:#76747a!important;font-size:10px!important}.header{z-index:8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080809e6;border-bottom:1px solid #ffffff12;max-width:none;padding-inline:max(5vw,24px);position:sticky;top:0}.logo{letter-spacing:-.9px;font-size:17px}.logo-mark{box-shadow:0 0 22px #ef222a40}nav{gap:3px;margin-left:8px}nav a{color:#a9a7ad;border-radius:6px;padding:8px 12px;font-weight:600;transition:background .2s,color .2s}nav a:hover{color:#fff;background:#202024}.catalog-count{color:#bdbbc1;background:#151518;border:1px solid #ffffff1a;border-radius:999px;padding:7px 11px}.search{background:#151518;border:1px solid #3b3a40;border-radius:999px;align-items:center;width:min(340px,32vw);height:42px;padding:0 14px;transition:border-color .2s,background .2s,box-shadow .2s}.search:focus-within{background:#1b1b1f;border-color:#77747d;box-shadow:0 0 0 3px #ffffff0f}.search span{color:#9b99a1;font-size:22px}.search input{font-size:13px}.discovery-tools{gap:10px;margin:25px 0 0}.genre-select,.cover-select{letter-spacing:.25px;text-transform:uppercase;background:#151518;border:1px solid #35343a;border-radius:7px;gap:8px;padding:5px 7px 5px 12px;font-size:11px;font-weight:800;transition:border-color .2s,background .2s}.genre-select:hover,.cover-select:hover{background:#1b1b1f;border-color:#66636d}.genre-select select,.cover-select select{color:#f1f0f2;letter-spacing:0;text-transform:none;background:#242328;border:0;border-radius:4px;min-width:160px;padding:7px 27px 7px 8px;font-size:12px;font-weight:600}.random-film{border-radius:7px;padding:11px 16px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 20px #ef222a29}.random-film:hover{transform:translateY(-1px);box-shadow:0 10px 24px #ef222a45}.chips{gap:7px;padding:21px 0 24px}.chips button{color:#a9a7ad;background:#111114;border-color:#302f35;padding:8px 14px;transition:border-color .2s,background .2s,color .2s,transform .2s}.chips button.active{border-color:var(--red);background:var(--red);box-shadow:0 7px 18px #ef222a2e}@media (max-width:700px){.header{padding-inline:16px}.logo{font-size:15px}.discovery-tools{gap:8px}.genre-select,.cover-select{padding-left:10px}.genre-select select,.cover-select select{flex:1;min-width:0}.search{width:100%}.catalog-count{display:none}}.hover-progress{z-index:4;background:#ffffff47;border-radius:99px;height:2px;position:absolute;bottom:4px;left:12px;right:12px;overflow:hidden}.hover-progress:before{background:var(--red);content:"";transform-origin:0;width:100%;height:100%;animation:.5s linear forwards hover-progress;display:block;transform:scaleX(0)}@keyframes hover-progress{to{transform:scaleX(1)}}@media (max-width:700px){html,body{max-width:100%;overflow-x:hidden}.hero{min-height:310px;padding:34px 6% 92px;display:block;position:relative;overflow:hidden}.hero-content{max-width:100%}.hero-stat{opacity:.2;pointer-events:none;max-width:calc(100% - 32px);margin:0;display:flex;position:absolute;bottom:17px;right:16px;transform:none}.hero-stat b{letter-spacing:-5px;font-size:clamp(58px,19vw,82px);line-height:.9}.hero-stat span{font-size:9px;line-height:1.15}.modal{width:100%;overflow:hidden}.video-player,.source-placeholder{aspect-ratio:16/9!important;width:100vw!important;min-width:100vw!important;max-width:100vw!important;height:56.25vw!important;min-height:0!important;max-height:none!important;display:block!important}.source-placeholder{overflow-wrap:anywhere;padding:24px}.modal-copy{overflow-wrap:anywhere;width:100%;padding:24px 18px 56px}.modal-copy h2{font-size:30px;line-height:1.06}.actions{gap:7px;margin:20px 0}.actions button{flex:145px;min-height:42px;padding:10px 11px;font-size:12px}.player-settings-panel{width:calc(100vw - 32px);top:70px;right:16px}.close{top:12px;left:12px;right:auto}.player-settings{top:12px;right:68px}}.about-project{border-top:1px solid #ffffff14;grid-template-columns:minmax(260px,.9fr) minmax(320px,1.1fr);gap:8vw;max-width:1180px;margin:0 auto;padding:88px 5vw 100px;display:grid}.about-heading h2{letter-spacing:-2.8px;margin:8px 0 0;font-size:clamp(34px,4.5vw,64px);line-height:.98}.about-heading h2 em{color:var(--red);font-style:normal}.about-copy{color:#aaa8af;align-content:center;gap:14px;max-width:650px;font-size:14px;line-height:1.65;display:grid}.about-copy p{margin:0}.about-copy strong{color:#fff}.about-legal{color:#77757c;border-top:1px solid #ffffff14;padding-top:15px;font-size:12px}@media (max-width:700px){.about-project{grid-template-columns:1fr;gap:30px;padding:62px 6vw 72px}.about-copy{font-size:13px}}.discovery-tools{background:linear-gradient(100deg,#ffffff0f,#ffffff04);border:1px solid #ffffff14;border-radius:14px;align-items:stretch;gap:12px;margin-top:28px;padding:10px;box-shadow:0 14px 38px #00000029}.genre-select{color:#b9b7bd;letter-spacing:.8px;text-transform:uppercase;background:#08080aa3;border:1px solid #ffffff1f;border-radius:10px;min-height:52px;padding:0 8px 0 16px;font-size:11px;font-weight:800}.genre-select:before{content:"✦";color:#ff6268;background:#ef222a29;border-radius:8px;place-items:center;width:26px;height:26px;margin-right:1px;font-size:13px;display:grid}.genre-select select{color:#fff;letter-spacing:0;text-transform:none;background:0 0;border:0;border-left:1px solid #ffffff1a;border-radius:0;min-width:210px;padding:10px 34px 10px 10px;font-size:14px;font-weight:700}.random-film{letter-spacing:-.15px;background:linear-gradient(135deg,#f02b33,#bd111a);border:0;border-radius:10px;min-height:52px;margin-left:auto;padding:0 23px;font-size:14px;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 10px 28px #ef222a47}.random-film:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 14px 34px #ef222a66}.chips{border-bottom:1px solid #ffffff12;gap:9px;padding:24px 2px 26px}.chips button{color:#aaa8af;background:#141418;border:1px solid #ffffff1a;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:800;transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}.chips button:hover{color:#fff;background:#222126;border-color:#ffffff3d;transform:translateY(-1px)}.chips button.active{color:#fff;background:linear-gradient(135deg,#f02b33,#c3131c);border-color:#ff4148;box-shadow:0 8px 22px #ef222a40}@media (max-width:700px){.discovery-tools{border-radius:12px;padding:8px}.genre-select{justify-content:space-between;width:100%}.genre-select select{flex:1;min-width:0}.random-film{width:100%;margin-left:0}html,body{width:100%;min-width:0;overflow-x:hidden}.header{gap:12px;height:58px;padding:0 14px}.header .logo{font-size:14px}.header nav{display:none}.catalog-count{margin-left:auto;padding:6px 8px;font-size:10px;display:block}.featured-panel{width:100%;padding:0}.featured-panel .film-quick-view{border-radius:0;width:100%;min-height:620px;margin:0 0 26px}.featured-panel .quick-cover{background-color:#111116;background-position:top;background-size:contain;height:62%;min-height:0;inset:0 0 auto}.featured-panel .quick-cover:before{-webkit-backdrop-filter:none;background:linear-gradient(#0000,#09090bfa);width:100%;height:35%;inset:auto 0 0;-webkit-mask-image:none;mask-image:none}.featured-panel .quick-cover:after{background:linear-gradient(#0000 46%,#09090bd6 82%,#09090b 100%),linear-gradient(90deg,#09090b29,#0000 35%,#09090b29)}.featured-panel .quick-copy{justify-content:flex-end;width:100%;min-height:45%;padding:20px 20px 28px;position:absolute;bottom:0;left:0;right:0}.featured-panel .quick-copy h4{letter-spacing:-1.6px;margin:10px 0 7px;font-size:34px;line-height:.98}.featured-panel .quick-description{margin:12px 0 18px;font-size:12px;line-height:1.45}.featured-panel .quick-watch{width:100%;min-height:46px}.catalog{padding:30px 6vw 70px}.catalog-head{gap:16px}.catalog h2{font-size:23px}.search{width:100%;height:44px}.genre-select{min-height:48px}.genre-select select{font-size:13px}.chips{padding:18px 0 22px}.chips button{padding:9px 13px;font-size:11px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.poster{aspect-ratio:16/9;border-radius:7px;height:auto;min-height:0}.card-info{padding-top:7px}.card-info strong{font-size:11px}.card-info span{font-size:9px}.film-quick-view{border-radius:0;min-height:520px;margin:18px 0 30px}.film-quick-view .quick-cover{background-position:top;background-size:contain;height:57%;min-height:0;inset:0 0 auto}.film-quick-view .quick-copy{justify-content:flex-end;width:100%;min-height:48%;padding:20px;position:absolute;bottom:0;left:0;right:0}.film-quick-view .quick-copy h4{font-size:29px}.about-project{padding:52px 6vw 64px}}@media (max-width:700px) and (orientation:landscape){.modal{min-height:100dvh}.video-player,.source-placeholder{aspect-ratio:auto!important;width:100vw!important;height:100dvh!important;max-height:100dvh!important}.modal-copy{padding:22px 7vw 48px}.close{left:12px;right:auto}}.hero{background-color:#080809;background-image:linear-gradient(112deg,#080809 0%,#111116 56%,#080809 100%);background-position:100%;background-repeat:no-repeat;background-size:contain;border:0;align-items:end;min-height:min(590px,68vh);padding:150px 7vw 92px;position:relative}.hero:before{z-index:0;-webkit-backdrop-filter:blur(18px);content:"";pointer-events:none;background:#0808092e;height:27%;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 0%,#000000e6 60%,#000 100%);mask-image:linear-gradient(#0000 0%,#000000e6 60%,#000 100%)}.hero:after{background:linear-gradient(90deg,#080809 0%,#080809fa 18%,#0808099e 38%,#0000 62%,#08080933 82%,#080809d6 96%,#080809 100%),linear-gradient(#080809 0%,#0808099e 13%,#0000 35%),linear-gradient(#0000 42%,#080809d1 75%,#080809 90% 100%)}.random-hero{background:var(--red);color:#fff}.hero-actions{align-items:center;gap:10px;display:flex}.hero-actions .random-hero{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08080994;border:1px solid #ffffff40;border-radius:8px;min-height:44px;padding:0 17px;font-size:13px;font-weight:800}.hero-actions .random-hero:hover{background:#ffffff24}.featured-panel{width:100%;max-width:none;margin:0;padding:0}.featured-panel .film-quick-view{width:100%;margin:0 0 38px}.featured-panel .quick-cover{background-position:100%;background-repeat:no-repeat;background-size:contain;inset:0 0 0 32%}.featured-panel .quick-copy{justify-content:center;width:42%;min-height:620px;padding-left:8vw}@media (max-width:700px){.hero{background-position:top;background-size:contain;min-height:410px;padding:100px 6% 88px}.hero:before{height:34%}}.hero:after{z-index:0;content:"";pointer-events:none;background:linear-gradient(#0000 28%,#0808092e 52%,#080809b8 78%,#080809fa 90%,#080809 100%);position:absolute;inset:0}.hero-content{z-index:1;max-width:650px;position:relative}.hero h1{letter-spacing:-4px;text-shadow:0 4px 24px #0006;max-width:680px;font-size:clamp(42px,6vw,86px);line-height:.94}.hero-subtitle{text-shadow:0 2px 12px #000;font-size:15px;line-height:1.55}.hero-stat{z-index:1;position:relative}.primary{border-radius:8px;padding:13px 18px;box-shadow:0 10px 25px #00000038}.poster{aspect-ratio:16/9;height:190px}.card-info{padding-top:9px}.card-info strong{font-size:13px}.card-info span{font-size:10px}@media (max-width:1050px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.hero{background-position:top;min-height:430px;padding:100px 6% 86px}.hero h1{letter-spacing:-2.5px;font-size:clamp(35px,11vw,58px)}.hero-subtitle{font-size:13px}.hero-stat{bottom:17px;right:16px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.poster{aspect-ratio:16/9;height:auto;min-height:118px}}@media (hover:hover) and (pointer:fine){.grid:hover .card:not(:hover){filter:none}.card:hover{transform:none}.card:hover .poster{box-shadow:none}.card.expanded{z-index:2;width:200%;transition:width .32s cubic-bezier(.2,.8,.2,1);transform:none}.card.shifted{transition:transform .32s cubic-bezier(.2,.8,.2,1)}.card.expanded .poster{aspect-ratio:auto;width:100%;height:290px;box-shadow:none;background-color:#111;background-repeat:no-repeat;background-size:contain;border-radius:10px;transition:width .32s cubic-bezier(.2,.8,.2,1),border-radius .24s;left:auto;transform:none}}.card{width:100%}.poster{aspect-ratio:16/9;background-size:cover;height:auto}.card.selected .poster{outline-offset:3px;outline:2px solid #fff}.catalog{max-width:none;padding-inline:3vw}.grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.film-quick-view{width:calc(100% + 6vw);margin-left:-3vw;margin-right:-3vw}@media (max-width:1050px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.film-quick-view{width:calc(100% + 10vw);min-height:620px;box-shadow:none;transform-origin:top;background:#09090b;border:0;border-radius:0;margin:28px -5vw 48px;animation:.48s cubic-bezier(.2,.75,.25,1) both quick-view-expand;display:block;position:relative;overflow:hidden}.quick-cover{z-index:1;background-color:#111116;background-position:100%;background-repeat:no-repeat;background-size:contain;min-height:100%;position:absolute;inset:0 0 0 32%}.quick-cover:before{z-index:1;-webkit-backdrop-filter:blur(22px);content:"";background:#09090b29;width:48%;position:absolute;top:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(90deg,#000 0% 35%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 35%,#0000 100%)}.quick-cover:after{z-index:2;content:"";background:linear-gradient(90deg,#09090b 0%,#09090bf0 11%,#09090ba8 27%,#09090b33 53%,#09090b05 86%,#09090b2e 100%),linear-gradient(#0707095c 0%,#0000 16% 83%,#070709d1 100%);position:absolute;inset:-1px}.quick-copy{z-index:4;flex-direction:column;justify-content:center;align-items:flex-start;width:42%;min-height:620px;padding:58px 30px 52px 8vw;display:flex;position:relative}.quick-topline{color:#aaa8ad;letter-spacing:.8px;text-transform:uppercase;justify-content:space-between;align-items:center;width:100%;font-size:10px;font-weight:800;display:flex}.quick-close{color:#fff;background:#2a292e;border:0;border-radius:50%;width:28px;height:28px;font-size:20px;line-height:1}.quick-copy h4{letter-spacing:-2.8px;text-wrap:balance;margin:30px 0 12px;font-size:clamp(32px,4.5vw,64px);line-height:.96}.quick-meta{color:#c4c2c7;margin:0;font-size:12px}.quick-description{color:#d0ced2;text-shadow:0 2px 12px #000;max-width:560px;margin:20px 0 28px;font-size:15px;line-height:1.6}.quick-watch{background:var(--red);color:#fff;border:0;border-radius:8px;padding:14px 21px;font-size:14px;font-weight:800;transition:transform .2s,background .2s;box-shadow:0 10px 26px #ef222a4d}.quick-watch:hover{background:#ff343b;transform:translateY(-1px)}.unavailable-note{color:#a9a7ad;text-align:center;max-width:460px;font-size:13px;line-height:1.5}.unavailable-caption{color:#929096;margin:16px 0 0;font-size:12px;line-height:1.5}@keyframes quick-view-expand{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(-12px)scaleY(.96)}to{opacity:1;clip-path:inset(0);transform:none}}@media (max-width:700px){.catalog{padding-inline:6%}.film-quick-view{border-radius:0;width:calc(100% + 12vw);min-height:560px;margin:18px -6vw 40px}.quick-cover{background-size:cover;min-height:100%;inset:0}.quick-cover:after{background:linear-gradient(#0707091f 0%,#070709c7 56%,#070709fa 100%)}.quick-copy{justify-content:flex-end;width:100%;min-height:560px;padding:28px 22px 26px}.quick-copy h4{letter-spacing:-1.5px;margin:14px 0 8px;font-size:34px}.quick-description{margin:13px 0 20px;font-size:13px}.featured-panel .film-quick-view{width:100%;min-height:620px;margin:0 0 26px}.featured-panel .quick-cover{background-position:top;background-repeat:no-repeat;background-size:contain;width:100%;height:62%;min-height:0;inset:0 0 auto}.featured-panel .quick-copy{justify-content:flex-end;width:100%;min-height:45%;padding:20px 20px 28px;position:absolute;bottom:0;left:0;right:0}.featured-panel .quick-copy h4{letter-spacing:-1.6px;margin:10px 0 7px;font-size:34px;line-height:.98}.featured-panel .quick-description{margin:12px 0 18px;font-size:12px;line-height:1.45}.featured-panel .quick-watch{width:100%;min-height:46px}.film-row .film-quick-view{width:100%;min-height:520px;margin:18px 0 30px}.film-row .quick-cover{background-position:top;background-size:contain;width:100%;height:57%;min-height:0;inset:0 0 auto}.film-row .quick-copy{justify-content:flex-end;width:100%;min-height:48%;padding:20px;position:absolute;bottom:0;left:0;right:0}.grid{align-items:start;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;display:grid!important}.card,.card:hover,.card.expanded,.card.shifted{filter:none!important;width:100%!important;min-width:0!important;max-width:100%!important;position:relative!important;transform:none!important}.poster,.card-info{width:100%;min-width:0}.poster{aspect-ratio:16/9;display:block;height:auto!important}}