@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 200 800; font-stretch: 75% 100%; font-display: swap; src: url(/assets/fonts/bricolage-grotesque/bricolage-grotesque-latin-ext-v9.woff2) format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Bricolage Grotesque"; font-style: normal; font-weight: 200 800; font-stretch: 75% 100%; font-display: swap; src: url(/assets/fonts/bricolage-grotesque/bricolage-grotesque-latin-v9.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Alexandria"; src: url(/assets/fonts/alexandria/alexandria-arabic.woff2) format("woff2"); font-weight: 100 500; font-style: normal; font-display: swap; size-adjust: 86%; unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }
@font-face { font-family: "Alexandria"; src: url(/assets/fonts/alexandria/alexandria-arabic.woff2) format("woff2"); font-weight: 600 900; font-style: normal; font-display: swap; size-adjust: 82%; unicode-range: U+0600-06FF, U+0750-077F, U+0870-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC; }

:root {
  color-scheme: dark;
  --ink: #050505; --paper: #F5F5F2; --red: #D90E43; --red-mid: #8A163C; --red-deep: #4A0018;
  --f: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;
  --pad: clamp(20px, 4vw, 64px);
  --ease: cubic-bezier(.16, 1, .3, 1);
  --bar: 64px;
}
html[dir="rtl"] { --f: "Alexandria", "Bricolage Grotesque", "Helvetica Neue", Arial, Tahoma, "Noto Sans Arabic", sans-serif; }

*, *::before, *::after { box-sizing: border-box; }
html { background: var(--ink); color: var(--paper); -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; background: var(--ink); color: var(--paper); font-family: var(--f); font-size: clamp(1rem, .3vw + .95rem, 1.0625rem); line-height: 1.55; font-optical-sizing: auto; -webkit-font-smoothing: antialiased; overflow-x: clip; }
a { color: inherit; }
img, svg, canvas { display: block; max-width: 100%; }
h1, h2, h3, p, ul, ol, dl, dd, figure { margin: 0; }
ul, ol { list-style: none; padding: 0; }
button { font: inherit; color: inherit; background: none; border: 0; padding: 0; cursor: pointer; }
:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }
::selection { background: var(--red); color: var(--paper); }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.st-skip { position: fixed; inset-inline-start: 12px; inset-block-start: -80px; z-index: 90; padding: .7rem 1rem; background: var(--paper); color: var(--ink); }
.st-skip:focus { inset-block-start: 12px; }
.st-rec { display: inline-block; width: .6rem; height: .6rem; border-radius: 50%; background: var(--red); box-shadow: 0 0 12px rgba(217, 14, 67, .9); }
@media (prefers-reduced-motion: no-preference) { .st-rec { animation: st-rec 1.4s steps(2, jump-none) infinite; } }
@keyframes st-rec { 50% { opacity: .2; } }
.st-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.st-art { position: absolute; inset: 0; display: block; overflow: hidden; background: var(--a-bg, #151518); }
.st-art::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(var(--a-dot, var(--paper)) 32%, transparent 35%); background-size: 13px 13px; -webkit-mask-image: linear-gradient(160deg, #000 5%, transparent 80%); mask-image: linear-gradient(160deg, #000 5%, transparent 80%); }
.st-art::after { content: ""; position: absolute; width: 44%; aspect-ratio: 1; border-radius: 50%; inset-inline-end: 11%; inset-block-end: 13%; background: var(--a-sun, var(--red)); }
.st-art--1 { --a-bg: var(--paper); --a-dot: var(--ink); --a-sun: var(--red); }
.st-art--2 { --a-bg: var(--ink); --a-dot: var(--red); --a-sun: var(--paper); }
.st-art--3 { --a-bg: var(--red); --a-dot: var(--ink); --a-sun: var(--paper); }
.st-art--4 { --a-bg: var(--paper); --a-dot: var(--red); --a-sun: var(--ink); }
.st-art--5 { --a-bg: #1b1b1f; --a-dot: var(--paper); --a-sun: var(--red); }
.st-art--6 { --a-bg: var(--red-mid); --a-dot: var(--paper); --a-sun: var(--ink); }

.st-cta { display: inline-flex; align-items: center; gap: 1rem; margin-top: .8rem; padding: 1.05rem 1.7rem; border-radius: 999px; background: var(--red); color: var(--paper); font-size: .82rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; transition: background-color .35s, color .35s, transform .35s var(--ease); }
.st-cta:focus-visible { background: var(--paper); color: var(--ink); transform: translateY(-3px); }
@media (hover: hover) { .st-cta:hover { background: var(--paper); color: var(--ink); transform: translateY(-3px); } }
.st-cta i { position: relative; width: 1.4rem; height: 1px; background: currentColor; }
.st-cta i::after { content: ""; position: absolute; inset-inline-end: 0; inset-block-start: -3px; width: 7px; height: 7px; border-top: 1px solid currentColor; border-inline-end: 1px solid currentColor; transform: rotate(45deg); }
html[dir="rtl"] .st-cta i::after { transform: rotate(-135deg); }

.bar { position: fixed; z-index: 60; inset: 0 0 auto 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 14px var(--pad); font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; pointer-events: none; }
.bar a { pointer-events: auto; text-decoration: none; color: var(--paper); background: rgba(5, 5, 5, .6); border: 1px solid rgba(245, 245, 242, .26); border-radius: 999px; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transition: background-color .25s, border-color .25s, color .25s; }
.bar__back { display: inline-flex; gap: .6rem; padding: .55rem 1rem; }
.bar__lang { display: flex; gap: .3rem; }
.bar__lang a { padding: .5rem .75rem; }
.bar a:focus-visible { background: var(--red); border-color: var(--red); }
@media (hover: hover) { .bar a:hover { background: var(--red); border-color: var(--red); } }
.bar__lang a[aria-current="true"] { background: var(--paper); color: var(--ink); border-color: var(--paper); }

.tl { position: fixed; z-index: 55; inset-inline: var(--pad); inset-block-end: calc(14px + env(safe-area-inset-bottom, 0px)); height: 44px; margin-inline: auto; max-width: 920px; border-radius: 999px; background: rgba(5, 5, 5, .74); border: 1px solid rgba(245, 245, 242, .2); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); overflow: hidden; color: var(--paper); transition: opacity .5s, transform .5s var(--ease); }
.tl ol { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; height: 100%; }
.tl a { position: relative; z-index: 1; display: flex; height: 100%; align-items: center; justify-content: center; gap: .55rem; padding-inline: .6rem; font-size: .66rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; white-space: nowrap; opacity: .7; transition: opacity .25s, background-color .25s; }
.tl a:focus-visible, .tl a[aria-current="true"] { opacity: 1; background: rgba(245, 245, 242, .1); }
@media (hover: hover) { .tl a:hover { opacity: 1; background: rgba(245, 245, 242, .1); } }
.tl__n { color: #FF5C85; }
.tl__head { position: absolute; z-index: 2; inset-block: 0; inset-inline-start: calc(var(--g, 0) * 100%); width: 2px; background: var(--red); box-shadow: 0 0 12px rgba(217, 14, 67, .9); pointer-events: none; }
.st-js:not(.st-off) .tl { opacity: 0; transform: translateY(20px); pointer-events: none; }
.st-js:not(.st-off) .tl.is-on { opacity: 1; transform: none; pointer-events: auto; }

.hero { position: relative; isolation: isolate; display: flex; flex-direction: column; justify-content: space-between; gap: clamp(1.4rem, 5vh, 3.4rem); min-height: 100vh; min-height: 100svh; padding: calc(var(--bar) + 2vh) var(--pad) clamp(1.6rem, 5vh, 3.2rem); overflow: hidden; background: var(--ink); }
.hero__fb { position: absolute; inset: 0; z-index: -3; background: radial-gradient(60% 60% at 72% 30%, var(--red) 0, var(--red-deep) 58%, #050505 100%); }
.hero__gl { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; opacity: 0; transition: opacity .9s; }
.hero.is-gl .hero__gl { opacity: 1; }
.hero::after { content: ""; position: absolute; inset: auto 0 0 0; z-index: -1; height: 62%; pointer-events: none; background: linear-gradient(180deg, transparent, rgba(5, 5, 5, .82) 74%); }
.hero__top { display: grid; justify-items: start; gap: clamp(.6rem, 1.6vh, 1.2rem); }
.hero__k { display: inline-flex; align-items: center; gap: .7rem; padding: .45rem .95rem; border: 1px solid rgba(245, 245, 242, .34); border-radius: 999px; background: rgba(5, 5, 5, .5); font-size: .7rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.hero__t { display: grid; margin: 0; font-weight: 800; font-stretch: 75%; font-variation-settings: "opsz" 96; text-transform: uppercase; font-size: clamp(4rem, 15vw, 15rem); line-height: .8; letter-spacing: -.02em; }
.hero__row { display: block; white-space: nowrap; }
.hero.is-gl-t .hero__t { color: transparent; }
.hero__low { display: grid; gap: clamp(.9rem, 2.4vh, 1.6rem); justify-items: start; }
.hero__lead { max-width: 36ch; font-size: clamp(1.05rem, 1.55vw, 1.45rem); line-height: 1.35; color: rgba(245, 245, 242, .96); text-shadow: 0 1px 16px rgba(5, 5, 5, .7); }
.hero__list { display: grid; gap: .08rem; }
.hero__list a { display: flex; align-items: baseline; gap: 1rem; color: var(--paper); font-weight: 800; font-stretch: 75%; text-transform: uppercase; font-size: clamp(1.5rem, 2.9vw, 2.9rem); line-height: 1; text-decoration: none; transition: transform .45s var(--ease), color .3s; }
.hero__ln { font-size: .7rem; font-weight: 700; letter-spacing: .16em; color: #FF5C85; transform: translateY(-.9em); }
.hero__list a:focus-visible { transform: translateX(18px); color: #fff; outline: none; }
@media (hover: hover) { .hero__list a:hover { transform: translateX(18px); color: #fff; outline: none; } }
html[dir="rtl"] .hero__list a:focus-visible { transform: translateX(-18px); }
@media (hover: hover) { html[dir="rtl"] .hero__list a:hover { transform: translateX(-18px); } }
.hero__hint { font-size: .7rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; opacity: .78; }
.hero__hint--touch { display: none; }
@media (hover: none) { .hero__hint--fine { display: none; } .hero__hint--touch { display: inline; } }
@media (prefers-reduced-motion: no-preference) { .hero__k, .hero__lead { animation: st-rise 1s var(--ease) both; } .hero__lead { animation-delay: .35s; } .hero__t { animation: st-fade 1s ease .1s both; } }
@keyframes st-rise { from { opacity: 0; transform: translateY(.5em); } to { opacity: 1; transform: none; } }
@keyframes st-fade { from { opacity: 0; } to { opacity: 1; } }

.sg { position: relative; display: grid; align-content: center; gap: .08em; overflow: hidden; padding-block: clamp(.9rem, 2.4vh, 1.7rem); font-weight: 800; font-stretch: 75%; text-transform: uppercase; font-size: clamp(2.2rem, 7.4vh, 5.6rem); line-height: .95; white-space: nowrap; user-select: none; }
.sg::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(0deg, rgba(0, 0, 0, .16) 0 1px, transparent 1px 3px); }
.sg--red { background: var(--red); color: var(--ink); }
.sg--paper { background: var(--paper); color: var(--ink); }
.sg__row { display: block; will-change: transform; }
.sg__row--out { color: transparent; -webkit-text-stroke: 2px var(--ink); }
@media (prefers-reduced-motion: no-preference) {
  .st-js:not(.st-off) .sg__row { animation: st-run 38s linear infinite; }
  .st-js:not(.st-off) .sg__row--out { animation-direction: reverse; }
}
@keyframes st-run { to { transform: translateX(-30%); } }
.st-js.st-ready .sg__row { animation: none; }

.w { position: relative; isolation: isolate; padding: clamp(3.6rem, 7vw, 6.4rem) var(--pad) clamp(4rem, 8vw, 7rem); color: var(--paper); }
.w--soon { padding-block: clamp(3rem, 6vw, 5rem); background: var(--ink); }
.w--soon .w__h { font-size: clamp(2.2rem, 6vw, 5.2rem); }
.w--soon .w__intro { margin-top: .8rem; }
.w__head { display: grid; grid-template-columns: auto minmax(0, 1fr) minmax(0, 26rem); align-items: end; gap: .8rem clamp(1rem, 3vw, 3rem); margin-bottom: clamp(1.8rem, 4vw, 3.4rem); }
.w__no { font-weight: 800; font-stretch: 75%; font-size: clamp(3.4rem, 8vw, 7.6rem); line-height: .8; color: transparent; -webkit-text-stroke: 1.5px var(--paper); opacity: .6; font-variant-numeric: tabular-nums; }
.w__slug { font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; opacity: .8; }
.w__h { margin-top: .5rem; overflow-wrap: break-word; font-weight: 800; font-stretch: 75%; font-variation-settings: "opsz" 96; text-transform: uppercase; font-size: clamp(2.8rem, 8.4vw, 8.6rem); line-height: .86; letter-spacing: -.012em; text-wrap: balance; }
.w__intro { max-width: 30rem; padding-bottom: .6rem; opacity: .86; }
.st-js:not(.st-off) .w__head { opacity: 0; transform: translateY(26px); transition: opacity .9s var(--ease), transform 1s var(--ease); }
.st-js:not(.st-off) .w.is-in .w__head { opacity: 1; transform: none; }

.fm-list { display: grid; gap: clamp(1.2rem, 3vw, 2.4rem); }
.fm { container-type: inline-size; }
.fm--red { --fm-bg: var(--red); --fm-dot: var(--ink); --fm-sun: var(--ink); }
.fm--ink { --fm-bg: #0c0c0e; --fm-dot: var(--red); --fm-sun: var(--red); }
.fm__poster { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, clamp(220px, 30cqw, 420px)) minmax(0, 1fr); align-items: center; gap: clamp(1.2rem, 5cqw, 4rem); overflow: hidden; padding: clamp(1.2rem, 4cqw, 3.4rem); color: var(--paper); background: var(--fm-bg); border-radius: 4px; box-shadow: 0 34px 60px -34px rgba(0, 0, 0, .6); }
.fm--ink .fm__fig { order: 2; }
.fm--ink .fm__poster { grid-template-columns: minmax(0, 1fr) minmax(0, clamp(220px, 30cqw, 420px)); }
.fm--bare .fm__poster, .fm--bare.fm--ink .fm__poster { grid-template-columns: minmax(0, 1fr); }
.fm__art { position: absolute; inset: 0; z-index: -2; overflow: hidden; }
.fm__art::before { content: ""; position: absolute; inset: 0; background-image: radial-gradient(var(--fm-dot) 32%, transparent 35%); background-size: 14px 14px; -webkit-mask-image: linear-gradient(200deg, #000 0%, transparent 62%); mask-image: linear-gradient(200deg, #000 0%, transparent 62%); }
.fm__art::after { content: ""; position: absolute; width: min(44%, 560px); aspect-ratio: 1; border-radius: 50%; inset-inline-end: -6%; inset-block-start: -22%; background: var(--fm-sun); transition: transform 1s var(--ease); }
.fm--ink .fm__art::after { inset-inline-end: auto; inset-inline-start: -6%; }
@media (hover: hover) { .fm__poster:hover .fm__art::after { transform: scale(1.06) translateY(4%); } }
.fm__beam { position: absolute; inset: -30% -40%; z-index: -1; pointer-events: none; background: linear-gradient(100deg, transparent 45%, rgba(255, 255, 255, .2) 50%, transparent 55%); transform: translateX(-60%); transition: transform 1.5s var(--ease); }
.fm__poster:focus-within .fm__beam { transform: translateX(60%); }
@media (hover: hover) { .fm__poster:hover .fm__beam { transform: translateX(60%); } }
.fm__fig { margin: 0; transform: rotate(-2.2deg); transition: transform .7s var(--ease); }
.fm--ink .fm__fig { transform: rotate(2.2deg); }
.fm__poster:focus-within .fm__fig { transform: rotate(0deg) scale(1.02); }
@media (hover: hover) { .fm__poster:hover .fm__fig { transform: rotate(0deg) scale(1.02); } }
.fm__zoom { display: block; width: 100%; cursor: zoom-in; box-shadow: 0 30px 60px -18px rgba(0, 0, 0, .75), 0 0 0 1px rgba(245, 245, 242, .18); }
.fm__img { display: block; width: 100%; height: auto; }
.fm__body { display: grid; gap: clamp(.5rem, 1.4cqw, .9rem); align-content: center; min-width: 0; }
.fm__meta { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem 1rem; margin: 0; }
.fm__year { font-weight: 800; font-stretch: 75%; font-size: clamp(3rem, 8.5cqw, 6.4rem); line-height: .8; color: transparent; -webkit-text-stroke: 1.5px var(--paper); font-variant-numeric: tabular-nums; }
.fm__kind { margin: 0; padding: .4rem .8rem; border: 1px solid rgba(245, 245, 242, .5); border-radius: 999px; background: rgba(5, 5, 5, .25); font-size: .66rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.fm__by { margin: 0; font-size: .7rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.fm__by b { font-weight: 800; }
.fm__t { margin: 0; font-weight: 800; font-stretch: 75%; font-variation-settings: "opsz" 96; text-transform: uppercase; font-size: clamp(3rem, 15vw, 6rem); font-size: clamp(3rem, 11.5cqw, 9rem); line-height: .84; letter-spacing: -.02em; overflow-wrap: anywhere; }
.fm__ch { display: inline-block; }
.fm__sp { display: inline-block; width: .22em; }
.fm__txt { max-width: 40ch; margin: 0; font-size: clamp(1rem, 1.9cqw, 1.3rem); line-height: 1.4; }
.fm__act { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem 1.4rem; margin-top: clamp(.3rem, 1.2cqw, .8rem); }
.fm__play { display: inline-flex; align-items: center; gap: .7rem; padding: .75rem 1.15rem .75rem .8rem; border-radius: 999px; background: var(--paper); color: var(--ink); font-size: .76rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; transition: background-color .3s, color .3s, transform .35s var(--ease); }
.fm__play svg { width: 22px; height: 22px; padding: 4px; border-radius: 50%; background: var(--ink); color: var(--paper); }
html[dir="rtl"] .fm__play svg { transform: scaleX(-1); }
.fm__play:focus-visible { background: var(--ink); color: var(--paper); transform: translateY(-2px); outline: none; }
@media (hover: hover) { .fm__play:hover { background: var(--ink); color: var(--paper); transform: translateY(-2px); outline: none; } }
.fm--ink .fm__play:focus-visible { background: var(--red); }
@media (hover: hover) { .fm--ink .fm__play:hover { background: var(--red); } }
.fm__more { display: inline-flex; align-items: center; gap: .7rem; font-size: .74rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; text-decoration: none; padding-block: .3rem; border-bottom: 1px solid rgba(245, 245, 242, .55); }
.fm__more i { position: relative; width: 1.2rem; height: 1px; background: currentColor; }
.fm__more i::after { content: ""; position: absolute; inset-inline-end: 0; inset-block-start: -3px; width: 7px; height: 7px; border-top: 1px solid currentColor; border-inline-end: 1px solid currentColor; transform: rotate(45deg); }
html[dir="rtl"] .fm__more i::after { transform: rotate(-135deg); }
.fm__more:focus-visible { border-color: var(--paper); outline: none; }
@media (hover: hover) { .fm__more:hover { border-color: var(--paper); outline: none; } }
@container (max-width: 640px) {
  .fm__poster, .fm--ink .fm__poster { grid-template-columns: minmax(0, 1fr); }
  .fm--ink .fm__fig { order: 0; }
  .fm__fig { width: min(72%, 320px); }
  .fm__year { font-size: 3.4rem; }
  .fm__t { font-size: clamp(3rem, 17cqw, 6rem); }
}
.st-js:not(.st-off) .fm__ch { opacity: 0; transform: translateY(.45em); transition: opacity .7s var(--ease), transform .9s var(--ease); transition-delay: calc(var(--k) * 45ms + .25s); }
.st-js:not(.st-off) .w.is-in .fm__ch { opacity: 1; transform: none; }

.w--reel { overflow: hidden; background: radial-gradient(70% 55% at 50% 58%, #3b0012 0, #12020a 56%, #050505 100%); }
.rl { --fw: clamp(180px, 18vw, 262px); position: relative; }
.rl__strip { display: flex; align-items: flex-start; gap: clamp(16px, 2vw, 30px); overflow-x: auto; scroll-snap-type: x mandatory; margin-inline: calc(var(--pad) * -1); padding: 2.2rem var(--pad) calc(var(--fw) * .86); scrollbar-width: none; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; cursor: grab; }
.rl__strip::-webkit-scrollbar { display: none; }
.rl__strip.is-drag { cursor: grabbing; scroll-snap-type: none; user-select: none; -webkit-user-select: none; }
.rl__f { position: relative; flex: 0 0 var(--fw); aspect-ratio: 1 / 1.62; scroll-snap-align: center; overflow: hidden; border-radius: 6px; background: var(--bg, #0c0c0e); color: var(--fg, var(--paper)); box-shadow: inset 0 0 0 1px rgba(245, 245, 242, .14); -webkit-box-reflect: below 12px linear-gradient(transparent 50%, rgba(255, 255, 255, .3)); transition: transform .6s var(--ease), box-shadow .5s, opacity .5s; }
.rl__f::before, .rl__f::after { content: ""; position: absolute; z-index: 2; inset-inline: 10px; height: 9px; border-radius: 2px; pointer-events: none; background: repeating-linear-gradient(90deg, rgba(245, 245, 242, .5) 0 9px, transparent 9px 19px); }
.rl__f::before { inset-block-start: 9px; }
.rl__f::after { inset-block-end: 9px; }
.rl__f--red { --bg: var(--red); --fg: var(--paper); }
.rl__f--ink { --bg: #0c0c0e; --fg: var(--paper); }
.rl__f--paper { --bg: var(--paper); --fg: var(--ink); }
.st-js:not(.st-off) .rl__f:not(.is-lit) { opacity: .74; }
.rl__f.is-lit { transform: translateY(-14px) scale(1.04); box-shadow: inset 0 0 0 1px rgba(245, 245, 242, .5), 0 0 70px rgba(217, 14, 67, .45); }
.rl__btn { position: relative; display: grid; align-content: space-between; gap: .6rem; width: 100%; height: 100%; padding: 32px 15px 26px; text-align: start; color: inherit; }
.rl__btn[aria-disabled="true"] { cursor: default; }
.rl__f--cover { --bg: #0c0c0e; --fg: var(--paper); }
.rl__f--cover .rl__img { opacity: 1; filter: none; }
.rl__f--cover .rl__btn::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; background: linear-gradient(180deg, rgba(5, 5, 5, .55) 0, rgba(5, 5, 5, 0) 26%, rgba(5, 5, 5, 0) 44%, rgba(5, 5, 5, .9) 100%); }
.rl__f--cover :is(.rl__no, .rl__t, .rl__m) { z-index: 1; text-shadow: 0 2px 16px rgba(0, 0, 0, .55); }
.rl__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .5; filter: grayscale(1) contrast(1.1); }
.rl__no { position: relative; font-weight: 800; font-stretch: 75%; font-size: clamp(3.2rem, 5.4vw, 5.2rem); line-height: .8; color: transparent; -webkit-text-stroke: 1.5px var(--fg, var(--paper)); }
.rl__t { position: relative; align-self: end; font-weight: 800; font-stretch: 75%; text-transform: uppercase; font-size: clamp(1.3rem, 1.85vw, 1.8rem); line-height: .94; overflow-wrap: anywhere; hyphens: auto; }
.rl__m { position: relative; font-size: .64rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; opacity: .85; }
.rl__play { position: absolute; z-index: 3; right: 12px; inset-block-start: 28px; width: 42px; height: 42px; display: grid; place-items: center; border-radius: 50%; background: var(--ink); color: var(--paper); transition: transform .4s var(--ease), background-color .3s; }
.rl__f--ink .rl__play { background: var(--red); }
.rl__play svg { width: 18px; height: 18px; margin-inline-start: 2px; }
html[dir="rtl"] .rl__play svg { transform: scaleX(-1); margin-inline-start: 0; margin-inline-end: 2px; }
.rl__btn[aria-disabled="true"] .rl__play { opacity: .35; }
.rl__btn:focus-visible .rl__play { transform: scale(1.14); }
@media (hover: hover) { .rl__btn:not([aria-disabled="true"]):hover .rl__play { transform: scale(1.14); } }
.rl__nav { display: flex; justify-content: flex-end; gap: .6rem; margin-top: calc(var(--fw) * -.62); position: relative; z-index: 2; }
.st-arrow { width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; border: 1px solid rgba(245, 245, 242, .38); transition: background-color .3s, border-color .3s, opacity .3s; }
.st-arrow i { width: 10px; height: 10px; border-top: 2px solid currentColor; border-left: 2px solid currentColor; transform: rotate(-45deg); margin-left: 4px; }
.st-arrow--next i { transform: rotate(135deg); margin-left: -4px; }
html[dir="rtl"] .st-arrow i { transform: rotate(135deg); margin-left: -4px; }
html[dir="rtl"] .st-arrow--next i { transform: rotate(-45deg); margin-left: 4px; }
.st-arrow:focus-visible { background: var(--red); border-color: var(--red); outline: none; }
@media (hover: hover) { .st-arrow:hover:not([aria-disabled="true"]) { background: var(--red); border-color: var(--red); outline: none; } }
.st-arrow[aria-disabled="true"] { opacity: .35; cursor: default; }
@supports not (-webkit-box-reflect: below 1px) {
  .rl__strip { background: linear-gradient(180deg, transparent calc(100% - var(--fw) * .8), rgba(245, 245, 242, .07) calc(100% - var(--fw) * .78), transparent) no-repeat; }
}

.tp-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(.9rem, 1.8vw, 1.6rem); align-items: start; }
.tp { position: relative; min-width: 0; }
.tp--first { grid-column: span 2; grid-row: span 2; }
.tp__btn { position: relative; display: block; width: 100%; padding: 0; text-align: start; color: inherit; cursor: zoom-in; }
.tp__frame { display: block; position: relative; overflow: hidden; aspect-ratio: 2 / 3; border-radius: 3px; background: #1a0008; box-shadow: 0 22px 38px -18px rgba(0, 0, 0, .7); transition: transform .5s var(--ease), box-shadow .5s var(--ease); }
.tp__frame .pc { box-shadow: none; }
.tp__img { position: relative; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.tp--fit .tp__img { object-fit: contain; object-position: 50% 50%; }
.tp--fit .tp__frame::before { content: ""; position: absolute; inset: -12%; background: var(--poster) center / cover; filter: blur(14px) saturate(1.2); }
.tp__btn:focus-visible .tp__frame { transform: translateY(-8px) rotate(-1.1deg); box-shadow: 0 34px 50px -20px rgba(0, 0, 0, .8); }
@media (hover: hover) { .tp__btn:hover .tp__frame { transform: translateY(-8px) rotate(-1.1deg); box-shadow: 0 34px 50px -20px rgba(0, 0, 0, .8); } }
.tp__btn:focus-visible { outline: 2px solid var(--paper); outline-offset: 5px; }
.tp__no { flex: none; font-weight: 800; font-stretch: 75%; font-size: clamp(2.4rem, 3.6vw, 3.6rem); line-height: .8; letter-spacing: -.02em; font-variant-numeric: tabular-nums; color: var(--ink); }
.tp--first .tp__no { font-size: clamp(4.4rem, 8vw, 8rem); }
.tp__cap { display: flex; align-items: flex-end; gap: .55rem; margin: .8rem 0 0; }
.tp__txt { display: grid; gap: .12rem; min-width: 0; padding-bottom: .1rem; }
.tp__cap b { font-weight: 800; font-stretch: 75%; text-transform: uppercase; font-size: clamp(1rem, 1.5vw, 1.4rem); line-height: .98; overflow-wrap: anywhere; }
.tp--first .tp__cap b { font-size: clamp(1.6rem, 3vw, 3rem); }
.tp__cap small { font-size: .7rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; opacity: .9; }
.tp-cta { grid-column: span 2; align-self: stretch; display: grid; }
.tp-cta__a { position: relative; display: grid; place-items: center; min-height: 7rem; padding: 1.1rem 1.4rem; border: 2px solid var(--paper); border-radius: 3px; color: var(--paper); text-align: center; text-decoration: none; font-weight: 800; font-stretch: 75%; text-transform: uppercase; font-size: clamp(1.2rem, 2.2vw, 2.1rem); line-height: .96; transition: background-color .3s, color .3s, transform .4s var(--ease); }
.tp-cta__a.is-soon { border-style: dashed; background: repeating-linear-gradient(135deg, rgba(5, 5, 5, .16) 0 14px, transparent 14px 28px); }
a.tp-cta__a:focus-visible { background: var(--paper); color: var(--ink); transform: translateY(-4px); outline: none; }
@media (hover: hover) { a.tp-cta__a:hover { background: var(--paper); color: var(--ink); transform: translateY(-4px); outline: none; } }
.tp-cta__a i { position: absolute; inset-inline-end: 1.1rem; inset-block-end: 1rem; width: 1.6rem; height: 1px; background: currentColor; }
.tp-cta__a i::after { content: ""; position: absolute; inset-inline-end: 0; inset-block-start: -3px; width: 7px; height: 7px; border-top: 1px solid currentColor; border-inline-end: 1px solid currentColor; transform: rotate(45deg); }
html[dir="rtl"] .tp-cta__a i::after { transform: rotate(-135deg); }
.tp-credit { margin: 1.4rem 0 0; font-size: .72rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; opacity: .75; }
.st-js:not(.st-off) .tp, .st-js:not(.st-off) .tp-cta, .st-js:not(.st-off) .tp-credit { opacity: 0; transform: translateY(26px) scale(.97); transition: opacity .7s var(--ease), transform .8s var(--ease); transition-delay: calc((10 - var(--rank, 11)) * 85ms + .3s); }
.st-js:not(.st-off) .w.is-in .tp, .st-js:not(.st-off) .w.is-in .tp-cta, .st-js:not(.st-off) .w.is-in .tp-credit { opacity: 1; transform: none; }

.w--cine, .w--top { background: var(--red); }
.cn-list { border-top: 1px solid rgba(245, 245, 242, .5); }
.cn { border-bottom: 1px solid rgba(245, 245, 242, .5); }
.cn__row { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: baseline; gap: clamp(.8rem, 2vw, 2rem); width: 100%; padding: clamp(.8rem, 1.7vw, 1.5rem) .4rem; text-align: start; color: var(--paper); background: linear-gradient(var(--paper), var(--paper)) 0 100% / 100% 0 no-repeat; transition: background-size .5s var(--ease), color .35s, padding .5s var(--ease); }
.cn__row:focus-visible, .cn.is-open .cn__row { background-size: 100% 100%; color: var(--ink); padding-inline: clamp(.8rem, 2vw, 2rem); outline: none; }
@media (hover: hover) { .cn__row:hover { background-size: 100% 100%; color: var(--ink); padding-inline: clamp(.8rem, 2vw, 2rem); outline: none; } }
.cn__n { font-size: .74rem; font-weight: 700; letter-spacing: .16em; align-self: start; padding-top: .8em; font-variant-numeric: tabular-nums; }
.cn__t { font-weight: 800; font-stretch: 75%; text-transform: uppercase; font-size: clamp(2rem, 5.4vw, 5.4rem); line-height: .95; letter-spacing: -.01em; overflow-wrap: anywhere; }
.cn__s { font-weight: 800; font-stretch: 75%; font-size: clamp(1.2rem, 2.3vw, 2.2rem); line-height: 1; white-space: nowrap; font-variant-numeric: tabular-nums; }
.cn__s b { font-size: 1.5em; }
.cn__x { position: relative; width: 1.4rem; height: 1.4rem; align-self: center; }
.cn__x::before, .cn__x::after { content: ""; position: absolute; inset-inline: 0; inset-block-start: 50%; height: 2px; background: currentColor; transition: transform .4s var(--ease); }
.cn__x::after { transform: rotate(90deg); }
.cn.is-open .cn__x::after { transform: rotate(0deg); }
.cn__body { display: block; }
.cn__in { display: grid; gap: .5rem; padding: clamp(1rem, 2vw, 1.8rem) clamp(.8rem, 2vw, 2rem) clamp(1.4rem, 2.6vw, 2.2rem); }
.cn-list.is-collapsible .cn__body { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .6s var(--ease); }
.cn-list.is-collapsible .cn.is-open .cn__body { grid-template-rows: 1fr; }
.cn-list.is-collapsible .cn__in { min-height: 0; overflow: hidden; padding-block: 0; }
.cn-list.is-collapsible .cn.is-open .cn__in { padding-block: clamp(1rem, 2vw, 1.8rem) clamp(1.4rem, 2.6vw, 2.2rem); }
.cn-list.is-collapsible .cn:not(.is-open) .cn__in { visibility: hidden; transition: visibility 0s .6s; }
.cn__kind { font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; opacity: .85; }
.cn__meta { font-size: .95rem; opacity: .9; }
.cn__meters { display: grid; gap: .5rem; max-width: 28rem; margin-top: .5rem; }
.cn__meters > div { display: grid; grid-template-columns: 5.6rem minmax(0, 1fr); gap: .9rem; align-items: center; }
.cn__meters dt { font-size: .68rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.cn__meter { display: block; height: 9px; border-radius: 5px; background: linear-gradient(var(--paper), var(--paper)) 0 0 / var(--v) 100% no-repeat, rgba(0, 0, 0, .38); box-shadow: inset 0 0 0 1px rgba(245, 245, 242, .4); }
html[dir="rtl"] .cn__meter { background-position: 100% 0, 0 0; }
.cn__verdict { max-width: 40rem; margin-top: .5rem; font-size: clamp(1.05rem, 1.5vw, 1.35rem); line-height: 1.35; }
.cn__go { justify-self: start; margin-top: .4rem; font-size: .78rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; text-underline-offset: .3em; }

.w--cut { background: linear-gradient(rgba(245, 245, 242, .035) 1px, transparent 1px) 0 0 / 44px 44px, linear-gradient(90deg, rgba(245, 245, 242, .035) 1px, transparent 1px) 0 0 / 44px 44px, #0a0a0c; }
.w--cut::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: repeating-linear-gradient(0deg, rgba(0, 0, 0, .22) 0 1px, transparent 1px 3px); }
.nl-tabs { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: clamp(1.4rem, 3vw, 2.4rem); }
.nl-tab { padding: .65rem 1.05rem; border: 1px solid rgba(245, 245, 242, .4); border-radius: 999px; font-size: .74rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; transition: background-color .3s, border-color .3s, transform .35s var(--ease); }
.nl-tab:focus-visible { border-color: var(--paper); transform: translateY(-2px); outline: none; }
@media (hover: hover) { .nl-tab:hover { border-color: var(--paper); transform: translateY(-2px); outline: none; } }
.nl-tab.is-on { background: var(--red); border-color: var(--red); }
.nl[hidden] { display: none; }
.nl-list { display: grid; gap: clamp(2.4rem, 5vw, 4.4rem); }
.nl { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(1.4rem, 3.4vw, 3.4rem); align-items: start; }
.nl__monitor { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #0e0e12; border: 1px solid rgba(245, 245, 242, .24); border-radius: 4px; transition: background-color .06s linear; }
.nl__monitor[data-tone="hot"] { background: var(--red); }
.nl__monitor[data-tone="warm"] { background: var(--red-mid); }
.nl__monitor[data-tone="cool"] { background: #17171c; }
.nl__monitor::after { content: ""; position: absolute; inset: 5%; border: 1px dashed rgba(245, 245, 242, .3); pointer-events: none; }
.nl__poster { position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; object-fit: cover; }
.nl.has-poster .nl__big, .nl.has-poster .nl__monitor::after { display: none; }
.nl.has-poster .nl__monitor:not(.is-video) .nl__plan, .nl.has-poster .nl__monitor:not(.is-video) .nl__tc { display: none; }
.nl__go { position: absolute; inset: 0; z-index: 3; display: grid; place-items: center; background: linear-gradient(rgba(5, 5, 5, .1), rgba(5, 5, 5, .5)); color: var(--paper); cursor: pointer; transition: background-color .3s; }
.nl__go svg { width: clamp(64px, 9vw, 92px); height: clamp(64px, 9vw, 92px); padding: clamp(18px, 2.6vw, 26px); border-radius: 50%; background: var(--red); box-shadow: 0 0 0 0 rgba(217, 14, 67, .55), 0 14px 40px rgba(0, 0, 0, .5); transition: transform .4s var(--ease), background-color .3s; }
.nl__go svg path { transform: translateX(1px); }
html[dir="rtl"] .nl__go svg { transform: scaleX(-1); }
.nl__go:focus-visible svg { transform: scale(1.1); background: var(--paper); color: var(--red); }
@media (hover: hover) { .nl__go:hover svg { transform: scale(1.1); background: var(--paper); color: var(--red); } }
html[dir="rtl"] .nl__go:focus-visible svg { transform: scaleX(-1) scale(1.1); }
@media (hover: hover) { html[dir="rtl"] .nl__go:hover svg { transform: scaleX(-1) scale(1.1); } }
.nl__go:focus-visible { outline: 2px solid var(--paper); outline-offset: -6px; }
@media (prefers-reduced-motion: no-preference) { .nl__go svg { animation: nl-pulse 2.4s var(--ease) infinite; } }
@keyframes nl-pulse { 70% { box-shadow: 0 0 0 22px rgba(217, 14, 67, 0), 0 14px 40px rgba(0, 0, 0, .5); } 100% { box-shadow: 0 0 0 0 rgba(217, 14, 67, 0), 0 14px 40px rgba(0, 0, 0, .5); } }
.nl__monitor.is-loading .nl__go { pointer-events: none; }
.nl__monitor.is-loading .nl__go svg { animation: none; opacity: .55; }
.nl__yt { position: absolute; z-index: 1; inset-inline: 0; inset-block-start: -80px; width: 100%; height: calc(100% + 160px); border: 0; background: #000; pointer-events: none; }
.nl__shield { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; cursor: pointer; background: transparent; }
.nl__monitor.is-video { background: #000; }
.nl__monitor.is-video::after, .nl__monitor.is-video .nl__big, .nl__monitor.is-video .nl__go, .nl__monitor.is-video .nl__poster, .nl__monitor.is-video .nl__tc { display: none; }
.nl__monitor.is-loading .nl__yt { opacity: 0; }
.nl__monitor.is-video .nl__plan { z-index: 3; inset-block-start: 12px; pointer-events: none; }
.nl__monitor.is-video.is-paused .nl__go { display: grid; z-index: 4; background: rgba(5, 5, 5, .22); }
.nl.has-video .nl__see { display: none; }
.nl__now { display: grid; gap: .15rem; margin: 14px 0 0; padding: .7rem .9rem; min-height: 4.6rem; border-inline-start: 3px solid var(--red); background: rgba(245, 245, 242, .06); font-size: .95rem; line-height: 1.4; }
.nl__now b { font-size: .68rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #FF5C85; }
.nl { position: relative; }
.nl__tip { position: absolute; z-index: 20; top: 0; left: 0; max-width: min(21rem, 86%); padding: .6rem .8rem .7rem; border-radius: 4px; border: 1px solid rgba(245, 245, 242, .35); background: rgba(5, 5, 5, .96); color: var(--paper); font-size: .86rem; line-height: 1.4; pointer-events: none; opacity: 0; transform: translateY(4px); transition: opacity .15s, transform .15s; box-shadow: 0 14px 34px rgba(0, 0, 0, .55); }
.nl__tip.is-on { opacity: 1; transform: none; }
.nl__tip b { display: block; margin-bottom: .2rem; font-size: .66rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #FF5C85; font-variant-numeric: tabular-nums; }
.nl__row { cursor: pointer; }
@media (hover: hover) { .nl__row:hover { background: rgba(245, 245, 242, .1); } }
@media (hover: hover) { .nl__row.is-cur:hover { background: var(--red); } }
.nl__f { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; }
.nl__f.is-on { opacity: 1; }
.nl__big { position: absolute; inset: 0; display: grid; place-items: center; font-weight: 800; font-stretch: 75%; font-size: clamp(5rem, 15vw, 13rem); line-height: 1; color: transparent; -webkit-text-stroke: 2px rgba(245, 245, 242, .9); font-variant-numeric: tabular-nums; }
.nl__plan { position: absolute; z-index: 2; inset-block-start: 12px; inset-inline-start: 14px; padding: .25rem .6rem; background: rgba(5, 5, 5, .72); font-size: .68rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.nl__plan b { color: #FF5C85; font-weight: 700; }
.nl__tc { position: absolute; z-index: 2; inset-block-end: 12px; inset-inline-start: 14px; padding: .2rem .6rem; background: rgba(5, 5, 5, .72); font-size: clamp(1rem, 1.8vw, 1.5rem); font-weight: 700; letter-spacing: .06em; font-variant-numeric: tabular-nums; }
.nl__ctl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; align-items: center; margin-top: 14px; }
.nl__play { width: 56px; height: 56px; display: grid; place-items: center; border-radius: 50%; background: var(--red); color: var(--paper); transition: transform .35s var(--ease), background-color .3s; }
.nl__play svg { width: 24px; height: 24px; }
.nl__play:focus-visible { background: var(--paper); color: var(--ink); transform: scale(1.08); }
@media (hover: hover) { .nl__play:hover { background: var(--paper); color: var(--ink); transform: scale(1.08); } }
.nl__tl { position: relative; padding: 8px; background: #111115; border: 1px solid rgba(245, 245, 242, .22); border-radius: 4px; cursor: ew-resize; touch-action: pan-y; user-select: none; }
.nl__ruler { display: flex; justify-content: space-between; margin-bottom: 6px; font-size: .64rem; font-weight: 700; letter-spacing: .08em; opacity: .7; }
.nl__track { display: flex; gap: 2px; height: clamp(46px, 7vw, 74px); overflow: hidden; }
.nl__clip { flex-basis: 0; flex-shrink: 1; min-width: 2px; border-radius: 2px; background: #3a3a42; transition: filter .15s; }
.nl__clip--hot { background: var(--red); }
.nl__clip--warm { background: var(--red-mid); }
.nl__clip.is-cur { filter: brightness(1.6); outline: 1px solid var(--paper); outline-offset: -1px; }
.nl__audio { height: 26px; margin-top: 6px; background: rgba(245, 245, 242, .28); -webkit-mask-image: repeating-linear-gradient(90deg, #000 0 3px, transparent 3px 5px, rgba(0, 0, 0, .55) 5px 8px, transparent 8px 10px, #000 10px 12px, transparent 12px 15px); mask-image: repeating-linear-gradient(90deg, #000 0 3px, transparent 3px 5px, rgba(0, 0, 0, .55) 5px 8px, transparent 8px 10px, #000 10px 12px, transparent 12px 15px); }
.nl__head { position: absolute; inset-block: 0; left: calc(8px + (100% - 16px) * var(--lp, 0)); width: 2px; margin-left: -1px; background: var(--red); box-shadow: 0 0 14px rgba(217, 14, 67, .9); pointer-events: none; }
.nl__head::before { content: ""; position: absolute; inset-block-start: -1px; left: -6px; border: 7px solid transparent; border-top: 9px solid var(--red); border-bottom: 0; }
.nl__src { font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; opacity: .7; }
.nl__title { margin-top: .4rem; font-weight: 800; font-stretch: 75%; text-transform: uppercase; font-size: clamp(2rem, 3.6vw, 3.4rem); line-height: .9; }
.nl__title a { text-decoration-color: var(--red); text-underline-offset: .14em; }
.nl__note { margin-top: .8rem; opacity: .88; }
.nl__see { display: inline-flex; align-items: center; gap: .65rem; margin-top: 1rem; padding: .7rem 1.1rem .7rem .75rem; border-radius: 999px; background: var(--paper); color: var(--ink); font-size: .74rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; transition: background-color .3s, color .3s, transform .35s var(--ease); }
.nl__see svg { width: 22px; height: 22px; padding: 4px; border-radius: 50%; background: var(--red); color: var(--paper); }
html[dir="rtl"] .nl__see svg { transform: scaleX(-1); }
.nl__see:focus-visible { background: var(--red); color: var(--paper); transform: translateY(-2px); outline: none; }
@media (hover: hover) { .nl__see:hover { background: var(--red); color: var(--paper); transform: translateY(-2px); outline: none; } }
.nl__see:focus-visible svg { background: var(--paper); color: var(--red); }
@media (hover: hover) { .nl__see:hover svg { background: var(--paper); color: var(--red); } }
.nl__stats { display: flex; flex-wrap: wrap; gap: 1rem 2rem; margin-top: 1.1rem; }
.nl__stats dt { font-size: .64rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; opacity: .7; }
.nl__stats dd { margin-top: .1rem; font-weight: 800; font-stretch: 75%; font-size: clamp(1.8rem, 2.6vw, 2.4rem); line-height: 1; font-variant-numeric: tabular-nums; }
.nl__edl { position: relative; margin-top: 1.4rem; max-height: 17rem; overflow: auto; border: 1px solid rgba(245, 245, 242, .22); font-size: .8rem; font-variant-numeric: tabular-nums; scrollbar-width: thin; scrollbar-color: rgba(245, 245, 242, .3) transparent; }
.nl__edl table { width: 100%; border-collapse: collapse; }
.nl__edl th, .nl__edl td { padding: .4rem .8rem; text-align: start; font-weight: 500; white-space: nowrap; border-bottom: 1px solid rgba(245, 245, 242, .1); }
.nl__edl thead th { position: sticky; top: 0; z-index: 2; background: #0a0a0c; font-size: .62rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: rgba(245, 245, 242, .72); }
.nl__edl tbody th { color: #FF5C85; font-weight: 700; }
.nl__row.is-cur { background: var(--red); color: var(--paper); }
.nl__row.is-cur th { color: var(--paper); }

.w--films, .w--behind, .w--team { color: var(--ink); background: var(--paper) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>"); }
.w--films .w__no, .w--behind .w__no, .w--team .w__no { -webkit-text-stroke-color: var(--ink); opacity: .5; }
.ph-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1.4rem, 3vw, 3rem) clamp(1rem, 2.4vw, 2.4rem); padding: .6rem 0 1rem; }
@media (min-width: 1200px) { .ph-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
.ph { position: relative; transform: translate3d(var(--dx, 0px), var(--dy, 0px), 0) rotate(var(--rot, 0deg)); transition: filter .25s; filter: drop-shadow(0 12px 16px rgba(0, 0, 0, .22)); }
.ph.is-held { z-index: 40; filter: drop-shadow(0 26px 28px rgba(0, 0, 0, .3)); }
.ph.is-thrown { transition: none; }
.ph__card { padding: 10px 10px 0; background: #fff; }
.ph__btn { display: block; width: 100%; }
.ph__img { position: relative; display: block; overflow: hidden; aspect-ratio: var(--ar, 1 / 1); background: #d6d6d1; }
.ph--a { --ar: 4 / 5; } .ph--b { --ar: 1 / 1; } .ph--c { --ar: 3 / 4; } .ph--d { --ar: 1 / 1; } .ph--e { --ar: 5 / 6; }
.ph__cap { display: grid; gap: .1rem; padding: .75rem .25rem .95rem; }
.ph__t { font-weight: 800; font-stretch: 75%; text-transform: uppercase; font-size: 1.25rem; line-height: 1; }
.ph__cap small { font-size: .76rem; font-weight: 600; opacity: .7; }
.ph__btn:focus-visible .st-img { transform: scale(1.05); }
@media (hover: hover) { .ph__btn:hover .st-img { transform: scale(1.05); } }
.st-img { transition: transform .9s var(--ease); }
@media (hover: hover) and (pointer: fine) {
  .st-js:not(.st-off) .ph { cursor: grab; touch-action: none; }
  .st-js:not(.st-off) .ph.is-held { cursor: grabbing; user-select: none; }
}

.w--now { overflow: hidden; background: var(--ink); }
.nw { position: relative; isolation: isolate; display: grid; place-items: center; min-height: clamp(520px, 78vh, 860px); padding-block: 1.4rem; }
.nw__bg { position: absolute; inset: 0; z-index: -1; overflow: hidden; }
.nw__layer { position: absolute; inset: 0; display: grid; align-content: center; gap: .6vh; overflow: hidden; }
.nw__layer--x { background: var(--paper); z-index: 1; clip-path: circle(0 at 50% 50%); }
.nw__row { display: block; white-space: nowrap; font-weight: 800; font-stretch: 75%; text-transform: uppercase; font-size: clamp(3rem, 9.6vh, 7.6rem); line-height: .92; will-change: transform; }
.nw__row--out { color: transparent; -webkit-text-stroke: 2px var(--paper); }
.nw__row--red { color: var(--red); }
.nw__layer--x .nw__row { color: var(--ink); }
.nw__layer--x .nw__row--out { color: transparent; -webkit-text-stroke-color: var(--ink); }
.nw__layer--x .nw__row--red { color: var(--red); }
.nw__list { position: relative; isolation: isolate; display: grid; gap: .7rem; justify-items: center; max-width: min(100%, 52rem); }
.nw__list::before { content: ""; position: absolute; z-index: -1; inset-block: -2.6rem; inset-inline: -100vw; background: rgba(5, 5, 5, .84); -webkit-mask-image: linear-gradient(180deg, transparent, #000 2.2rem, #000 calc(100% - 2.2rem), transparent); mask-image: linear-gradient(180deg, transparent, #000 2.2rem, #000 calc(100% - 2.2rem), transparent); pointer-events: none; }
.nw__it { display: grid; gap: .1rem; max-width: 100%; padding: .35em .75em .5em; background: var(--ink); color: var(--paper); text-align: center; transform: rotate(var(--r, 0deg)); transition: background-color .2s, transform .3s var(--ease); }
@media (hover: hover) { .nw__it:hover { background: var(--red); transform: rotate(0deg) scale(1.04); } }
.nw__it dt { font-size: .68rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #FF5C85; }
@media (hover: hover) { .nw__it:hover dt { color: var(--paper); } }
.nw__it dd { font-weight: 800; font-stretch: 75%; text-transform: uppercase; font-size: clamp(1.7rem, 3.6vw, 3.4rem); line-height: .98; overflow-wrap: anywhere; }
.nw__open { display: block; max-width: 100%; margin: 0; padding: 0; border: 0; background: none; color: inherit; font: inherit; font-stretch: inherit; letter-spacing: inherit; line-height: inherit; text-align: inherit; text-transform: inherit; overflow-wrap: anywhere; cursor: pointer; }
.nw__open:focus-visible { outline: 2px solid var(--paper); outline-offset: 4px; }
.nw__it .nw__pic { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; opacity: 0; pointer-events: none; font-size: 0; }
.nw__it { position: relative; }
.nw__it .nw__by { font-stretch: 100%; text-transform: none; font-weight: 700; font-size: .82rem; letter-spacing: .14em; line-height: 1.2; color: #FF5C85; }
@media (hover: hover) { .nw__it:hover .nw__by { color: var(--paper); } }
.nw__it .nw__link { font-stretch: 100%; text-transform: none; font-weight: 700; font-size: .8rem; letter-spacing: .1em; line-height: 1.2; margin-top: .25rem; }
.nw__link a { color: var(--paper); text-decoration: underline; text-decoration-color: var(--red); text-underline-offset: .28em; text-decoration-thickness: 2px; }
@media (hover: hover) { .nw__it:hover .nw__link a { text-decoration-color: var(--paper); } }
.nw__link a:focus-visible { text-decoration-color: var(--paper); outline: none; }
@media (hover: hover) { .nw__link a:hover { text-decoration-color: var(--paper); outline: none; } }
.nw__it .nw__note { font-weight: 500; font-stretch: 100%; text-transform: none; font-size: .95rem; line-height: 1.35; opacity: .85; max-width: 30rem; margin-inline: auto; }
.nw__scan { position: absolute; inset: 0; z-index: 4; pointer-events: none; background: repeating-linear-gradient(0deg, rgba(0, 0, 0, .2) 0 1px, transparent 1px 3px); mix-blend-mode: multiply; }
.nw.is-glitch .nw__layer--base .nw__row { text-shadow: 7px 0 var(--red), -7px 0 rgba(245, 245, 242, .55); }
.nw.is-glitch .nw__layer--base .nw__row:nth-child(odd) { translate: -18px 0; }
.nw.is-glitch .nw__layer--base .nw__row:nth-child(even) { translate: 14px 0; }
.nw.is-glitch .nw__layer--base { filter: contrast(1.5) saturate(1.4); }

.nw__pop { position: absolute; left: 0; top: 0; z-index: 6; width: clamp(150px, 15vw, 230px); pointer-events: none; opacity: 0; transition: opacity .25s; will-change: transform; filter: drop-shadow(0 22px 26px rgba(0, 0, 0, .55)); }
.nw__pop.is-on { opacity: 1; }
.pc__img { display: block; width: 100%; height: auto; border-radius: 3px; box-shadow: 0 0 0 1px rgba(245, 245, 242, .22); }
.pc { --pc-bg: var(--red); --pc-fg: var(--paper); --pc-dot: var(--ink); --pc-sun: var(--paper); position: relative; isolation: isolate; container-type: inline-size; display: grid; grid-template-rows: auto 1fr auto; width: 100%; aspect-ratio: 2 / 3; padding: 9%; overflow: hidden; border-radius: 3px; background: var(--pc-bg); color: var(--pc-fg); text-align: start; box-shadow: 0 0 0 1px rgba(245, 245, 242, .22); }
.pc::before { content: ""; position: absolute; inset: 0; z-index: -2; background-image: radial-gradient(var(--pc-dot) 32%, transparent 35%); background-size: 11px 11px; -webkit-mask-image: linear-gradient(200deg, #000 0%, transparent 70%); mask-image: linear-gradient(200deg, #000 0%, transparent 70%); }
.pc::after { content: ""; position: absolute; z-index: -1; width: 62%; aspect-ratio: 1; border-radius: 50%; inset-inline-end: -14%; inset-block-start: 8%; background: var(--pc-sun); }
.pc--ink { --pc-bg: #0c0c0e; --pc-fg: var(--paper); --pc-dot: var(--red); --pc-sun: var(--red); }
.pc--paper { --pc-bg: var(--paper); --pc-fg: var(--ink); --pc-dot: var(--ink); --pc-sun: var(--red); }
.pc__v { font-size: 5.6cqw; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.pc__t { grid-row: 3; font-weight: 800; font-stretch: 75%; font-variation-settings: "opsz" 96; text-transform: uppercase; font-size: 17cqw; line-height: .88; letter-spacing: -.01em; overflow-wrap: anywhere; }
.pc__b { grid-row: 4; margin-top: 4cqw; font-size: 5.4cqw; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; opacity: .85; }
.stbox__pic .pc { width: min(76vw, 400px); }
.stbox__pic .pc__img { max-width: 92vw; max-height: 84vh; width: auto; height: auto; border-radius: 6px; }

.end { display: grid; gap: 1rem; justify-items: start; padding: clamp(4rem, 10vw, 9rem) var(--pad) clamp(5rem, 11vw, 10rem); background: var(--red); color: var(--ink); }
.end__k { font-size: .74rem; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; }
.end__t { font-weight: 800; font-stretch: 75%; font-variation-settings: "opsz" 96; text-transform: uppercase; font-size: clamp(3rem, 11vw, 11rem); line-height: .86; letter-spacing: -.012em; text-wrap: balance; }
.end__p { max-width: 30rem; font-size: clamp(1.05rem, 1.5vw, 1.35rem); }
.end .st-cta { background: var(--ink); color: var(--paper); }
.end .st-cta:focus-visible { background: var(--paper); color: var(--ink); }
@media (hover: hover) { .end .st-cta:hover { background: var(--paper); color: var(--ink); } }

.st-demo { position: fixed; z-index: 300; inset-block-start: 62px; inset-inline-end: var(--pad); white-space: nowrap; margin: 0; padding: .4rem .85rem; border-radius: 999px; font-size: .64rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; background: var(--paper); color: var(--ink); pointer-events: none; }

.st-foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem 2rem; padding: 2.2rem var(--pad) 6rem; background: #000; color: var(--paper); border-top: 1px solid rgba(245, 245, 242, .14); font-size: .74rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.st-foot ul { display: flex; flex-wrap: wrap; gap: .5rem 1.4rem; }
.st-foot a { text-decoration-color: var(--red); text-underline-offset: .3em; }
.st-foot mark { background: none; color: #E8456F; }

.stbox { position: fixed; inset: 0; z-index: 400; display: grid; place-items: center; padding: 5vh 5vw; background: rgba(5, 5, 5, .95); opacity: 0; transition: opacity .3s; }
.stbox.is-open { opacity: 1; }
.stbox__stage { position: relative; height: min(84vh, 760px); aspect-ratio: 9 / 16; max-width: 92vw; overflow: hidden; background: #0b0b0b; border-radius: 6px; box-shadow: 0 0 0 1px rgba(245, 245, 242, .2), 0 30px 90px rgba(217, 14, 67, .25); }
.stbox__stage[data-ratio="16:9"] { height: auto; width: min(90vw, calc(76vh * 16 / 9)); aspect-ratio: 16 / 9; }
.stbox__stage iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.stbox--photo { clip-path: circle(0 at var(--ox, 50%) var(--oy, 50%)); transition: clip-path .85s var(--ease), opacity .3s; }
.stbox--photo.is-open { clip-path: circle(150% at var(--ox, 50%) var(--oy, 50%)); }
.stbox--photo img { max-width: 92vw; max-height: 84vh; width: auto; height: auto; border-radius: 6px; }
.stbox__close { position: absolute; inset-block-start: 1.2rem; inset-inline-end: 1.2rem; width: 52px; height: 52px; display: grid; place-items: center; border: 1px solid var(--paper); border-radius: 50%; background: var(--ink); color: var(--paper); font-size: 1.8rem; line-height: 1; cursor: pointer; }
.stbox__close:focus-visible { background: var(--red); border-color: var(--red); outline: none; }
@media (hover: hover) { .stbox__close:hover { background: var(--red); border-color: var(--red); outline: none; } }
html.is-locked { overflow: hidden; }

html[dir="rtl"] body { line-height: 1.8; font-weight: 400; }
html[dir="rtl"] *, html[dir="rtl"] *::before, html[dir="rtl"] *::after { letter-spacing: normal !important; }
html[dir="rtl"] :is(.tp__cap b, .tp-cta__a, .pc__t, .w__h, .cn__t, .rl__t, .nl__title, .end__t, .nw__it dd, .ph__t, .hero__list a, .sg, .nw__row, .w__empty) { font-stretch: 100% !important; text-transform: none; line-height: 1.3; font-weight: 700; }
html[dir="rtl"] :is(.w__no, .cn__s, .nl__stats dd, .rl__no) { font-stretch: 100%; }
html[dir="rtl"] :is(.hero__k, .bar, .tl a, .w__slug, .rl__m, .nl__plan, .nl__src, .nl__stats dt, .nl__edl thead th, .cn__kind, .cn__meters dt, .cn__go, .cn__n, .nw__it dt, .st-cta, .st-foot, .hero__hint, .hero__ln, .end__k, .nl-tab, .nl__see, .nl__now b, .nl__tip b, .fm__kind, .fm__by, .fm__play, .fm__more, .pc__v, .pc__b, .tp__cap small, .tp-credit) { text-transform: none; }
html[dir="rtl"] :is(.hero__t, .fm__t) { font-family: "Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif; letter-spacing: -.02em !important; font-stretch: 75% !important; line-height: .85; text-align: right; }
html[dir="rtl"] .sg { line-height: 1.15; }
html[dir="rtl"] .nl__head { left: auto; right: calc(8px + (100% - 16px) * var(--lp, 0)); margin-left: 0; margin-right: -1px; }

@media (max-width: 1000px) {
  .tp-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .nl { grid-template-columns: minmax(0, 1fr); }
  .w__head { grid-template-columns: auto minmax(0, 1fr); }
  .w__intro { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .tp-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tp--first { grid-column: 1 / -1; grid-row: auto; }
  .tp-cta { grid-column: span 1; }
  .tp-cta__a { min-height: 100%; font-size: 1.1rem; }
  .tp__no { font-size: 1.9rem; }
  .tp--first .tp__no { font-size: 3.6rem; }
  .tp__cap { gap: .4rem; }
}
@media (max-width: 760px) {
  :root { --bar: 56px; }
  .bar { padding-block: 10px; font-size: .7rem; }
  .bar__back { padding: .5rem .85rem; }
  .hero__t { font-size: clamp(3.8rem, 22vw, 9rem); }
  .hero__list a { font-size: clamp(1.6rem, 8.4vw, 2.6rem); }
  .rl { --fw: 58vw; }
  .rl__btn { padding: 28px 12px 22px; }
  .rl__t { font-size: 1.5rem; }
  .cn__row { grid-template-columns: auto minmax(0, 1fr) auto; }
  .cn__x { display: none; }
  .tl a .tl__t { display: none; }
  .nw__list::before { inset-block: -2rem; }
  .st-demo { inset: 0 0 auto 0; padding: .3rem .6rem; border-radius: 0; text-align: center; font-size: .6rem; }
  body:has(.st-demo) .bar { inset-block-start: 26px; }
  body:has(.st-demo) .hero { padding-top: calc(var(--bar) + 26px + 2vh); }
  .ph-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.4rem .9rem; }
  .ph__t { font-size: 1rem; }
  .ph__cap small { font-size: .68rem; }
  .st-foot { flex-direction: column; align-items: flex-start; }
  .bar a { display: inline-flex; align-items: center; min-height: 40px; }
  .bar__back, .bar__lang a { padding-block: 0; }
  .bar__lang a { justify-content: center; min-width: 42px; }
  .hero__list a { padding-block: .3rem; }
  .fm__more { padding-block: .7rem; }
  .fm__kind { font-size: .7rem; }
  .rl__m, .nl__ruler, .nl__stats dt, .nl__src { font-size: .7rem; }
  .nl__edl thead th { font-size: .68rem; }
  .nl__edl th, .nl__edl td { padding-block: .62rem; }
  .nw__open { padding-block: .3rem; }
  .nw__link a { display: inline-block; padding-block: .5rem; }
  .st-foot ul { gap: 0 1.4rem; }
  .st-foot a { display: inline-block; padding-block: .55rem; }
  .nl-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .nl-tab { display: flex; align-items: center; justify-content: center; min-height: 48px; padding: .45rem .7rem; border-radius: 16px; line-height: 1.15; text-align: center; font-size: .7rem; }
  .nl__track { gap: 1px; }
  .nl__clip { min-width: 1px; }
  .nl__now { min-height: 7.6rem; }
  .tl ol { display: flex; }
  .tl li { flex: 1 1 0; min-width: 0; transition: flex-grow .45s var(--ease); }
  .tl a { padding-inline: .2rem; font-size: .7rem; }
  .tl li:has(a[aria-current="true"]) { flex-grow: 4.6; }
  .tl a[aria-current="true"] .tl__t { display: inline; overflow: hidden; text-overflow: ellipsis; }
  .tl a[aria-current="true"] .tl__n { display: none; }
}
@media (max-width: 400px) {
  .bar { gap: .5rem; padding-inline: 14px; }
  .bar a { letter-spacing: .1em; }
  .bar__back { gap: .45rem; padding-inline: .7rem; }
  .bar__lang { gap: .2rem; }
  .bar__lang a { min-width: 38px; padding-inline: .45rem; }
  .nl__now { min-height: 9.2rem; }
}
@media (max-width: 340px) {
  .w__h { font-size: 2.5rem; }
  .w__no { font-size: 2.8rem; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .tl, .hero__list a, .st-cta, .cn__row, .nw__it { transition: none; }
}

@media (min-width: 1000px) {
  .fm-list { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; }
  .fm, .fm .fm__poster { height: 100%; }
  .fm-list .fm__poster { grid-template-columns: minmax(0, 40cqw) minmax(0, 1fr); gap: 5cqw; padding: 6cqw 5cqw; }
  .fm-list .fm--ink .fm__poster { grid-template-columns: minmax(0, 1fr) minmax(0, 40cqw); }
  .fm-list .fm--bare .fm__poster { grid-template-columns: minmax(0, 1fr); }
  .fm-list .fm__year { font-size: clamp(2.4rem, 8cqw, 4.4rem); }
  .fm-list .fm__t { font-size: clamp(2.4rem, 9.5cqw, 5.6rem); }
  .fm-list .fm__txt { font-size: clamp(.95rem, 2.4cqw, 1.1rem); }
  .fm-list .fm__kind { font-size: .6rem; padding: .35rem .65rem; }
  .fm-list .fm__act { gap: .6rem 1rem; }
}

:root { --gold: #FDB601; --gold-dots: radial-gradient(rgba(5, 5, 5, .13) 1.3px, transparent 1.7px) 0 0 / 15px 15px; --dirx: 1; }
html[dir="rtl"] { --dirx: -1; }
.sg--gold { background: var(--ink); color: var(--gold); }

.tp-cta__a--takes { border-color: var(--gold); background: var(--gold); color: var(--ink); }
a.tp-cta__a--takes:focus-visible { background: var(--ink); color: var(--gold); border-color: var(--ink); }
@media (hover: hover) { a.tp-cta__a--takes:hover { background: var(--ink); color: var(--gold); border-color: var(--ink); } }

.w--takes { color: var(--ink); background: var(--gold-dots), var(--gold); }
.w--takes .w__no { -webkit-text-stroke-color: var(--ink); opacity: .55; }
.w--takes :focus-visible { outline-color: var(--ink); }
.tk-wrap { position: relative; }
.tk-logo { position: absolute; z-index: 3; inset-inline-start: clamp(-.4rem, -1vw, 0rem); inset-block-start: clamp(-4.2rem, -5vw, -2.6rem); width: clamp(104px, 12vw, 176px); height: auto; padding: clamp(6px, .8vw, 10px); border-radius: 18px; background: var(--paper); transform: rotate(-7deg); box-shadow: 0 18px 30px -14px rgba(0, 0, 0, .5); pointer-events: none; }
.tk-list { display: grid; gap: clamp(1.6rem, 3vw, 2.6rem); }
.tk-list:has(> .tk + .tk) { grid-template-columns: repeat(auto-fill, minmax(min(100%, 620px), 1fr)); }
.tk { container-type: inline-size; }
.tk__card { position: relative; display: grid; grid-template-columns: minmax(0, 44cqw) minmax(0, 1fr); align-items: center; gap: clamp(1.4rem, 5cqw, 4.4rem); padding: clamp(1.6rem, 5cqw, 3.8rem); padding-block-start: clamp(3.6rem, 7cqw, 4.6rem); border-radius: 6px; background: var(--ink); color: var(--paper); box-shadow: 0 46px 80px -44px rgba(0, 0, 0, .75); }
.tk__card :focus-visible { outline-color: var(--gold); }

.tk__fan { position: relative; aspect-ratio: 1 / .76; }
.tk__p { --r: 0deg; --y: 0px; --gap: 37%; position: absolute; inset-block-start: 4%; inset-inline-start: 0; width: 40%; aspect-ratio: 2 / 3; transform: translateX(calc(var(--i) * var(--gap) * var(--dirx))) translateY(var(--y)) rotate(calc(var(--r) * var(--dirx))); transition: transform .9s var(--ease); transition-delay: calc(var(--i) * 70ms); }
.tk__p:nth-child(1) { --r: -9deg; --y: 14px; z-index: 5; }
.tk__p:nth-child(2) { --r: -4.5deg; --y: 4px; z-index: 4; }
.tk__p:nth-child(3) { --r: 0deg; --y: 0px; z-index: 3; }
.tk__p:nth-child(4) { --r: 4.5deg; --y: 4px; z-index: 2; }
.tk__p:nth-child(5) { --r: 9deg; --y: 14px; z-index: 1; }
.tk__p img, .tk__p .pc { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 3px; box-shadow: 0 20px 34px -14px rgba(0, 0, 0, .9), 0 0 0 1px rgba(245, 245, 242, .16); }
.tk__tag { position: absolute; inset-block-start: 7px; inset-inline-end: 7px; padding: .22rem .45rem; border-radius: 2px; background: var(--gold); color: var(--ink); font-size: .58rem; font-weight: 800; letter-spacing: .1em; line-height: 1; }
@media (hover: hover) { .tk__card:hover .tk__p { --gap: 39.5%; } .tk__card:hover .tk__p:nth-child(1), .tk__card:hover .tk__p:nth-child(5) { --y: 20px; } }
.st-js:not(.st-off) .w--takes:not(.is-in) .tk__p { transform: translateX(calc(2 * var(--gap) * var(--dirx))) translateY(10%) rotate(0deg); }

.tk__body { min-width: 0; }
.tk__ep { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; font-size: .7rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.tk__ep > span { padding: .38rem .75rem; border: 1px solid rgba(245, 245, 242, .4); border-radius: 999px; }
.tk__ep > span:first-child { border-color: var(--gold); background: var(--gold); color: var(--ink); }
.tk__name { margin-top: .7rem; font-weight: 800; font-stretch: 75%; font-variation-settings: "opsz" 96; text-transform: uppercase; font-size: clamp(3rem, 11cqw, 8.6rem); line-height: .84; letter-spacing: -.02em; overflow-wrap: anywhere; }
.tk__name a { text-decoration: none; transition: color .3s; }
.tk__name a:focus-visible { color: var(--gold); outline: none; }
@media (hover: hover) { .tk__name a:hover { color: var(--gold); } }
.tk__lead { max-width: 46ch; margin-top: 1rem; opacity: .86; }
.tk__five { margin-top: 1.3rem; border-top: 1px solid rgba(245, 245, 242, .2); }
.tk__five li { display: flex; align-items: baseline; gap: .8rem; padding: .48rem 0; border-bottom: 1px solid rgba(245, 245, 242, .2); font-weight: 700; }
.tk__five b { color: var(--gold); font-weight: 800; font-stretch: 75%; font-variant-numeric: tabular-nums; }
.tk__five small { margin-inline-start: auto; font-size: .78rem; opacity: .6; font-variant-numeric: tabular-nums; }
.tk__act { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.2rem; margin-top: 1.5rem; }
.tk__go, .tkp-btn { display: inline-flex; align-items: center; gap: .9rem; padding: .95rem 1.4rem; border-radius: 999px; font-size: .78rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; transition: background-color .3s, color .3s, transform .35s var(--ease); }
.tk__go { background: var(--gold); color: var(--ink); }
.tk__go:focus-visible { background: var(--paper); transform: translateY(-2px); outline: none; }
@media (hover: hover) { .tk__go:hover { background: var(--paper); transform: translateY(-2px); } }
.tk__go i, .tkp-btn i { position: relative; width: 1.3rem; height: 1px; background: currentColor; }
.tk__go i::after, .tkp-btn i::after { content: ""; position: absolute; inset-inline-end: 0; inset-block-start: -3px; width: 7px; height: 7px; border-top: 1px solid currentColor; border-inline-end: 1px solid currentColor; transform: rotate(45deg); }
html[dir="rtl"] :is(.tk__go, .tkp-btn) i::after { transform: rotate(-135deg); }
.tk__watch { display: inline-flex; align-items: center; gap: .7rem; padding: .75rem 1.15rem .75rem .8rem; border-radius: 999px; background: var(--paper); color: var(--ink); font-size: .76rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.tk__watch svg, .tkp-btn--play svg { width: 22px; height: 22px; padding: 4px; border-radius: 50%; background: var(--ink); color: var(--paper); }
.st-js:not(.st-off) .tk { opacity: 0; transform: translateY(30px); transition: opacity .8s var(--ease), transform .9s var(--ease); transition-delay: .2s; }
.st-js:not(.st-off) .w.is-in .tk { opacity: 1; transform: none; }
@container (max-width: 720px) {
  .tk__card { grid-template-columns: minmax(0, 1fr); padding-block-start: clamp(4.4rem, 16cqw, 5.4rem); }
  .tk__fan { width: min(100%, 440px); }
  .tk__name { font-size: clamp(3rem, 17cqw, 6rem); }
}

.tkp-hero { position: relative; padding: calc(var(--bar) + clamp(1.4rem, 4vw, 3rem)) var(--pad) clamp(3.4rem, 7vw, 6.4rem); color: var(--ink); background: var(--gold-dots), var(--gold); overflow: hidden; }
.tkp-hero :focus-visible, .tkp-more :focus-visible { outline-color: var(--ink); }
.tkp-crumb ol { display: flex; flex-wrap: wrap; gap: .4rem .6rem; font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.tkp-crumb li + li::before { content: "/"; margin-inline-end: .6rem; opacity: .45; }
.tkp-crumb a { text-decoration: underline; text-decoration-color: rgba(5, 5, 5, .35); text-underline-offset: .3em; }
.tkp-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, clamp(240px, 30vw, 430px)); align-items: end; gap: clamp(2rem, 5vw, 5rem); margin-top: clamp(1.4rem, 3.4vw, 2.6rem); }
.tkp-logo { width: clamp(96px, 10vw, 148px); height: auto; margin-bottom: clamp(1rem, 2vw, 1.6rem); padding: 8px; border-radius: 16px; background: var(--paper); transform: rotate(-6deg); box-shadow: 0 16px 28px -14px rgba(0, 0, 0, .5); }
.tkp-k { display: flex; flex-wrap: wrap; gap: .5rem; font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.tkp-k > span { padding: .38rem .75rem; border: 1px solid rgba(5, 5, 5, .5); border-radius: 999px; }
.tkp-k > span:first-child { border-color: var(--ink); background: var(--ink); color: var(--gold); }
.tkp-h { margin-top: .9rem; font-weight: 800; font-stretch: 75%; font-variation-settings: "opsz" 96; text-transform: uppercase; font-size: clamp(4rem, 14.5vw, 15rem); line-height: .8; letter-spacing: -.025em; overflow-wrap: anywhere; }
.tkp-latin { margin-top: .7rem; font-size: .8rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.tkp-lead { max-width: 40rem; margin-top: 1.4rem; font-size: clamp(1.1rem, 1.6vw, 1.45rem); line-height: 1.45; }
.tkp-act { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 1.7rem; }
.tkp-btn { background: var(--ink); color: var(--paper); }
.tkp-btn:focus-visible { transform: translateY(-2px); outline: none; background: var(--paper); color: var(--ink); }
@media (hover: hover) { .tkp-btn:hover { transform: translateY(-2px); background: var(--paper); color: var(--ink); } }
.tkp-btn--play { padding-inline-start: .8rem; }
.tkp-cover { transform: rotate(3deg); transition: transform .7s var(--ease); }
@media (hover: hover) { .tkp-cover:hover { transform: rotate(0deg) scale(1.02); } }
.tkp-zoom, .tkt__zoom, .tkm__zoom { display: block; width: 100%; cursor: zoom-in; }
.tkp-zoom { box-shadow: 0 34px 60px -22px rgba(0, 0, 0, .65), 0 0 0 1px rgba(5, 5, 5, .2); }
.tkp-cover__img, .tkt__img, .tkm__img { display: block; width: 100%; height: auto; }
.tkp-cover figcaption { margin-top: .9rem; font-size: .7rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }

.tkp-facts { padding: clamp(1.5rem, 3vw, 2.4rem) var(--pad); background: var(--ink); color: var(--paper); border-bottom: 1px solid rgba(245, 245, 242, .14); }
.tkp-facts dl { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 190px), 1fr)); gap: 1.2rem 2.4rem; }
.tkp-facts dt { font-size: .66rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--gold); }
.tkp-facts dd { margin-top: .35rem; font-size: 1.05rem; font-weight: 700; line-height: 1.3; }

.tkp-h2 { font-weight: 800; font-stretch: 75%; font-variation-settings: "opsz" 96; text-transform: uppercase; font-size: clamp(2.6rem, 7.2vw, 6.6rem); line-height: .86; letter-spacing: -.012em; text-wrap: balance; }
.tkp-sec__head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 26rem); align-items: end; gap: 1rem 3rem; margin-bottom: clamp(2rem, 5vw, 4rem); }
.tkp-sec__intro { padding-bottom: .5rem; opacity: .82; }
.tkp-who { color: var(--ink); background: var(--paper); }
.tkp-who__txt { margin-top: clamp(1.6rem, 3.4vw, 2.8rem); columns: 2 24rem; column-gap: clamp(2rem, 5vw, 5rem); font-size: clamp(1.02rem, 1.2vw, 1.15rem); line-height: 1.6; }
.tkp-who__txt p { break-inside: avoid; }
.tkp-who__txt p + p { margin-top: 1em; }

.tkp-takes { background: var(--ink); }
.tkt-list { display: grid; gap: clamp(2.6rem, 6vw, 5rem); }
.tkt { display: grid; grid-template-columns: minmax(0, auto) minmax(0, clamp(180px, 21vw, 300px)) minmax(0, 1fr); align-items: center; gap: clamp(1.2rem, 3.4vw, 3.4rem); padding-top: clamp(1.8rem, 3.4vw, 2.6rem); border-top: 1px solid rgba(245, 245, 242, .18); }
.tkt__no { display: grid; min-width: 2.2ch; font-weight: 800; font-stretch: 75%; font-size: clamp(4.4rem, 11vw, 10rem); line-height: .8; color: transparent; -webkit-text-stroke: 2px var(--gold); font-variant-numeric: tabular-nums; }
.tkt__no span { margin-bottom: .6rem; font-size: clamp(.8rem, 1.1vw, 1rem); letter-spacing: .22em; color: var(--gold); -webkit-text-stroke: 0; }
.tkt__zoom { transform: rotate(-2deg); box-shadow: 0 26px 44px -20px rgba(0, 0, 0, .9), 0 0 0 1px rgba(245, 245, 242, .16); transition: transform .6s var(--ease); }
.tkt:nth-child(even) .tkt__zoom { transform: rotate(2deg); }
.tkt__zoom:focus-visible { transform: none; outline-color: var(--gold); }
@media (hover: hover) { .tkt__zoom:hover, .tkt:nth-child(even) .tkt__zoom:hover { transform: rotate(0deg) scale(1.03); } }
.tkt__meta { font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
.tkt__t { margin-top: .5rem; font-weight: 800; font-stretch: 75%; text-transform: uppercase; font-size: clamp(2.2rem, 5vw, 4.6rem); line-height: .88; letter-spacing: -.01em; overflow-wrap: anywhere; }
.tkt__dl { display: flex; flex-wrap: wrap; gap: .7rem 2.4rem; margin-top: 1.1rem; }
.tkt__dl dt { font-size: .66rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; opacity: .6; }
.tkt__dl dd { margin-top: .2rem; font-weight: 700; }
.tkt__note { max-width: 54ch; margin-top: 1.1rem; font-size: clamp(1.02rem, 1.25vw, 1.2rem); line-height: 1.55; opacity: .9; }

.tkp-more { color: var(--ink); background: var(--gold-dots), var(--gold); }
.tkm-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(1.4rem, 2.4vw, 2.2rem) clamp(1rem, 2vw, 1.8rem); }
.tkm__zoom { overflow: hidden; border-radius: 3px; box-shadow: 0 22px 36px -18px rgba(0, 0, 0, .6); transition: transform .5s var(--ease); }
.tkm__zoom:focus-visible { transform: translateY(-6px) rotate(-1deg); }
@media (hover: hover) { .tkm__zoom:hover { transform: translateY(-6px) rotate(-1deg); } }
.tkm__img { aspect-ratio: 2 / 3; object-fit: cover; }
.tkm__cap { display: grid; gap: .2rem; margin-top: .75rem; }
.tkm__cap b { font-weight: 800; font-stretch: 75%; text-transform: uppercase; font-size: clamp(1.05rem, 1.5vw, 1.35rem); line-height: .98; overflow-wrap: anywhere; }
.tkm__cap small { font-size: .66rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.tkm__cap span { font-size: .9rem; opacity: .8; }
.tkp-more .tp-credit { margin-top: 2rem; }

.tkp-next { display: flex; flex-wrap: wrap; justify-content: center; gap: .8rem 1rem; padding: clamp(2.4rem, 5vw, 4rem) var(--pad); background: var(--ink); }
.tkp-btn--gold { background: var(--gold); color: var(--ink); }
.tkp-btn--line { background: none; color: var(--paper); box-shadow: inset 0 0 0 1px rgba(245, 245, 242, .5); }

html[dir="rtl"] :is(.tk__name, .tkp-h, .tkp-h2, .tkt__t, .tkm__cap b) { font-stretch: 100% !important; text-transform: none; line-height: 1.2; font-weight: 700; letter-spacing: 0; }
html[dir="rtl"] .tkp-h { font-size: clamp(3.2rem, 9vw, 9rem); }
html[dir="rtl"] :is(.tk__ep, .tk__go, .tk__watch, .tkp-crumb ol, .tkp-k, .tkp-btn, .tkp-cover figcaption, .tkp-facts dt, .tkt__meta, .tkt__dl dt, .tkm__cap small) { text-transform: none; letter-spacing: 0; }

@media (max-width: 1000px) {
  .tkm-list { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tkp-sec__head { grid-template-columns: minmax(0, 1fr); }
  .tkt { grid-template-columns: minmax(0, auto) minmax(0, 200px) minmax(0, 1fr); }
}
@media (max-width: 760px) {
  .tk-logo { inset-block-start: -2.4rem; }
  .tkp-hero__grid { grid-template-columns: minmax(0, 1fr); }
  .tkp-cover { width: min(70%, 300px); }
  .tkp-h { font-size: clamp(3.6rem, 21vw, 7rem); }
  .tkt { grid-template-columns: minmax(0, 1fr); gap: 1rem; }
  .tkt__no { display: flex; align-items: baseline; gap: .7rem; font-size: 4.6rem; }
  .tkt__no span { margin: 0; }
  .tkt__fig { width: min(62%, 260px); }
  .tkm-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .tk__p, .tkp-cover, .tkt__zoom, .tkm__zoom { transition: none; }
}

.tke-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 228px), 1fr)); gap: clamp(1rem, 2vw, 1.6rem); }
.tke { display: flex; min-width: 0; }
.tke__a { position: relative; display: flex; flex-direction: column; width: 100%; overflow: hidden; border-radius: 6px; background: var(--ink); color: var(--paper); text-decoration: none; box-shadow: 0 30px 50px -30px rgba(0, 0, 0, .8), 0 0 0 1px rgba(245, 245, 242, .1); transition: transform .5s var(--ease), box-shadow .5s var(--ease); }
.tke__a:focus-visible { outline: 3px solid var(--gold); outline-offset: 3px; transform: translateY(-6px); }
@media (hover: hover) { .tke__a:hover { transform: translateY(-6px); box-shadow: 0 40px 60px -30px rgba(0, 0, 0, .85), 0 0 0 1px var(--gold); } .tke__a:hover .tke__pic img { transform: scale(1.05); } }
.tke__pic { position: relative; display: block; aspect-ratio: 4 / 5; overflow: hidden; }
.tke__pic img, .tke__pic .pc { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; transition: transform .8s var(--ease); }
.tke__pic::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(5, 5, 5, 0) 45%, rgba(5, 5, 5, .7) 74%, var(--ink) 100%); }
.tke__no { position: absolute; inset-block-start: 10px; inset-inline-start: 10px; z-index: 2; padding: .3rem .6rem; border-radius: 999px; background: var(--gold); color: var(--ink); font-size: .64rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.tke__body { position: relative; z-index: 1; display: grid; gap: .35rem; margin-top: -4.6rem; padding: 0 1rem 1rem; }
.tke__hook { font-size: .64rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
.tke__name { font-weight: 800; font-stretch: 75%; font-variation-settings: "opsz" 96; text-transform: uppercase; font-size: clamp(2rem, 2.6vw, 2.7rem); line-height: .86; letter-spacing: -.015em; overflow-wrap: anywhere; }
.tke__strip { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 4px; margin-top: .6rem; }
.tke__strip i { display: block; aspect-ratio: 2 / 3; border-radius: 2px; background: rgba(245, 245, 242, .12) center / cover no-repeat; box-shadow: 0 0 0 1px rgba(245, 245, 242, .14); }

.tke--all .tke__a { justify-content: flex-end; gap: .6rem; min-height: 100%; padding: 1.3rem; background: var(--paper); color: var(--ink); box-shadow: 0 30px 50px -30px rgba(0, 0, 0, .55); }
.tke__logo { width: min(74%, 170px); height: auto; margin: 0 auto auto 0; transform: rotate(-6deg); transition: transform .5s var(--ease); }
html[dir="rtl"] .tke__logo { margin: 0 0 auto auto; }
@media (hover: hover) { .tke--all .tke__a:hover .tke__logo { transform: rotate(0deg) scale(1.04); } }
.tke__allt { font-weight: 800; font-stretch: 75%; font-variation-settings: "opsz" 96; text-transform: uppercase; font-size: clamp(2.2rem, 3vw, 3rem); line-height: .86; letter-spacing: -.015em; }
.tke__tally { font-size: .8rem; font-weight: 700; opacity: .7; }
.tke__go { position: relative; display: grid; place-items: center; width: 3rem; height: 3rem; margin-top: .4rem; border-radius: 50%; background: var(--ink); transition: transform .4s var(--ease), background-color .3s; }
.tke__go::before { content: ""; width: .7rem; height: .7rem; border-top: 2px solid var(--gold); border-inline-end: 2px solid var(--gold); transform: translateX(calc(-2px * var(--dirx))) rotate(calc(45deg * var(--dirx))); }
@media (hover: hover) { .tke--all .tke__a:hover { box-shadow: 0 40px 60px -30px rgba(0, 0, 0, .6), 0 0 0 2px var(--ink); } .tke--all .tke__a:hover .tke__go { transform: translateX(calc(6px * var(--dirx))); } }
.st-js:not(.st-off) .w--takes .tke, .st-js:not(.st-off) .tkh-all .tke { opacity: 0; transform: translateY(26px); transition: opacity .7s var(--ease), transform .8s var(--ease); }
.st-js:not(.st-off) .w--takes.is-in .tke, .st-js:not(.st-off) .tkh-all.is-in .tke { opacity: 1; transform: none; }
.st-js:not(.st-off) .tke:nth-child(2) { transition-delay: .08s; }
.st-js:not(.st-off) .tke:nth-child(3) { transition-delay: .16s; }
.st-js:not(.st-off) .tke:nth-child(4) { transition-delay: .24s; }
.st-js:not(.st-off) .tke:nth-child(n+5) { transition-delay: .32s; }

.tkh-hero { padding-bottom: clamp(2.4rem, 5vw, 4rem); }
.tkh-hero__grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, clamp(220px, 30vw, 440px)); align-items: center; gap: clamp(2rem, 5vw, 5rem); margin-top: clamp(1.4rem, 3.4vw, 2.6rem); }
.tkh-h { margin-top: 1.2rem; font-size: clamp(5rem, 17vw, 17rem); white-space: nowrap; }
.tkh-h span { color: var(--paper); -webkit-text-stroke: 3px var(--ink); paint-order: stroke fill; }
.tkh-stats { display: flex; flex-wrap: wrap; gap: 1rem clamp(1.6rem, 4vw, 3.6rem); margin-top: 1.8rem; padding-top: 1.4rem; border-top: 2px solid var(--ink); }
.tkh-stats div { display: grid; gap: .2rem; }
.tkh-stats dt { order: 2; font-size: .68rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.tkh-stats dd { order: 1; font-weight: 800; font-stretch: 75%; font-size: clamp(2.6rem, 5vw, 4.2rem); line-height: .85; font-variant-numeric: tabular-nums; }
.tkp-btn--ghost { background: none; color: var(--ink); box-shadow: inset 0 0 0 2px var(--ink); }
.tkp-btn--ghost:focus-visible { background: var(--ink); color: var(--gold); }
@media (hover: hover) { .tkp-btn--ghost:hover { background: var(--ink); color: var(--gold); } }
.tkh-logo { justify-self: center; width: 100%; max-width: 440px; padding: clamp(10px, 1.4vw, 18px); border-radius: clamp(22px, 3vw, 36px); background: var(--paper); transform: rotate(-6deg); box-shadow: 0 40px 70px -30px rgba(0, 0, 0, .55); }
.tkh-logo img { display: block; width: 100%; height: auto; }
@media (prefers-reduced-motion: no-preference) { .tkh-logo { animation: tkh-in 1.1s var(--ease) both .15s; } }
@keyframes tkh-in { from { opacity: 0; transform: rotate(-16deg) scale(.85); } to { opacity: 1; transform: rotate(-6deg); } }

.tkh-latest { padding-top: 0; }
.tkh-label { display: inline-block; margin-bottom: 1.2rem; padding: .45rem .9rem; border-radius: 999px; background: var(--ink); color: var(--gold); font-size: .74rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.tkh-all { background: var(--ink); }
.tkh-all .tke-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); }

.tkh-credits { color: var(--ink); background: var(--paper); }
.tkh-credits__head { display: grid; justify-items: center; gap: .8rem; margin-bottom: clamp(2rem, 5vw, 3.6rem); text-align: center; }
.tkh-credits__head .tkp-sec__intro { max-width: 34rem; }
.tkc { columns: 3 18rem; column-gap: clamp(2rem, 5vw, 4.6rem); }
.tkc__g { break-inside: avoid; margin-bottom: clamp(2rem, 4vw, 3rem); text-align: center; }
.tkc__ep { font-size: .66rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; opacity: .6; }
.tkc__name { margin-top: .3rem; font-weight: 800; font-stretch: 75%; text-transform: uppercase; font-size: clamp(1.8rem, 2.6vw, 2.4rem); line-height: .9; }
.tkc__name a { text-decoration: none; background: linear-gradient(var(--gold), var(--gold)) 0 88% / 0 .32em no-repeat; transition: background-size .4s var(--ease); }
.tkc__name a:focus-visible { background-size: 100% .32em; outline: none; }
@media (hover: hover) { .tkc__name a:hover { background-size: 100% .32em; } }
.tkc__list { margin-top: .9rem; }
.tkc__list li { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 1.2rem; padding: .32rem 0; font-size: .92rem; line-height: 1.3; }
.tkc__t { text-align: end; font-weight: 800; text-transform: uppercase; letter-spacing: .02em; }
.tkc__t small { font-weight: 600; opacity: .55; }
.tkc__r { text-align: start; opacity: .8; }

.tkp-others { background: var(--ink); padding-bottom: clamp(2rem, 4vw, 3rem); }
.tkp-h2--s { margin-bottom: clamp(1.4rem, 3vw, 2.4rem); font-size: clamp(2.2rem, 5vw, 4.4rem); }
.tkp-others + .tkp-next { border-top: 1px solid rgba(245, 245, 242, .14); }

html[dir="rtl"] .tkp-h.tkh-h { font-stretch: 75% !important; text-transform: uppercase; line-height: .8; font-weight: 800; letter-spacing: -.025em; font-size: clamp(5rem, 17vw, 17rem); }
html[dir="rtl"] :is(.tke__name, .tke__allt, .tkc__name) { font-stretch: 100%; text-transform: none; line-height: 1.15; font-weight: 700; letter-spacing: 0; }
html[dir="rtl"] :is(.tke__no, .tke__hook, .tkh-stats dt, .tkh-label, .tkc__ep, .tkc__t) { text-transform: none; letter-spacing: 0; }

@media (max-width: 760px) {
  .tke-grid--rail { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: min(66%, 250px); overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; margin-inline: calc(var(--pad) * -1); padding: .4rem var(--pad) 1.6rem; scroll-padding-inline: var(--pad); scrollbar-width: none; }
  .tke-grid--rail::-webkit-scrollbar { display: none; }
  .tke-grid--rail .tke { scroll-snap-align: start; }
  .tkh-hero__grid { grid-template-columns: minmax(0, 1fr); }
  .tkh-logo { order: -1; justify-self: start; width: 42%; max-width: 200px; }
  .tkh-h, html[dir="rtl"] .tkp-h.tkh-h { font-size: clamp(4.4rem, 25vw, 8rem); }
  .tke-grid:not(.tke-grid--rail) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .9rem; }
  .tke-grid:not(.tke-grid--rail) .tke__name { font-size: clamp(1.5rem, 7vw, 2rem); }
  .tke-grid:not(.tke-grid--rail) .tke__body { margin-top: -3.4rem; padding: 0 .7rem .8rem; }
  .tkc__list li { font-size: .86rem; }
}
@media (prefers-reduced-motion: reduce) {
  .tke__a, .tke__pic img, .tke__go { transition: none; }
}

body[data-template="stories-film"] .mbcam-toggle { bottom: calc(72px + env(safe-area-inset-bottom, 0px)); }