@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap");:root{color-scheme:dark;--bg:#070a12;--panel:#111725;--aqua:#6ee7f9;--violet:#a78bfa;--muted:#9eacc2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f5f7ff;font-family:DM Sans,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}.shell{max-width:1560px;margin:auto}.shell,.top{padding:0 5.5%}.top{height:82px;position:relative;z-index:5;background:#070a12e8;border-bottom:1px solid #ffffff15;display:flex;align-items:center;justify-content:space-between;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.brand{font-family:Space Grotesk;font-weight:800;font-size:31px;letter-spacing:-2.3px}.brand span{color:var(--aqua)}.nav{display:flex;gap:34px}.nav button{border:0;background:none;color:#9aa8bd;font-size:12px;font-weight:800}.nav button.active,.nav button:hover{color:#fff}.top-right{font-size:10px;letter-spacing:2px;color:#a4b8ce}.hero{height:700px;position:relative;display:flex;align-items:center;overflow:hidden;background:#101a31}.hero-bg{background-size:cover;background-position:70% 30%;filter:saturate(.9)}.hero-bg,.hero-shade{position:absolute;inset:0}.hero-shade{background:linear-gradient(90deg,#070a12 2%,#070a12f2 34%,#070a1280 73%,#070a1260),linear-gradient(0deg,#070a12,transparent 30%)}.hero-content{position:relative;z-index:1;width:100%}.eyebrow{color:#92e6f5;font-size:11px;letter-spacing:3px;font-weight:800}.hero h1{font-family:Space Grotesk;font-size:clamp(65px,8.2vw,128px);letter-spacing:-.075em;line-height:.96;margin:26px 0;max-width:850px}.gradient{background:linear-gradient(110deg,#6ee7f9,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:#b7c4d8;font-size:16px;line-height:1.9;max-width:510px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{border:1px solid #ffffff38;border-radius:9px;background:#ffffff0b;color:#fff;padding:15px 23px;display:inline-flex;gap:18px;align-items:center;justify-content:center;font-size:12px;font-weight:800;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-3px);box-shadow:0 15px 35px #0005}.btn.primary{background:linear-gradient(110deg,#6ee7f9,#a78bfa);color:#07101b;border:0}.hero-foot{position:absolute;bottom:35px;left:5.5%;right:5.5%;z-index:1;display:flex;justify-content:space-between;color:#a1b1c5;font-size:10px;letter-spacing:2px}.marquee{background:linear-gradient(100deg,#6ee7f9,#a78bfa);color:#08101c;white-space:nowrap;overflow:hidden;padding:19px;text-align:center;font-size:12px;font-weight:900;letter-spacing:2.5px}.marquee span{padding:0 25px}.section{padding-top:95px;padding-bottom:95px}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.section h2{font-family:Space Grotesk;font-size:clamp(39px,5vw,75px);letter-spacing:-.06em;line-height:1.05;margin:16px 0}.section-desc{color:var(--muted);font-size:14px;line-height:1.8}.count{font-size:45px;color:var(--aqua);font-family:Space Grotesk;font-weight:800}.tabs{display:flex;gap:34px;border-bottom:1px solid #ffffff22;margin:40px 0 25px;overflow-x:auto}.tabs button{white-space:nowrap;border:0;border-bottom:3px solid transparent;padding:17px 0;background:none;color:#a0abc0;font-weight:800}.tabs button.active{color:#fff;border-color:var(--aqua)}.filters{display:flex;gap:12px;margin-bottom:30px}.search{flex:1 1;min-width:0;padding:16px}.search,.select{background:#111725;border:1px solid #ffffff1c;border-radius:10px;color:#fff}.select{padding:0 16px}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:35px 19px;gap:35px 19px}.tile{min-width:0}.poster{width:100%;aspect-ratio:2/3;border:1px solid #ffffff20;border-radius:13px;overflow:hidden;position:relative;background:#1d2b43;display:block;padding:0;color:#fff;transition:transform .3s,box-shadow .3s}.poster:hover{transform:translateY(-6px);box-shadow:0 20px 55px #0009,0 0 0 1px #6ee7f944}.poster img{width:100%;height:100%;object-fit:cover}.poster .label{position:absolute;left:12px;top:12px;background:#080b15c9;padding:7px 9px;font-size:9px;font-weight:900;letter-spacing:1px;border-radius:4px}.tile-meta{display:flex;justify-content:space-between;color:#9baac0;font-size:11px;margin-top:14px}.tile-meta b{color:#a5f3fc}.tile h3{font-family:Space Grotesk;font-size:16px;line-height:1.4;margin:10px 0}.tile-bottom{display:flex;align-items:center;justify-content:space-between;color:#9baac0;font-size:11px}.heart{border:0;background:none;color:#a5f3fc;font-size:25px}.empty{border:1px solid #ffffff20;border-radius:12px;padding:70px 20px;text-align:center;color:#a8b8cd}.screening{background:radial-gradient(ellipse at 85% 15%,#263d6c70,transparent 42%),#0b101d;padding:90px 0}.screening h2{font-family:Space Grotesk;font-size:clamp(37px,5vw,72px);letter-spacing:-.06em;margin:15px 0}.screening p{color:#aebdd2;line-height:1.8;max-width:700px}.video{margin-top:32px;aspect-ratio:16/9;background:#000;border:1px solid #ffffff22;border-radius:15px;overflow:hidden;box-shadow:0 30px 80px #0007}.video video{width:100%;height:100%;display:block}.screening-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:24px}.screening-bottom h3{margin:0;font-family:Space Grotesk;font-size:22px}.screening-bottom a{color:#9de8f7;font-size:12px;font-weight:800}.fine{font-size:11px!important;color:#8293ac!important}.footer{padding:65px 5.5% 35px;border-top:1px solid #ffffff20}.footer-grid{display:flex;justify-content:space-between;gap:20px}.footer p{font-size:12px;color:#94a4ba;line-height:1.8}.footer small{display:block;border-top:1px solid #ffffff20;padding-top:25px;margin-top:45px;color:#7d8ca4;line-height:1.8}.overlay{position:fixed;inset:0;z-index:20;background:#03050bdc;display:grid;place-items:center;padding:20px}.dialog{background:#111827;border:1px solid #ffffff25;border-radius:16px;max-width:780px;width:100%;max-height:94vh;overflow:auto;position:relative}.dialog-cover{height:240px;background-size:cover;background-position:50%}.dialog-body{padding:32px}.dialog h2{font-family:Space Grotesk;font-size:clamp(32px,4vw,54px);letter-spacing:-.05em;margin:10px 0}.dialog p{color:#b7c4d8;line-height:1.8}.dialog-meta{color:#a5f3fc;font-size:12px}.dialog-close{position:absolute;right:16px;top:16px;background:#070a12df;color:#fff;border:1px solid #ffffff55;border-radius:50%;width:42px;height:42px}.dialog-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.trailer{aspect-ratio:16/9;margin-top:22px}.trailer iframe{border:0;width:100%;height:100%}.loadmore{text-align:center;margin-top:50px}@media(max-width:1000px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.top-right{display:none}}@media(max-width:700px){.top{height:72px}.brand{font-size:27px}.nav{gap:14px}.nav button{font-size:10px}.hero{height:650px}.hero h1{font-size:clamp(52px,12vw,79px)}.hero p{font-size:14px}.marquee{font-size:10px}.section{padding-top:65px;padding-bottom:70px}.section-top h2{font-size:40px}.count{font-size:29px}.tabs{gap:23px}.filters{flex-wrap:wrap}.search{flex-basis:100%}.select{height:48px;flex:1 1}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 13px}.tile h3{font-size:15px}.screening{padding:70px 0}.screening-bottom{align-items:flex-start;flex-direction:column}.dialog-body{padding:23px}.dialog-cover{height:180px}.footer-grid{flex-direction:column}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:480px){.top{height:auto;min-height:72px;flex-wrap:wrap;gap:8px;padding-top:13px;padding-bottom:10px}.top .brand{font-size:26px}.top .nav{order:2;width:100%;gap:0;justify-content:space-between;overflow-x:auto;padding:4px 0 2px}.top .nav button{font-size:11px;white-space:nowrap;padding:10px 5px;min-height:40px}.hero{height:auto;min-height:590px;padding:75px 0 90px}.hero h1{font-size:clamp(43px,11vw,58px);overflow-wrap:anywhere}.hero-foot{gap:12px;flex-wrap:wrap}.marquee span{padding:0 10px}.filters .select{min-width:0}.filters .btn{min-width:48px;padding:12px}.section-top{align-items:flex-start}.section-top h2{font-size:clamp(32px,9vw,40px)}.tile-bottom{gap:6px}.tile-bottom span{min-width:0;overflow-wrap:anywhere}}