:root{color-scheme:dark;--bg:#08090a;--panel:#121615;--text:#f3f2ed;--muted:#adb4b0;--line:rgba(255,255,255,.15);--accent:#c4ff8b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.shell{width:min(1180px,calc(100% - 64px));margin:auto}.top{border-bottom:1px solid var(--line);background:#080b0bdd;backdrop-filter:blur(12px);position:sticky;top:0;z-index:5}.nav{height:105px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand img{height:97px;width:97px;object-fit:contain;display:block}.links{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:700;color:#d8ded8}.links a:hover,.footer a:hover,.back:hover{color:var(--accent)}.social{display:flex;gap:12px;align-items:center}.social a{font-size:12px;color:#d7ded8;border:1px solid var(--line);padding:8px 10px;border-radius:100px}.social a:hover{border-color:var(--accent);color:var(--accent)}.small{font-size:11px;letter-spacing:.23em;text-transform:uppercase;font-weight:800;color:var(--accent)}h1,h2,h3{font-family:Manrope,system-ui,sans-serif;letter-spacing:-.055em}h1{font-size:clamp(48px,8vw,104px);line-height:1.02;margin:18px 0 22px}h2{font-size:clamp(28px,4vw,52px)}p{line-height:1.8}.muted{color:var(--muted)}.page-hero{padding:98px 0 66px;background:radial-gradient(ellipse at 80% 20%,#172c213d,transparent 46%)}.intro{max-width:620px;color:#c7d0c9}.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-bottom:110px}.poster{aspect-ratio:9/12;position:relative;background:#152019;border:1px solid var(--line);overflow:hidden;display:flex;flex-direction:column;justify-content:end;padding:22px}.poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.78);transition:transform .5s}.poster:hover img{transform:scale(1.05)}.poster:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#040806 0%,transparent 70%)}.poster>*:not(img){position:relative;z-index:1}.poster .status{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:800}.poster h2{font-size:31px;line-height:1.05;margin:12px 0}.poster p{font-size:12px;color:#d9e0dd;margin:0}.placeholder{background:radial-gradient(ellipse at 60% 38%,#36404a,#111723 50%,#07090c)}.placeholder:before{content:"✦";position:absolute;font-size:160px;top:18%;left:32%;opacity:.08}.buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.button{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);padding:14px 20px;border-radius:3px;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;background:transparent;color:var(--text)}.button.primary{background:var(--accent);color:#10190f;border-color:var(--accent)}.button:hover{filter:brightness(1.15)}.film-top{display:grid;grid-template-columns:1.1fr .9fr;gap:5vw;padding:68px 0 65px;align-items:center}.hero-art{aspect-ratio:5/4;position:relative;overflow:hidden;background:#121a16}.hero-art img{width:100%;height:100%;object-fit:cover}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#08090a66,transparent)}.back{font-size:12px;font-weight:700;color:var(--muted)}.chips{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.chips span{border:1px solid var(--line);font-size:11px;color:#b3bbb5;padding:8px 11px}.episodes{padding:65px 0 100px;border-top:1px solid var(--line)}.episode{display:grid;grid-template-columns:190px 1fr auto;gap:28px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.thumb{width:190px;aspect-ratio:16/9;object-fit:cover;background:#17241a}.episode h3{margin:0 0 8px;font-size:22px}.episode p{margin:0;font-size:13px}.statuspill{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.player{width:min(380px,100%);max-height:78vh;display:block;margin:0 auto;background:black}.watch-area{padding:60px 0 100px}.screen{background:#111;border:1px solid var(--line);padding:20px}.screen video{width:min(360px,100%);max-height:68vh;display:block;margin:auto;background:black}.next-episode{margin-top:22px;border:1px solid var(--line);padding:20px;display:flex;justify-content:space-between;gap:20px}.footer{border-top:1px solid var(--line);padding:35px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap}.footer img{height:80px;width:80px;object-fit:contain}.footnote{color:#909890;font-size:11px;line-height:1.7;max-width:710px}.empty-note{padding:24px;border:1px dashed var(--line);color:#cbd2cc}.skip{position:absolute;left:-999px;top:0}.skip:focus{left:20px;top:10px;background:#fff;color:black;padding:12px;z-index:99}@media(max-width:840px){.film-grid{grid-template-columns:repeat(2,1fr)}.film-top{grid-template-columns:1fr}.episode{grid-template-columns:120px 1fr}.thumb{width:120px}.episode .button{grid-column:2;width:max-content}}@media(max-width:600px){.shell{width:calc(100% - 36px)}.nav{height:84px}.brand img{width:75px;height:75px}.links{gap:15px}.links a:not(:first-child){display:none}.social{gap:4px}.social a{padding:6px;font-size:10px}.page-hero{padding:62px 0 35px}.film-grid{grid-template-columns:1fr;gap:18px}.poster{aspect-ratio:6/5}.episode{grid-template-columns:92px 1fr;gap:14px}.thumb{width:92px}.episode h3{font-size:18px}.episode .button{font-size:10px;padding:10px}.film-top{padding-top:35px}}


/* ASTRA NAVBAR V3 START */
.top {
  background: rgba(5,10,10,.78) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-bottom: 1px solid rgba(255,255,255,.12);
}

.top .nav {
  height: 90px !important;
  min-height: 90px !important;
  display: flex;
  align-items: center;
  gap: 28px;
}

.top .brand img {
  width: 82px !important;
  height: 82px !important;
  max-width: 82px !important;
  max-height: 82px !important;
  object-fit: contain;
}

.top .links {
  display: flex;
  gap: 28px;
  margin: 0 auto;
  align-items: center;
}

.top .social {
  display: flex;
  align-items: center;
  gap: 9px;
}

.top .social a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 38px;
  min-height: 38px;
  background: rgba(255,255,255,.035);
}

@media (max-width: 950px) {
  .top .nav {
    height: 80px !important;
    min-height: 80px !important;
    gap: 14px;
  }
  .top .brand img {
    width: 70px !important;
    height: 70px !important;
  }
  .top .links { gap: 15px; }
}

@media (max-width: 720px) {
  .top .nav {
    height: 72px !important;
    min-height: 72px !important;
  }
  .top .brand img {
    width: 62px !important;
    height: 62px !important;
  }
  .top .links { display: none !important; }
  .top .social a {
    min-width: 33px;
    min-height: 33px;
  }
}
/* ASTRA NAVBAR V3 END */