@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter_400.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/inter_500.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/inter_800.ttf") format("truetype");
}

@font-face {
  font-family: "Snell Roundhand";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/snell-roundhand.ttf") format("truetype");
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  font-size: 16px;
  background-color: #000000;
}
@media (max-width: 1250px) {
  html {
    font-size: calc(1vw * (16 / 12.5));
  }
}
body {
  --page_background_low: none;
  --page_background_medium: none;
  --page_background_full: none;
  --page_background_image: var(--page_background_low);
  padding: 2.5rem 0;
  background-color: #000000;
  background-image: var(--page_background_image);
  background-position: top center;
  background-size: cover;
  background-repeat: repeat-y;
  color: #ffffff;
  font-family: Inter, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

html {
  scroll-behavior: smooth;
  scrollbar-color: #bd2612 #181818;
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 0.375rem;
  height: 0.375rem;
}

::-webkit-scrollbar-track {
  background-color: #181818;
}

::-webkit-scrollbar-thumb {
  border-radius: 62.4375rem;
  background-color: #bd2612;
}

button,
a {
  font: inherit;
}

button {
  border: 0;
  cursor: pointer;
}

a {
  color: inherit;
  text-decoration: none;
}

.site_preloader {
  position: fixed;
  z-index: 9999;
  inset: 0;
  background-color: #181818;
  opacity: 1;
  visibility: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.5s linear;
}

.site_preloader.is_hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.site_preloader_logo {
  width: 11.25rem;
  height: auto;
  animation: site_preloader_logo_glow 1.8s ease-in-out infinite;
}

@keyframes site_preloader_logo_glow {
  0%,
  100% {
    opacity: 0.74;
    filter: brightness(0.92) drop-shadow(0 0 0.25rem rgba(255, 255, 255, 0.08));
  }

  42% {
    opacity: 1;
    filter: brightness(1.18) drop-shadow(0 0 0.875rem rgba(255, 255, 255, 0.18));
  }

  58% {
    opacity: 0.82;
    filter: brightness(1.02) drop-shadow(0 0 0.5rem rgba(255, 255, 255, 0.12));
  }
}

.wow_item {
  --wow_x: 0;
  --wow_y: 2rem;
  --wow_scale: 0.98;
  --wow_rotate: 0deg;
  --wow_blur: 0.375rem;
  --wow_duration: 860ms;
  --wow_step: 70ms;
  --wow_delay: calc(var(--wow_index, 0) * var(--wow_step));
  will-change: opacity, transform, filter;
}

.is_wow_booting .wow_item,
.is_wow_ready .wow_item:not(.is_wow_visible) {
  opacity: 0;
  filter: blur(var(--wow_blur));
  transform: translate3d(var(--wow_x), var(--wow_y), 0) scale(var(--wow_scale)) rotate(var(--wow_rotate));
}

.is_wow_ready .wow_item {
  transition:
    opacity var(--wow_duration) cubic-bezier(0.22, 1, 0.36, 1),
    filter var(--wow_duration) cubic-bezier(0.22, 1, 0.36, 1),
    transform var(--wow_duration) cubic-bezier(0.22, 1, 0.36, 1),
    background-color 500ms ease,
    border-color 500ms ease,
    border-radius 500ms ease,
    box-shadow 500ms ease,
    color 500ms ease;
  transition-delay:
    var(--wow_delay),
    var(--wow_delay),
    var(--wow_delay),
    0ms,
    0ms,
    0ms,
    0ms,
    0ms;
}

.is_wow_ready .wow_item.is_wow_visible {
  opacity: 1;
  filter: blur(0);
  transform: translate3d(0, 0, 0) scale(1) rotate(0deg);
}

.wow_item[data-wow="hero"] {
  --wow_y: 1.5rem;
  --wow_scale: 0.955;
  --wow_blur: 0.625rem;
  --wow_duration: 1150ms;
}

.wow_item[data-wow="section"] {
  --wow_y: 2.75rem;
  --wow_scale: 0.985;
  --wow_blur: 0.5rem;
  --wow_duration: 980ms;
}

.wow_item[data-wow="cinema"] {
  --wow_y: 3rem;
  --wow_scale: 0.94;
  --wow_blur: 0.75rem;
  --wow_duration: 1150ms;
}

.wow_item[data-wow="copy"] {
  --wow_y: 1.25rem;
  --wow_scale: 1;
  --wow_blur: 0.25rem;
  --wow_duration: 760ms;
  --wow_step: 55ms;
}

.wow_item[data-wow="card"] {
  --wow_y: 1.75rem;
  --wow_scale: 0.94;
  --wow_blur: 0.3125rem;
  --wow_duration: 820ms;
  --wow_step: 80ms;
}

.wow_item[data-wow="image"] {
  --wow_y: 1.25rem;
  --wow_scale: 1.06;
  --wow_rotate: 0.45deg;
  --wow_blur: 0.5rem;
  --wow_duration: 1050ms;
  --wow_step: 90ms;
}

.wow_item[data-wow="pop"] {
  --wow_y: 0.75rem;
  --wow_scale: 0.82;
  --wow_blur: 0.1875rem;
  --wow_duration: 620ms;
  --wow_step: 65ms;
}

.is_wow_ready .wow_item[data-wow="hero"].is_wow_visible,
.is_wow_ready .wow_item[data-wow="cinema"].is_wow_visible {
  animation: wow_afterglow 900ms ease-out both;
}

.is_wow_ready .wow_item[data-wow="pop"].is_wow_visible {
  animation: wow_pop_settle 520ms cubic-bezier(0.16, 1, 0.3, 1) var(--wow_delay) both;
}

@keyframes wow_afterglow {
  0% {
    filter: brightness(0.9) saturate(0.9);
  }

  45% {
    filter: brightness(1.13) saturate(1.08);
  }

  100% {
    filter: brightness(1) saturate(1);
  }
}

@keyframes wow_pop_settle {
  0% {
    transform: translate3d(var(--wow_x), var(--wow_y), 0) scale(var(--wow_scale));
  }

  62% {
    transform: translate3d(0, -0.1875rem, 0) scale(1.04);
  }

  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .site_preloader,
  .wow_item {
    transition: none !important;
    animation: none !important;
  }

  .wow_item {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }
}

.series_rich_text p {
  margin: 0;
}

.series_soft_break {
  display: none;
}

.series_soft_break_space {
  display: inline;
}

.series_hero {
  width: 100%;
}

.container {
  width: 72rem;
  margin: 0 auto;
  background-color: #181818;
}

.series_hero .container {
  aspect-ratio: 1152 / 600;
  padding: 5rem 2.5rem;
  overflow: hidden;
  border-radius: 1.5rem 1.5rem 0 0;
  background-image:
    linear-gradient(180deg, rgba(24, 24, 24, 0) 32.875%, #181818 100%),
    var(--hero_background_desktop, none);
  background-position: center;
  background-size: auto 100%;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.series_content {
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
  width: 100%;
}

.series_title_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: flex-start;
  gap: 1rem;
}

.series_wordmark {
  width: 11.25rem;
  height: auto;
  display: block;
}

.series_title {
  max-width: 100%;
  color: #ffffff;
  font-family: "Snell Roundhand", cursive;
  font-size: 5rem;
  font-weight: 500;
  line-height: 4.5rem;
  letter-spacing: 0;
  transform: translateY(0.125rem);
}

.series_intro {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.series_rank {
  min-width: 2.125rem;
  padding: 0.25rem;
  border-radius: 0.25rem;
  background: #bd2612;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 800;
  line-height: 0.8125rem;
}

.series_description {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.series_controls,
.series_actions,
.series_pills,
.watch_button,
.series_pill,
.volume_button {
  display: flex;
  align-items: center;
}

.series_controls {
  justify-content: space-between;
  width: 100%;
}

.series_actions {
  gap: 0.75rem;
}

.watch_button {
  flex: 0 0 auto;
  gap: 0.625rem;
  padding: 0.5rem 1.5rem;
  border-radius: 0.25rem;
  background-color: #ffffff;
  color: #000000;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
  transition: background-color 500ms ease;
}

.watch_button:hover,
.watch_button:focus-visible,
.watch_button.is_hovered {
  background-color: #d6d6d6;
}

.watch_button_icon {
  width: 1.75rem;
  height: auto;
  flex: 0 0 auto;
  fill: #000000;
}

.telegram_icon {
  width: 1.25rem;
  height: auto;
  display: block;
  flex: 0 0 auto;
}

.series_pills {
  gap: 0.5rem;
}

.series_pill {
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 3.25rem;
  box-shadow: inset 0 0 0 0.0625rem #929496;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  white-space: nowrap;
}

.episodes_reveal_button,
.volume_button,
.recommendations_arrow,
.partners_button,
.not_found_button,
.actor_social_link {
  transition:
    background-color 500ms ease,
    border-color 500ms ease,
    box-shadow 500ms ease,
    color 500ms ease,
    opacity 500ms ease;
}

.episodes_reveal_button:hover,
.episodes_reveal_button:focus-visible,
.volume_button:hover,
.volume_button:focus-visible,
.recommendations_arrow:hover,
.recommendations_arrow:focus-visible,
.partners_button:hover,
.partners_button:focus-visible,
.not_found_button:hover,
.not_found_button:focus-visible,
.actor_social_link:hover,
.actor_social_link:focus-visible {
  background-color: rgba(255, 255, 255, 0.1);
}

.volume_button {
  position: relative;
  padding: 0.75rem;
  border-radius: 3.25rem;
  background-color: transparent;
  box-shadow: inset 0 0 0 0.0625rem #929496;
  overflow: hidden;
}

.volume_button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.125rem;
  height: 0.125rem;
  border-radius: 62.4375rem;
  background-color: #ffffff;
  transform: translate(-50%, -50%) rotate(-45deg) scaleX(0);
  transform-origin: center;
  opacity: 0;
  transition:
    opacity 300ms ease,
    transform 300ms ease;
}

.volume_button.is_muted::after {
  opacity: 1;
  transform: translate(-50%, -50%) rotate(-45deg) scaleX(1);
}

.volume_icon {
  width: 1.5rem;
  height: auto;
}

.series_details .container {
  padding: 0.75rem 2.5rem;
}

.series_details_layout {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.series_details_main {
  width: 43.8125rem;
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
}

.series_meta {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.series_meta_row,
.series_tags,
.series_genres,
.series_fact {
  display: flex;
  align-items: flex-start;
}

.series_meta_row {
  gap: 0.75rem;
}

.series_meta_text {
  color: #bcbcbc;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  white-space: nowrap;
}

.series_tags {
  gap: 0.25rem;
  padding-top: 0.125rem;
}

.series_tag,
.age_badge {
  box-shadow: inset 0 0 0 0.0625rem #929496;
  color: #e6e6e6;
  font-weight: 500;
  white-space: nowrap;
}

.series_tag {
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
}

.series_genres {
  gap: 0.75rem;
}

.age_badge {
  padding: 0 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.series_genres_text,
.series_synopsis,
.series_fact_text {
  color: #ffffff;
  font-size: 1rem;
}

.series_genres_text {
  font-weight: 400;
  line-height: 1.5rem;
}

.series_synopsis {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  font-weight: 400;
  line-height: 2rem;
}

.series_synopsis_text {
  white-space: normal;
}

.series_facts {
  width: 20.1875rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.series_fact {
  gap: 0.5rem;
}

.series_fact_label {
  flex: 0 0 4.1875rem;
  color: #747474;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.series_fact_text {
  flex: 1;
  font-weight: 500;
  line-height: 1.5rem;
}

.series_episodes .container {
  padding: 3rem 2.5rem 0;
  background-color: #181818;
}

.episodes_header,
.episodes_header_meta,
.episode_title_row,
.episode_status,
.episodes_reveal_button {
  display: flex;
  align-items: center;
}

.episodes_header {
  gap: 1.5rem;
  justify-content: space-between;
  width: 100%;
}

.episodes_title {
  color: #ffffff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5rem;
  white-space: nowrap;
}

.episodes_header_meta {
  justify-content: flex-end;
  gap: 1.5rem;
  min-width: 0;
}

.episodes_series_title {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  color: #ffffff;
  font-family: "Snell Roundhand", cursive;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.5rem;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.episodes_season,
.episodes_reveal_button {
  padding: 0.5rem 1.5rem;
  border-radius: 0.25rem;
  background: #242424;
  box-shadow: inset 0 0 0 0.0625rem #4d4d4d;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2rem;
  white-space: nowrap;
}

.episodes_block {
  margin-top: 2.25rem;
}

.episodes_list {
  overflow: hidden;
}

.episode_item {
  padding: 2.75rem 5rem 2.75rem 2.75rem;
  background: transparent;
  box-shadow: inset 0 -0.0625rem 0 #333333;
  display: grid;
  grid-template-columns: 2.75rem 15rem 1fr;
  column-gap: 1.5rem;
  align-items: center;
}

.episode_item_linked {
  color: inherit;
  text-decoration: none;
  transition:
    background-color 500ms ease,
    box-shadow 500ms ease,
    border-radius 500ms ease;
}

.episode_item_linked:hover,
.episode_item_linked:focus-visible {
  border-radius: 0.5rem;
  background: #333333;
  box-shadow: none;
  outline: none;
}

.episode_number {
  align-self: start;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5rem;
  white-space: nowrap;
}

.episode_media {
  width: 15rem;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  aspect-ratio: 2 / 1;
  border-radius: 0.5rem;
}

.episode_image {
  width: 100%;
  height: auto;
  border-radius: 0;
}

.episode_progress {
  flex: 0 0 auto;
  width: 100%;
  height: 0.25rem;
  margin-top: -0.25rem;
  background: #929292;
  overflow: hidden;
}

.episode_progress_fill {
  display: block;
  width: 0;
  height: 100%;
  background: #bd2612;
}

.episode_item_status_channel .episode_progress_fill {
  width: 100%;
}

.episode_item_status_live .episode_progress_fill {
  width: 42%;
}

.episode_item_status_none .episode_progress {
  background: transparent;
}

.episode_content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  min-width: 0;
}

.episode_title_row {
  justify-content: space-between;
  gap: 1.5rem;
}

.episode_title {
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.episode_description {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.episode_description_desktop {
  white-space: normal;
}

.episode_title_mobile,
.episode_description_mobile {
  display: none;
}

.episode_status {
  flex: 0 0 auto;
  gap: 0.25rem;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.5rem;
  white-space: nowrap;
}

.episode_status_soon {
  color: #747474;
}

.episode_status_live {
  color: #ffffff;
}

.episode_status_live .episode_status_icon {
  color: #bd2612;
}

.episode_status_icon,
.episodes_reveal_icon {
  width: 1.5rem;
  height: auto;
  flex: 0 0 auto;
}

.episodes_reveal_icon {
  transition: transform 500ms ease;
}

.episodes_reveal_button:hover .episodes_reveal_icon,
.episodes_reveal_button:focus-visible .episodes_reveal_icon {
  transform: translateY(0.1875rem);
}

.episodes_teaser {
  display: grid;
  grid-template-areas: "teaser";
  position: relative;
  overflow: hidden;
  background: #181818;
  transition:
    max-height 520ms ease,
    opacity 260ms ease;
}

.episodes_teaser::before {
  content: "";
  grid-area: teaser;
  align-self: stretch;
  justify-self: stretch;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(180deg, rgba(24, 24, 24, 0.04) 0%, rgba(24, 24, 24, 0.7) 52%, #181818 100%);
}

.episodes_teaser_item,
.episodes_reveal_button {
  grid-area: teaser;
}

.episodes_teaser_item {
  background: transparent;
  pointer-events: none;
}

.episodes_reveal_button {
  align-self: center;
  justify-self: center;
  gap: 0.625rem;
  border: 0;
  text-align: left;
  z-index: 2;
}

.episodes_extra {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition:
    max-height 620ms ease,
    opacity 260ms ease 120ms;
}

.episodes_block.is_expanded .episodes_teaser {
  opacity: 0;
}

.episodes_block.is_expanded .episodes_extra {
  opacity: 1;
}

.series_why .container {
  padding: 3rem 2.5rem;
  background-color: #181818;
}

.why_top,
.why_intro,
.why_bottom,
.why_note_card {
  display: flex;
  flex-direction: column;
}

.why_top {
  gap: 2.25rem;
}

.why_intro {
  gap: 1.5rem;
  width: 38.375rem;
}

.why_title {
  color: #ffffff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.why_intro_text,
.why_bottom_text,
.why_note_label,
.why_note_text {
  font-size: 1rem;
  line-height: 1.5rem;
}

.why_intro_text,
.why_bottom_text,
.why_note_text {
  color: #ffffff;
  font-weight: 400;
}

.why_intro_text,
.why_bottom_title {
  white-space: nowrap;
}

.why_bottom_text {
  white-space: normal;
}

.why_reasons {
  display: grid;
  grid-template-columns: repeat(4, 15.625rem);
  gap: 1.5rem;
}

.why_reason {
  width: 15.625rem;
  display: grid;
  grid-template-columns: 5.625rem 10rem;
  align-items: start;
}

.why_reason_number,
.why_reason_media {
  grid-row: 1;
}

.why_reason_number {
  grid-column: 1 / -1;
  align-self: center;
  color: transparent;
  font-size: 19.3125rem;
  font-weight: 800;
  line-height: 0.76;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0.3125rem #747474;
  text-stroke: 0.3125rem #747474;
}

.why_reason_1 .why_reason_number,
.why_reason_3 .why_reason_number {
  margin-left: -0.5625rem;
}

.why_reason_2 .why_reason_number {
  margin-left: -0.5rem;
  font-size: 19.125rem;
}

.why_reason_4 .why_reason_number {
  margin-left: -0.8125rem;
}

.why_reason_media {
  grid-column: 2;
  width: 10rem;
  display: grid;
  z-index: 1;
}

.why_reason_image,
.why_reason_caption {
  grid-area: 1 / 1;
}

.why_reason_image {
  width: 10rem;
  aspect-ratio: 240 / 357;
  height: auto;
  border-radius: 0 0.5rem 0.5rem 0;
}

.why_reason_caption {
  align-self: end;
  justify-self: center;
  width: calc(100% - 0.5rem);
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem 0.5rem 0 0;
  background: #bd2612;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1rem;
}

.why_bottom {
  gap: 1.5rem;
  margin-top: 3rem;
}

.why_bottom_head {
  display: grid;
  grid-template-columns: 33.75rem 31rem;
  gap: 2.25rem;
  align-items: start;
}

.why_bottom_title {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2.25rem;
}

.why_note_cards {
  display: grid;
  grid-template-columns: repeat(2, 32.75rem);
  gap: 1.5rem;
}

.why_note_card {
  gap: 0.75rem;
  padding: 1.5rem;
  border-radius: 0.5rem;
  background: #333333;
}

.why_note_label {
  color: #747474;
  font-weight: 600;
}

.why_note_text {
  max-width: 29.75rem;
}

.series_concept .container {
  padding: 3rem 2.5rem;
  background-color: #181818;
}

.concept_header,
.concept_gallery,
.concept_detail {
  display: grid;
}

.concept_header {
  grid-template-columns: 1fr auto;
  align-items: center;
}

.concept_title {
  color: #ffffff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.concept_gallery {
  grid-template-columns: repeat(3, 1fr);
  margin-top: 3rem;
}

.concept_photo {
  width: 100%;
  aspect-ratio: 536 / 302;
  display: block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.concept_photo_1 {
  background-image: var(--concept_photo_1, none);
}

.concept_photo_2 {
  background-image: var(--concept_photo_2, none);
}

.concept_photo_3 {
  background-image: var(--concept_photo_3, none);
}

.concept_details {
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.concept_detail {
  grid-template-columns: 8.0625rem 1fr;
  column-gap: 1.5rem;
  align-items: start;
}

.concept_detail_label {
  padding-top: 0.25rem;
  color: #747474;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
  white-space: nowrap;
}

.concept_detail_text {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
  white-space: normal;
}

.series_benefit .container {
  padding: 5rem 2.5rem;
  background-color: #181818;
  background-image: var(--benefit_background_desktop, none);
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.benefit_title {
  color: #ffffff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.benefit_text {
  width: 29.6875rem;
  margin-top: 1.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.benefit_text_item {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  white-space: normal;
}

.benefit_statement_wrap {
  margin-top: 9.75rem;
  display: flex;
  justify-content: flex-end;
}

.benefit_statement {
  width: 100%;
  color: #ffffff;
  font-family: "Snell Roundhand", cursive;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.5rem;
  letter-spacing: 0;
  text-align: right;
}

.benefit_statement em,
.benefit_statement i {
  color: #bd2612;
  font-style: inherit;
}

.series_see .container {
  padding: 0 2.5rem 3rem;
  background-color: #181818;
}

.see_title {
  color: #ffffff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.see_cards {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(2, 32.75rem);
  gap: 1.5rem;
}

.see_card {
  padding: 1rem;
  border-radius: 0.5rem;
  box-shadow: inset 0 0 0 0.0625rem #333333;
}

.see_card_label {
  color: #747474;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.see_card_text,
.see_footer_text {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.see_card_text {
  margin-top: 0.25rem;
  white-space: normal;
}

.see_footer {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(2, 32.75rem);
  gap: 1.5rem;
  align-items: start;
}

.see_motivation_statement {
  width: 100%;
  color: #ffffff;
  font-family: "Snell Roundhand", cursive;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.5rem;
  letter-spacing: 0;
}

.see_motivation_statement em,
.see_motivation_statement i {
  color: #bd2612;
  font-style: inherit;
}

.see_footer_text {
  padding-top: 0.25rem;
  white-space: normal;
}

.series_inside .container {
  padding: 3rem 2.5rem;
  background-color: #181818;
}

.inside_header,
.inside_title_group,
.inside_card_icons {
  display: flex;
}

.inside_header {
  gap: 1.5rem;
  justify-content: space-between;
  align-items: flex-start;
}

.inside_title_group {
  align-items: flex-start;
  gap: 0.75rem;
  margin-top: 0.5625rem;
  min-width: 0;
}

.inside_title {
  flex: 0 0 auto;
  margin-top: 0.3125rem;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.inside_series_name,
.faq_series_name {
  flex: 0 1 auto;
  min-width: 0;
  max-width: 100%;
  color: #ffffff;
  font-family: "Snell Roundhand", cursive;
  font-size: 1.875rem;
  font-weight: 500;
  line-height: 2.5rem;
  letter-spacing: 0;
  overflow-wrap: anywhere;
}

.inside_cards {
  margin-top: 2.25rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

.inside_card {
  overflow: hidden;
  border-radius: 0.5rem;
  background: #333333;
  display: flex;
  flex-direction: column;
  padding-bottom: 1.5rem;
}

.inside_card_image {
  width: 100%;
  aspect-ratio: 512 / 281;
  height: auto;
  display: block;
}

.inside_card_content {
  min-height: 11.25rem;
  margin-top: 1.25rem;
  padding: 0 1rem;
}

.inside_card_title {
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.inside_card_text {
  margin-top: 0.75rem;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.inside_card_icons {
  gap: 0.5rem;
  margin-top: 1.25rem;
  padding-left: 1rem;
}

.inside_card_icon {
  width: 3rem;
  height: auto;
  display: block;
}

.series_compare .container {
  aspect-ratio: 1152 / 416;
  padding: 3rem 6.8125rem;
  background-color: #181818;
  background-image: var(--compare_background_desktop, none);
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.compare_layout {
  display: grid;
  grid-template-columns: 21rem 3.875rem 21rem;
  column-gap: 6.25rem;
  align-items: start;
}

.compare_title,
.compare_vs {
  color: #ffffff;
  font-family: "Snell Roundhand", cursive;
  font-weight: 500;
  letter-spacing: 0;
}

.compare_title {
  display: flex;
  flex-direction: column;
  min-width: 0;
  font-size: 5rem;
  line-height: 4.5rem;
}

.compare_title_left {
  text-align: right;
}

.compare_title_right {
  margin-top: 10.6875rem;
  margin-left: 0;
  text-align: left;
}

.compare_title_accent {
  color: #bd2612;
}

.compare_vs {
  margin-top: 7.75rem;
  font-size: 3rem;
  line-height: 4.5rem;
}

.series_experience .container {
  padding: 1.5rem 2.5rem 3rem;
  background-color: #181818;
  background-image: linear-gradient(180deg, rgba(24, 24, 24, 0) 32.875%, #181818 100%);
}

.experience_layout {
  display: flex;
  gap: 1.5rem;
}

.experience_column {
  width: 32.75rem;
  display: flex;
  flex-direction: column;
}

.experience_left_texts {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.experience_label {
  color: #747474;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.experience_text {
  margin-top: 0.5rem;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
  white-space: normal;
}

.experience_watch_button {
  align-self: flex-start;
  margin-top: 3rem;
}

.experience_note {
  margin-top: 3.25rem;
}

.series_actor .container {
  padding: 3rem 2.5rem;
  background-color: #181818;
}

.actor_title {
  color: #ffffff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.actor_card {
  margin-top: 2.25rem;
  display: flex;
  gap: 1.5rem;
}

.actor_photo {
  width: 21.375rem;
  aspect-ratio: 513 / 660;
  height: auto;
  border-radius: 0.5rem;
  display: block;
}

.actor_photo_picture {
  display: block;
  flex: 0 0 auto;
}

.actor_content {
  width: 44.125rem;
  padding-top: 3.125rem;
  display: flex;
  flex-direction: column;
}

.actor_header {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.actor_name {
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.actor_handle,
.actor_goal_label {
  color: #747474;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.actor_intro,
.actor_goal_text {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.actor_intro,
.actor_facts,
.actor_goal,
.actor_socials {
  margin-top: 1.25rem;
}

.actor_facts,
.actor_socials {
  display: flex;
}

.actor_facts {
  gap: 0.75rem;
}

.actor_fact {
  padding: 0.5rem 1rem;
  border-radius: 3.25rem;
  box-shadow: inset 0 0 0 0.0625rem #929496;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  white-space: nowrap;
}

.actor_goal_text {
  margin-top: 0.25rem;
}

.actor_socials {
  gap: 0.625rem;
}

.actor_social_link {
  display: block;
  border-radius: 3.25rem;
}

.actor_social_icon {
  width: 3rem;
  height: auto;
  display: block;
}

.series_ticket .container {
  aspect-ratio: 1152 / 460;
  background-color: #181818;
  background-image: var(--ticket_background_desktop, none);
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.series_subscribe_cta .container {
  padding: 0 2.5rem 3rem;
  background-color: #181818;
}

.subscribe_cta_top,
.subscribe_cta_offer,
.subscribe_cta_price,
.subscribe_cta_bottom,
.subscribe_cta_meta,
.subscribe_cta_meta_row,
.subscribe_cta_tags,
.subscribe_cta_genres {
  display: flex;
}

.subscribe_cta_top {
  justify-content: space-between;
}

.subscribe_cta_offer {
  align-items: flex-start;
  gap: 1.5rem;
  padding-top: 0.5rem;
}

.subscribe_cta_price {
  gap: 0.5rem;
  margin-top: 0.25rem;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.subscribe_cta_price_old {
  color: #747474;
  text-decoration-line: line-through;
  text-decoration-thickness: 0.1875rem;
}

.subscribe_cta_limit,
.subscribe_cta_cancel {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2rem;
}

.subscribe_cta_limit {
  flex: 0 0 18.9375rem;
  white-space: nowrap;
}

.subscribe_cta_divider {
  margin-top: 1.5rem;
  border-top: 0.0625rem solid rgba(51, 51, 51, 0.5);
}

.subscribe_cta_bottom {
  gap: 3rem;
  margin-top: 1.4375rem;
}

.subscribe_cta_cancel {
  flex: 0 0 32rem;
}

.subscribe_cta_meta {
  flex: 0 0 32.4375rem;
  flex-direction: column;
  gap: 0.75rem;
}

.subscribe_cta_meta_row,
.subscribe_cta_genres {
  align-items: flex-start;
}

.subscribe_cta_meta_row {
  gap: 0.75rem;
}

.subscribe_cta_meta_text {
  color: #bcbcbc;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  white-space: nowrap;
}

.subscribe_cta_tags {
  gap: 0.25rem;
  padding-top: 0.125rem;
}

.subscribe_cta_tag,
.subscribe_cta_age {
  box-shadow: inset 0 0 0 0.0625rem #929496;
  color: #e6e6e6;
  font-weight: 500;
  white-space: nowrap;
}

.subscribe_cta_tag {
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.75rem;
  line-height: 1.25rem;
}

.subscribe_cta_genres {
  gap: 0.75rem;
}

.subscribe_cta_age {
  padding: 0 0.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.subscribe_cta_genres_text {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  white-space: nowrap;
}

.series_faq .container {
  padding: 3rem 2.5rem;
  background-color: #181818;
}

.faq_header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.5rem;
}

.faq_title {
  flex: 0 0 auto;
  margin-top: 0.3125rem;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.faq_cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  gap: 1rem;
  margin-top: 2.25rem;
}

.faq_card {
  padding: 1.5rem;
  border-radius: 0.5rem;
}

.faq_card_outline {
  box-shadow: inset 0 0 0 0.0625rem #333333;
}

.faq_card_filled {
  background-color: #333333;
}

.faq_question {
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.faq_answer {
  margin-top: 0.75rem;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.series_photo_strip .container {
  background-color: #181818;
}

.photo_strip {
  display: flex;
}

.photo_strip_image {
  flex: 0 0 25%;
  width: 25%;
  aspect-ratio: 16 / 9;
  display: block;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.photo_strip_image_01 {
  background-image: var(--photo_strip_image_1, none);
}

.photo_strip_image_02 {
  background-image: var(--photo_strip_image_2, none);
}

.photo_strip_image_03 {
  background-image: var(--photo_strip_image_3, none);
}

.photo_strip_image_04 {
  background-image: var(--photo_strip_image_4, none);
}

.series_recommendations .container {
  padding: 3rem 2.5rem;
  overflow: hidden;
  background-color: #181818;
}

.recommendations_header,
.recommendations_controls,
.recommendations_track,
.recommendation_tags,
.recommendation_channel_badge,
.recommendation_top_badge {
  display: flex;
}

.recommendations_header {
  align-items: flex-start;
  justify-content: space-between;
}

.recommendations_title {
  margin-top: 0.75rem;
  color: #ffffff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.recommendations_controls {
  gap: 1rem;
}

.recommendations_arrow {
  padding: 0.6875rem;
  border: 0.0625rem solid #929496;
  border-radius: 3.25rem;
  background-color: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition:
    background-color 500ms ease,
    opacity 500ms ease;
}

.recommendations_arrow:disabled {
  opacity: 0.35;
  cursor: not-allowed;
}

.recommendations_arrow:disabled:hover,
.recommendations_arrow:disabled:focus-visible {
  background-color: transparent;
}

.recommendations_arrow_icon {
  width: 1.5rem;
  height: auto;
  display: block;
}

.recommendations_arrow_next .recommendations_arrow_icon {
  transform: rotate(180deg);
}

.recommendations_track {
  gap: 0.75rem;
  margin-top: 2.25rem;
  align-items: flex-start;
  touch-action: pan-y;
  transition: transform 420ms ease;
}

.recommendation_card {
  flex: 0 0 20rem;
  width: 20rem;
  position: relative;
  display: block;
  overflow: hidden;
}

a.recommendation_card::before {
  content: "";
  position: absolute;
  z-index: 3;
  top: -35%;
  left: -65%;
  width: 44%;
  height: 170%;
  pointer-events: none;
  background: linear-gradient(105deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.08) 38%, rgba(255, 255, 255, 0.34) 50%, rgba(255, 255, 255, 0.08) 62%, rgba(255, 255, 255, 0) 100%);
  transform: translateX(-160%) skewX(-22deg);
}

a.recommendation_card:hover::before,
a.recommendation_card:focus-visible::before {
  animation: recommendation_card_shine 560ms ease-out;
}

.recommendation_media {
  display: grid;
  overflow: hidden;
  border-radius: 0.5rem;
}

.recommendation_image,
.recommendation_channel_badge,
.recommendation_top_badge {
  grid-area: 1 / 1;
}

.recommendation_image {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
  display: block;
}

.recommendation_channel_badge {
  justify-self: center;
  align-self: end;
  align-items: center;
  gap: 0.5rem;
  padding: 0.125rem 0.75rem;
  border-radius: 0.25rem 0.25rem 0 0;
  background-color: #bd2612;
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  white-space: nowrap;
}

.recommendation_channel_icon {
  height: auto;
  display: block;
  flex: 0 0 auto;
}

.recommendation_channel_icon_instagram {
  width: 1.0625rem;
}

.recommendation_channel_icon_youtube {
  width: 1.4375rem;
}

.recommendation_channel_icon_tiktok {
  width: 0.8125rem;
}

.recommendation_channel_icon_telegram {
  width: 1.0625rem;
}

.recommendation_top_badge {
  justify-self: end;
  align-self: start;
  padding: 0.3125rem 0.3125rem 0.625rem;
  background-color: #bd2612;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 0.5625rem));
  color: #ffffff;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.875rem;
  font-weight: 800;
  line-height: 1.09375rem;
  text-transform: uppercase;
}

@keyframes recommendation_card_shine {
  from {
    transform: translateX(-160%) skewX(-22deg);
  }

  to {
    transform: translateX(520%) skewX(-22deg);
  }
}

.recommendation_text {
  margin-top: 0.75rem;
  color: #ffffff;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
}

.recommendation_tags {
  gap: 0.25rem;
  margin-top: 0.75rem;
}

.recommendation_tag {
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 0.0625rem #929496;
  color: #e6e6e6;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.25rem;
  white-space: nowrap;
}

.series_partners .container {
  padding: 3rem 2.5rem;
  background-color: #181818;
}

.partners_header {
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
}

.partners_title {
  color: #ffffff;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5rem;
}

.partners_intro {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2.25rem;
}

.partners_text,
.partner_text {
  color: #ffffff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.partners_text {
  flex: 0 1 50.9375rem;
}

.partners_button {
  padding: 0.4375rem 1.5rem;
  border: 0.0625rem solid #929496;
  border-radius: 0.25rem;
  background-color: transparent;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
  text-align: center;
  white-space: nowrap;
}

.partners_cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-top: 3rem;
}

.partner_card {
  padding: 1.5rem;
  border-radius: 0.5rem;
  box-shadow: inset 0 0 0 0.0625rem #333333;
  color: inherit;
  text-decoration: none;
  position: relative;
  display: block;
  overflow: hidden;
}

a.partner_card::before {
  content: "";
  position: absolute;
  z-index: 3;
  top: -35%;
  left: -65%;
  width: 44%;
  height: 170%;
  pointer-events: none;
  background: linear-gradient(105deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.08) 38%, rgba(255, 255, 255, 0.34) 50%, rgba(255, 255, 255, 0.08) 62%, rgba(255, 255, 255, 0) 100%);
  transform: translateX(-160%) skewX(-22deg);
}

a.partner_card:hover::before,
a.partner_card:focus-visible::before {
  animation: recommendation_card_shine 560ms ease-out;
}

.partner_logo_wrap {
  min-height: 5rem;
  display: flex;
  align-items: flex-start;
}

.partner_logo {
  height: auto;
  display: block;
}

.partner_logo_ucore {
  width: 14.3125rem;
}

.partner_logo_disquad {
  width: 14.3125rem;
  margin-top: 0.6875rem;
}

.partner_logo_gossips {
  width: 12.4375rem;
}

.partner_text {
  margin-top: 0.75rem;
}

.default_page .container {
  padding: 4rem 2.5rem;
  overflow: hidden;
  border-radius: 1.5rem 1.5rem 0 0;
  background-color: #181818;
}

.default_page_inner {
  max-width: 52rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.default_page_title {
  color: #ffffff;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 3rem;
}

.default_page_content {
  color: #e6e6e6;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625rem;
}

.default_page_content :where(p, ul, ol, h2, h3) + :where(p, ul, ol, h2, h3) {
  margin-top: 1rem;
}

.default_page_content :where(ul, ol) {
  padding-left: 1.25rem;
}

.default_page_content :where(h2, h3) {
  color: #ffffff;
  font-weight: 500;
}

.default_page_content h2 {
  font-size: 1.5rem;
  line-height: 2rem;
}

.default_page_content h3 {
  font-size: 1.25rem;
  line-height: 1.75rem;
}

.default_page_content a {
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 0.1875rem;
}

.not_found_page .container {
  min-height: calc(100vh - 5rem);
  padding: 6rem 2.5rem;
  overflow: hidden;
  border-radius: 1.5rem;
  background-color: #181818;
  display: flex;
  align-items: center;
  justify-content: center;
}

.not_found_inner {
  width: min(100%, 38rem);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  text-align: center;
}

.not_found_code {
  color: #bd2612;
  font-size: 6rem;
  font-weight: 800;
  line-height: 0.92;
  text-shadow: 0 0 1.25rem rgba(189, 38, 18, 0.16);
}

.not_found_content {
  max-width: 28rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}

.not_found_title {
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2rem;
}

.not_found_text {
  color: #bcbcbc;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}

.not_found_button {
  margin-top: 0.5rem;
  padding: 0.4375rem 1.5rem;
  border: 0.0625rem solid #929496;
  border-radius: 0.25rem;
  background-color: transparent;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2rem;
  text-align: center;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.series_footer .container {
  padding: 2.5rem;
  overflow: hidden;
  border-radius: 0 0 1.5rem 1.5rem;
  background-color: #181818;
  box-shadow: inset 0 0.0625rem 0 #333333;
}

.footer_actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.5rem;
}

.footer_action {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.25rem;
  padding: 0.8125rem 1.9375rem;
  border: 0.0625rem solid #bd2612;
  color: #bd2612;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.75rem;
}

.footer_action_label {
  padding: 0 0.25rem;
}

.footer_action_icon {
  width: 1.5rem;
  height: auto;
  display: block;
  flex: 0 0 auto;
  transition: transform 500ms ease;
}

.footer_action:not(:last-child):hover .footer_action_icon,
.footer_action:not(:last-child):focus-visible .footer_action_icon {
  transform: rotate(45deg);
}

.footer_action:last-child:hover .footer_action_icon,
.footer_action:last-child:focus-visible .footer_action_icon {
  transform: translateY(-0.1875rem);
}

.footer_bottom {
  display: flex;
  align-items: flex-start;
  margin-top: 1.5rem;
}

.footer_links {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  flex: 0 0 auto;
}

.footer_divider {
  display: none;
}

.footer_link {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  color: #6f6f6e;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  white-space: nowrap;
  transition: color 500ms ease;
}

.footer_link:first-child {
  min-width: 13.1875rem;
}

.footer_link_label {
  padding: 0 0.25rem;
}

.footer_link_icon {
  width: 1rem;
  height: auto;
  display: block;
  flex: 0 0 auto;
  transition:
    filter 500ms ease,
    transform 500ms ease;
}

.footer_link:hover,
.footer_link:focus-visible {
  color: #bcbcbc;
}

.footer_link:hover .footer_link_icon,
.footer_link:focus-visible .footer_link_icon {
  filter: brightness(1.7);
  transform: translateX(0.1875rem);
}

.footer_email {
  flex: 0 0 18.5625rem;
  margin-left: 1.5rem;
  color: #8d8d8c;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
  white-space: nowrap;
  transition: color 500ms ease;
}

.footer_email:hover,
.footer_email:focus-visible {
  color: #bcbcbc;
}

.footer_credentials {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
  margin-left: 1.5rem;
  color: #8d8d8c;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.25rem;
}

.footer_credential {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

@media (max-width: 991px) {
  html {
    font-size: calc(1vw * (16 / 3.75));
  }
  body {
    padding: 0;
    background-color: #000000;
    background-image: none;
  }

  .wow_item[data-wow="image"] {
    --wow_scale: 1;
    --wow_rotate: 0deg;
  }

  .series_soft_break {
    display: inline;
  }

  .series_soft_break_space {
    display: none;
  }

  .container {
    width: 23.4375rem;
  }

  .site_preloader_logo {
    width: 8rem;
  }

  .series_hero .container {
    aspect-ratio: auto;
    padding: 0;
    border-radius: 0;
    background-color: #000000;
    background-image: none;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }

  .series_hero .container::before {
    content: "";
    width: 100%;
    aspect-ratio: 375 / 212;
    background-image: var(--hero_background_mobile, var(--hero_background_desktop, none));
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: block;
    flex: 0 0 auto;
  }

  .series_content {
    gap: 0.75rem;
    padding: 0.5rem;
    background-color: #000000;
  }

  .series_title_group {
    gap: 0.5rem;
  }

  .series_wordmark {
    width: 6.25rem;
  }

  .series_title {
    font-size: 2.5rem;
    line-height: 2.5rem;
    transform: none;
  }

  .series_intro {
    gap: 0.5rem;
  }

  .series_rank {
    width: 1.5625rem;
    min-width: 0;
    padding: 0.125rem;
    gap: 0.125rem;
    font-size: 0.625rem;
    line-height: 0.625rem;
  }

  .series_description {
    color: #bcbcbc;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .series_controls {
    display: block;
  }

  .series_actions {
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
  }

  .watch_button {
    width: 100%;
    justify-content: center;
    gap: 0.625rem;
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .watch_button_icon {
    width: 1.5rem;
  }

  .series_pills {
    gap: 1rem;
  }

  .series_pill {
    gap: 0.5rem;
    padding: 0.5rem 0;
    box-shadow: none;
    color: #bcbcbc;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .volume_button {
    display: none;
  }

  .series_details .container {
    padding: 1rem 0.5rem;
    background-color: #000000;
  }

  .series_details_layout {
    flex-direction: column;
    gap: 1.5rem;
  }

  .series_details_main {
    width: 100%;
    gap: 1.5rem;
  }

  .series_meta {
    gap: 0.5rem;
  }

  .series_meta_row {
    gap: 0.75rem;
  }

  .series_meta_text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .series_meta_text br {
    display: none;
  }

  .series_tags {
    padding-top: 0;
  }

  .series_genres {
    gap: 0.75rem;
  }

  .series_tag {
    font-size: 0.75rem;
    line-height: 1.25rem;
  }

  .age_badge {
    padding: 0 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .series_genres_text {
    flex: 1;
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .series_synopsis {
    gap: 0.75rem;
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .series_synopsis_text {
    white-space: normal;
  }

  .series_facts {
    width: 100%;
    gap: 1.5rem;
  }

  .series_fact {
    gap: 0.5rem;
  }

  .series_fact_label {
    flex: 0 0 3.625rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
  }

  .series_fact_text {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
  }

  .series_episodes .container {
    padding: 1rem 0.5rem;
    background-color: #000000;
  }

  .episodes_header {
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
  }

  .episodes_title {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .episodes_header_meta {
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
  }

  .episodes_series_title {
    flex: 1 1 auto;
    font-size: 1.5rem;
    line-height: 2.25rem;
  }

  .episodes_season {
    flex: 0 0 auto;
    padding: 0.5rem 1.5rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
  }

  .episodes_block {
    margin-top: 0.75rem;
  }

  .episodes_list {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    overflow: visible;
  }

  .episode_item {
    padding: 0;
    background: transparent;
    box-shadow: none;
    display: grid;
    grid-template-columns: 7.5rem 1.5rem minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr) auto minmax(0, 1fr) auto;
    column-gap: 0.5rem;
    row-gap: 0;
    align-items: center;
  }

  .episode_item_linked:hover,
  .episode_item_linked:focus-visible {
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  .episode_number {
    grid-column: 2;
    grid-row: 2;
    margin-left: 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .episode_media {
    grid-column: 1;
    grid-row: 1 / 4;
    width: 7.5rem;
    border-radius: 0.5rem;
  }

  .episode_progress {
    height: 0.125rem;
    margin-top: -0.125rem;
  }

  .episode_content {
    display: contents;
  }

  .episode_title_row {
    grid-column: 3;
    grid-row: 2;
    align-self: start;
    justify-content: space-between;
    gap: 0.5rem;
    width: 100%;
  }

  .episode_title {
    min-width: 0;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .episode_title_desktop,
  .episode_description_desktop {
    display: none;
  }

  .episode_title_mobile {
    display: inline;
  }

  .episode_description_mobile {
    display: block;
  }

  .episode_description {
    grid-column: 1 / -1;
    grid-row: 4;
    margin-top: 0.75rem;
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .episode_status {
    gap: 0.25rem;
    color: #747474;
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .episode_status_live {
    color: #747474;
  }

  .episode_status_icon {
    width: 1rem;
  }

  .episodes_teaser {
    overflow: visible;
    background: transparent;
  }

  .episodes_block.is_expanded .episodes_teaser {
    display: none;
  }

  .episodes_teaser::before {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.68) 52%, #000000 100%);
  }

  .episodes_extra {
    display: none;
  }

  .episodes_block.is_expanded .episodes_extra {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

  .episodes_reveal_button {
    align-self: end;
    justify-self: center;
    gap: 0.625rem;
    margin-bottom: 0.625rem;
    padding: 0.5rem 1.5625rem;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5rem;
  }

  .episodes_reveal_icon {
    width: 1.5rem;
  }

  .series_why .container {
    padding: 1.5rem 0.5rem 1rem;
    background-color: #000000;
    overflow: hidden;
  }

  .why_top {
    gap: 1.5rem;
  }

  .why_intro {
    gap: 0.5rem;
    width: 100%;
  }

  .why_title {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .why_intro_text,
  .why_bottom_text {
    font-size: 0.875rem;
    line-height: 1.25rem;
    white-space: normal;
  }

  .why_reasons {
    display: flex;
    grid-template-columns: none;
    gap: 0.25rem;
    width: calc(100% + 1rem);
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .why_reasons::-webkit-scrollbar {
    display: none;
  }

  .why_reason {
    flex: 0 0 auto;
    width: 9.375rem;
    display: grid;
    grid-template-columns: 2.5rem 6.875rem;
  }

  .why_reason_number,
  .why_reason_media {
    grid-row: 1;
  }

  .why_reason_number {
    grid-column: 1 / -1;
    align-self: end;
    margin-left: 0;
    color: transparent;
    font-size: 7.5rem;
    font-weight: 800;
    line-height: 6.5625rem;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 0.125rem #ffffff;
    text-stroke: 0.125rem #ffffff;
  }

  .why_reason_1 .why_reason_number,
  .why_reason_2 .why_reason_number,
  .why_reason_3 .why_reason_number,
  .why_reason_4 .why_reason_number {
    margin-left: 0;
    font-size: 7.5rem;
  }

  .why_reason_media {
    grid-column: 2;
    width: 6.875rem;
  }

  .why_reason_2 {
    width: 9.1875rem;
    grid-template-columns: 2.3125rem 6.875rem;
  }

  .why_reason_3 {
    width: 9.3125rem;
    grid-template-columns: 2.4375rem 6.875rem;
  }

  .why_reason_4 {
    width: 9.4375rem;
    grid-template-columns: 2.5625rem 6.875rem;
  }

  .why_reason_image {
    width: 6.875rem;
    aspect-ratio: 110 / 160;
    border-radius: 0.5rem;
    object-fit: cover;
  }

  .why_reason_caption {
    width: 5.875rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.5rem 0.5rem 0 0;
    font-size: 0.625rem;
    line-height: 0.875rem;
    text-align: center;
  }

  .why_bottom {
    gap: 1rem;
    margin-top: 2.25rem;
  }

  .why_bottom_head {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .why_bottom_title {
    font-size: 1rem;
    line-height: 1.5rem;
    white-space: normal;
  }

  .why_note_cards {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .why_note_card {
    gap: 0.25rem;
    padding: 1rem;
    border-radius: 0.5rem;
    background: #333333;
  }

  .why_note_label,
  .why_note_text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .why_note_text {
    max-width: none;
  }

  .series_concept .container {
    height: 41.25rem;
    padding: 1rem 0.5rem;
    background-color: #000000;
    display: flex;
    flex-direction: column;
  }

  .concept_header {
    display: contents;
  }

  .concept_title {
    order: 1;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .concept_gallery {
    order: 2;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 1.5rem;
  }

  .concept_photo {
    height: 7.5rem;
    aspect-ratio: auto;
  }

  .concept_photo_1 {
    background-image: var(--concept_photo_1_mobile, var(--concept_photo_1, none));
  }

  .concept_photo_2 {
    background-image: var(--concept_photo_2_mobile, var(--concept_photo_2, none));
  }

  .concept_photo_3 {
    background-image: var(--concept_photo_3_mobile, var(--concept_photo_3, none));
  }

  .concept_details {
    order: 3;
    margin-top: 1.5rem;
    gap: 0.75rem;
  }

  .concept_detail {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }

  .concept_detail_label {
    padding-top: 0;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.25rem;
  }

  .concept_detail_text {
    font-size: 0.75rem;
    line-height: 1rem;
    white-space: normal;
  }

  .concept_watch_button {
    order: 4;
    margin-top: 1.5rem;
  }

  .series_benefit .container {
    height: 20.25rem;
    padding: 1rem 0.5rem;
    background-color: #000000;
    background-image:
      linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 70%, rgba(0, 0, 0, 0.72) 100%),
      linear-gradient(180deg, rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.65) 100%),
      var(--benefit_background_mobile, var(--benefit_background_desktop, none));
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
  }

  .benefit_title {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .benefit_text {
    width: 13.75rem;
    margin-top: 1.5rem;
    gap: 0.75rem;
  }

  .benefit_text_item {
    font-size: 0.75rem;
    line-height: 1rem;
    white-space: normal;
  }

  .benefit_statement_wrap {
    margin-top: 1.5rem;
  }

  .benefit_statement {
    font-size: 1.4375rem;
    line-height: 1.5rem;
    text-align: right;
  }

  .series_see .container {
    padding: 1.5rem 0.5rem 1rem;
    background-color: #000000;
  }

  .see_title {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .see_cards {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .see_card {
    padding: 1rem;
    border-radius: 0.5rem;
  }

  .see_card_label {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .see_card_text {
    margin-top: 0.25rem;
    font-size: 1rem;
    line-height: 1.5rem;
    white-space: normal;
  }

  .see_footer {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }

  .see_motivation_statement {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .see_footer_text {
    padding-top: 0;
    font-size: 0.875rem;
    line-height: 1.25rem;
    white-space: normal;
  }

  .series_inside .container {
    padding: 1rem 0.5rem;
    overflow: hidden;
    background-color: #000000;
    display: flex;
    flex-direction: column;
  }

  .inside_header {
    display: contents;
  }

  .inside_title_group {
    order: 1;
    align-items: flex-start;
    gap: 2.3125rem;
    margin-top: 0;
    width: 100%;
  }

  .inside_title {
    margin-top: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .inside_series_name {
    flex: 0 0 auto;
    font-size: 1.875rem;
    line-height: 2.5rem;
  }

  .inside_cards {
    order: 2;
    width: calc(100% + 1rem);
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    margin-top: 1.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    display: flex;
    gap: 0.5rem;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .inside_cards::-webkit-scrollbar {
    display: none;
  }

  .inside_card {
    flex: 0 0 14.375rem;
    width: 14.375rem;
    min-height: 24.75rem;
    padding-bottom: 1rem;
  }

  .inside_card_image {
    width: 100%;
    aspect-ratio: 230 / 160;
    height: auto;
    object-fit: cover;
  }

  .inside_card_content {
    min-height: 10.25rem;
    margin-top: 0.75rem;
    padding: 0 1rem;
  }

  .inside_card_title {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .inside_card_text {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .inside_card_icons {
    gap: 0.5rem;
    margin-top: 0.75rem;
    padding-left: 1rem;
  }

  .inside_card_icon {
    width: 2rem;
  }

  .inside_watch_button {
    order: 3;
    margin-top: 1.5rem;
  }

  .series_compare .container {
    aspect-ratio: 375 / 196;
    padding: 3rem 0.5rem;
    background-color: #181818;
    background-image: var(--compare_background_mobile, var(--compare_background_desktop, none));
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
  }

  .compare_layout {
    grid-template-columns: 8.75rem 1.9375rem 8.75rem;
    column-gap: 1.5rem;
  }

  .compare_title {
    font-size: 2rem;
    line-height: 2rem;
  }

  .compare_title_right {
    margin-top: 2.125rem;
    margin-left: 0;
  }

  .compare_vs {
    margin-top: 2.375rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .series_experience .container {
    padding: 1rem 0.5rem;
    background-color: #000000;
    background-image: none;
  }

  .experience_layout {
    flex-direction: column;
    gap: 1.5rem;
  }

  .experience_column {
    width: 100%;
  }

  .experience_column_left {
    display: contents;
  }

  .experience_left_texts {
    order: 1;
    gap: 1rem;
    width: 100%;
  }

  .experience_column_right {
    order: 2;
  }

  .experience_label {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .experience_text {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    white-space: normal;
  }

  .experience_note {
    margin-top: 1.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .experience_watch_button {
    order: 3;
    align-self: stretch;
    margin-top: 0;
  }

  .series_actor .container {
    padding: 1rem 0.5rem;
    background-color: #000000;
  }

  .actor_title {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .actor_card {
    margin-top: 1.5rem;
    flex-direction: column;
    gap: 1.5rem;
  }

  .actor_photo_picture,
  .actor_photo {
    width: 100%;
  }

  .actor_photo {
    aspect-ratio: 359 / 329;
    object-fit: cover;
  }

  .actor_content {
    width: 100%;
    padding-top: 0;
  }

  .actor_intro,
  .actor_goal_text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .actor_intro,
  .actor_facts,
  .actor_goal,
  .actor_socials {
    margin-top: 1rem;
  }

  .actor_facts {
    gap: 0.5rem;
    width: calc(100% + 1rem);
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .actor_facts::-webkit-scrollbar {
    display: none;
  }

  .actor_fact {
    flex: 0 0 auto;
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
    line-height: 1rem;
  }

  .actor_goal_label {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .actor_social_icon {
    width: 2rem;
  }

  .series_ticket .container {
    aspect-ratio: 375 / 175;
    background-color: #000000;
    background-image: var(--ticket_background_mobile, var(--ticket_background_desktop, none));
    background-position: center;
    background-size: 100% 100%;
  }

  .series_subscribe_cta .container {
    padding: 1rem 0.5rem;
    background-color: #000000;
    display: flex;
    flex-direction: column;
  }

  .subscribe_cta_top,
  .subscribe_cta_offer {
    display: contents;
  }

  .subscribe_cta_price {
    order: 1;
    gap: 0.5rem;
    margin-top: 0;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .subscribe_cta_price_old {
    text-decoration-thickness: 0.125rem;
  }

  .subscribe_cta_button {
    order: 2;
    width: 100%;
    margin-top: 0.75rem;
  }

  .subscribe_cta_limit,
  .subscribe_cta_cancel {
    flex: none;
    font-size: 0.875rem;
    line-height: 1.25rem;
    white-space: normal;
  }

  .subscribe_cta_limit {
    order: 3;
    width: 100%;
    margin-top: 1rem;
  }

  .subscribe_cta_cancel {
    order: 4;
    width: 100%;
    margin-top: 1rem;
  }

  .subscribe_cta_divider {
    order: 5;
    margin-top: 1.5rem;
    border-color: #333333;
  }

  .subscribe_cta_bottom {
    display: contents;
  }

  .subscribe_cta_meta {
    order: 6;
    flex: none;
    width: 100%;
    gap: 0.5rem;
    margin-top: 1.4375rem;
  }

  .subscribe_cta_meta_row {
    gap: 0.75rem;
  }

  .subscribe_cta_meta_text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .subscribe_cta_tags {
    padding-top: 0;
  }

  .subscribe_cta_genres {
    gap: 0.75rem;
    align-items: center;
  }

  .subscribe_cta_age {
    padding: 0 0.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .subscribe_cta_genres_text {
    flex: 1;
    font-size: 0.75rem;
    line-height: 1rem;
    white-space: normal;
  }

  .series_faq .container {
    padding: 1.5rem 0.5rem 1rem;
    background-color: #000000;
  }

  .faq_header {
    flex-direction: column;
    gap: 0.5rem;
  }

  .faq_title {
    margin-top: 0;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .faq_series_name {
    font-size: 1.875rem;
    line-height: 2.5rem;
  }

  .faq_cards {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1rem;
  }

  .faq_card {
    padding: 1rem;
    background-color: transparent;
    box-shadow: inset 0 0 0 0.0625rem #333333;
  }

  .faq_card:nth-child(even) {
    background-color: #333333;
    box-shadow: none;
  }

  .faq_question {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .faq_card:nth-child(3) .faq_question {
    line-height: 1.25rem;
  }

  .faq_answer {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .series_photo_strip .container {
    background-color: #000000;
  }

  .photo_strip_image {
    flex-basis: 25%;
    width: 25%;
    height: 6.25rem;
    aspect-ratio: auto;
  }

  .photo_strip_image_01 {
    background-image: var(--photo_strip_image_1_mobile, var(--photo_strip_image_1, none));
  }

  .photo_strip_image_02 {
    background-image: var(--photo_strip_image_2_mobile, var(--photo_strip_image_2, none));
  }

  .photo_strip_image_03 {
    background-image: var(--photo_strip_image_3_mobile, var(--photo_strip_image_3, none));
  }

  .photo_strip_image_04 {
    background-image: var(--photo_strip_image_4_mobile, var(--photo_strip_image_4, none));
  }

  .series_recommendations .container {
    padding: 1.5rem 0.5rem 1rem;
    overflow: hidden;
    background-color: #000000;
  }

  .recommendations_header {
    display: block;
  }

  .recommendations_title {
    margin-top: 0;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .recommendations_controls {
    display: none;
  }

  .recommendations_track {
    gap: 0.75rem;
    width: calc(100% + 1rem);
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    margin-top: 1.5rem;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    overflow-x: auto;
    overflow-y: hidden;
    overscroll-behavior-x: contain;
    touch-action: pan-x pan-y;
    transform: none !important;
    transition: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
  }

  .recommendations_track::-webkit-scrollbar {
    display: none;
  }

  .series_partners .container {
    padding: 1.5rem 0.5rem 1rem;
    background-color: #000000;
    display: flex;
    flex-direction: column;
  }

  .partners_header,
  .partners_intro {
    display: contents;
  }

  .partners_title {
    order: 1;
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .partners_text {
    order: 2;
    flex: none;
    margin-top: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .partners_cards {
    order: 3;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 1rem;
  }

  .partner_card {
    padding: 1rem;
  }

  .partner_logo_wrap {
    min-height: 5rem;
  }

  .partner_text {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .partners_button {
    order: 4;
    width: 100%;
    margin-top: 1rem;
    padding: 0.4375rem 1.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .default_page .container {
    padding: 2.5rem 1.25rem;
    border-radius: 0;
    background-color: #181818;
  }

  .default_page_inner {
    max-width: none;
    gap: 1.5rem;
  }

  .default_page_title {
    font-size: 1.75rem;
    line-height: 2.25rem;
  }

  .default_page_content {
    font-size: 0.875rem;
    line-height: 1.375rem;
  }

  .default_page_content h2 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }

  .default_page_content h3 {
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .not_found_page .container {
    min-height: 100vh;
    padding: 4rem 1.25rem;
    border-radius: 0;
    background-color: #181818;
    align-items: center;
    justify-content: center;
  }

  .not_found_inner {
    width: 100%;
    gap: 1.25rem;
    text-align: center;
  }

  .not_found_code {
    font-size: 4.5rem;
  }

  .not_found_content {
    max-width: none;
    gap: 0.875rem;
  }

  .not_found_title {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .not_found_text {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }

  .not_found_button {
    width: auto;
    margin-top: 0.375rem;
    padding: 0.4375rem 1.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }

  .series_footer .container {
    padding: 2.5rem 1.25rem;
    overflow: hidden;
    border-radius: 0;
    background-color: #000000;
    box-shadow: none;
    display: flex;
    flex-direction: column;
  }

  .footer_actions,
  .footer_bottom {
    display: contents;
  }

  .footer_action:not(:last-child) {
    display: none;
  }

  .footer_action:last-child {
    order: 5;
    width: 100%;
    margin-top: 1.25rem;
    padding: 0.4375rem 1.4375rem;
    border-color: #929496;
    color: #ffffff;
    justify-content: space-between;
    gap: 1rem;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 2rem;
  }

  .footer_action:last-child .footer_action_label {
    padding: 0;
  }

  .footer_action:last-child .footer_action_icon {
    filter: brightness(0) invert(1);
  }

  .footer_links {
    order: 1;
    flex: none;
    width: 100%;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
  }

  .footer_link,
  .footer_link:first-child {
    min-width: 0;
  }

  .footer_link {
    gap: 0;
    color: #6f6f6e;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5rem;
    text-decoration-line: underline;
    text-underline-offset: 0.125rem;
  }

  .footer_link_label {
    padding: 0;
  }

  .footer_link_icon {
    display: none;
  }

  .footer_divider {
    order: 2;
    width: 100%;
    height: 0.0625rem;
    margin-top: 1.25rem;
    background-color: #333333;
    display: block;
  }

  .footer_credentials {
    order: 3;
    width: 100%;
    margin: 1.25rem 0 0;
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
    color: #a3a3a2;
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1rem;
    text-align: center;
  }

  .footer_credential {
    align-items: center;
    gap: 0.25rem;
  }

  .footer_email {
    order: 4;
    flex: none;
    width: 100%;
    margin: 0.75rem 0 0;
    color: #a3a3a2;
    font-size: 0.75rem;
    font-weight: 300;
    line-height: 1rem;
    text-align: center;
    white-space: normal;
  }
}