/* Strona główna — scena „Noc”. Ładowane tylko na stronie głównej. */
.sk-hp { background-color: var(--skt-ink); color: var(--skt-night-text); overflow: hidden; }
.sk-hp-wrap { max-width: 1240px; margin: 0 auto; padding: 0 32px; }

/* Hero */
.sk-hp-hero { position: relative; display: flex; align-items: flex-end; min-height: 88vh; min-height: 88svh; padding: 140px 0 72px; isolation: isolate; }
.sk-hp-hero-bg { position: absolute; inset: 0; z-index: -3; background-color: var(--skt-ink); background-repeat: no-repeat; background-size: cover; background-position: center 42%; }
.sk-hp-hero-shade { position: absolute; inset: 0; z-index: -1; pointer-events: none; background-image: linear-gradient(180deg, rgba(14, 20, 27, 0.55) 0%, rgba(14, 20, 27, 0.05) 28%, rgba(14, 20, 27, 0.35) 58%, rgba(14, 20, 27, 0.9) 86%, #0e141b 100%), linear-gradient(90deg, rgba(14, 20, 27, 0.6) 0%, rgba(14, 20, 27, 0) 62%); }
.sk-hp-fog { position: absolute; left: -30%; right: -30%; z-index: -2; pointer-events: none; will-change: transform; }
.sk-hp-fog--a { bottom: -12%; height: 56%; background-image: radial-gradient(50% 60% at 30% 70%, rgba(233, 230, 223, 0.16), rgba(233, 230, 223, 0) 70%), radial-gradient(40% 50% at 76% 82%, rgba(233, 230, 223, 0.11), rgba(233, 230, 223, 0) 70%); animation: sk-hp-fog-a 48s ease-in-out infinite alternate; }
.sk-hp-fog--b { bottom: 8%; height: 42%; background-image: radial-gradient(45% 55% at 60% 60%, rgba(139, 145, 150, 0.14), rgba(139, 145, 150, 0) 70%); animation: sk-hp-fog-b 64s ease-in-out infinite alternate; }
@keyframes sk-hp-fog-a { from { transform: translate3d(-5%, 0, 0); } to { transform: translate3d(6%, -3%, 0); } }
@keyframes sk-hp-fog-b { from { transform: translate3d(5%, 0, 0); opacity: 0.7; } to { transform: translate3d(-6%, 2%, 0); opacity: 1; } }
.sk-hp-hero-inner { position: relative; width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 32px; }
.sk-hp-logo { display: block; width: 168px; max-width: 40vw; margin: 0 0 28px; }
.sk-hp-logo img { display: block; width: 100%; height: auto; }
.sk-hp-title { max-width: 15ch; margin: 0 0 18px; font-family: var(--skt-font-display); font-weight: 700; font-size: clamp(2.5rem, 5.2vw, 4.75rem); line-height: 1; letter-spacing: -0.015em; color: var(--skt-night-text); text-wrap: balance; }
.sk-hp-sub { max-width: 54ch; margin: 0; font-family: var(--skt-font-read); font-size: 1.1875rem; line-height: 1.55; color: var(--skt-night-text); opacity: 0.86; }
.sk-hp-hero .sk-ui-search { max-width: 620px; margin-top: 32px; }
.sk-hp-hero .sk-ui-search-input { background-color: rgba(21, 28, 36, 0.86); }
.sk-hp-hero .sk-ui-counters { margin-top: 28px; }
.sk-hp-hero .sk-ui-counter-label { color: var(--skt-night-muted); letter-spacing: 0.02em; font-size: 1.0625rem; }

/* Intro: mgła rozstępuje się (nakładka ukryta, dopóki skrypt jej nie włączy) */
.sk-hp-intro { position: fixed; inset: 0; z-index: 400; overflow: hidden; transition: opacity 0.4s ease; }
.sk-hp-intro[hidden] { display: none; }
.sk-hp-intro-fog { position: absolute; top: -5%; bottom: -5%; width: 72%; transition: transform 1.3s cubic-bezier(0.62, 0.04, 0.3, 1) 0.1s, opacity 1.3s ease 0.1s; }
.sk-hp-intro-fog--l { left: -2%; background-image: linear-gradient(90deg, #0e141b 0%, #0e141b 52%, rgba(139, 145, 150, 0.55) 78%, rgba(139, 145, 150, 0) 100%); }
.sk-hp-intro-fog--r { right: -2%; background-image: linear-gradient(270deg, #0e141b 0%, #0e141b 52%, rgba(139, 145, 150, 0.55) 78%, rgba(139, 145, 150, 0) 100%); }
.sk-hp-intro.is-playing .sk-hp-intro-fog--l { transform: translate3d(-104%, 0, 0); opacity: 0.4; }
.sk-hp-intro.is-playing .sk-hp-intro-fog--r { transform: translate3d(104%, 0, 0); opacity: 0.4; }
.sk-hp-intro.is-done { opacity: 0; pointer-events: none; }
.sk-hp-intro-skip { position: absolute; right: 24px; bottom: 24px; padding: 10px 18px; font-family: var(--skt-font-label); font-size: 1rem; letter-spacing: 0.02em; color: var(--skt-night-text); background-color: rgba(14, 20, 27, 0.7); border: 1px solid var(--skt-ink-line); border-radius: var(--skt-radius); cursor: pointer; }
.sk-hp-intro-skip:hover { border-color: var(--skt-night-muted); }
.sk-hp-intro-skip:focus-visible { outline: 2px solid var(--skt-night-text); outline-offset: 3px; }

/* Sekcje */
.sk-hp-section { padding: 88px 0; }
.sk-hp-section + .sk-hp-section { border-top: 1px solid var(--skt-ink-line); }
.sk-hp-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 12px 32px; margin: 0 0 36px; }
.sk-hp-head-text { max-width: 720px; }
.sk-hp-kicker { display: flex; align-items: center; gap: 12px; margin: 0 0 14px; color: var(--skt-road); }
.sk-hp .sk-hp-kicker { color: var(--skt-road); font-size: 1.0625rem; }
.sk-hp-kicker::before { content: ""; flex: 0 0 36px; height: 6px; background-image: linear-gradient(180deg, var(--skt-road) 0, var(--skt-road) 2px, transparent 2px, transparent 4px, var(--skt-road) 4px, var(--skt-road) 6px); }
.sk-hp-h2 { margin: 0; font-family: var(--skt-font-display); font-weight: 700; font-size: clamp(2rem, 3.4vw, 2.875rem); line-height: 1.05; letter-spacing: -0.01em; color: var(--skt-night-text); }
.sk-hp-lead { max-width: 60ch; margin: 14px 0 0; font-family: var(--skt-font-read); font-size: 1.0625rem; line-height: 1.55; color: var(--skt-night-muted); }
.sk-hp-more { flex: 0 0 auto; padding-bottom: 4px; font-family: var(--skt-font-label); font-size: 1.0625rem; letter-spacing: 0.02em; color: var(--skt-night-text); text-decoration: none; border-bottom: 1px solid var(--skt-ink-line); }
.sk-hp-more:hover { border-bottom-color: var(--skt-road); }
.sk-hp a:focus-visible, .sk-hp button:focus-visible { outline: 2px solid var(--skt-night-text); outline-offset: 3px; }

/* Karty list w scenie nocnej */
.sk-hp .sk-ui-agrid { margin-top: 0; }
.sk-hp .sk-ui-acard-link { background-color: var(--skt-ink-2); border-color: var(--skt-ink-line); color: var(--skt-night-text); }
.sk-hp a.sk-ui-acard-link:hover { border-color: var(--skt-night-muted); }
.sk-hp a.sk-ui-acard-link:hover .sk-ui-acard-title { color: var(--skt-night-text); text-decoration: underline; text-decoration-color: var(--skt-road); text-decoration-thickness: 1px; text-underline-offset: 0.15em; }
.sk-hp .sk-ui-acard-media { background-color: var(--skt-ink); }
.sk-hp .sk-ui-acard-meta, .sk-hp .sk-ui-acard-lead, .sk-hp .sk-ui-credit { color: var(--skt-night-muted); }
.sk-hp .sk-ui-acard--text .sk-ui-acard-link { border-top: 3px solid var(--skt-balloon); }

/* Najnowsze */
.sk-hp-latest .sk-ui-agrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.sk-hp-latest .sk-ui-premiere { margin-top: 32px; padding: 24px 28px; border: 1px solid var(--skt-ink-line); border-left: 3px solid var(--skt-road); border-radius: var(--skt-radius); background-color: var(--skt-ink-2); }

/* Tego dnia — sekcja znika, gdy nie ma dat */
.sk-hp-today:not(:has(.sk-ui-daylist)) { display: none; }
.sk-hp-today .sk-ui-daylist > .sk-ui-h2 { margin: 0 0 24px; font-size: clamp(2rem, 3.4vw, 2.875rem); line-height: 1.05; }
.sk-hp-today .sk-ui-daylist-list a { font-family: var(--skt-font-display); font-weight: 700; font-size: 1.25rem; }

/* Półka */
.sk-hp-shelf .sk-ui-agrid { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 20px; }
.sk-hp-shelf .sk-ui-acard-link { flex-direction: column; }
.sk-hp-shelf .sk-ui-acard-media { flex: none; aspect-ratio: 3 / 4; min-height: 0; }
.sk-hp-shelf .sk-ui-acard-lead { display: none; }
.sk-hp-shelf .sk-ui-acard-title { font-size: 1.125rem; }
.sk-hp-shelf .sk-ui-acard-body { padding: 12px 14px 16px; }

/* Ekran */
.sk-hp-screen .sk-ui-film-week-text .sk-ui-h3 { font-size: clamp(1.75rem, 2.6vw, 2.25rem); line-height: 1.1; }
.sk-hp-screen .sk-ui-film-week-text .sk-ui-lead { color: var(--skt-night-muted); }

.sk-hp-screen:not(:has(.sk-ui-film-week)) { display: none; }

/* Odkrywaj */
.sk-hp-discover-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin: 0; padding: 0; list-style: none; }
.sk-hp-tile { margin: 0; }
.sk-hp-tile-link { display: flex; flex-direction: column; gap: 12px; height: 100%; padding: 28px; color: var(--skt-night-text); text-decoration: none; background-color: var(--skt-ink-2); border: 1px solid var(--skt-ink-line); border-radius: var(--skt-radius); transition: border-color 0.2s ease; }
.sk-hp-tile-link:hover { border-color: var(--skt-night-muted); }
.sk-hp-tile-art { width: 64px; height: 64px; color: var(--skt-road); }
.sk-hp-tile-art svg { display: block; width: 100%; height: 100%; }
.sk-hp-tile-title { margin: 4px 0 0; font-family: var(--skt-font-display); font-weight: 700; font-size: 1.625rem; line-height: 1.1; }
.sk-hp-tile-text { margin: 0; font-family: var(--skt-font-read); font-size: 1rem; line-height: 1.55; color: var(--skt-night-muted); }
.sk-hp-tile-note { margin: auto 0 0; padding-top: 8px; font-family: var(--skt-font-label); font-size: 0.9375rem; letter-spacing: 0.02em; color: var(--skt-night-muted); }

/* Ludzie */
.sk-hp-people .sk-ui-agrid { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* Od czego zacząć */
.sk-hp-start { padding: 72px 0; background-image: linear-gradient(120deg, var(--skt-burgundy) 0%, #3a0f18 55%, var(--skt-ink) 100%); }
.sk-hp-start-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px 48px; }
.sk-hp-start .sk-hp-lead { color: var(--skt-night-text); opacity: 0.86; }
.sk-hp-cta { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 0 28px; font-family: var(--skt-font-label); font-weight: 600; font-size: 1.125rem; letter-spacing: 0.02em; color: #fff; text-decoration: none; background-color: var(--skt-balloon); border: 1px solid var(--skt-balloon); border-radius: var(--skt-radius); transition: background-color 0.15s ease; }
.sk-hp-cta:hover { background-color: var(--skt-balloon-dark); border-color: var(--skt-balloon-dark); }

/* Reklama */
.sk-hp-ad { padding: 56px 0 88px; }
.sk-hp-ad .sk-ui-ad { margin: 0 auto; }
.sk-hp .sk-ui-ad { background-color: var(--skt-ink-2); border-color: var(--skt-ink-line); color: var(--skt-night-muted); }
.sk-hp .sk-ui-ad .sk-ui-ad-label { color: var(--skt-night-muted); }

/* Wejścia sekcji (sk-reveal.js; bez skryptu wszystko widoczne) */
[data-sk-reveal].is-pending { opacity: 0; transform: translate3d(0, 18px, 0); transition: opacity 0.6s ease, transform 0.6s ease; }
[data-sk-reveal].is-pending.is-revealed { opacity: 1; transform: none; }

@media (max-width: 1119px) {
  .sk-hp-shelf .sk-ui-agrid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (max-width: 1023px) {
  .sk-hp-latest .sk-ui-agrid { grid-template-columns: minmax(0, 1fr); }
  .sk-hp-discover-grid { grid-template-columns: minmax(0, 1fr); }
  .sk-hp-tile-link { display: grid; grid-template-columns: 56px minmax(0, 1fr); column-gap: 20px; align-items: start; }
  .sk-hp-tile-art { width: 56px; height: 56px; grid-row: span 3; }
}
@media (max-width: 767px) {
  .sk-hp-wrap, .sk-hp-hero-inner { padding: 0 16px; }
  .sk-hp-hero { min-height: 82vh; min-height: 82svh; padding: 112px 0 48px; }
  .sk-hp-fog { animation: none; }
  .sk-hp-sub { font-size: 1.0625rem; }
  .sk-hp-section { padding: 64px 0; }
  .sk-hp-shelf .sk-ui-agrid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
  .sk-hp-shelf .sk-ui-acard-title { font-size: 1rem; }
  .sk-hp-people .sk-ui-agrid { gap: 14px; }
  .sk-hp-intro-skip { right: 16px; bottom: 16px; }
}
@media (max-width: 479px) {
  .sk-hp-shelf .sk-ui-agrid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .sk-hp-people .sk-ui-agrid { grid-template-columns: minmax(0, 1fr); }
  .sk-hp-cta { width: 100%; justify-content: center; }
}
@media (prefers-reduced-motion: reduce) {
  .sk-hp-fog { animation: none; }
  .sk-hp-intro, .sk-hp-intro-fog, .sk-hp-tile-link, [data-sk-reveal].is-pending { transition: none; }
  [data-sk-reveal].is-pending { opacity: 1; transform: none; }
}
.sk-hp .sk-ui-acard-media--jacket > svg { transform: perspective(900px) rotateY(16deg); transform-origin: left center; }
.sk-hp a.sk-ui-acard-link:hover .sk-ui-acard-media--jacket > svg { transform: perspective(900px) rotateY(8deg); }
@media (prefers-reduced-motion: reduce) { .sk-hp a.sk-ui-acard-link:hover .sk-ui-acard-media--jacket > svg { transform: perspective(900px) rotateY(16deg); } }

/* ===== Nowy wygląd (body.sk-theme). Tło, mgła i intro pierwszego ekranu bez zmian. ===== */
body.sk-theme .sk-hp { background-color: var(--skt-ground); color: var(--skt-ink); }
body.sk-theme .sk-hp-hero { padding-bottom: 104px; }
body.sk-theme .sk-hp-logo { width: 112px; margin-bottom: 24px; }
body.sk-theme .sk-hp-greet { display: inline-flex; align-items: center; margin: 0 0 18px; padding: 7px 16px; border: 1.5px solid rgba(255, 248, 238, 0.55); border-radius: 999px; background-color: rgba(255, 255, 255, 0.14); color: var(--skt-bone); font-family: var(--skt-font-ui); font-weight: 600; font-size: 0.9375rem; line-height: 1.2; }
body.sk-theme .sk-hp-title { max-width: 13.5em; margin-bottom: 18px; color: var(--skt-bone); font-family: var(--skt-font-display); font-weight: 800; font-stretch: 72%; font-size: clamp(3rem, 5.2vw, 4.625rem); line-height: 0.98; letter-spacing: -0.01em; text-wrap: wrap; }
body.sk-theme .sk-hp-sub { color: var(--skt-bone); opacity: 0.9; }
body.sk-theme .sk-hp-hero .sk-ui-search { max-width: 600px; margin-top: 28px; }
body.sk-theme .sk-hp-hero .sk-ui-search .sk-ui-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
body.sk-theme .sk-hp-hero .sk-ui-search-row { gap: 6px; padding: 6px; border-radius: 999px; background-color: #FFFFFF; box-shadow: 0 18px 40px rgba(14, 20, 27, 0.35); }
body.sk-theme .sk-hp-hero .sk-ui-search-row:focus-within { box-shadow: 0 0 0 3px #F6F1EA, 0 18px 40px rgba(14, 20, 27, 0.35); }
body.sk-theme .sk-hp-hero .sk-ui-search-input { min-height: 48px; padding: 0 18px; border: 0; border-radius: 999px; background-color: transparent; color: var(--skt-ink); font-size: 1.0625rem; }
body.sk-theme .sk-hp-hero .sk-ui-search-input:focus-visible { outline: 0; }
body.sk-theme .sk-hp-hero .sk-ui-btn { min-height: 48px; padding: 0 24px; border: 0; border-radius: 999px; background-color: var(--skt-red); color: #FFFFFF; font-family: var(--skt-font-ui); font-weight: 700; font-size: 1rem; }
body.sk-theme .sk-hp-hero .sk-ui-btn:hover { background-color: var(--skt-red-dark); }
body.sk-theme .sk-hp-hero .sk-ui-btn:focus-visible { outline: 3px solid var(--skt-ink); outline-offset: 2px; }
body.sk-theme .sk-ui-start { margin-top: 22px; }
body.sk-theme .sk-ui-start-label { margin: 0 0 10px; color: var(--skt-bone); font-family: var(--skt-font-ui); font-weight: 600; font-size: 1rem; }
body.sk-theme .sk-ui-start-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
body.sk-theme .sk-hp-hero .sk-ui-chip { min-height: 44px; padding: 0.4em 1.05em 0.4em 0.6em; border: 1.5px solid rgba(255, 248, 238, 0.6); background-color: rgba(255, 255, 255, 0.14); color: var(--skt-bone); }
body.sk-theme .sk-hp-hero .sk-ui-chip:hover { border-color: var(--skt-bone); background-color: rgba(255, 255, 255, 0.24); color: #FFFFFF; }
body.sk-theme .sk-hp-hero .sk-ui-chip:focus-visible { outline: 3px solid #F6F1EA; outline-offset: 2px; }
body.sk-theme .sk-ui-counters-sentence { margin: 22px 0 0; color: var(--skt-bone); font-family: var(--skt-font-ui); font-weight: 600; font-size: 1.0625rem; opacity: 0.92; }
body.sk-theme .sk-ui-counters-sentence a { color: inherit; text-decoration: underline; text-decoration-color: rgba(255, 248, 238, 0.45); text-underline-offset: 0.2em; }
body.sk-theme .sk-ui-counters-sentence a:hover { text-decoration-color: var(--skt-red); }
/* Przejście: jasne tło z zaokrągloną krawędzią wchodzi na grafikę, na krawędzi naklejka-balonik */
body.sk-theme .sk-hp-hero + .sk-hp-section { position: relative; z-index: 1; margin-top: -32px; border-radius: 32px 32px 0 0; background-color: var(--skt-ground); }
body.sk-theme .sk-hp-edge { position: absolute; top: -70px; left: 66%; z-index: 2; display: block; transform: rotate(-8deg); pointer-events: none; }
@media (prefers-reduced-motion: no-preference) {
  body.sk-theme .sk-hp-edge { animation: sk-hp-pop 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) 0.35s both; }
  @keyframes sk-hp-pop { from { opacity: 0; transform: translateY(24px) rotate(-8deg) scale(0.6); } to { opacity: 1; transform: rotate(-8deg) scale(1); } }
}
/* Sekcje na jasnym tle */
body.sk-theme .sk-hp-section { padding: 72px 0; }
body.sk-theme .sk-hp-section + .sk-hp-section { border-top: 0; }
body.sk-theme .sk-hp-kicker, body.sk-theme .sk-hp-start { display: none; }
body.sk-theme .sk-hp-head { margin-bottom: 28px; }
body.sk-theme .sk-hp-h2 { color: var(--skt-ink); font-family: var(--skt-font-display); font-weight: 800; font-stretch: 75%; font-size: clamp(2.25rem, 3.6vw, 3.25rem); line-height: 1; letter-spacing: -0.01em; }
body.sk-theme .sk-hp-lead { color: var(--skt-muted); }
body.sk-theme .sk-hp-more { padding: 10px 20px; border: 1.5px solid var(--skt-ink); border-radius: 999px; color: var(--skt-ink); font-family: var(--skt-font-ui); font-weight: 700; font-size: 1rem; letter-spacing: 0; transition: background-color 0.15s ease, color 0.15s ease; }
body.sk-theme .sk-hp-more:hover { border-color: var(--skt-ink); background-color: var(--skt-ink); color: var(--skt-bone); }
body.sk-theme .sk-hp-today:has([data-slot="today"] .oxy-shortcode:empty) { display: none; }
/* Półka */
body.sk-theme .sk-hp-shelf .sk-ui-spines { padding-top: 24px; }
/* Aktualności: jedna duża karta i dwie mniejsze */
body.sk-theme .sk-hp-latest .sk-ui-agrid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); grid-auto-rows: auto; gap: 24px; margin-top: 0; }
body.sk-theme .sk-hp-latest .sk-ui-acard:first-child { grid-row: span 2; }
body.sk-theme .sk-hp .sk-ui-acard-link { border: 0; border-radius: var(--skt-radius-card); background-color: var(--skt-card); color: var(--skt-ink); box-shadow: var(--skt-shadow-card); overflow: hidden; transition: transform 0.2s ease, box-shadow 0.2s ease; }
body.sk-theme .sk-hp .sk-ui-acard-link:hover { transform: translateY(-3px); box-shadow: var(--skt-shadow-lift); }
body.sk-theme .sk-hp .sk-ui-acard--text .sk-ui-acard-link { border-top: 0; }
body.sk-theme .sk-hp .sk-ui-acard-body { gap: 8px; padding: 24px 28px 26px; }
body.sk-theme .sk-hp .sk-ui-acard-meta { color: var(--skt-muted); font-family: var(--skt-font-ui); font-weight: 600; font-size: 0.875rem; letter-spacing: 0; text-transform: none; }
body.sk-theme .sk-hp .sk-ui-acard-title { color: var(--skt-ink); font-family: var(--skt-font-display); font-weight: 800; font-stretch: 80%; font-size: 1.5rem; line-height: 1.1; }
body.sk-theme .sk-hp .sk-ui-acard-lead { color: var(--skt-muted); font-family: var(--skt-font-read); font-size: 1rem; }
body.sk-theme .sk-hp-latest .sk-ui-acard:first-child .sk-ui-acard-body { justify-content: flex-end; height: 100%; padding: 36px 40px 40px; }
body.sk-theme .sk-hp-latest .sk-ui-acard:first-child .sk-ui-acard-title { font-size: clamp(2rem, 3vw, 2.75rem); line-height: 1.02; }
body.sk-theme .sk-hp-latest .sk-ui-acard:first-child .sk-ui-acard-lead { font-size: 1.125rem; }
body.sk-theme .sk-hp-latest .sk-ui-acard:not(:first-child) .sk-ui-acard-lead { display: none; }
body.sk-theme .sk-hp-latest .sk-ui-premiere { border: 0; border-radius: var(--skt-radius-card); background-color: var(--skt-card); box-shadow: var(--skt-shadow-card); color: var(--skt-ink); }
/* Ekranizacja tygodnia: czerwony panel */
body.sk-theme .sk-hp-screen .sk-ui-film-week { align-items: center; padding: 32px; border-radius: var(--skt-radius-panel); background-color: var(--skt-red); color: #FFFFFF; }
body.sk-theme .sk-hp-screen .sk-ui-trailer-btn { border-radius: 20px; }
body.sk-theme .sk-hp-screen .sk-ui-trailer .sk-ui-credit, body.sk-theme .sk-hp-screen .sk-ui-film-week-text .sk-ui-credit { color: #FFFFFF; opacity: 0.9; }
body.sk-theme .sk-hp-screen .sk-ui-film-week-text .sk-ui-h3 { font-family: var(--skt-font-display); font-weight: 800; font-stretch: 75%; font-size: clamp(2rem, 3vw, 2.75rem); line-height: 1; }
body.sk-theme .sk-hp-screen .sk-ui-film-week-text .sk-ui-h3 a { color: #FFFFFF; text-decoration: none; }
body.sk-theme .sk-hp-screen .sk-ui-film-week-text .sk-ui-h3 a:hover { text-decoration: underline; text-underline-offset: 0.12em; }
body.sk-theme .sk-hp-screen .sk-ui-film-week-text .sk-ui-lead { color: #FFFFFF; font-size: 1.125rem; }
body.sk-theme .sk-hp-screen a:focus-visible, body.sk-theme .sk-hp-screen button:focus-visible { outline: 3px solid #FFFFFF; outline-offset: 3px; }
/* Rodzina pisarzy */
body.sk-theme .sk-hp-people .sk-ui-agrid { margin-top: 0; gap: 24px; }
body.sk-theme .sk-hp-people .sk-ui-acard-media { background-color: #3B4856; }
body.sk-theme .sk-hp-people .sk-ui-acard-title { font-size: 1.75rem; }
body.sk-theme .sk-hp-people .sk-ui-acard-credit { margin: 8px 4px 0; }
body.sk-theme .sk-hp-ad { padding: 16px 0 72px; }
@media (max-width: 1023px) {
  body.sk-theme .sk-hp-latest .sk-ui-agrid { grid-template-columns: minmax(0, 1fr); }
  body.sk-theme .sk-hp-latest .sk-ui-acard:first-child { grid-row: auto; }
  body.sk-theme .sk-hp-screen .sk-ui-film-week { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 767px) {
  body.sk-theme .sk-hp-logo { width: 88px; margin-bottom: 18px; }
  body.sk-theme .sk-hp-title { font-size: 3rem; }
  body.sk-theme .sk-hp-hero { padding-bottom: 88px; }
  body.sk-theme .sk-hp-hero + .sk-hp-section { margin-top: -24px; border-radius: 24px 24px 0 0; }
  body.sk-theme .sk-hp-edge { top: -52px; left: auto; right: 16px; }
  body.sk-theme .sk-hp-edge .sk-ui-sticker { width: 96px; height: 96px; }
  body.sk-theme .sk-hp-section { padding: 56px 0; }
  body.sk-theme .sk-hp-latest .sk-ui-acard:first-child .sk-ui-acard-body, body.sk-theme .sk-hp .sk-ui-acard-body { padding: 22px 22px 24px; }
  body.sk-theme .sk-hp-screen .sk-ui-film-week { padding: 20px; border-radius: var(--skt-radius-card); }
  body.sk-theme .sk-hp-hero .sk-ui-btn { padding: 0 18px; }
  body.sk-theme .sk-hp-hero .sk-ui-search-row { flex-direction: row; }
  body.sk-theme .sk-hp-hero .sk-ui-search-input { flex: 1 1 auto; min-width: 0; padding: 0 14px; font-size: 1rem; }
}