html{scroll-behavior:smooth}.series-hero{min-height:78svh}.series-hero h1{font-size:clamp(3rem,7vw,6.8rem);line-height:1.04}.film-nav{display:flex;gap:24px;align-items:center}.film-nav a{color:var(--text);font-size:.9rem;text-decoration:none}.film-primary{font-size:1.05rem;min-height:58px;display:inline-flex;align-items:center;justify-content:center}.film-secondary,.film-note{color:var(--muted);font-size:1rem;line-height:1.7}.film-secondary{margin-top:20px}#film-video{width:100%;display:block;aspect-ratio:16/9;object-fit:contain;background:#000;max-height:80svh;border:1px solid var(--line)}#caly-film,#czesci,#o-filmie{scroll-margin-top:100px}.film-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:18px 0}.film-actions a{color:var(--gold2)}#player-status{min-height:1.5em;color:var(--muted);margin-top:10px}.episode-poster{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.episode-card h3{min-height:1.2em}.film-nav a:focus-visible,.btn:focus-visible{outline:3px solid #dfc486;outline-offset:5px}.series-page [hidden]{display:none!important}@media(max-width:600px){.film-nav{gap:12px}.film-nav a{font-size:.78rem}.series-nav .brand img{width:40px}.series-hero{padding-top:130px;min-height:78svh}.series-hero h1{font-size:clamp(2.5rem,11vw,4.4rem)}.film-primary{width:100%;font-size:.95rem}.film-actions .btn{width:100%}.episode-card-body p{font-size:1rem}#film-video{max-height:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.series-backdrop{background:linear-gradient(rgba(8,9,12,.75),rgba(8,9,12,.92)),url(media/premiera.jpg) center/cover no-repeat}.series-halo{display:none}.series-page .footer{flex-wrap:wrap;gap:18px}.series-page .footer a{color:var(--gold2)}

.home-return{font-weight:700;color:var(--gold2)!important}.series-nav{height:auto;min-height:var(--nav)}.film-nav{flex-wrap:wrap;justify-content:flex-end;gap:12px 24px}
@media(max-width:600px){.film-nav{gap:6px 14px}.film-nav .home-return{flex-basis:100%;text-align:right}.film-nav a{font-size:.8rem}}

.film-opening{max-width:650px;margin:24px auto 22px}
.film-opening h2{font:500 clamp(1.8rem,3vw,2.7rem)/1.15 'Cormorant Garamond',Georgia,serif;margin:0 0 12px}
.film-opening p{font-size:1rem;line-height:1.7;color:var(--muted);margin:0}
.series-hero{min-height:0;padding-top:calc(var(--nav) + 40px);padding-bottom:40px}
.series-hero h1{font-size:clamp(2.6rem,5.5vw,5.4rem);margin:18px 0}
#caly-film{padding-top:32px}
.series-hero,.series-page main>section{scroll-margin-top:0}
.series-page main>section{padding-top:calc(var(--nav) + 28px)}
.series-page #caly-film{padding-top:32px;scroll-margin-top:calc(var(--nav) + 20px)}
@media(max-width:800px){
 .series-nav{flex-wrap:wrap;gap:8px;padding-block:10px}
 .series-nav .brand{min-height:40px}
 .series-nav .brand img{width:40px;height:40px}
 .film-nav{width:100%;justify-content:center;gap:8px 16px}
 .film-nav .home-return{flex-basis:100%;text-align:center}
 .film-nav a{font-size:.82rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
 .series-page{--nav:166px}
 .series-hero{padding-top:calc(var(--nav) + 24px)}
 .series-about-inner{grid-template-columns:minmax(0,1fr);gap:24px}
 .episode-grid{grid-template-columns:minmax(0,1fr)}
 .episode-card .btn{width:100%}
}
/* Nagłówek mieści się również na ekranie 320 px. */
.series-hero-body{width:100%;min-width:0}
@media(max-width:600px){.series-hero h1{font-size:clamp(1.8rem,9vw,3.6rem)}.series-hero .eyebrow{font-size:.62rem;letter-spacing:.14em}.series-hero .film-primary{max-width:100%}}

/* Podstrona zaczyna się od nagłówka odtwarzacza, poniżej nawigacji. */
.series-page #caly-film{padding-top:calc(var(--nav) + 28px)}
.series-page #caly-film .section-title{font-size:clamp(1.8rem,4vw,3.4rem);overflow-wrap:anywhere}

/* Film i rozdziały pod zapowiedzią na stronie głównej. */
.film-inline{background:#08090c}
.film-inline #caly-film,.film-inline #czesci,.film-inline #o-filmie{scroll-margin-top:0;padding-top:calc(var(--nav-offset,var(--nav)) + 28px)}
.film-inline #caly-film .section-title{font-size:clamp(1.8rem,4vw,3.4rem);overflow-wrap:anywhere}
.film-inline #film-video{width:100%;max-width:min(1100px,calc((100svh - 250px)*16/9));max-height:none;margin-inline:auto}
.film-inline [hidden]{display:none!important}
@media(max-width:800px){.film-inline #film-video{max-width:100%}.film-inline .series-about-inner{grid-template-columns:minmax(0,1fr);gap:24px}.film-inline .episode-grid{grid-template-columns:minmax(0,1fr)}.film-inline .episode-card .btn{width:100%}}