/* Test-only visual direction. Loaded exclusively on test.vga-stream.ru. */
body.test-redesign {
  --accent: #ff6b4a;
  --accent-2: #ffb35c;
  --ink: #f5f1e8;
  --muted: #aaa7b2;
  --surface: #17171d;
  --surface-2: #202027;
  --line: rgba(255, 255, 255, .09);
  --shadow: 0 24px 70px rgba(0, 0, 0, .38);
  background:
    radial-gradient(circle at 8% 0%, rgba(124, 68, 255, .13), transparent 32rem),
    radial-gradient(circle at 92% 18%, rgba(255, 107, 74, .1), transparent 30rem),
    #0d0d11;
  color: var(--ink);
  font-family: Inter, "Segoe UI", system-ui, sans-serif;
  letter-spacing: -.012em;
}

body.test-redesign::before,
body.test-redesign .side-bg {
  display: none !important;
}

.test-redesign .page-shell {
  width: min(100%, 1600px);
  min-height: 100vh;
  margin: 0 auto;
  background: transparent;
}

.test-redesign .topbar {
  position: sticky;
  top: 0;
  z-index: 50;
  width: 100%;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  background: rgba(13, 13, 17, .84);
  box-shadow: none;
  backdrop-filter: blur(22px) saturate(140%);
}

.test-redesign .topbar-main {
  min-height: 74px;
  max-width: 1380px;
  margin: auto;
  padding: 0 32px;
  gap: 28px;
}

.test-redesign .brand {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  gap: 7px;
  font-size: 20px;
  letter-spacing: -.04em;
}

.test-redesign .brand-mark {
  color: var(--ink);
  font-weight: 900;
}

.test-redesign .brand-name {
  color: var(--accent);
  font-weight: 900;
}

.test-redesign .topnav {
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  gap: 4px;
}

.test-redesign .topnav > a,
.test-redesign .topnav-catalog-trigger {
  min-height: 40px;
  padding: 0 13px;
  border-radius: 10px;
  color: #c3c0c8;
  font-size: 14px;
  font-weight: 650;
}

.test-redesign .topnav > a:hover,
.test-redesign .topnav-catalog-trigger:hover,
.test-redesign .topnav-catalog[open] .topnav-catalog-trigger {
  color: #fff;
  background: rgba(255, 255, 255, .07);
}

.test-redesign .topnav-catalog-menu {
  top: calc(100% + 12px);
  padding: 9px;
  border: 1px solid var(--line);
  border-radius: 15px;
  background: rgba(27, 27, 33, .98);
  box-shadow: var(--shadow);
}

.test-redesign .topnav-catalog-item {
  border-radius: 9px;
}

.test-redesign .top-actions {
  gap: 8px;
}

.test-redesign .theme-select {
  min-height: 40px;
  padding: 0 34px 0 12px;
  border: 0;
  border-radius: 10px;
  color: #aaa7b2;
  background-color: rgba(255, 255, 255, .055);
  box-shadow: none;
  font-size: 13px;
}

.test-redesign .button,
.test-redesign .button.ghost,
.test-redesign .chip {
  min-height: 42px;
  padding: 0 18px;
  border: 1px solid transparent;
  border-radius: 11px;
  background: var(--accent);
  color: #17100e;
  box-shadow: none;
  font-weight: 800;
  transition: transform .18s ease, background .18s ease, color .18s ease;
}

.test-redesign .button:hover {
  transform: translateY(-2px);
  background: #ff8267;
}

.test-redesign .button.ghost,
.test-redesign .chip {
  border-color: var(--line);
  color: var(--ink);
  background: rgba(255, 255, 255, .045);
}

.test-redesign .button.ghost:hover,
.test-redesign .chip:hover {
  border-color: rgba(255, 255, 255, .18);
  background: rgba(255, 255, 255, .09);
}

.test-redesign .main {
  width: 100%;
  max-width: 1380px;
  margin: 0 auto;
  padding: 34px 32px 80px;
}

.test-redesign .home-cinema {
  gap: 56px;
}

.test-redesign .home-spotlight {
  min-height: min(690px, calc(100vh - 130px));
  overflow: hidden;
  border: 0;
  border-radius: 28px;
  box-shadow: var(--shadow);
}

.test-redesign .home-spotlight::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(8, 8, 11, .94) 0%, rgba(8, 8, 11, .68) 42%, rgba(8, 8, 11, .12) 76%),
    linear-gradient(0deg, rgba(8, 8, 11, .72), transparent 42%);
}

.test-redesign .home-spotlight-bg {
  filter: saturate(.86) contrast(1.06);
  transform: scale(1.015);
}

.test-redesign .home-spotlight-noise {
  opacity: .11;
}

.test-redesign .home-spotlight-content {
  z-index: 3;
  width: min(700px, 63%);
  padding: clamp(44px, 6vw, 88px);
  align-self: end;
}

.test-redesign .home-spotlight:not(.has-resume) .home-spotlight-content {
  width: min(800px, 72%);
}

.test-redesign .home-watch-resume-card:not(.has-resume-cover) {
  display: none;
}

.test-redesign .home-eyebrow,
.test-redesign .home-section-kicker,
.test-redesign .home-card-kicker,
.test-redesign .home-resume-label {
  color: var(--accent-2);
  font-size: 12px;
  font-weight: 850;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.test-redesign .home-spotlight h1 {
  max-width: 760px;
  margin: 13px 0 18px;
  color: #fff;
  font-size: clamp(48px, 5.6vw, 82px);
  line-height: .94;
  letter-spacing: -.065em;
  text-wrap: balance;
}

.test-redesign .home-spotlight-copy {
  max-width: 580px;
  color: #c6c2c4;
  font-size: clamp(17px, 1.5vw, 21px);
  line-height: 1.55;
}

.test-redesign .home-spotlight-primary {
  background: var(--accent);
}

.test-redesign .home-spotlight-meta span {
  padding: 0;
  border: 0;
  color: #bbb6b8;
  background: transparent;
}

.test-redesign .home-spotlight-meta span + span::before {
  content: "·";
  margin-right: 10px;
  color: #77727a;
}

.test-redesign .home-watch-resume-card {
  right: 42px;
  bottom: 42px;
  z-index: 4;
  width: 320px;
  padding: 22px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 18px;
  background: rgba(23, 23, 29, .82);
  box-shadow: 0 18px 45px rgba(0, 0, 0, .3);
  backdrop-filter: blur(18px);
}

.test-redesign .home-watch-resume-card strong {
  font-size: 21px;
  line-height: 1.15;
}

.test-redesign .home-spotlight-rail,
.test-redesign .home-hero-side-rail {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  overflow: visible;
  margin-top: -30px;
  padding: 0 28px;
  position: relative;
  z-index: 5;
}

.test-redesign .home-hero-side-card {
  min-width: 0;
  aspect-ratio: 16 / 10;
  border: 0;
  border-radius: 17px;
  box-shadow: 0 14px 30px rgba(0, 0, 0, .28);
  transition: transform .22s ease, filter .22s ease;
}

.test-redesign .home-hero-side-card:hover {
  transform: translateY(-7px);
  filter: brightness(1.08);
}

.test-redesign .home-signal-strip {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: var(--line);
}

.test-redesign .home-signal-strip a {
  min-height: 102px;
  padding: 24px;
  border: 0;
  border-radius: 0;
  background: #141419;
}

.test-redesign .home-signal-strip a:hover {
  background: #1c1c23;
}

.test-redesign .home-signal-strip span {
  color: #89858f;
}

.test-redesign .home-signal-strip strong {
  color: var(--ink);
  font-size: 18px;
}

.test-redesign .home-cinema-section {
  gap: 22px;
}

.test-redesign .home-cinema-head h2 {
  margin-top: 5px;
  color: var(--ink);
  font-size: clamp(30px, 3.2vw, 46px);
  line-height: 1;
  letter-spacing: -.045em;
}

.test-redesign .home-poster-rail,
.test-redesign .home-rank-rail,
.test-redesign .home-genre-rail {
  gap: 16px;
  padding: 4px 2px 18px;
  scrollbar-color: #444 transparent;
}

.test-redesign .home-poster-card,
.test-redesign .home-rank-card,
.test-redesign .home-genre-card,
.test-redesign .home-collection-card {
  border: 0;
  border-radius: 18px;
  background-color: var(--surface);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
  transition: transform .22s ease, filter .22s ease;
}

.test-redesign .home-poster-card:hover,
.test-redesign .home-rank-card:hover,
.test-redesign .home-genre-card:hover,
.test-redesign .home-collection-card:hover {
  transform: translateY(-6px);
  filter: brightness(1.08);
}

.test-redesign .home-poster-title,
.test-redesign .home-rank-title {
  font-size: 16px;
  line-height: 1.18;
  text-shadow: 0 2px 14px #000;
}

.test-redesign .home-rank-index {
  color: #fff;
  font-size: 72px;
  font-weight: 950;
  letter-spacing: -.08em;
  -webkit-text-stroke: 1px rgba(255, 255, 255, .28);
}

.test-redesign .catalog-layout,
.test-redesign .detail-layout,
.test-redesign .profile-layout {
  gap: 24px;
}

.test-redesign .panel,
.test-redesign .filter-card,
.test-redesign .card,
.test-redesign .profile-card,
.test-redesign .profile-summary-card,
.test-redesign .admin-card,
.test-redesign .comment-card,
.test-redesign .audio-track-card {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(25, 25, 31, .86);
  box-shadow: 0 18px 45px rgba(0, 0, 0, .16);
}

.test-redesign .catalog-card {
  overflow: hidden;
  border: 0;
  border-radius: 17px;
  background: var(--surface);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
}

.test-redesign .catalog-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 42px rgba(0, 0, 0, .34);
}

.test-redesign input,
.test-redesign select,
.test-redesign textarea {
  border-color: var(--line);
  border-radius: 11px;
  background-color: #121217;
}

.test-redesign input:focus,
.test-redesign select:focus,
.test-redesign textarea:focus {
  border-color: rgba(255, 107, 74, .7);
  box-shadow: 0 0 0 3px rgba(255, 107, 74, .12);
}

.test-redesign .footer {
  max-width: 1380px;
  margin: 30px auto 0;
  padding: 30px 32px 42px;
  border-top: 1px solid var(--line);
  color: #77737d;
}

.test-redesign .cookie-consent {
  right: 24px;
  bottom: 24px;
  left: auto;
  width: min(420px, calc(100vw - 48px));
  padding: 17px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(28, 28, 34, .96);
  box-shadow: var(--shadow);
  backdrop-filter: blur(18px);
}

@media (max-width: 1040px) {
  .test-redesign .topbar-main { padding: 0 20px; }
  .test-redesign .main { padding: 24px 20px 64px; }
  .test-redesign .theme-select { display: none; }
  .test-redesign .home-spotlight-content { width: 70%; padding: 48px; }
  .test-redesign .home-watch-resume-card { display: none; }
  .test-redesign .home-spotlight-rail { grid-template-columns: repeat(5, 190px); overflow-x: auto; padding-bottom: 12px; }
}

@media (max-width: 760px) {
  .test-redesign .topbar-main {
    display: grid;
    grid-template-columns: 1fr auto;
    min-height: 0;
    padding: 15px 15px 0;
    gap: 10px 14px;
  }
  .test-redesign .brand { align-self: center; }
  .test-redesign .top-actions { justify-self: end; }
  .test-redesign .top-actions .theme-select,
  .test-redesign .top-actions .button:not(.ghost) { display: none; }
  .test-redesign .top-actions .button.ghost { display: inline-flex; min-height: 38px; padding: 0 13px; font-size: 12px; }
  .test-redesign .topnav {
    grid-column: 1 / -1;
    order: 3;
    width: calc(100vw - 30px);
    padding-bottom: 10px;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .test-redesign .topnav::-webkit-scrollbar { display: none; }
  .test-redesign .topnav > a,
  .test-redesign .topnav-catalog-trigger { padding-inline: 10px; white-space: nowrap; }
  .test-redesign .main { padding: 16px 14px 52px; }
  .test-redesign .home-cinema { gap: 40px; }
  .test-redesign .home-spotlight { min-height: 570px; padding: 0; border-radius: 22px; overflow: hidden; }
  .test-redesign .home-spotlight::after { background: linear-gradient(0deg, rgba(8, 8, 11, .97) 4%, rgba(8, 8, 11, .4) 75%, rgba(8, 8, 11, .2)); }
  .test-redesign .home-spotlight-content {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 28px 24px 34px;
    overflow: hidden;
  }
  .test-redesign .home-spotlight:not(.has-resume) .home-spotlight-content { width: 100%; }
  .test-redesign .home-spotlight h1 {
    max-width: 100%;
    font-size: clamp(39px, 12vw, 54px);
    overflow-wrap: anywhere;
  }
  .test-redesign .home-spotlight-copy { max-width: 100%; font-size: 15px; }
  .test-redesign .home-spotlight-actions { flex-wrap: wrap; }
  .test-redesign .home-spotlight-actions .button { flex: 0 1 auto; width: auto; padding-inline: 16px; }
  .test-redesign .home-spotlight-rail { margin-top: -18px; padding: 0 14px 12px; grid-template-columns: repeat(5, 150px); }
  .test-redesign .home-signal-strip { grid-template-columns: repeat(2, 1fr); }
  .test-redesign .home-signal-strip a { min-height: 88px; padding: 18px; }
  .test-redesign .home-cinema-head h2 { font-size: 32px; }
  .test-redesign .footer { padding-inline: 18px; }
  .test-redesign .cookie-consent {
    right: 14px;
    bottom: 14px;
    left: auto;
    width: calc(100vw - 28px);
    max-width: none;
    transform: none;
    flex-direction: column;
    align-items: stretch;
  }
  .test-redesign .cookie-consent .button { width: 100%; }
}

/* Structural test homepage — editorial streaming product, not a reskin. */
.test-redesign .studio-header {
  position: sticky;
  top: 0;
  z-index: 80;
  display: grid;
  grid-template-columns: 220px 1fr auto;
  align-items: center;
  min-height: 78px;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 30px;
  border-bottom: 1px solid rgba(255,255,255,.1);
  background: rgba(13,13,17,.92);
  backdrop-filter: blur(22px);
}

.studio-brand { display:flex; align-items:center; gap:7px; color:#f7f2e8; font-size:15px; font-weight:950; letter-spacing:-.045em; }
.studio-brand i { width:5px; height:5px; border-radius:50%; background:#ff6548; }
.studio-brand span:last-child { color:#8d8991; font-weight:750; }
.studio-nav { display:flex; justify-content:center; gap:26px; }
.studio-nav a { position:relative; padding:28px 0 25px; color:#b4b0b7; font-size:13px; font-weight:700; }
.studio-nav a::after { content:""; position:absolute; right:0; bottom:-1px; left:0; height:2px; background:#ff6548; transform:scaleX(0); transition:transform .2s ease; }
.studio-nav a:hover { color:#fff; }
.studio-nav a:hover::after { transform:scaleX(1); }
.studio-tools { display:flex; align-items:center; justify-content:flex-end; min-width:142px; gap:24px; }
.studio-search { display:flex; align-items:center; gap:8px; color:#aaa6ad; font-size:12px; }
.studio-search span { width:15px; height:15px; border:1.5px solid currentColor; border-radius:50%; position:relative; }
.studio-search span::after { content:""; position:absolute; width:6px; height:1.5px; right:-5px; bottom:-2px; background:currentColor; transform:rotate(45deg); }
.studio-login { padding:9px 15px; border:1px solid rgba(255,255,255,.16); border-radius:999px; color:#fff; font-size:12px; font-weight:750; }
.studio-account { display:grid; place-items:center; width:36px; height:36px; border-radius:50%; color:#17100e; background:#ff6548; font-weight:900; }

.test-redesign .main:has(.editorial-home) { max-width:1440px; padding:0 30px 100px; }
.editorial-home { display:grid; gap:120px; padding-top:26px; }
.editorial-hero { position:relative; min-height:720px; overflow:hidden; border-radius:2px; background:#18171b; }
.editorial-hero-art { position:absolute; inset:0; background-image:var(--hero); background-size:cover; background-position:center 28%; transform:scale(1.01); }
.editorial-hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(8,8,11,.96) 0%,rgba(8,8,11,.67) 43%,rgba(8,8,11,.04) 79%),linear-gradient(0deg,rgba(8,8,11,.65),transparent 45%); }
.editorial-hero-copy { position:absolute; z-index:2; left:clamp(35px,6vw,90px); bottom:78px; width:min(680px,58%); }
.editorial-issue,.editorial-section-head span,.editorial-side-label { color:#ff9b55; font-size:11px; font-weight:850; letter-spacing:.16em; text-transform:uppercase; }
.editorial-hero h1 { margin:16px 0 20px; color:#fff; font-size:clamp(56px,6vw,92px); line-height:.91; letter-spacing:-.07em; text-wrap:balance; }
.editorial-hero-copy > p { max-width:570px; margin:0 0 18px; color:#c1bdc2; font-size:17px; line-height:1.55; }
.editorial-meta { display:flex; gap:9px; color:#aca8ad; font-size:12px; }
.editorial-meta span+span::before { content:"·"; padding-right:9px; color:#656169; }
.editorial-actions { display:flex; align-items:center; gap:24px; margin-top:28px; }
.editorial-play { display:inline-flex; align-items:center; gap:11px; min-height:50px; padding:0 23px; color:#17100d; background:#ff6548; font-size:14px; font-weight:900; }
.editorial-play i { width:0; height:0; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:9px solid currentColor; }
.editorial-more { color:#fff; font-size:13px; font-weight:750; }
.editorial-more span { margin-left:8px; color:#ff9b55; }
.editorial-hero-index { position:absolute; z-index:2; top:34px; right:36px; color:rgba(255,255,255,.55); font:700 12px/1 monospace; }
.editorial-resume { position:absolute; z-index:3; right:36px; bottom:34px; display:grid; width:280px; padding:20px; color:#fff; background:rgba(15,15,19,.86); border-left:3px solid #ff6548; backdrop-filter:blur(16px); }
.editorial-resume span { color:#ff9b55; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.12em; }
.editorial-resume strong { margin-top:8px; font-size:16px; }
.editorial-resume small { margin-top:5px; color:#99959d; }

.editorial-section-head { display:grid; grid-template-columns:1fr 320px; align-items:end; gap:40px; margin-bottom:42px; }
.editorial-section-head h2 { margin:10px 0 0; color:#f6f1e8; font-size:clamp(40px,4.3vw,68px); line-height:.96; letter-spacing:-.055em; }
.editorial-section-head > p { margin:0; color:#8f8b93; font-size:15px; line-height:1.65; }
.editorial-section-head.compact { grid-template-columns:1fr auto; }
.editorial-section-head.compact h2 { font-size:clamp(38px,3.7vw,58px); }
.editorial-section-head > a { padding-bottom:5px; color:#b5b0b8; font-size:13px; border-bottom:1px solid #56525a; }
.editorial-featured .editorial-section-head { grid-template-columns:1fr; }
.editorial-featured .editorial-section-head h2 { font-size:clamp(38px,3.6vw,58px); line-height:.98; }

.editorial-feature-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:16px; }
.editorial-feature-card { display:grid; color:#fff; }
.editorial-feature-poster { display:block; aspect-ratio:2/3; background-image:var(--poster-image); background-size:cover; background-position:center; filter:saturate(.82); transition:transform .28s ease,filter .28s ease; }
.editorial-feature-card:hover .editorial-feature-poster { transform:translateY(-8px); filter:saturate(1.05); }
.editorial-feature-info { display:grid; grid-template-columns:28px 1fr; gap:4px 8px; padding-top:15px; }
.editorial-feature-info b { grid-row:1/3; color:#625e66; font:500 11px monospace; }
.editorial-feature-info strong { overflow:hidden; font-size:14px; line-height:1.2; white-space:nowrap; text-overflow:ellipsis; }
.editorial-feature-info small { color:#817d85; font-size:11px; }

.editorial-chart-list { border-top:1px solid rgba(255,255,255,.13); }
.editorial-chart-row { display:grid; grid-template-columns:70px 64px minmax(240px,1fr) 230px 30px; align-items:center; gap:22px; min-height:92px; padding:12px 6px; border-bottom:1px solid rgba(255,255,255,.1); color:#eee9e1; transition:background .18s,padding .18s; }
.editorial-chart-row:hover { padding-inline:16px; background:#17171d; }
.editorial-chart-row > b { color:#69656c; font:500 13px monospace; }
.editorial-chart-thumb { width:64px; height:64px; background-image:var(--poster-image); background-size:cover; background-position:center; }
.editorial-chart-row strong { font-size:22px; letter-spacing:-.035em; }
.editorial-chart-row small { color:#88848c; }
.editorial-chart-row i { color:#ff7659; font-style:normal; }

.editorial-genres { display:grid; grid-template-columns:220px 1fr; gap:50px; padding:70px 0; border-top:1px solid rgba(255,255,255,.12); border-bottom:1px solid rgba(255,255,255,.12); }
.editorial-genre-links { display:flex; flex-wrap:wrap; gap:3px 22px; }
.editorial-genre-links a { color:#e6e0d8; font-size:clamp(31px,4.2vw,63px); font-weight:760; line-height:1.14; letter-spacing:-.055em; }
.editorial-genre-links a:hover { color:#ff6548; }
.editorial-genre-links sup { margin-left:5px; color:#656169; font:500 9px monospace; vertical-align:top; }

.editorial-poster-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:16px; }
.editorial-poster { display:grid; color:#fff; }
.editorial-poster > span { aspect-ratio:2/3; background-image:var(--poster-image); background-size:cover; background-position:center; transition:filter .2s,transform .2s; }
.editorial-poster:hover > span { filter:brightness(1.12); transform:translateY(-6px); }
.editorial-poster strong { margin-top:13px; overflow:hidden; font-size:14px; line-height:1.25; white-space:nowrap; text-overflow:ellipsis; }
.editorial-poster small { margin-top:5px; color:#7f7b83; font-size:11px; }

.editorial-news-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }
.editorial-news { display:grid; align-content:start; color:#eee9e1; }
.editorial-news > span { aspect-ratio:16/9; margin-bottom:18px; background-image:var(--poster-image); background-size:cover; background-position:center; filter:saturate(.75); }
.editorial-news small { color:#77737b; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.editorial-news strong { margin-top:10px; font-size:22px; line-height:1.15; letter-spacing:-.035em; }
.editorial-news i { margin-top:18px; color:#ff7659; font-size:12px; font-style:normal; }

@media(max-width:980px){
  .test-redesign .studio-header{grid-template-columns:1fr auto; padding:0 20px}.studio-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;min-width:0;overflow-x:auto}.studio-tools{grid-column:2;grid-row:1}.studio-search{display:none}
  .test-redesign .main:has(.editorial-home){padding-inline:20px}.editorial-home{gap:86px}.editorial-hero{min-height:650px}.editorial-hero-copy{width:72%}.editorial-feature-grid{grid-template-columns:repeat(5,190px);overflow-x:auto;padding-bottom:12px}.editorial-poster-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:640px){
  html:has(body.test-redesign),body.test-redesign,.test-redesign .page-shell{width:100%;max-width:100%;overflow-x:hidden}
  .test-redesign .studio-header{box-sizing:border-box;width:100%;max-width:100vw;min-height:0;margin:0;padding:14px 15px 0}.studio-nav{box-sizing:border-box;width:calc(100vw - 30px);max-width:calc(100vw - 30px);gap:24px}.studio-nav a{flex:0 0 auto;padding:14px 0 13px}.test-redesign .main:has(.editorial-home){box-sizing:border-box;width:100%;max-width:100%;padding:14px 0 70px}.editorial-home{width:100%;max-width:100%;gap:72px}.editorial-home>section:not(.editorial-hero){box-sizing:border-box;width:calc(100% - 36px);margin-inline:18px}
  .editorial-hero{box-sizing:border-box;width:100%;max-width:100vw;min-height:620px;border-radius:0}.editorial-hero-shade{background:linear-gradient(0deg,rgba(8,8,11,.98) 4%,rgba(8,8,11,.25) 80%)}.editorial-hero-copy{box-sizing:border-box;left:24px;right:24px;bottom:42px;width:auto;max-width:calc(100vw - 48px)}.editorial-hero h1{max-width:100%;font-size:clamp(40px,12vw,56px);overflow-wrap:anywhere}.editorial-hero-copy>p{max-width:100%;font-size:14px}.editorial-hero-index,.editorial-resume{display:none}.editorial-actions{gap:18px}.editorial-play{min-height:46px;padding-inline:18px}
  .editorial-section-head,.editorial-section-head.compact{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.editorial-section-head h2,.editorial-section-head.compact h2{font-size:39px}.editorial-section-head>p{max-width:300px}.editorial-section-head>a{justify-self:start}.editorial-feature-grid{width:100%;max-width:100%;grid-template-columns:repeat(5,158px);gap:11px;overflow-x:auto}.editorial-chart-row{grid-template-columns:35px 48px minmax(0,1fr) 20px;gap:10px;min-height:74px}.editorial-chart-thumb{width:48px;height:48px}.editorial-chart-row strong{overflow:hidden;font-size:15px;white-space:nowrap;text-overflow:ellipsis}.editorial-chart-row small{display:none}
  .editorial-genres{grid-template-columns:1fr;gap:28px;padding-block:50px}.editorial-genre-links{gap:4px 12px}.editorial-genre-links a{font-size:34px}.editorial-poster-grid{grid-template-columns:repeat(2,1fr);gap:13px}.editorial-poster-grid .editorial-poster:nth-child(n+5){display:none}.editorial-news-grid{grid-template-columns:1fr;gap:34px}
}

.editorial-catalog{padding:76px 0 30px}.catalog-masthead{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:30px;margin-bottom:72px}.catalog-masthead>span{grid-column:1/-1;color:#ff9b55;font-size:11px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.catalog-masthead h1{margin:0;color:#f5f0e8;font-size:clamp(60px,7vw,105px);line-height:.86;letter-spacing:-.075em}.catalog-command{align-self:end;display:grid;grid-template-columns:1fr auto;border-bottom:1px solid #77727a}.catalog-command input{height:64px;padding:0;border:0!important;border-radius:0!important;background:transparent!important;color:#fff;font-size:20px;box-shadow:none!important}.catalog-command button{border:0;color:#17100d;background:#ff6548;padding:0 25px;font-weight:850}.catalog-command button i{margin-left:20px;font-style:normal}.catalog-filter-line{display:grid;grid-template-columns:repeat(5,1fr) auto;gap:1px;margin-bottom:45px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1)}.catalog-filter-line label{display:grid;gap:8px;padding:13px 15px;background:#111116}.catalog-filter-line label>span{color:#706c74;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.catalog-filter-line input,.catalog-filter-line select{height:25px;padding:0;border:0!important;border-radius:0!important;background:transparent!important;color:#ddd8d1;font-size:12px;box-shadow:none!important}.catalog-filter-line button{border:0;padding:0 20px;color:#17100d;background:#ff6548;font-size:11px;font-weight:850}.catalog-result-head{display:flex;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.12);color:#aaa6ad;font-size:12px}.catalog-result-head p{margin:0;color:#eee9e1;font-size:16px;font-weight:750}.catalog-poster-wall{display:grid;grid-template-columns:repeat(5,1fr);gap:38px 17px;padding-top:28px}.catalog-poster-item{display:grid;min-width:0}.catalog-poster-image{position:relative;aspect-ratio:2/3;overflow:hidden;background-image:var(--poster-image);background-size:cover;background-position:center}.catalog-poster-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 40%);opacity:0;transition:opacity .2s}.catalog-poster-image b{position:absolute;z-index:2;top:10px;right:10px;padding:6px 8px;color:#1b130f;background:#ff9b55;font-size:10px}.catalog-poster-image i{position:absolute;z-index:2;right:14px;bottom:14px;left:14px;color:#fff;font-size:12px;font-style:normal;opacity:0;transform:translateY(8px);transition:.2s}.catalog-poster-item:hover .catalog-poster-image::after,.catalog-poster-item:hover .catalog-poster-image i{opacity:1}.catalog-poster-item:hover .catalog-poster-image i{transform:none}.catalog-poster-name{margin-top:13px;overflow:hidden;color:#f0ebe3;font-size:15px;font-weight:750;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.catalog-poster-item>span{margin-top:5px;color:#77737b;font-size:10px}.catalog-editorial-pagination{display:flex;justify-content:space-between;margin-top:54px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12)}.catalog-editorial-pagination a{color:#ff8065;font-size:13px}.catalog-zero{grid-column:1/-1;padding:80px 0;color:#8d8991}.catalog-zero strong{color:#eee9e1;font-size:30px}
@media(max-width:900px){.editorial-catalog{padding-top:50px}.catalog-masthead{grid-template-columns:1fr;margin-bottom:50px}.catalog-masthead>span{grid-column:auto}.catalog-filter-line{grid-template-columns:repeat(3,1fr)}.catalog-filter-line button{min-height:60px}.catalog-poster-wall{grid-template-columns:repeat(3,1fr)}}
@media(max-width:640px){.editorial-catalog{box-sizing:border-box;width:100%;padding:45px 18px 20px}.catalog-masthead{gap:24px}.catalog-masthead h1{font-size:58px}.catalog-command input{min-width:0;font-size:15px}.catalog-command button{padding-inline:16px}.catalog-command button i{display:none}.catalog-filter-line{grid-template-columns:repeat(2,1fr);overflow:hidden}.catalog-filter-line button{min-height:55px}.catalog-poster-wall{grid-template-columns:repeat(2,1fr);gap:30px 12px}.catalog-poster-name{font-size:13px}}