/* Route-scoped: this stylesheet (or, in dev, the <style>) leaves with the page on SPA navigation. */
html, body { background: #060b18; }

.v4 {
  position: relative;
  background: #060b18;
  /* The rows were designed in a bare document, not under Infima's html font. */
  line-height: normal;
  overflow-wrap: normal;
  text-rendering: auto;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  overflow-x: clip;
}
.v4-row { display: block; }

/* Roll Infima's element rules back to the browser defaults the rows were built
   against. Specificity is at most one element (+ one pseudo-class), so it beats
   Infima by source order and loses to every row rule (all of which start with .v4). */
:where(.v4) * { box-sizing: revert; }
:where(.v4) :is(h1, h2, h3, h4, h5, h6) {
  color: revert; font-family: revert; font-weight: revert; font-size: revert;
  line-height: revert; margin: revert;
}
:where(.v4) p { margin: revert; }
:where(.v4) :is(ul, ol) { margin: revert; padding-left: revert; }
:where(.v4) a { color: revert; text-decoration: revert; transition: revert; }
:where(.v4) a:hover { color: revert; text-decoration: revert; }
:where(.v4) img { max-width: revert; }
:where(.v4) strong { font-weight: revert; }
:where(.v4) :is(code, pre, kbd, blockquote, hr) { all: revert; }

/* [Get Started] call-to-action band between every ctaEvery rows (not after the last row).
   Solid CTA yellow with dark text, the primary-button look from design_input.md. */
.v4-cta { display: flex; justify-content: center; padding: 56px 16px; }
.v4 .v4-cta__btn {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 16px 40px; border-radius: 999px;
  background: #eebc3c; color: #14100a;
  font: 700 18px/1 Inter, system-ui, sans-serif; letter-spacing: 0.01em;
  text-decoration: none;
  box-shadow: 0 10px 30px rgba(238, 188, 60, 0.22);
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}
.v4 .v4-cta__btn:hover { background: #f2c756; color: #14100a; text-decoration: none; transform: translateY(-1px); box-shadow: 0 14px 36px rgba(238, 188, 60, 0.32); }
.v4 .v4-cta__btn:focus-visible { outline: 3px solid #f2c756; outline-offset: 4px; }
.v4 .v4-cta__arrow { font-size: 20px; line-height: 1; }
@media (prefers-reduced-motion: reduce) { .v4 .v4-cta__btn { transition: none; } .v4 .v4-cta__btn:hover { transform: none; } }

/* Skip link: hidden until it gets keyboard focus. */
.v4-skip {
  position: absolute; left: 16px; top: 16px; z-index: 1000;
  padding: 10px 16px; background: #eebc3c; color: #14100a;
  font: 700 16px/1.2 Inter, system-ui, sans-serif; text-decoration: none;
  transform: translateY(-200%);
}
.v4-skip:focus { transform: none; }
.v4-main { display: block; }

/* The hero's MENU panel (rewritten by applySiteNav to 15 entries) lives inside the
   hero stage (z-index 1), under the hero's card desk (z-index 12). While the MENU
   is open, lift the stage above the desk, and let a short viewport scroll the panel.
   Prefix-free (suffix selectors) so it survives a regeneration. */
.v4 [class$="-stage"]:has(> [class$="-top"] details[open]) { z-index: 60; }
.v4 [class$="-top"] details[open] > [class$="-menu-pop"] { max-height: calc(100vh - 96px); overflow-y: auto; }

/* The hero's scene ticks, <a href="#"> in the generated markup, are rendered as
   <button data-v4-tick> by applyRowFixes. Strip the button chrome so they look and
   size exactly as the links did: specificity (0,1,1) loses to the row's own
   .v4 .{prefix}-tick rules (0,2,0), which keep their size, colour and cursor. */
:where(.v4) button[data-v4-tick] {
  -webkit-appearance: none; appearance: none;
  margin: 0; padding: 0; border: 0; border-radius: 0;
  background: transparent; color: inherit; font: inherit; line-height: inherit;
  min-width: 0; text-align: inherit;
}

/* The hero top bar on narrow phones: the same steps as V4Header (v4-template.css),
   so MENU stays on screen at 320-400px. */
@media (max-width: 400px) {
  .v4 [class$="-top"] > [class$="-actions"] { gap: 8px; }
  .v4 [class$="-top"] [class$="-cta-sm"] { padding: 9px 10px; font-size: 15px; letter-spacing: 0.04em; }
}
@media (max-width: 359px) {
  .v4 [class$="-top"] [class$="-cta-sm"] { display: none; }
}

/* Touch targets (all prefix-free, so they survive a regeneration). ─────────── */
/* The hero top bar once it collapses to GET STARTED + MENU: both at least 40px tall
   (the generated rules make them 36px), text still centred. GET STARTED is already
   inline-flex, and must not get a display here: that would undo the max-width:
   359px rule above that hides it. */
@media (max-width: 1080px) {
  .v4 [class$="-top"] [class$="-cta-sm"] { box-sizing: border-box; min-height: 40px; align-items: center; }
  .v4 [class$="-top"] details > summary { box-sizing: border-box; min-height: 40px; display: inline-flex; align-items: center; }
  /* "Sign in" (shown at 761-1080px): an 18px-tall text link; padding gives it a 40px
     box with the same look. :where() keeps the specificity at (0,1,0), so the row's
     own "display: none" on phones (.v4 .{prefix}-signin, (0,2,0)) still wins. */
  :where(.v4 [class$="-top"]) [class$="-signin"] { display: inline-flex; align-items: center; padding: 11px 6px; }
}
/* The hero's scene ticks are 6px bars: a transparent ::before stretches the hit area
   to about 40px tall without changing the bar (1px short of each side, so the 3px
   gaps between ticks stay gaps). */
.v4 button[data-v4-tick] { position: relative; }
.v4 button[data-v4-tick]::before { content: ""; position: absolute; inset: -17px -1px; }
/* Row tabs on touch screens (r5v73, r7v35 and r11v37 today: 27-35px tall). Matched
   by shape, not row number (rows get renumbered): an <a> or <button> whose class
   ends in "-tab", or has "-tab " before a state class the engine adds ("-tab -on").
   Other "-tab" classes in the rows are <li>/<p> labels, which this leaves alone. */
@media (pointer: coarse) {
  .v4 :is(a, button):is([class$="-tab"], [class*="-tab "]) {
    box-sizing: border-box; min-height: 40px; display: inline-flex; align-items: center;
  }
}
/* The footer a row brings (the homepage MCP row, r16v38): the same targets as
   V4Footer (v4-template.css): 18px social icons in a 34px hit area (padding
   cancelled by margin, so the spacing is unchanged), and 40px links once the
   columns stack. */
.v4 footer [class$="-social"] a { padding: 8px; margin: -8px; }
@media (max-width: 860px) {
  .v4 footer [class$="-fnav"] a { padding: 9px 0; }
}

/* Row 7's script page (r7v35: a 640px-wide page in a full-width clipping
   "-lens"). Below the row's 960px breakpoint the page is flat (no tilt) and sat
   flush left: centre it in the lens. On phones it was cut mid-word ("THE LONG
   WAT"): make it the lens's width so the lines wrap instead (the font size still
   follows the row's own page width). The row engine never positions the page. */
@media (max-width: 959.98px) {
  .v4 [class$="-lens"] > [class$="-page"] { right: 0; margin: 0 auto; }
}
@media (max-width: 760px) {
  .v4 [class$="-lens"] > [class$="-page"] { width: 100%; }
}

/* The hero top bar's "More" dropdown (inserted by applySiteNav). It sits inside the
   hero's nav, so it inherits that nav's font; the button is made to read exactly
   like the nav's links, and the panel copies the hero's MENU pop (.{prefix}-menu-pop).
   ALWAYS in the served HTML, hidden with CSS (SEO invariant: crawlers see every link).
   Revealed on hover, while focus is inside the panel, and by the click toggle
   (data-open). Hidden with opacity (not visibility) so its links stay focusable. */
.v4 .v4-more { position: relative; display: inline-flex; }
.v4 .v4-more-btn {
  all: unset; box-sizing: border-box; cursor: pointer;
  display: inline-flex; align-items: center; gap: 4px;
  font: inherit; color: rgba(255, 255, 255, 0.95); text-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
}
.v4 .v4-more-btn:hover, .v4 .v4-more[data-open="true"] .v4-more-btn { color: #fcd648; }
.v4 .v4-more-btn:focus-visible { outline: 2px solid #fcd648; outline-offset: 4px; }
.v4 .v4-more-pop {
  position: absolute; right: 0; top: calc(100% + 18px); z-index: 40;
  min-width: 230px; display: grid; padding: 6px 0;
  background: #151419; border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55);
  opacity: 0; pointer-events: none; transform: translateY(-4px);
  transition: opacity .15s ease, transform .15s ease;
}
.v4 .v4-more-pop::before { content: ""; position: absolute; left: 0; right: 0; top: -19px; height: 19px; }
.v4 .v4-more:is(:hover, [data-open="true"]):not([data-open="false"]) .v4-more-pop,
.v4 .v4-more:not([data-open="false"]) .v4-more-pop:focus-within {
  opacity: 1; pointer-events: auto; transform: none;
}
.v4 .v4-more .v4-more-pop a {
  padding: 10px 16px; font-weight: 500; font-size: 16px; color: #f5f5f3; text-shadow: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06); text-decoration: none;
}
.v4 .v4-more .v4-more-pop a:last-child { border-bottom: 0; }
.v4 .v4-more .v4-more-pop a:hover { background: rgba(255, 255, 255, 0.07); color: #f5f5f3; }
/* The current route ("page") or its section ("true"): yellow, with a yellow underline in the bar. */
.v4 [data-v4-nav][aria-current], .v4 .v4-more-btn[data-active] { color: #fcd648; }
.v4 nav > [data-v4-nav][aria-current] { text-decoration: underline 2px; text-underline-offset: 8px; }
.v4 .v4-more .v4-more-pop a[aria-current] { color: #fcd648; box-shadow: inset 3px 0 0 #eebc3c; }
@media (prefers-reduced-motion: reduce) { .v4 .v4-more-pop { transition: none; } }

/* The hero H1's first line is a fixed 62px and runs off both edges below ~360px
   ("AI FILMMAKING" is ~338px wide). Scale it with the viewport on small phones.
   Matched by class SUFFIX so it survives a regeneration; .v4-row raises the
   specificity above the row's own .v4 .{prefix}-h1a rules. */
@media (max-width: 400px) { .v4 .v4-row [class$="-h1a"] { font-size: min(62px, 16vw); } }

/* ── row 1 · Hero · v42 · r1v42- ── */
.v4 .r1v42-row { --r1v42-bg: #0f0e0c; --r1v42-panel: #151419; --r1v42-raised: #29282d; --r1v42-rule: rgba(255, 255, 255, 0.055); --r1v42-edge: rgba(255, 255, 255, 0.2); --r1v42-ink: #f5f4f1; --r1v42-body: #dcdbd7; --r1v42-quiet: #8f8e8a; --r1v42-yellow: #eebc3c; --r1v42-yellow-hi: #fcd648; --r1v42-yellow-ink: #1a1405; --r1v42-blue: #2f6fe8; --r1v42-orange: #f2762b; --r1v42-green: #46d483; --r1v42-overlap: 210px; --r1v42-stage-h: clamp(900px, 68vw, 990px); --r1v42-sh: 0; position: relative; overflow: hidden; isolation: isolate; padding-bottom: 48px; color: var(--r1v42-ink); font-family: "Barlow", system-ui, -apple-system, "Segoe UI", sans-serif; background-color: var(--r1v42-bg); background-image: repeating-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 47px, var(--r1v42-rule) 47px, var(--r1v42-rule) 48px); }
.v4 .r1v42-row *,
.v4 .r1v42-row *::before,
.v4 .r1v42-row *::after { box-sizing: border-box; }
.v4 .r1v42-row a { color: inherit; text-decoration: none; }
.v4 .r1v42-row p,
.v4 .r1v42-row h1,
.v4 .r1v42-row ul,
.v4 .r1v42-row figure { margin: 0; }
.v4 .r1v42-stage { position: relative; z-index: 1; overflow: hidden; background: #000; color: #fff; min-height: var(--r1v42-stage-h); display: flex; flex-direction: column; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.v4 .r1v42-media,
.v4 .r1v42-grade,
.v4 .r1v42-tint,
.v4 .r1v42-fx,
.v4 .r1v42-scrim,
.v4 .r1v42-dip { position: absolute; inset: 0; }
.v4 .r1v42-media { z-index: 0; overflow: hidden; }
.v4 .r1v42-still,
.v4 .r1v42-poster,
.v4 .r1v42-clip { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.v4 .r1v42-layer { position: absolute; inset: 0; opacity: 0; }
.v4 .r1v42-layer.r1v42-on { opacity: 1; }
.v4 .r1v42-poster { transform-origin: 50% 50%; will-change: transform; }
.v4 .r1v42-clip { opacity: 0; transition: opacity 200ms ease; }
.v4 .r1v42-clip.r1v42-live { opacity: 1; }
.v4 .r1v42-grade,
.v4 .r1v42-tint,
.v4 .r1v42-fx { pointer-events: none; opacity: 0; }
.v4 .r1v42-changed .r1v42-grade,
.v4 .r1v42-changed .r1v42-tint,
.v4 .r1v42-changed .r1v42-fx { opacity: 1; }
.v4 .r1v42-grade { z-index: 2; }
.v4 .r1v42-tint { z-index: 3; }
.v4 .r1v42-fx { z-index: 3; width: 100%; height: 100%; }
.v4 .r1v42-scrim { z-index: 5; pointer-events: none; background: linear-gradient(180deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.36) 16%, rgba(0, 0, 0, 0.42) 50%, rgba(0, 0, 0, 0.2) 74%, rgba(0, 0, 0, 0.42) 100%); }
.v4 .r1v42-blade { position: absolute; left: 0; right: 0; height: 50.5%; z-index: 6; pointer-events: none; background-color: #0f0e0c; background-image: repeating-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 47px, rgba(255, 255, 255, 0.06) 47px, rgba(255, 255, 255, 0.06) 48px); visibility: hidden; }
.v4 .r1v42-shut .r1v42-blade { visibility: visible; }
.v4 .r1v42-blade-top { top: 0; transform: translateY(calc((var(--r1v42-sh) - 1) * 100%)); box-shadow: inset 0 -2px 0 var(--r1v42-yellow), 0 10px 40px rgba(0, 0, 0, 0.6); }
.v4 .r1v42-blade-bot { bottom: 0; transform: translateY(calc((1 - var(--r1v42-sh)) * 100%)); box-shadow: inset 0 2px 0 var(--r1v42-yellow), 0 -10px 40px rgba(0, 0, 0, 0.6); }
.v4 .r1v42-blade-txt { position: absolute; left: clamp(16px, 3.4vw, 52px); top: 104px; opacity: calc(var(--r1v42-sh) * 3 - 2); font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: 18px; letter-spacing: 0.22em; text-transform: uppercase; color: var(--r1v42-yellow-hi); }
.v4 .r1v42-dip { z-index: 8; background: #000; opacity: 0; pointer-events: none; }
.v4 .r1v42-top { position: relative; z-index: 10; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; height: 84px; padding: 0 clamp(16px, 3.4vw, 52px); border-bottom: 1px solid rgba(255, 255, 255, 0.16); }
.v4 .r1v42-logo { display: inline-flex; align-items: center; gap: 10px; font-family: "Barlow Condensed", sans-serif; font-weight: 800; font-size: 27px; letter-spacing: 0.04em; text-transform: uppercase; justify-self: start; }
.v4 .r1v42-logo-mark { display: inline-grid; place-items: center; width: 34px; height: 34px; background: var(--r1v42-yellow); color: var(--r1v42-yellow-ink); font-size: 22px; font-weight: 800; }
.v4 .r1v42-nav { display: flex; align-items: center; gap: clamp(14px, 1.5vw, 26px); font-size: 15px; font-weight: 500; white-space: nowrap; }
.v4 .r1v42-nav a { color: rgba(255, 255, 255, 0.95); text-shadow: 0 1px 8px rgba(0, 0, 0, 0.5); }
.v4 .r1v42-nav a:hover { color: var(--r1v42-yellow-hi); }
.v4 .r1v42-chev { display: inline-block; font-size: 14px; transform: translateY(-3px); }
.v4 .r1v42-actions { justify-self: end; display: flex; align-items: center; gap: 18px; }
.v4 .r1v42-signin { font-weight: 600; font-size: 15px; color: #fff; white-space: nowrap; }
.v4 .r1v42-cta { display: inline-flex; align-items: center; justify-content: center; gap: 10px; white-space: nowrap; background: var(--r1v42-yellow); color: var(--r1v42-yellow-ink) !important; font-family: "Barlow Condensed", sans-serif; font-weight: 700; font-size: 21px; letter-spacing: 0.06em; text-transform: uppercase; padding: 13px 30px; border-radius: 0; text-shadow: none; -webkit-font-smoothing: antialiased; transition: background-color 160ms ease; }
.v4 .r1v42-cta span { font-size: 1.3em; line-height: 0.6; position: relative; top: -1px; }
.v4 .r1v42-cta:hover { background: var(--r1v42-yellow-hi); }
.v4 .r1v42-cta-sm { font-size: 17px; padding: 9px 20px; }
.v4 .r1v42-menu { display: none; position: relative; }
.v4 .r1v42-menu summary { list-style: none; cursor: pointer; font-family: "Barlow Condensed", sans-serif; font-weight: 700; font-size: 18px; letter-spacing: 0.08em; text-transform: uppercase; color: #fff; border: 1px solid rgba(255, 255, 255, 0.5); padding: 6px 14px; background: rgba(0, 0, 0, 0.25); }
.v4 .r1v42-menu summary::-webkit-details-marker { display: none; }
.v4 .r1v42-menu-pop { position: absolute; right: 0; top: calc(100% + 8px); z-index: 40; min-width: 210px; display: grid; padding: 6px 0; background: #151419; border: 1px solid var(--r1v42-edge); box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55); }
.v4 .r1v42-menu-pop a { padding: 10px 16px; font-weight: 500; font-size: 16px; color: #f5f5f3; border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
.v4 .r1v42-menu-pop a:last-child { border-bottom: 0; }
.v4 .r1v42-menu-pop a:hover { background: rgba(255, 255, 255, 0.07); }
.v4 .r1v42-words { position: relative; z-index: 9; flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 139px 16px calc(var(--r1v42-overlap) + 36px); text-shadow: 0 2px 24px rgba(0, 0, 0, 0.45), 0 1px 3px rgba(0, 0, 0, 0.45); }
.v4 .r1v42-h1 { margin-top: 0 !important; color: #fff; display: flex; flex-direction: column; align-items: center; font-family: "Barlow Condensed", sans-serif; text-transform: uppercase; }
.v4 .r1v42-h1a { font-weight: 800; font-size: clamp(66px, 11vw, 164px); line-height: 0.84; letter-spacing: 0.005em; }
.v4 .r1v42-h1b { margin-top: 10px; font-weight: 600; font-size: clamp(30px, 4.95vw, 74px); line-height: 0.95; letter-spacing: 0.012em; color: #fff; }
.v4 .r1v42-points { list-style: none; padding: 0; margin-top: 28px !important; display: flex; flex-wrap: wrap; justify-content: center; max-width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.55); border-bottom: 1px solid rgba(255, 255, 255, 0.55); }
.v4 .r1v42-points li { padding: 11px 20px; font-family: "Barlow Condensed", sans-serif; font-weight: 600; font-size: clamp(19px, 1.45vw, 21px); line-height: 1.2; letter-spacing: 0.07em; text-transform: uppercase; color: #fff; }
.v4 .r1v42-points li + li { border-left: 1px solid rgba(255, 255, 255, 0.4); }
.v4 .r1v42-ctas { margin-top: 24px; display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; }
.v4 .r1v42-desk { position: relative; z-index: 12; margin: calc(var(--r1v42-overlap) * -1) auto 0; max-width: 1440px; padding: 0 clamp(16px, 2.4vw, 36px); display: grid; grid-template-columns: minmax(0, 1fr) minmax(440px, 490px) minmax(0, 1fr); grid-template-rows: auto auto; column-gap: 0; align-items: start; }
.v4 .r1v42-card { position: relative; background: var(--r1v42-panel); border: 1px solid var(--r1v42-edge); box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5); transition: border-color 300ms ease, box-shadow 300ms ease, background 300ms ease; }
.v4 .r1v42-card.r1v42-live { border-color: var(--r1v42-yellow-hi); box-shadow: 0 0 0 1px rgba(252, 214, 72, 0.45), 0 0 34px rgba(242, 199, 86, 0.32), 0 24px 60px rgba(0, 0, 0, 0.5); }
.v4 .r1v42-left { grid-column: 1; grid-row: 1; position: relative; z-index: 1; justify-self: end; width: min(100%, 370px); margin-right: -30px; margin-top: 44px; }
.v4 .r1v42-script { position: relative; color: #1b1b1f; background: #fbfaf7; padding: 36px 44px 20px 26px; border-top: 4px solid var(--r1v42-orange); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 26px 60px rgba(0, 0, 0, 0.55); font-family: "Sometype Mono", ui-monospace, "SF Mono", Menlo, monospace; font-size: 16px; line-height: 1.5; }
.v4 .r1v42-tag { position: absolute; top: -4px; left: 0; transform: translateY(-100%); font-family: "Barlow Condensed", sans-serif; font-weight: 700; font-size: 17px; letter-spacing: 0.14em; text-transform: uppercase; white-space: nowrap; background: var(--r1v42-orange); color: #1d0c00; padding: 5px 14px 4px; }
.v4 .r1v42-pgno { position: absolute; top: 12px; right: 18px; font-size: 14px; color: #6d6c72; }
.v4 .r1v42-slug { font-weight: 700; text-transform: uppercase; }
.v4 .r1v42-action { margin: 10px -6px 0; padding: 2px 6px; transition: background 400ms ease, box-shadow 400ms ease; }
.v4 .r1v42-who { margin-top: 10px; text-align: center; font-weight: 700; }
.v4 .r1v42-line { text-align: center; }
.v4 .r1v42-render .r1v42-action { background: rgba(238, 188, 60, 0.32); box-shadow: inset 3px 0 0 var(--r1v42-yellow); }
.v4 .r1v42-filming { margin-top: 14px; padding-top: 10px; border-top: 1px solid #e2e0da; display: flex; align-items: center; gap: 8px; font-family: "Barlow", system-ui, sans-serif; font-size: 15px; font-weight: 600; color: #5f5e66; }
.v4 .r1v42-rec { width: 9px; height: 9px; border-radius: 50%; background: #c9c8c4; }
.v4 .r1v42-render .r1v42-rec { background: #e0412b; animation: r1v42-blink 0.9s steps(2) infinite; }
.v4 .r1v42-center { grid-column: 2; grid-row: 1; min-width: 0; position: relative; z-index: 3; }
.v4 .r1v42-chat { background: #151419; color: #eeeef0; border: 1px solid rgba(255, 255, 255, 0.26); box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.35), 0 30px 70px rgba(0, 0, 0, 0.6); }
.v4 .r1v42-chat-head { display: flex; align-items: center; gap: 12px; padding: 12px 18px; background: #0f0e0c; border-bottom: 1px solid rgba(255, 255, 255, 0.12); }
.v4 .r1v42-avatar { width: 40px; height: 40px; object-fit: cover; object-position: 50% 20%; border: 1px solid rgba(255, 255, 255, 0.3); }
.v4 .r1v42-chat-kicker { display: block; font-size: 13px; color: #b9b8b4; font-weight: 500; }
.v4 .r1v42-chat-title { display: block; font-size: 17px; font-weight: 600; }
.v4 .r1v42-min { margin-left: auto; width: 14px; height: 2px; background: #c0bfbb; }
.v4 .r1v42-log { display: flex; flex-direction: column; gap: 10px; padding: 16px 18px; min-height: 280px; }
.v4 .r1v42-msg { max-width: 86%; padding: 11px 15px; font-size: 16px; line-height: 1.45; }
.v4 .r1v42-ai { background: var(--r1v42-raised); color: #f0f0f2; align-self: flex-start; border-left: 2px solid rgba(255, 255, 255, 0.35); }
.v4 .r1v42-me { background: var(--r1v42-blue); color: #fff; align-self: flex-end; font-weight: 500; }
.v4 .r1v42-okline { display: block; margin-top: 6px; font-weight: 600; color: var(--r1v42-green); }
.v4 .r1v42-dots { align-self: flex-start; display: none; gap: 5px; padding: 12px 14px; background: var(--r1v42-raised); }
.v4 .r1v42-dots i { width: 7px; height: 7px; border-radius: 50%; background: #b8b7b3; animation: r1v42-dot 1s infinite; }
.v4 .r1v42-dots i:nth-child(2) { animation-delay: 0.15s; }
.v4 .r1v42-dots i:nth-child(3) { animation-delay: 0.3s; }
@keyframes r1v42-dot { 50% { transform: translateY(-4px); opacity: 0.5; } }
.v4 .r1v42-js .r1v42-m-me,
.v4 .r1v42-js .r1v42-m-reply,
.v4 .r1v42-js .r1v42-okline { display: none; }
.v4 .r1v42-js.r1v42-sent .r1v42-m-me { display: block; animation: r1v42-up 260ms ease-out; }
.v4 .r1v42-js.r1v42-thinking .r1v42-m-dots { display: flex; }
.v4 .r1v42-js.r1v42-replied .r1v42-m-reply { display: block; animation: r1v42-up 260ms ease-out; }
.v4 .r1v42-js.r1v42-done .r1v42-okline { display: block; }
@keyframes r1v42-up { from { transform: translateY(14px); opacity: 0; } }
.v4 .r1v42-inputbar { display: flex; gap: 0; padding: 12px 14px 14px; border-top: 1px solid rgba(255, 255, 255, 0.12); }
.v4 .r1v42-input { position: relative; flex: 1; min-width: 0; min-height: 48px; display: flex; align-items: center; padding: 0 16px; background: #0f0e0c; border: 1px solid rgba(255, 255, 255, 0.18); border-right: 0; font-size: 16px; color: #fff; overflow: hidden; white-space: nowrap; }
.v4 .r1v42-ph { color: #9b9a96; }
.v4 .r1v42-has-text .r1v42-ph { display: none; }
.v4 .r1v42-caret { display: none; width: 2px; height: 20px; background: var(--r1v42-yellow); margin-left: 1px; animation: r1v42-blink 0.9s steps(2) infinite; }
@keyframes r1v42-blink { 50% { opacity: 0.2; } }
.v4 .r1v42-typing .r1v42-caret { display: inline-block; }
.v4 .r1v42-typing .r1v42-input { border-color: rgba(238, 188, 60, 0.8); }
.v4 .r1v42-post { display: inline-grid; place-items: center; padding: 0 26px; font-family: "Barlow Condensed", sans-serif; font-weight: 700; font-size: 20px; letter-spacing: 0.08em; text-transform: uppercase; background: var(--r1v42-yellow); color: var(--r1v42-yellow-ink); transition: transform 120ms ease; }
.v4 .r1v42-press .r1v42-post { transform: scale(0.92); }
.v4 .r1v42-row .r1v42-portrait { grid-column: 3; grid-row: 1; justify-self: start; width: min(calc(100% - 30px), 380px); margin: -70px 0 0 30px; padding: 8px; background: #1d1c21; }
.v4 .r1v42-portrait img { display: block; width: 100%; aspect-ratio: 1 / 1; height: auto; object-fit: cover; object-position: 50% 26%; }
.v4 .r1v42-role { position: absolute; left: 0; bottom: 18px; z-index: 2; background: var(--r1v42-orange); color: #1d0c00; font-family: "Barlow Condensed", sans-serif; font-weight: 700; font-size: 21px; letter-spacing: 0.05em; text-transform: uppercase; padding: 6px 16px 5px; white-space: nowrap; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4); }
.v4 .r1v42-cardno { position: absolute; top: 16px; right: 16px; font-family: "Barlow Condensed", sans-serif; font-weight: 700; font-size: 17px; letter-spacing: 0.1em; color: #fff; background: rgba(0, 0, 0, 0.55); padding: 2px 8px; }
.v4 .r1v42-strip { grid-column: 2 / 4; grid-row: 2; position: relative; z-index: 2; display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 0; width: 100%; max-width: 900px; margin-top: 26px; }
.v4 .r1v42-sq { aspect-ratio: 1 / 1; padding: 14px 14px 12px; display: flex; flex-direction: column; min-width: 0; box-shadow: 0 18px 44px rgba(0, 0, 0, 0.45); }
.v4 .r1v42-sq + .r1v42-sq { border-left-width: 0; }
.v4 .r1v42-sq.r1v42-live + .r1v42-sq { border-left-width: 0; }
.v4 .r1v42-sq-wide { aspect-ratio: 2 / 1; }
.v4 .r1v42-mk,
.v4 .r1v42-ptop { font-family: "Barlow Condensed", sans-serif; font-size: 16px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--r1v42-orange); }
.v4 .r1v42-ptop { display: flex; align-items: center; margin-bottom: 6px !important; }
.v4 .r1v42-ver { margin-left: auto; letter-spacing: 0; color: #b4b3af; font-family: "Sometype Mono", ui-monospace, monospace; font-size: 15px; font-weight: 500; }
.v4 .r1v42-v2 { display: none; color: var(--r1v42-yellow-hi); }
.v4 .r1v42-rendered .r1v42-v1,
.v4 .r1v42-row:not(.r1v42-js) .r1v42-v1 { display: none; }
.v4 .r1v42-rendered .r1v42-v2,
.v4 .r1v42-row:not(.r1v42-js) .r1v42-v2 { display: inline; }
.v4 .r1v42-ptext { font-family: "Sometype Mono", ui-monospace, monospace; font-size: 15px; line-height: 1.42; color: #e3e2de; overflow: hidden; }
.v4 .r1v42-add { background: transparent; color: inherit; }
.v4 .r1v42-js:not(.r1v42-rendered) .r1v42-add { display: none; }
.v4 .r1v42-rendered .r1v42-add,
.v4 .r1v42-row:not(.r1v42-js) .r1v42-add { background: rgba(238, 188, 60, 0.26); color: #ffe39a; }
.v4 .r1v42-rendered .r1v42-add { animation: r1v42-hi 900ms ease-out; }
@keyframes r1v42-hi { from { background: rgba(238, 188, 60, 0.75); } }
.v4 .r1v42-model { justify-content: space-between; overflow: hidden; }
.v4 .r1v42-mk { color: var(--r1v42-quiet); }
.v4 .r1v42-model strong { display: block; font-family: "Barlow Condensed", sans-serif; font-weight: 700; font-size: clamp(24px, 2vw, 30px); line-height: 1; text-transform: uppercase; letter-spacing: 0.02em; color: #6f6e6a; transition: color 300ms ease; }
.v4 .r1v42-models-on .r1v42-model strong,
.v4 .r1v42-row:not(.r1v42-js) .r1v42-model strong { color: #f5f5f3; }
.v4 .r1v42-mbar { position: absolute; left: 0; bottom: 0; height: 3px; width: calc(var(--r1v42-bar, 1) * 100%); background: var(--r1v42-yellow); }
.v4 .r1v42-js:not(.r1v42-rendered) .r1v42-mbar { width: 0; }
.v4 .r1v42-status { gap: 8px; }
.v4 .r1v42-status .r1v42-mk { color: var(--r1v42-quiet); }
.v4 .r1v42-rstat { display: flex; align-items: flex-start; gap: 8px; font-weight: 600; font-size: 15px; line-height: 1.25; color: #e3e2de; transition: color 300ms ease; }
.v4 .r1v42-spin { width: 15px; height: 15px; margin-top: 1px; border-radius: 50%; border: 2px solid var(--r1v42-green); flex: none; }
.v4 .r1v42-st-render .r1v42-spin { border-color: var(--r1v42-yellow) transparent var(--r1v42-yellow) var(--r1v42-yellow); animation: r1v42-rot 0.8s linear infinite; }
.v4 .r1v42-done .r1v42-rstat,
.v4 .r1v42-row:not(.r1v42-js) .r1v42-rstat { color: var(--r1v42-green); }
@keyframes r1v42-rot { to { transform: rotate(360deg); } }
.v4 .r1v42-chip-fin { align-self: flex-start; white-space: nowrap; padding: 4px 12px; font-size: 15px; font-weight: 700; color: #fff; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.2); transition: background 300ms ease, border-color 300ms ease; }
.v4 .r1v42-done .r1v42-chip-fin,
.v4 .r1v42-row:not(.r1v42-js) .r1v42-chip-fin { background: var(--r1v42-blue); border-color: var(--r1v42-blue); }
.v4 .r1v42-scene-k { margin-top: auto; font-family: "Sometype Mono", ui-monospace, monospace; font-size: 14px; color: #c8c7c3; white-space: nowrap; }
.v4 .r1v42-ticks { display: flex; gap: 3px; }
.v4 .r1v42-tick { flex: 1; height: 6px; background: rgba(255, 255, 255, 0.22); cursor: pointer; transition: background 300ms ease; }
.v4 .r1v42-tick.r1v42-past { background: rgba(238, 188, 60, 0.55); }
.v4 .r1v42-tick.r1v42-on { background: var(--r1v42-yellow-hi); box-shadow: 0 0 8px rgba(252, 214, 72, 0.7); }
.v4 .r1v42-spark { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 30; pointer-events: none; }
.v4[data-v4-theme="light"] .r1v42-row { --r1v42-bg: #f1f0ec; --r1v42-rule: rgba(0, 0, 0, 0.06); --r1v42-ink: #15151a; --r1v42-quiet: #5f5e66; --r1v42-orange: #e5661b; }
.v4[data-v4-theme="light"] .r1v42-row .r1v42-card { box-shadow: 0 18px 40px rgba(20, 20, 30, 0.22); border-color: rgba(0, 0, 0, 0.5); }
.v4[data-v4-theme="light"] .r1v42-row .r1v42-card.r1v42-live { border-color: var(--r1v42-yellow); }
.v4[data-v4-theme="light"] .r1v42-row .r1v42-chat { box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.08), 0 24px 50px rgba(20, 20, 30, 0.28); }
.v4[data-v4-theme="light"] .r1v42-row .r1v42-script { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.14), 0 20px 44px rgba(20, 20, 30, 0.24); }
.v4[data-v4-theme="light"] .r1v42-row .r1v42-mk,
.v4[data-v4-theme="light"] .r1v42-row .r1v42-status .r1v42-mk { color: #a8a7a3; }
.v4[data-v4-theme="light"] .r1v42-row .r1v42-ptop { color: #f2762b; }
@media (max-width: 1240px) {
.v4 .r1v42-desk { grid-template-columns: minmax(0, 1fr) minmax(420px, 470px) minmax(0, 1fr); }
.v4 .r1v42-row .r1v42-portrait { width: min(calc(100% - 24px), 280px); margin-left: 24px; }
.v4 .r1v42-strip { grid-column: 1 / -1; justify-self: center; }
.v4 .r1v42-points { max-width: 820px; }
.v4 .r1v42-points li + li { border-left: 0; }
.v4 .r1v42-points li { border-left: 1px solid rgba(255, 255, 255, 0.4); }
.v4 .r1v42-points li:first-child { border-left: 0; }
}
@media (max-width: 1080px) {
.v4 .r1v42-top { grid-template-columns: 1fr auto; }
.v4 .r1v42-nav { display: none; }
.v4 .r1v42-menu { display: block; }
}
@media (max-width: 960px) {
.v4 .r1v42-desk { grid-template-columns: 1fr; padding: 0 16px; }
.v4 .r1v42-center { grid-column: 1; grid-row: 1; justify-self: center; width: min(100%, 500px); }
.v4 .r1v42-left { grid-column: 1; grid-row: 2; justify-self: center; margin: 48px 0 0; width: min(100%, 400px); }
.v4 .r1v42-row .r1v42-portrait { grid-column: 1; grid-row: 3; justify-self: center; margin: 40px 0 0; width: min(100%, 340px); }
.v4 .r1v42-strip { grid-column: 1; grid-row: 4; margin-top: 0; max-width: 500px; grid-template-columns: 1fr 1fr; }
.v4 .r1v42-sq-wide { grid-column: 1 / -1; aspect-ratio: auto; min-height: 150px; }
.v4 .r1v42-sq + .r1v42-sq { border-left-width: 1px; }
.v4 .r1v42-model { border-left-width: 1px !important; }
.v4 .r1v42-model + .r1v42-model { border-left-width: 0 !important; }
.v4 .r1v42-sq { border-top-width: 0; }
.v4 .r1v42-sq-wide { border-top-width: 1px; }
.v4 .r1v42-status { grid-column: 1 / -1; aspect-ratio: auto; }
}
@media (max-width: 760px) {
.v4 .r1v42-row { --r1v42-overlap: 60px; --r1v42-stage-h: 730px; }
.v4 .r1v42-top { gap: 10px; padding: 0 16px; height: 64px; }
.v4 .r1v42-signin { display: none; }
.v4 .r1v42-logo { font-size: 23px; }
.v4 .r1v42-cta-sm { padding: 7px 14px; font-size: 16px; }
.v4 .r1v42-words { justify-content: flex-start; padding: 164px 16px calc(var(--r1v42-overlap) + 28px); }
.v4 .r1v42-h1a { font-size: 62px; white-space: nowrap; }
.v4 .r1v42-model { aspect-ratio: auto; min-height: 118px; }
.v4 .r1v42-h1b { font-size: 30px; margin-top: 8px; }
.v4 .r1v42-points { margin-top: 18px !important; display: grid; grid-template-columns: 1fr 1fr; width: 100%; max-width: 380px; }
.v4 .r1v42-points li { padding: 9px 8px; font-size: 18px; line-height: 1.15; border-left: 0 !important; display: flex; align-items: center; justify-content: center; }
.v4 .r1v42-points li:nth-child(odd) { border-right: 1px solid rgba(255, 255, 255, 0.4); }
.v4 .r1v42-points li:nth-child(n+3) { border-top: 1px solid rgba(255, 255, 255, 0.4); }
.v4 .r1v42-ctas { margin-top: 16px; gap: 10px; }
.v4 .r1v42-cta { padding: 11px 22px; font-size: 19px; }
.v4 .r1v42-log { min-height: 290px; }
.v4 .r1v42-blade-txt { font-size: 15px; top: 76px; }
}
@media (prefers-reduced-motion: reduce) {
.v4 .r1v42-row *,
.v4 .r1v42-row *::before,
.v4 .r1v42-row *::after { animation: none !important; transition: none !important; }
}

/* ── row 2 · AI Chat ==> Filmmaking · v29 · r2v29- ── */
.v4 .r2v29-row { --r2v29-page: #101010; --r2v29-page-img: radial-gradient(55% 40% at 14% 34%, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 70%), radial-gradient(45% 38% at 86% 74%, rgba(255, 255, 255, 0.045) 0%, rgba(255, 255, 255, 0) 70%), radial-gradient(70% 30% at 50% 102%, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 70%), linear-gradient(180deg, #101010 0%, #161616 22%, #1f1f1f 55%, #262626 100%); --r2v29-ink: #f7f7f4; --r2v29-silver: #bcc0c6; --r2v29-muted: #c9ccd1; --r2v29-yellow: #eebc3c; --r2v29-on-yellow: #15120a; --r2v29-rim: rgba(226, 229, 234, 0.34); --r2v29-frame-shadow: 0 0 0 7px rgba(255, 255, 255, 0.025), 0 34px 70px -26px rgba(0, 0, 0, 0.95); --r2v29-chip-bg: rgba(255, 255, 255, 0.05); --r2v29-chip-line: rgba(226, 229, 234, 0.22); --r2v29-pip-bg: #1c1c1c; --r2v29-pip-line: rgba(226, 229, 234, 0.34); --r2v29-pip-shadow: 0 26px 54px -18px rgba(0, 0, 0, 0.95), 0 2px 0 rgba(255, 255, 255, 0.05) inset; --r2v29-glow: radial-gradient(closest-side, rgba(238, 188, 60, 0.26) 0%, rgba(238, 188, 60, 0.08) 55%, rgba(238, 188, 60, 0) 100%); --r2v29-pip-w: clamp(220px, 22vw, 320px); --r2v29-pip-over: clamp(44px, 4.8vw, 70px); --r2v29-pip-h: calc((var(--r2v29-pip-w) - 12px) * 0.5625 + 50px); --r2v29-par: 0; position: relative; box-sizing: border-box; background-color: var(--r2v29-page); background-image: var(--r2v29-page-img); color: var(--r2v29-ink); font-family: "Parkinsans", system-ui, -apple-system, "Segoe UI", sans-serif; padding: clamp(48px, 6vw, 96px) clamp(16px, 3vw, 40px) clamp(48px, 6vw, 92px); overflow: hidden; }
.v4 .r2v29-row *,
.v4 .r2v29-row *::before,
.v4 .r2v29-row *::after { box-sizing: border-box; }
.v4[data-v4-theme="light"] .r2v29-row { --r2v29-page: #f2f2f2; --r2v29-page-img: radial-gradient(55% 40% at 14% 34%, rgba(0, 0, 0, 0.025) 0%, rgba(0, 0, 0, 0) 70%), linear-gradient(180deg, #f2f2f2 0%, #f6f6f6 45%, #ffffff 100%); --r2v29-ink: #141414; --r2v29-silver: #565b62; --r2v29-muted: #3f4247; --r2v29-rim: rgba(20, 20, 20, 0.3); --r2v29-frame-shadow: 0 0 0 7px rgba(0, 0, 0, 0.03), 0 30px 60px -28px rgba(20, 20, 20, 0.45); --r2v29-chip-bg: rgba(0, 0, 0, 0.03); --r2v29-chip-line: rgba(20, 20, 20, 0.22); --r2v29-pip-bg: #ffffff; --r2v29-pip-line: rgba(20, 20, 20, 0.16); --r2v29-pip-shadow: 0 24px 48px -18px rgba(20, 20, 20, 0.4); --r2v29-glow: radial-gradient(closest-side, rgba(238, 188, 60, 0.4) 0%, rgba(238, 188, 60, 0.12) 55%, rgba(238, 188, 60, 0) 100%); }
.v4 .r2v29-inner { position: relative; max-width: 1440px; margin: 0 auto; }
.v4 .r2v29-head { margin-bottom: clamp(18px, 2.2vw, 30px); }
.v4 .r2v29-title { display: grid; margin: 0; font-size: clamp(28px, 3.4vw, 52px); line-height: 1.16; font-weight: 700; letter-spacing: -0.02em; text-align: left; }
.v4 .r2v29-title > * { grid-area: 1 / 1; }
.v4 .r2v29-title-ghost { visibility: hidden; }
.v4 .r2v29-title-main { color: var(--r2v29-ink); }
.v4 .r2v29-after { color: var(--r2v29-silver); font-weight: 500; }
.v4 .r2v29-stamp { display: inline-block; padding: 0 0.04em; border-radius: 0.12em; background: var(--r2v29-yellow); box-shadow: 0 0 0 0.09em var(--r2v29-yellow); color: var(--r2v29-on-yellow); transform: rotate(-2deg); }
.v4 .r2v29-stamp:not(.r2v29-is-stamped) { display: none; }
.v4 .r2v29-stamp.r2v29-is-stamped { animation: r2v29-stamp 0.5s cubic-bezier(0.2, 1.7, 0.45, 1) 0.2s backwards; }
.v4 .r2v29-stamp:empty { display: none; }
@keyframes r2v29-stamp { 0% { opacity: 0; transform: scale(1.9) rotate(-9deg); } 45% { opacity: 1; } 100% { opacity: 1; transform: scale(1) rotate(-2deg); } }
.v4 .r2v29-caret { display: inline-block; width: 0.06em; height: 0.88em; margin-left: 0.05em; vertical-align: -0.08em; background: var(--r2v29-silver); opacity: 0; }
.v4 .r2v29-stage { position: relative; }
.v4 .r2v29-frame { border-radius: clamp(8px, 1vw, 14px); outline: 1px solid var(--r2v29-rim); box-shadow: var(--r2v29-frame-shadow); }
.v4 .r2v29-lift { translate: 0 calc(var(--r2v29-par) * -6px); }
.v4 .r2v29-pip-glow { position: absolute; right: calc(var(--r2v29-pip-w) * -0.35); top: calc(100% - var(--r2v29-pip-over) - var(--r2v29-pip-h) * 0.4); width: calc(var(--r2v29-pip-w) * 1.7); height: calc(var(--r2v29-pip-h) * 1.8); background: var(--r2v29-glow); pointer-events: none; z-index: 0; opacity: var(--r2v29-glow-on, 1); }
.v4 .r2v29-pip { position: absolute; z-index: 3; right: clamp(10px, 2.2vw, 34px); top: calc(100% - var(--r2v29-pip-over)); width: var(--r2v29-pip-w); margin: 0; padding: 6px; border-radius: 14px; background: var(--r2v29-pip-bg); border: 1px solid var(--r2v29-pip-line); box-shadow: var(--r2v29-pip-shadow); transform-origin: 85% 90%; }
.v4 .r2v29-pip-pic { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 9px; background: #0d0d0d; }
.v4 .r2v29-pip-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; opacity: 0; }
.v4 .r2v29-pip-img.r2v29-is-on { opacity: 1; }
.v4 .r2v29-pip-card { object-fit: contain; background: #ffffff; }
.v4 .r2v29-pip-crop { inset: auto; left: -112.9%; top: -225.9%; width: 513.9%; max-width: none; height: auto; }
.v4 .r2v29-pip-tag { position: absolute; left: 8px; top: 8px; padding: 3px 9px 4px; border-radius: 99px; background: var(--r2v29-yellow); color: var(--r2v29-on-yellow); font-size: 15px; font-weight: 700; line-height: 1.2; }
.v4 .r2v29-pip-cap { display: flex; align-items: center; gap: 8px; min-height: 38px; padding: 8px 6px 2px; font-size: 16px; font-weight: 600; line-height: 1.25; color: var(--r2v29-ink); }
.v4 .r2v29-pip-dot { flex: none; width: 9px; height: 9px; border-radius: 50%; background: var(--r2v29-yellow); }
.v4 .r2v29-cap { display: none; margin: 14px 0 0; min-height: 4.2em; font-size: 16px; line-height: 1.4; color: var(--r2v29-muted); }
.v4 .r2v29-cap-who { font-weight: 700; color: var(--r2v29-ink); margin-right: 0.4em; }
.v4 .r2v29-cap-who:empty { display: none; }
.v4 .r2v29-foot { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; margin-top: clamp(20px, 2.2vw, 30px); padding-right: calc(var(--r2v29-pip-w) + clamp(10px, 2.2vw, 34px) + 28px); min-height: calc(var(--r2v29-pip-h) - var(--r2v29-pip-over) - clamp(20px, 2.2vw, 30px) + 8px); }
.v4 .r2v29-chips { display: flex; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; list-style: none; }
.v4 .r2v29-chip { position: relative; overflow: hidden; margin: 0; padding: 10px 18px 11px; border: 1px solid var(--r2v29-chip-line); border-radius: 999px; background: var(--r2v29-chip-bg); color: var(--r2v29-ink); font: 600 17px/1.2 "Parkinsans", system-ui, sans-serif; white-space: nowrap; cursor: pointer; transition: border-color 0.25s; }
.v4 .r2v29-chip:hover { border-color: var(--r2v29-yellow); }
.v4 .r2v29-chip:focus-visible { outline: 2px solid var(--r2v29-yellow); outline-offset: 2px; }
.v4 .r2v29-chip[aria-current="true"] { border-color: var(--r2v29-yellow); }
.v4 .r2v29-chip-fill { position: absolute; inset: 0; display: flex; align-items: center; padding: 10px 18px 11px; padding-left: 18px; background: var(--r2v29-yellow); color: var(--r2v29-on-yellow); clip-path: inset(0 calc((1 - var(--r2v29-p, 0)) * 100%) 0 0); }
.v4 .r2v29-chip:not([aria-current="true"]) .r2v29-chip-fill { display: none; }
@media (max-width: 760px) {
.v4 .r2v29-row { --r2v29-pip-w: min(48vw, 250px); --r2v29-pip-over: 22px; --r2v29-pip-h: calc((var(--r2v29-pip-w) - 12px) * 0.5625 + 72px); --r2v29-pip-pad: calc(var(--r2v29-pip-h) - var(--r2v29-pip-over) + 4px); }
.v4 .r2v29-stage { padding-bottom: var(--r2v29-pip-pad); }
.v4 .r2v29-pip { top: calc(100% - var(--r2v29-pip-pad) - var(--r2v29-pip-over)); }
.v4 .r2v29-pip-glow { top: calc(100% - var(--r2v29-pip-pad) - var(--r2v29-pip-h) * 0.3); }
.v4 .r2v29-cap { display: block; }
.v4 .r2v29-foot { padding-right: 0; min-height: 0; }
}
@media (max-width: 640px) {
.v4 .r2v29-row { padding: 40px 16px 48px; }
.v4 .r2v29-chip,
.v4 .r2v29-chip-fill { padding: 9px 14px 10px; font-size: 16px; }
}
@media (prefers-reduced-motion: reduce) {
.v4 .r2v29-stamp.r2v29-is-stamped { animation: none; }
.v4 .r2v29-chip { transition: none; }
}
.v4 .r2v29-frame { position: relative; z-index: 1; container-type: inline-size; aspect-ratio: 5504 / 3072; overflow: hidden; background: #0d0c0f; font-family: "Roboto Condensed", "Arial Narrow", system-ui, sans-serif; color: #efe6e1; line-height: 1.3; isolation: isolate; }
.v4 .r2v29-screen { position: absolute; inset: 0; overflow: hidden; opacity: 0; visibility: hidden; transform-origin: 50% 55%; }
.v4 .r2v29-screen.r2v29-is-on { opacity: 1; visibility: visible; }
.v4 .r2v29-screen-editor { background: #221413; }
.v4 .r2v29-screen-board { background: #141319; }
.v4 .r2v29-screen-char { background: #1f1513; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
.v4 .r2v29-base { display: block; width: 100%; height: auto; user-select: none; }
.v4 .r2v29-ov { position: absolute; left: calc(var(--r2v29-x) / 5504 * 100%); top: calc(var(--r2v29-y) / 3072 * 100%); width: calc(var(--r2v29-w) / 5504 * 100%); height: calc(var(--r2v29-h) / 3072 * 100%); }
.v4 .r2v29-layer { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.v4 .r2v29-shot { background: #000; border-radius: 0.5cqw; overflow: hidden; }
.v4 .r2v29-shot-pic { position: absolute; top: 0; bottom: 0; left: calc(198 / 2266 * 100%); width: calc(1866 / 2266 * 100%); overflow: hidden; }
.v4 .r2v29-shot-after { opacity: 0; }
.v4 .r2v29-wipe-edge { position: absolute; top: 0; bottom: 0; left: 0; width: 1.2cqw; margin-left: -0.6cqw; opacity: 0; background: linear-gradient(90deg, transparent, rgba(255, 244, 210, 0.95) 50%, transparent); mix-blend-mode: screen; }
.v4 .r2v29-render { position: absolute; top: 1cqw; left: calc(198 / 2266 * 100% + 1cqw); display: inline-flex; align-items: center; gap: 0.5cqw; padding: 0.4cqw 0.9cqw; border-radius: 99px; background: rgba(20, 12, 10, 0.86); font-size: 1.2cqw; font-weight: 500; color: #fff; opacity: 0; white-space: nowrap; }
.v4 .r2v29-render-dot { width: 0.7cqw; height: 0.7cqw; border-radius: 50%; background: #fad354; }
.v4 .r2v29-render.r2v29-is-done .r2v29-render-dot { background: #6fd08c; }
.v4 .r2v29-controls { position: absolute; left: 0; right: 0; bottom: 0; height: calc(170 / 1042 * 100%); display: flex; align-items: center; gap: 1.1cqw; padding: 0 1.3cqw 0 1.9cqw; color: #fff; font-size: 1.02cqw; font-weight: 500; background: linear-gradient(to top, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0)); }
.v4 .r2v29-scrub { position: absolute; left: calc(46 / 2266 * 100%); right: calc(46 / 2266 * 100%); top: 0; height: 0.16cqw; border-radius: 9px; background: rgba(255, 255, 255, 0.4); }
.v4 .r2v29-scrub-fill { display: block; height: 100%; width: 10.5%; border-radius: inherit; background: #fad354; }
.v4 .r2v29-ic { width: 1.1cqw; height: 1.1cqw; flex: none; }
.v4 .r2v29-time { font-variant-numeric: tabular-nums; }
.v4 .r2v29-hist { overflow: hidden; background: #221413; opacity: 0; }
.v4 .r2v29-hist-track { position: absolute; inset: 0; }
.v4 .r2v29-thumb { position: absolute; top: calc(12 / 246 * 100%); height: calc(218 / 246 * 100%); width: calc(406 / 2256 * 100%); border-radius: 0.2cqw; overflow: hidden; box-shadow: inset 0 0 0 0.04cqw rgba(255, 255, 255, 0.22); }
.v4 .r2v29-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.v4 .r2v29-thumb.r2v29-is-on { box-shadow: 0 0 0 0.09cqw #fad354; }
.v4 .r2v29-thumb-v { position: absolute; right: 0.25cqw; bottom: 0.2cqw; padding: 0 0.2cqw; border-radius: 0.15cqw; background: rgba(20, 12, 10, 0.55); line-height: 1.25; font-size: 0.95cqw; font-weight: 500; color: #fff; }
.v4 .r2v29-tl { background: #221413; opacity: 0; }
.v4 .r2v29-tl-canvas { display: block; width: 100%; height: 100%; }
.v4 .r2v29-tl-badge { position: absolute; left: 50%; top: -2.3cqw; transform: translateX(-50%); padding: 0.3cqw 0.9cqw; border-radius: 99px; background: #fad354; color: #1c1210; font-size: 1.15cqw; font-weight: 700; white-space: nowrap; opacity: 0; box-shadow: 0 0.3cqw 1cqw rgba(0, 0, 0, 0.5); }
.v4 .r2v29-sc { position: absolute; z-index: 3; left: 0; top: 0; width: 10%; opacity: 0; pointer-events: none; }
.v4 .r2v29-sc-bar { display: flex; align-items: center; height: var(--r2v29-sc-h, 1.3cqw); padding: 0 0.9cqw; border-radius: 0.3cqw; background: #fbd455; color: #1c1210; box-shadow: 0 0.8cqw 2cqw -0.4cqw rgba(0, 0, 0, 0.8); overflow: hidden; white-space: nowrap; }
.v4 .r2v29-sc-label { font-size: var(--r2v29-sc-fs, 0.87cqw); font-weight: 700; }
.v4 .r2v29-sc-pic { display: block; margin-top: 0.25cqw; border-radius: 0.3cqw; overflow: hidden; aspect-ratio: 16 / 9; box-shadow: 0 0 0 0.12cqw #fbd455, 0 1.4cqw 3cqw -0.6cqw rgba(0, 0, 0, 0.85); transform-origin: 50% 0; }
.v4 .r2v29-sc-pic img { display: block; width: 100%; height: 100%; object-fit: cover; }
.v4 .r2v29-toons { position: absolute; inset: 0; }
.v4 .r2v29-toon { position: absolute; overflow: hidden; border-radius: 0.25cqw; clip-path: inset(0 0 100% 0); }
.v4 .r2v29-toon img { position: absolute; top: 0; max-width: none; height: auto; }
.v4 .r2v29-toon-edge { position: absolute; left: 0; right: 0; height: 0.5cqw; margin-top: -0.25cqw; background: linear-gradient(180deg, transparent, rgba(255, 238, 190, 0.95) 50%, transparent); mix-blend-mode: screen; opacity: 0; }
.v4 .r2v29-board-fade { position: absolute; left: 0; right: 0; top: calc(2470 / 3072 * 100%); height: calc(206 / 3072 * 100%); background: linear-gradient(180deg, rgba(20, 19, 25, 0) 0%, #141319 100%); }
.v4 .r2v29-sheet { border-radius: 0.2cqw; overflow: hidden; }
.v4 .r2v29-sheet .r2v29-layer { opacity: 0; }
.v4 .r2v29-slot { opacity: 0; }
.v4 .r2v29-slot-pic { position: absolute; left: 0; top: 0; width: 100%; height: calc(492 / 641 * 100%); border-radius: 0.3cqw; overflow: hidden; background: #fff; box-shadow: 0 0 0 0.1cqw #eebc3c; }
.v4 .r2v29-slot-pic img { display: block; width: 100%; height: 100%; object-fit: cover; }
.v4 .r2v29-slot-label { position: absolute; left: 0; right: 0; top: calc(500 / 641 * 100%); bottom: 0; padding-top: 0.35cqw; background: #1f1513; color: #efe6e1; font-size: 0.95cqw; line-height: 1.25; }
.v4 .r2v29-slot-label b { color: #eebc3c; font-weight: 700; }
.v4 .r2v29-status { z-index: 4; display: flex; flex-direction: column; justify-content: center; gap: 1.2cqw; padding: 0 2.2cqw; border-radius: 0.8cqw; background: rgba(24, 16, 14, 0.96); border: 0.08cqw solid rgba(238, 188, 60, 0.55); box-shadow: 0 1.6cqw 4cqw -1cqw rgba(0, 0, 0, 0.9); opacity: 0; }
.v4 .r2v29-status-row { display: flex; align-items: baseline; gap: 1.5cqw; }
.v4 .r2v29-status-text { flex: 1; font-size: 2.35cqw; font-weight: 700; line-height: 1.15; color: #fff; }
.v4 .r2v29-status-text i { font-style: normal; color: #eebc3c; }
.v4 .r2v29-status-count { flex: none; font-size: 1.5cqw; font-weight: 600; color: #cbbfb8; font-variant-numeric: tabular-nums; }
.v4 .r2v29-status-bar { height: 1.1cqw; border-radius: 99px; background: rgba(255, 255, 255, 0.14); overflow: hidden; }
.v4 .r2v29-status-fill { display: block; height: 100%; width: 0; border-radius: inherit; background: linear-gradient(90deg, #f2b632, #fcd648); }
.v4 .r2v29-fly { position: absolute; z-index: 5; left: 0; top: 0; width: 10%; height: 10%; border-radius: 0.3cqw; overflow: hidden; background: #fff; box-shadow: 0 0 0 0.12cqw #eebc3c, 0 1.6cqw 3.4cqw -0.6cqw rgba(0, 0, 0, 0.85); opacity: 0; pointer-events: none; }
.v4 .r2v29-fly img { display: block; width: 100%; height: 100%; object-fit: cover; }
.v4 .r2v29-chat { position: absolute; inset: 0; z-index: 2; pointer-events: none; font-size: calc(var(--r2v29-fs, 1.9) * 1cqw); }
.v4 .r2v29-log,
.v4 .r2v29-inbar { background: #241615; border: 0.06cqw solid rgba(255, 236, 214, 0.16); box-shadow: 0 1.6cqw 3.6cqw -1cqw rgba(0, 0, 0, 0.85); }
.v4 .r2v29-screen-board .r2v29-log,
.v4 .r2v29-screen-board .r2v29-inbar { background: #16151c; border-color: rgba(230, 228, 240, 0.16); }
.v4 .r2v29-screen-char .r2v29-log,
.v4 .r2v29-screen-char .r2v29-inbar { background: #2e2423; }
.v4 .r2v29-log { overflow: hidden; border-radius: 0.7cqw 0.7cqw 0 0; border-bottom: 0; }
.v4 .r2v29-inbar { display: flex; align-items: stretch; padding: 0.45cqw 0.6cqw 0.6cqw; border-radius: 0 0 0.7cqw 0.7cqw; border-top: 0; }
.v4 .r2v29-screen-char .r2v29-inbar { border-radius: 0 0.7cqw 0.7cqw 0.7cqw; }
.v4 .r2v29-log-head { position: absolute; left: 0; right: 0; top: 0; padding: 0.7cqw 1cqw 0.6cqw; font-size: 0.62em; letter-spacing: 0.02em; color: #b8aca6; border-bottom: 0.05cqw solid rgba(255, 255, 255, 0.1); }
.v4 .r2v29-log-head b { color: #fff; letter-spacing: 0.06em; }
.v4 .r2v29-log-in { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: flex-end; gap: 0.5em; padding: 0.6em 0.6em 0.6em; -webkit-mask-image: linear-gradient(to bottom, transparent 0, transparent 2.6cqw, #000 4.2cqw); mask-image: linear-gradient(to bottom, transparent 0, transparent 2.6cqw, #000 4.2cqw); }
.v4 .r2v29-log-nohead .r2v29-log-in { -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 1.6cqw); mask-image: linear-gradient(to bottom, transparent 0, #000 1.6cqw); }
.v4 .r2v29-msg { flex: none; max-width: 94%; line-height: 1.22; }
.v4 .r2v29-msg-ai { align-self: flex-start; color: #f3ece8; }
.v4 .r2v29-msg-me { align-self: flex-end; padding: 0.3em 0.55em 0.35em; border-radius: 0.55em 0.55em 0.12em 0.55em; background: #55433f; color: #fff; }
.v4 .r2v29-screen-board .r2v29-msg-me { background: #3a3943; }
.v4 .r2v29-msg-who { display: block; margin-bottom: 0.1em; font-size: 0.55em; letter-spacing: 0.08em; text-transform: uppercase; color: #b3a7a1; }
.v4 .r2v29-msg-busy { color: #fad354; font-weight: 500; }
.v4 .r2v29-msg-done { display: block; margin-top: 0.2em; color: #6fd08c; font-size: 0.8em; font-weight: 500; }
.v4 .r2v29-input { flex: 1; min-width: 0; display: flex; align-items: flex-end; gap: 0.5em; padding: 0.2em 0.3em 0.25em 0.45em; border: 0.06cqw solid #4a3f3e; border-radius: 0.35em; background: #1c1211; transition: background-color 0.18s, border-color 0.18s; }
.v4 .r2v29-screen-board .r2v29-input { background: #24232b; border-color: #3b3a44; }
.v4 .r2v29-screen-char .r2v29-input { background: #332827; }
.v4 .r2v29-input-text { flex: 1; min-width: 0; align-self: stretch; display: flex; flex-direction: column; justify-content: flex-end; overflow: hidden; line-height: 1.2; }
.v4 .r2v29-input:not(.r2v29-is-typing) .r2v29-input-text { justify-content: center; }
.v4 .r2v29-input-line { display: block; }
.v4 .r2v29-input:not(.r2v29-is-typing) .r2v29-input-line { display: none; }
.v4 .r2v29-typed { color: #17110f; white-space: pre-wrap; }
.v4 .r2v29-ph { color: #9b8f8a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v4 .r2v29-icaret { display: none; width: 0.06em; height: 1.05em; margin-left: 0.03em; background: #17110f; animation: r2v29-blink 0.9s steps(1) infinite; }
.v4 .r2v29-post { flex: none; align-self: flex-end; padding: 0.25em 0.7em; border-radius: 0.25em; background: #4a3c3b; color: #fff; font-size: 0.8em; font-weight: 500; transition: transform 0.1s, background-color 0.18s; }
.v4 .r2v29-input.r2v29-is-call { border-color: #fad354; box-shadow: 0 0 0 calc(var(--r2v29-pulse, 0) * 0.5cqw) rgba(250, 211, 84, calc(0.6 - var(--r2v29-pulse, 0) * 0.55)); }
.v4 .r2v29-input.r2v29-is-typing { background: #fff; border-color: #fff; box-shadow: 0 0 0 0.14cqw rgba(250, 211, 84, 0.9); }
.v4 .r2v29-input.r2v29-is-typing .r2v29-ph { display: none; }
.v4 .r2v29-input.r2v29-is-typing .r2v29-icaret { display: inline-block; }
.v4 .r2v29-input.r2v29-is-typing .r2v29-post { background: #fad354; color: #1c1210; }
.v4 .r2v29-post.r2v29-is-pressed { transform: scale(0.88); }
@keyframes r2v29-blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
.v4 .r2v29-icaret { animation: none; }
.v4 .r2v29-lift { translate: none; }
.v4 .r2v29-pill { transition: none; }
}

/* ── row 3 · We are for: For Filmmaking.  Advertising.  Social Media.  Marketing. · v34 · r3v34- ── */
.v4 .r3v34-row { --r3v34-bg: #1C1B20; --r3v34-ink: #F6F5F2; --r3v34-muted: #C8C7CC; --r3v34-accent: #EEBC3C; --r3v34-band: #000000; --r3v34-rail: #EEBC3C; --r3v34-hub: #0F0E0C; --r3v34-gutter: clamp(18px, 4vw, 48px); box-sizing: border-box; width: 100%; color: var(--r3v34-ink); background: var(--r3v34-bg); overflow: hidden; font-family: "Rubik", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; padding: clamp(56px, 6.5vw, 92px) 0 clamp(56px, 6.5vw, 92px); -webkit-font-smoothing: antialiased; }
.v4[data-v4-theme="light"] .r3v34-row { --r3v34-bg: #F4F4F5; --r3v34-ink: #131216; --r3v34-muted: #46454B; --r3v34-band: #131216; --r3v34-rail: #B58A16; --r3v34-hub: #151419; }
.v4 .r3v34-row *,
.v4 .r3v34-row *::before,
.v4 .r3v34-row *::after { box-sizing: border-box; }
.v4 .r3v34-head { max-width: 1320px; margin: 0 auto clamp(30px, 4vw, 48px); padding: 0 clamp(18px, 4vw, 48px); display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(18px, 4vw, 56px); align-items: end; }
.v4 .r3v34-eyebrow { margin: 0 0 12px; font-size: 16px; font-weight: 500; color: var(--r3v34-muted); }
.v4 .r3v34-title { margin: 0; font-size: clamp(36px, 5vw, 70px); font-weight: 800; letter-spacing: -0.035em; line-height: 1; }
.v4 .r3v34-sub { margin: 0; font-size: clamp(17px, 1.4vw, 20px); line-height: 1.55; color: var(--r3v34-muted); }
.v4 .r3v34-wall { list-style: none; margin: 0; padding: 14px 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 3px; background: var(--r3v34-band); }
.v4 .r3v34-panel { position: relative; margin: 0; overflow: hidden; background: #0F0E0C; aspect-ratio: 1 / 1.08; }
.v4 .r3v34-img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.v4 .r3v34-third { position: absolute; left: 0; right: 14%; bottom: clamp(14px, 1.8vw, 26px); color: #F6F5F2; }
.v4 .r3v34-name { display: inline-block; margin: 0; padding: 7px 16px 6px clamp(14px, 1.6vw, 24px); background: #EEBC3C; color: #151419; font-size: clamp(20px, 1.9vw, 27px); font-weight: 800; letter-spacing: -0.01em; text-transform: uppercase; line-height: 1.1; }
.v4 .r3v34-line { margin: 0; padding: 10px 14px 11px clamp(14px, 1.6vw, 24px); background: rgba(8,8,8,0.9); border-left: 5px solid #EEBC3C; font-size: 16px; font-weight: 500; line-height: 1.38; }
.v4 .r3v34-js .r3v34-third { transform: translateX(-104%); transition: transform 0.7s cubic-bezier(.2,.8,.2,1); }
.v4 .r3v34-js .r3v34-panel:nth-child(2) .r3v34-third { transition-delay: 0.12s; }
.v4 .r3v34-js .r3v34-panel:nth-child(3) .r3v34-third { transition-delay: 0.24s; }
.v4 .r3v34-js .r3v34-panel:nth-child(4) .r3v34-third { transition-delay: 0.36s; }
.v4 .r3v34-js.r3v34-in .r3v34-third { transform: none; }
.v4 .r3v34-rails { display: block; width: 100%; height: clamp(72px, 8vw, 120px); overflow: visible; }
.v4 .r3v34-rail { fill: none; stroke: var(--r3v34-rail); stroke-width: 2.5; vector-effect: non-scaling-stroke; }
.v4 .r3v34-js .r3v34-rails { clip-path: inset(0 0 100% 0); transition: clip-path 1.3s ease; }
.v4 .r3v34-js.r3v34-wired .r3v34-rails { clip-path: inset(0 0 -4px 0); }
.v4 .r3v34-hub { width: min(860px, calc(100% - 2 * var(--r3v34-gutter))); margin: 0 auto; padding: 18px clamp(16px, 3vw, 32px) 20px; text-align: center; background: var(--r3v34-hub); color: #F6F5F2; border: 2px solid var(--r3v34-accent); border-radius: 16px; }
.v4 .r3v34-hub-title { margin: 0 0 12px; font-size: clamp(20px, 1.8vw, 26px); font-weight: 800; letter-spacing: -0.01em; }
.v4 .r3v34-hub-list { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 10px; }
.v4 .r3v34-hub-list li { padding: 7px 14px; border-radius: 999px; background: #29282D; font-size: 16px; font-weight: 500; }
.v4 .r3v34-hub-list li::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 50%; background: #EEBC3C; vertical-align: middle; }
@media (max-width: 1000px) {
.v4 .r3v34-head { grid-template-columns: minmax(0, 1fr); }
.v4 .r3v34-wall { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.v4 .r3v34-rails { display: none; }
.v4 .r3v34-hub { position: relative; margin-top: 44px; }
.v4 .r3v34-hub::before { content: ""; position: absolute; left: 50%; top: -46px; width: 2.5px; height: 44px; margin-left: -1.25px; background: var(--r3v34-rail); }
}
@media (max-width: 560px) {
.v4 .r3v34-wall { grid-template-columns: minmax(0, 1fr); }
.v4 .r3v34-panel { aspect-ratio: 4 / 3.3; }
.v4 .r3v34-third { right: 8%; }
}
@media (prefers-reduced-motion: reduce) {
.v4 .r3v34-js .r3v34-third { transform: none; transition: none; }
.v4 .r3v34-js .r3v34-rails { clip-path: none; transition: none; }
}

/* ── row 4 · Editor_Proof · v38 · r4v38- ── */
.v4 .r4v38-row { --r4v38-bg-top: #161618; --r4v38-bg: #121214; --r4v38-bg-low: #0f0e0c; --r4v38-beam-c: rgba(255, 246, 226, 0.11); --r4v38-beam-edge: rgba(255, 246, 226, 0); --r4v38-spill-c: rgba(255, 240, 210, 0.075); --r4v38-ink: #f6f3ec; --r4v38-muted: #c9c6c0; --r4v38-faint: #8f8c86; --r4v38-accent: #eebc3c; --r4v38-after-a: #f2c756; --r4v38-after-b: #eebc3c; --r4v38-hot: #fff3cf; --r4v38-glow: rgba(255, 210, 110, 0.95); --r4v38-mote: 255, 222, 150; --r4v38-line: rgba(255, 255, 255, 0.16); --r4v38-rim: rgba(255, 240, 214, 0.32); --r4v38-halo: 0 0 0 1px rgba(0, 0, 0, 0.8), -18px -18px 70px -30px rgba(255, 236, 200, 0.18), 0 40px 80px -36px rgba(0, 0, 0, 0.95), 0 14px 30px -18px rgba(0, 0, 0, 0.8); --r4v38-fd-rot: 9deg; --r4v38-fd-banner-bg: #141312; --r4v38-fd-banner-ink: #f2c756; position: relative; box-sizing: border-box; overflow: hidden; background: linear-gradient(180deg, var(--r4v38-bg-top) 0%, var(--r4v38-bg) 55%, var(--r4v38-bg-low) 100%); background-color: var(--r4v38-bg); color: var(--r4v38-ink); font-family: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif; padding: clamp(48px, 6.5vw, 96px) clamp(16px, 3vw, 40px) clamp(40px, 5vw, 72px); }
.v4[data-v4-theme="light"] .r4v38-row { --r4v38-bg-top: #fffdf6; --r4v38-bg: #fbf9f2; --r4v38-bg-low: #f3f1ea; --r4v38-beam-c: rgba(238, 188, 60, 0.14); --r4v38-beam-edge: rgba(238, 188, 60, 0); --r4v38-spill-c: rgba(238, 188, 60, 0.12); --r4v38-ink: #18171a; --r4v38-muted: #3d3b40; --r4v38-faint: #6a6870; --r4v38-accent: #8a5c00; --r4v38-after-a: #7a5300; --r4v38-after-b: #7a5300; --r4v38-hot: #b07a00; --r4v38-glow: rgba(238, 188, 60, 0.75); --r4v38-mote: 150, 104, 0; --r4v38-line: rgba(0, 0, 0, 0.16); --r4v38-rim: rgba(0, 0, 0, 0.22); --r4v38-halo: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 36px 70px -34px rgba(40, 32, 18, 0.5), 0 12px 26px -16px rgba(40, 32, 18, 0.35); }
.v4 .r4v38-beam { position: absolute; left: -6%; top: -10%; width: 92%; height: 92%; filter: blur(28px); pointer-events: none; }
.v4 .r4v38-beam::before { content: ""; position: absolute; inset: 0; background: linear-gradient(128deg, var(--r4v38-beam-c) 0%, var(--r4v38-beam-c) 22%, var(--r4v38-beam-edge) 78%); clip-path: polygon(0 0, 16% 0, 100% 74%, 100% 100%, 52% 100%, 0 14%); }
.v4 .r4v38-spill { position: absolute; left: 8%; top: 14%; width: 70%; height: 60%; background: radial-gradient(50% 50% at 40% 40%, var(--r4v38-spill-c) 0%, rgba(0, 0, 0, 0) 100%); pointer-events: none; }
.v4 .r4v38-motes { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.v4 .r4v38-inner { position: relative; max-width: 1360px; margin: 0 auto; }
.v4 .r4v38-title { margin: 0 0 clamp(20px, 2.6vw, 34px); min-height: 2.5em; font-size: clamp(28px, 3.6vw, 52px); line-height: 1.14; font-weight: 700; text-align: left; }
.v4 .r4v38-title-main { color: var(--r4v38-ink); font-family: "Antonio", "Nunito Sans", system-ui, sans-serif; font-weight: 700; letter-spacing: 0.005em; margin-right: 0.12em; }
.v4 .r4v38-after { color: var(--r4v38-after-b); font-weight: 600; font-size: 0.86em; letter-spacing: -0.01em; }
.v4 .r4v38-l { --r4v38-g: 0; --r4v38-h: 0; color: color-mix(in srgb, var(--r4v38-hot) calc(var(--r4v38-h) * 100%), color-mix(in srgb, var(--r4v38-after-b) calc(var(--r4v38-g) * 100%), var(--r4v38-after-a))); text-shadow: 0 0 calc(var(--r4v38-h) * 0.55em) var(--r4v38-glow); }
.v4 .r4v38-point { display: inline-block; width: 0.26em; height: 0.26em; margin-left: 0.08em; vertical-align: 0.12em; border-radius: 50%; background: var(--r4v38-hot); box-shadow: 0 0 0.3em 0.12em var(--r4v38-glow); opacity: 0; }
.v4 .r4v38-stage { position: relative; }
.v4 .r4v38-next { position: absolute; inset: 0; z-index: 5; display: none; overflow: hidden; background: var(--r4v38-ed-bg); }
.v4 .r4v38-next-img { display: block; width: 100%; height: auto; }
.v4 .r4v38-row .r4v38-fd-banner { font-family: "Nunito Sans", "Roboto", system-ui, sans-serif; font-weight: 800; box-shadow: 0 0 0 0.06cqw rgba(242, 199, 86, 0.75), 0 0.3cqw 0.8cqw rgba(0, 0, 0, 0.5); }
.v4 .r4v38-stars { display: flex; align-items: center; gap: 0; width: min(100%, 860px); margin: clamp(26px, 3vw, 40px) 0 0; padding: 0; list-style: none; }
.v4 .r4v38-st-item { display: flex; align-items: center; flex: 1 1 auto; min-width: 0; }
.v4 .r4v38-st-item:last-child { flex: 0 0 auto; }
.v4 .r4v38-st { display: inline-flex; align-items: center; gap: 9px; flex: none; min-height: 44px; padding: 0 4px; border: 0; background: none; color: var(--r4v38-muted); font: 700 clamp(15px, 1.15vw, 17px) / 1.2 "Nunito Sans", system-ui, sans-serif; text-align: left; white-space: nowrap; cursor: pointer; }
.v4 .r4v38-st-star { width: 18px; height: 18px; flex: none; color: var(--r4v38-faint); transition: color 0.2s, transform 0.2s; }
.v4 .r4v38-st[aria-current="true"] { color: var(--r4v38-ink); }
.v4 .r4v38-st[aria-current="true"] .r4v38-st-star { color: var(--r4v38-accent); transform: scale(1.3); filter: drop-shadow(0 0 6px rgba(238, 188, 60, 0.6)); }
.v4 .r4v38-st:hover { color: var(--r4v38-ink); }
.v4 .r4v38-st:focus-visible { outline: 2px solid var(--r4v38-accent); outline-offset: 2px; border-radius: 6px; }
.v4 .r4v38-st-line { position: relative; flex: 1; min-width: 18px; height: 1px; margin: 0 12px; background: var(--r4v38-line); }
.v4 .r4v38-st-fill { position: absolute; inset: 0 auto 0 0; width: 0; background: var(--r4v38-accent); box-shadow: 0 0 6px rgba(238, 188, 60, 0.6); }
.v4[data-v4-theme="light"] .r4v38-row .r4v38-st-fill,
.v4[data-v4-theme="light"] .r4v38-row .r4v38-st[aria-current="true"] .r4v38-st-star { box-shadow: none; filter: none; }
@media (max-width: 640px) {
.v4 .r4v38-row { padding: 40px 16px 44px; }
.v4 .r4v38-title { min-height: 5em; }
.v4 .r4v38-stars { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 12px; }
.v4 .r4v38-st-line { display: none; }
}
@media (prefers-reduced-motion: reduce) {
.v4 .r4v38-st-star { transition: none; }
}
.v4 .r4v38-row { --r4v38-ed-bg: #221413; --r4v38-ed-panel: #221414; --r4v38-ed-input: #1e1212; --r4v38-ed-line: #443b3c; --r4v38-ed-btn: #413537; --r4v38-ed-text: #efe6e1; --r4v38-ed-dim: #a69a95; --r4v38-ed-gold: #fad354; --r4v38-ed-hi: #3e2d19; --r4v38-ed-coral: #fa6956; --r4v38-ed-green: #6fd08c; --r4v38-sb-bg: #15141b; --r4v38-sb-btn: #37373f; }
.v4 .r4v38-row *,
.v4 .r4v38-row *::before,
.v4 .r4v38-row *::after { box-sizing: border-box; }
.v4 .r4v38-frame { position: relative; z-index: 1; container-type: inline-size; border-radius: clamp(8px, 0.9vw, 12px); overflow: hidden; background: var(--r4v38-ed-bg); outline: 1px solid var(--r4v38-rim, rgba(255,255,255,0.3)); box-shadow: var(--r4v38-halo, none); font-family: "Roboto Condensed", "Arial Narrow", system-ui, sans-serif; color: var(--r4v38-ed-text); line-height: 1.3; }
.v4 .r4v38-base { display: block; width: 100%; height: auto; user-select: none; }
.v4 .r4v38-ov { position: absolute; left: calc(var(--r4v38-x) / 5504 * 100%); top: calc(var(--r4v38-y) / 3072 * 100%); width: calc(var(--r4v38-w) / 5504 * 100%); height: calc(var(--r4v38-h) / 3072 * 100%); }
.v4 .r4v38-tl,
.v4 .r4v38-toggle,
.v4 .r4v38-hist,
.v4 .r4v38-ff,
.v4 .r4v38-script { opacity: 0; }
.v4 .r4v38-layer { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.v4 .r4v38-shot { background: #000; border-radius: 0.5cqw; overflow: hidden; }
.v4 .r4v38-shot-pic { position: absolute; top: 0; bottom: 0; left: calc(198 / 2266 * 100%); width: calc(1866 / 2266 * 100%); overflow: hidden; perspective: 60cqw; }
.v4 .r4v38-layer-after { opacity: 0; }
.v4 .r4v38-wipe-edge { position: absolute; top: 0; bottom: 0; width: 1.2cqw; margin-left: -0.6cqw; left: 0; opacity: 0; background: linear-gradient(90deg, transparent, rgba(255, 244, 210, 0.95) 50%, transparent); mix-blend-mode: screen; }
.v4 .r4v38-render { position: absolute; top: 1cqw; left: calc(198 / 2266 * 100% + 1cqw); display: inline-flex; align-items: center; gap: 0.45cqw; padding: 0.35cqw 0.8cqw; border-radius: 99px; background: rgba(20, 12, 10, 0.82); font-size: 0.85cqw; font-weight: 500; color: #fff; opacity: 0; white-space: nowrap; }
.v4 .r4v38-render-dot { width: 0.55cqw; height: 0.55cqw; border-radius: 50%; background: var(--r4v38-ed-gold); }
.v4 .r4v38-render.is-done .r4v38-render-dot { background: var(--r4v38-ed-green); }
.v4 .r4v38-controls { position: absolute; left: 0; right: 0; bottom: 0; height: calc(170 / 1042 * 100%); display: flex; align-items: center; gap: 1.1cqw; padding: 0 1.3cqw 0 1.9cqw; color: #fff; font-size: 1.02cqw; font-weight: 500; background: linear-gradient(to top, rgba(0, 0, 0, 0.72), rgba(0, 0, 0, 0)); }
.v4 .r4v38-scrub { position: absolute; left: calc(46 / 2266 * 100%); right: calc(46 / 2266 * 100%); top: 0; height: 0.16cqw; border-radius: 9px; background: rgba(255, 255, 255, 0.4); }
.v4 .r4v38-scrub-fill { display: block; height: 100%; width: 10.5%; border-radius: inherit; background: var(--r4v38-ed-gold); }
.v4 .r4v38-ic { width: 1.25cqw; height: 1.25cqw; flex: none; }
.v4 .r4v38-ic-play { width: 1.1cqw; }
.v4 .r4v38-time { font-variant-numeric: tabular-nums; letter-spacing: 0.01em; }
.v4 .r4v38-ctl-right { margin-left: auto; display: inline-flex; gap: 1.5cqw; }
.v4 .r4v38-toggle { display: flex; align-items: center; justify-content: center; gap: 0.3cqw; border-radius: 0.3cqw; background: #3a2f30; font-size: 0.98cqw; color: var(--r4v38-ed-dim); }
.v4 .r4v38-toggle-opt { padding: 0.15cqw 0.35cqw; border-radius: 0.25cqw; }
.v4 .r4v38-toggle-opt.is-on { color: #1c1210; background: var(--r4v38-ed-gold); font-weight: 700; }
.v4 .r4v38-toggle-bar { opacity: 0.6; }
.v4 .r4v38-hist { overflow: hidden; background: var(--r4v38-ed-bg); }
.v4 .r4v38-hist-track { position: absolute; inset: 0; }
.v4 .r4v38-thumb { position: absolute; top: calc(12 / 246 * 100%); height: calc(218 / 246 * 100%); width: calc(406 / 2256 * 100%); border-radius: 0.2cqw; overflow: hidden; box-shadow: inset 0 0 0 0.04cqw rgba(255, 255, 255, 0.22); }
.v4 .r4v38-thumb img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.v4 .r4v38-thumb.is-on { box-shadow: 0 0 0 0.09cqw var(--r4v38-ed-gold); }
.v4 .r4v38-thumb-v { position: absolute; right: 0.25cqw; bottom: 0.2cqw; padding: 0 0.2cqw; border-radius: 0.15cqw; background: rgba(20, 12, 10, 0.55); line-height: 1.25; font-size: 0.95cqw; font-weight: 500; color: #fff; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9); }
.v4 .r4v38-ff { border-radius: 0.24cqw; overflow: hidden; }
.v4 .r4v38-ff-after { opacity: 0; }
.v4 .r4v38-log { display: flex; flex-direction: column; justify-content: flex-end; gap: 0.55cqw; padding: 0.7cqw 0.7cqw 0.8cqw; overflow: hidden; background: var(--r4v38-ed-bg); font-size: 0.95cqw; -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 0.9cqw); mask-image: linear-gradient(to bottom, transparent 0, #000 0.9cqw); }
.v4 .r4v38-msg { flex: none; max-width: 92%; }
.v4 .r4v38-msg-ai { align-self: flex-start; color: var(--r4v38-ed-text); }
.v4 .r4v38-msg-me { align-self: flex-end; padding: 0.4cqw 0.75cqw; border-radius: 0.7cqw 0.7cqw 0.15cqw 0.7cqw; background: #4a3a38; color: #fff; }
.v4 .r4v38-msg-busy { color: var(--r4v38-ed-gold); font-weight: 500; }
.v4 .r4v38-msg-done { display: block; margin-top: 0.2cqw; color: var(--r4v38-ed-green); font-size: 0.86cqw; font-weight: 500; }
.v4 .r4v38-msg-who { display: block; font-size: 0.72cqw; letter-spacing: 0.06em; text-transform: uppercase; color: var(--r4v38-ed-dim); margin-bottom: 0.1cqw; }
.v4 .r4v38-input { display: flex; align-items: center; gap: 0.6cqw; padding: 0 0.3cqw 0 0.4cqw; border: 0.04cqw solid var(--r4v38-ed-line); border-radius: 0.3cqw; background: var(--r4v38-ed-input); font-size: 0.93cqw; transition: background-color 0.18s, border-color 0.18s; }
.v4 .r4v38-input-text { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: clip; display: flex; align-items: center; direction: ltr; }
.v4 .r4v38-typed { color: #1b1311; white-space: pre; }
.v4 .r4v38-ph { color: #8f8480; }
.v4 .r4v38-icaret { display: none; width: 0.07cqw; height: 1.15cqw; margin-left: 0.04cqw; background: #1b1311; animation: r4v38-blink 0.9s steps(1) infinite; }
.v4 .r4v38-post { flex: none; padding: 0.32cqw 0.9cqw; border-radius: 0.25cqw; background: var(--r4v38-ed-btn); color: #fff; font-weight: 500; transition: transform 0.1s, background-color 0.18s; }
.v4 .r4v38-input.is-call { border-color: var(--r4v38-ed-gold); box-shadow: 0 0 0 calc(var(--r4v38-pulse, 0) * 0.4cqw) rgba(250, 211, 84, calc(0.55 - var(--r4v38-pulse, 0) * 0.5)); }
.v4 .r4v38-input.is-typing { background: #fff; border-color: #fff; box-shadow: 0 0 0 0.12cqw rgba(250, 211, 84, 0.85); }
.v4 .r4v38-input.is-typing .r4v38-ph { display: none; }
.v4 .r4v38-input.is-typing .r4v38-icaret { display: inline-block; }
.v4 .r4v38-input.is-typing .r4v38-post { background: var(--r4v38-ed-gold); color: #1c1210; }
.v4 .r4v38-post.is-pressed { transform: scale(0.9); }
.v4 .r4v38-script { overflow: hidden; }
.v4 .r4v38-script-dim { position: absolute; inset: 0; background: rgba(34, 20, 20, 0.7); opacity: 0; }
.v4 .r4v38-script-new { position: absolute; inset: 0; padding: 0.2cqw 0 0 0; background: var(--r4v38-ed-panel); opacity: 0; font-size: 1cqw; line-height: 1.42; }
.v4 .r4v38-sl { margin: 0; padding: 0 1.4cqw 0 1.75cqw; }
.v4 .r4v38-sl-hi { background: var(--r4v38-ed-hi); border-left: 0.14cqw solid var(--r4v38-ed-gold); padding-left: 1.61cqw; margin-left: 0.3cqw; }
.v4 .r4v38-sl-hi.r4v38-sl-first { padding-top: 0.45cqw; border-top-left-radius: 0.2cqw; }
.v4 .r4v38-sl-hi.r4v38-sl-last { padding-bottom: 0.55cqw; margin-bottom: 0.6cqw; }
.v4 .r4v38-sl-shot,
.v4 .r4v38-sl-scene,
.v4 .r4v38-sl-cut { text-transform: uppercase; padding-top: 0.3cqw; padding-bottom: 0.25cqw; }
.v4 .r4v38-sl-hi.r4v38-sl-shot { padding-top: 0.45cqw; }
.v4 .r4v38-sl-char { text-align: center; padding-top: 0.45cqw; }
.v4 .r4v38-sl-line { text-align: center; }
.v4 .r4v38-import { position: absolute; left: 0; right: 0; top: 0; height: 20%; display: flex; flex-direction: column; justify-content: center; gap: 0.55cqw; padding: 0 1.4cqw; background: #33241f; border-bottom: 0.05cqw solid rgba(250, 211, 84, 0.5); box-shadow: 0 1cqw 2cqw -1cqw rgba(0, 0, 0, 0.7); transform: translateY(-104%); }
.v4 .r4v38-import-row { display: flex; align-items: center; gap: 0.6cqw; font-size: 1.1cqw; font-weight: 700; color: #fff; }
.v4 .r4v38-import-ic { width: 1.4cqw; height: 1.4cqw; color: var(--r4v38-ed-gold); }
.v4 .r4v38-import-pct { margin-left: auto; font-variant-numeric: tabular-nums; color: var(--r4v38-ed-gold); }
.v4 .r4v38-import-file { font-size: 0.82cqw; color: var(--r4v38-ed-dim); }
.v4 .r4v38-import-bar { height: 0.32cqw; border-radius: 99px; background: rgba(255, 255, 255, 0.14); overflow: hidden; }
.v4 .r4v38-import-fill { display: block; height: 100%; width: 0; border-radius: inherit; background: linear-gradient(90deg, #f7b733, var(--r4v38-ed-gold)); }
.v4 .r4v38-tl { background: var(--r4v38-ed-bg); }
.v4 .r4v38-tl-canvas { display: block; width: 100%; height: 100%; }
.v4 .r4v38-tl-badge { position: absolute; left: 50%; transform: translateX(-50%); top: -2.05cqw; padding: 0.3cqw 0.8cqw; border-radius: 99px; background: var(--r4v38-ed-gold); color: #1c1210; font-size: 0.95cqw; font-weight: 700; white-space: nowrap; opacity: 0; box-shadow: 0 0.3cqw 1cqw rgba(0, 0, 0, 0.5); }
.v4 .r4v38-screen { position: relative; }
.v4 .r4v38-sb { position: absolute; inset: 0; z-index: 3; opacity: 0; background: var(--r4v38-sb-bg); transform-origin: 94% 5%; overflow: hidden; }
.v4 .r4v38-sb-img { position: absolute; left: 0; top: 0; display: block; width: 100%; height: auto; -webkit-mask-image: linear-gradient(to bottom, #000 90%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(to bottom, #000 90%, rgba(0, 0, 0, 0) 100%); }
.v4 .r4v38-sbov { position: absolute; left: calc(var(--r4v38-x) / 5504 * 100%); top: calc(var(--r4v38-y) / 3072 * 100%); width: calc(var(--r4v38-w) / 5504 * 100%); height: calc(var(--r4v38-h) / 3072 * 100%); }
.v4 .r4v38-sb-chat { display: flex; flex-direction: column; gap: 1.1cqw; padding: 0.9cqw 0.9cqw 0.6cqw 0.9cqw; background: var(--r4v38-sb-bg); font-family: "Roboto", "Roboto Condensed", system-ui, sans-serif; color: #f2f1f5; font-size: 1.02cqw; line-height: 1.32; }
.v4 .r4v38-sb-me { display: flex; flex-direction: column; align-items: flex-end; text-align: right; padding-left: 3cqw; }
.v4 .r4v38-sb-ai { display: flex; flex-direction: column; align-items: flex-start; }
.v4 .r4v38-sb-who { font-size: 0.86cqw; color: #a3a1ab; margin-bottom: 0.2cqw; }
.v4 .r4v38-sb-busy { color: var(--r4v38-ed-gold); font-weight: 500; }
.v4 .r4v38-sb-done { display: block; margin-top: 0.35cqw; color: var(--r4v38-ed-green); font-size: 0.9cqw; font-weight: 500; }
.v4 .r4v38-sb-post { display: flex; align-items: center; justify-content: center; border-radius: 0.3cqw; background: var(--r4v38-sb-btn); color: #b9b8c0; font-family: "Roboto", "Roboto Condensed", system-ui, sans-serif; font-size: 1cqw; top: calc(var(--r4v38-y) / 2674 * 87.044%); }
.v4 .r4v38-sb-chat { top: calc(var(--r4v38-y) / 2674 * 87.044%); height: calc(var(--r4v38-h) / 2674 * 87.044%); }
.v4 .r4v38-sb-post { height: calc(var(--r4v38-h) / 2674 * 87.044%); }
.v4 .r4v38-script-flash { position: absolute; inset: 0; background: #fffaf0; opacity: 0; }
.v4 .r4v38-fd { z-index: 5; opacity: 0; transform-origin: 50% 0; }
.v4 .r4v38-fd-sheet { position: absolute; inset: 0; background: #fff; border-radius: 0.15cqw; box-shadow: 0 0 0 0.04cqw rgba(0, 0, 0, 0.25), 0 1.6cqw 3cqw -0.6cqw rgba(0, 0, 0, 0.75), 0 0.3cqw 0.8cqw rgba(0, 0, 0, 0.45); }
.v4 .r4v38-fd-img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; border-radius: inherit; }
.v4 .r4v38-fd-banner { position: absolute; left: 50%; top: -1.1cqw; transform: translateX(-50%); padding: 0.45cqw 1.4cqw; border-radius: 0.25cqw; background: var(--r4v38-fd-banner-bg, #eebc3c); color: var(--r4v38-fd-banner-ink, #17140c); font: 800 1.55cqw / 1 "Nunito Sans", "Roboto", system-ui, sans-serif; letter-spacing: 0.01em; white-space: nowrap; box-shadow: 0 0.3cqw 0.8cqw rgba(0, 0, 0, 0.45); }
.v4 .r4v38-sparks { position: absolute; inset: 0; z-index: 6; width: 100%; height: 100%; pointer-events: none; }
@keyframes r4v38-blink { 50% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
.v4 .r4v38-icaret { animation: none; }
}

/* ── row 5 · Consistency · v73 · r5v73- ── */
.v4 .r5v73-row { container-type: inline-size; position: relative; overflow: hidden; margin: 0; --r5v73-bg: #0F0E0C; --r5v73-ink: #F5F4F0; --r5v73-ink2: #CFCDC7; --r5v73-y: #EEBC3C; --r5v73-rim: rgba(255,255,255,.26); --r5v73-dur: 9s; background: var(--r5v73-bg); color: var(--r5v73-ink); font-family: var(--r5v73-body); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.v4[data-v4-theme="light"] .r5v73-row { --r5v73-bg: #ECEBE8; --r5v73-ink: #17161A; --r5v73-ink2: #3F3D45; --r5v73-rim: rgba(0,0,0,.28); }
.v4 .r5v73-row *,
.v4 .r5v73-row *::before,
.v4 .r5v73-row *::after { box-sizing: border-box; }
.v4 .r5v73-point { display: block; position: relative; }
.v4 .r5v73-js .r5v73-point:not(.r5v73-on) { display: none; }
.v4 .r5v73-head { position: relative; z-index: 5; padding: 18px max(20px, calc(50cqw - 662px)) 16px; }
.v4 .r5v73-title { margin: 0; font-family: var(--r5v73-disp); font-weight: 800; font-size: clamp(27px, 4.05cqw, 66px); line-height: 1.05; letter-spacing: -.012em; color: var(--r5v73-ink); text-wrap: balance; }
.v4 .r5v73-fit .r5v73-title { white-space: nowrap; }
.v4 .r5v73-sub { margin: 10px 0 0; font-size: clamp(17px, 1.27cqw, 20px); line-height: 1.46; color: var(--r5v73-ink2); }
.v4 .r5v73-nav { display: flex; flex-wrap: wrap; gap: 8px 22px; align-items: center; margin: 0 0 10px; }
.v4 .r5v73-tab { position: relative; display: inline-flex; align-items: center; gap: 8px; color: var(--r5v73-ink2); text-decoration: none; font-family: var(--r5v73-body); font-weight: 600; font-size: clamp(15px, 1.2cqw, 19px); line-height: 1.2; cursor: pointer; }
.v4 .r5v73-tab:focus-visible { outline: 2px solid var(--r5v73-y); outline-offset: 4px; border-radius: 4px; }
.v4 .r5v73-tab-on { color: var(--r5v73-ink); }
.v4 .r5v73-tab-bar { position: absolute; left: 0; right: 0; bottom: -5px; height: 3px; border-radius: 3px; background: transparent; overflow: hidden; }
.v4 .r5v73-tab-fill { display: block; width: 100%; height: 100%; background: var(--r5v73-y); transform-origin: 0 50%; transform: scaleX(0); }
.v4 .r5v73-tab-on .r5v73-tab-fill { transform: scaleX(1); }
.v4 .r5v73-js .r5v73-on .r5v73-tab-on .r5v73-tab-fill { animation: r5v73-timer var(--r5v73-dur) linear forwards; }
.v4 .r5v73-paused .r5v73-tab-fill { animation-play-state: paused !important; }
@keyframes r5v73-timer { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.v4 .r5v73-stage { position: relative; isolation: isolate; }
.v4 .r5v73-card { margin: 0; }
.v4 .r5v73-card img { display: block; width: 100%; height: 100%; object-fit: cover; }
.v4 .r5v73-pill { position: absolute; z-index: 3; font-family: var(--r5v73-body); font-weight: 600; font-size: clamp(13.5px, 1.06cqw, 16.5px); line-height: 1; padding: .52em .82em; border-radius: 999px; background: rgba(15,14,12,.8); color: #fff; border: 1px solid rgba(255,255,255,.3); white-space: nowrap; }
.v4 .r5v73-pill-key { background: #EEBC3C; color: #17140A; border-color: rgba(0,0,0,.25); }
.v4 .r5v73-pill-tl { top: 10px; left: 10px; }
.v4 .r5v73-pill-tr { top: 10px; right: 10px; }
.v4 .r5v73-pill-bl { bottom: 10px; left: 10px; }
.v4 .r5v73-phrase { margin: 0; z-index: 4; display: flex; flex-direction: column; align-items: stretch; font-family: var(--r5v73-disp); text-transform: uppercase; text-align: center; line-height: 1; }
.v4 .r5v73-ln { display: block; }
.v4 .r5v73-ink { display: block; white-space: nowrap; }
.v4 .r5v73-dim { overflow: hidden; }
.v4 .r5v73-dim .r5v73-bg { opacity: .8; filter: saturate(.4) brightness(.56) blur(1.3px); }
.v4 .r5v73-dim .r5v73-fg { position: absolute; inset: 0; -webkit-mask-image: radial-gradient(ellipse 44% 50% at 50% 54%, #000 62%, transparent 100%); mask-image: radial-gradient(ellipse 44% 50% at 50% 54%, #000 62%, transparent 100%); }
@container (min-width: 761px) {
.v4 .r5v73-stage { height: var(--r5v73-h); --r5v73-h: clamp(280px, calc(100cqw / 2.716), 700px); overflow: hidden; }
.v4 .r5v73-card,
.v4 .r5v73-phrase { position: absolute; }
.v4 .r5v73-pt-set .r5v73-src { left: 0; bottom: 0; height: 100%; aspect-ratio: 1400 / 781; z-index: 1; }
.v4 .r5v73-pt-set .r5v73-fr { height: 51.5%; aspect-ratio: 1400 / 781; z-index: 2; }
.v4 .r5v73-pt-set .r5v73-fr1 { top: 0; right: 0px; }
.v4 .r5v73-pt-set .r5v73-fr2 { bottom: 0; right: 0; z-index: 3; }
.v4 .r5v73-pt-char .r5v73-src { left: 3.2%; top: 8%; height: 84%; aspect-ratio: 781 / 1400; z-index: 2; }
.v4 .r5v73-pt-char .r5v73-phrase { left: 22.4%; top: 16%; width: 17.6%; }
.v4 .r5v73-pt-char .r5v73-fr { height: 60%; aspect-ratio: 781 / 1400; top: 20%; z-index: 3; }
.v4 .r5v73-pt-char .r5v73-fr1 { left: 43.4%; }
.v4 .r5v73-pt-char .r5v73-fr2 { left: 57.6%; }
.v4 .r5v73-pt-char .r5v73-fr3 { left: 71.8%; }
.v4 .r5v73-pt-char .r5v73-fr4 { left: 86%; }
.v4 .r5v73-pt-fit .r5v73-src { left: 2.6%; top: 7%; height: 86%; aspect-ratio: 1045 / 1400; z-index: 2; }
.v4 .r5v73-pt-fit .r5v73-phrase { left: 28.2%; top: 16%; width: 16.4%; }
.v4 .r5v73-pt-fit .r5v73-fr { height: 67%; aspect-ratio: 781 / 1400; top: 16%; z-index: 3; }
.v4 .r5v73-pt-fit .r5v73-fr1 { left: 48.6%; }
.v4 .r5v73-pt-fit .r5v73-fr2 { left: 65.4%; }
.v4 .r5v73-pt-fit .r5v73-fr3 { left: 82.2%; }
.v4 .r5v73-pt-set .r5v73-phrase { left: 1.2%; top: 11%; width: 15%; }
}
@container (min-width: 761px) and (max-width: 980px) {
.v4 .r5v73-pill { font-size: 12.5px; padding: .45em .7em; }
.v4 .r5v73-pill-bl { white-space: normal; border-radius: 10px; max-width: calc(100% - 16px); line-height: 1.15; }
}
@container (max-width: 760px) {
.v4 .r5v73-head { padding: 16px 18px 14px; }
.v4 .r5v73-stage { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 16px 16px 24px; }
.v4 .r5v73-card { position: relative; z-index: 3; }
.v4 .r5v73-src { grid-column: 1 / -1; justify-self: center; width: 64%; }
.v4 .r5v73-phrase { position: relative; grid-column: 1 / -1; justify-self: center; width: min(76%, 290px); margin: 6px 0; }
.v4 .r5v73-pt-set .r5v73-stage { padding: 0 0 0; gap: 0; }
.v4 .r5v73-pt-set .r5v73-src,
.v4 .r5v73-pt-set .r5v73-fr { grid-column: 1 / -1; width: 100%; }
.v4 .r5v73-pt-set .r5v73-phrase { margin: 16px 0; }
.v4 .r5v73-pt-fit .r5v73-fr3 { grid-column: 1 / -1; justify-self: center; width: calc(50% - 6px); }
}
@media (prefers-reduced-motion: reduce) {
.v4 .r5v73-row *,
.v4 .r5v73-row *::before,
.v4 .r5v73-row *::after { animation: none !important; transition: none !important; }
}
.v4 .r5v73-row { --r5v73-disp: "Teko", "Arial Narrow", Arial, sans-serif; --r5v73-body: "Signika", "Helvetica Neue", Arial, sans-serif; --r5v73-bg: #0F0E0C; --r5v73-c1: #111015; --r5v73-c2: #1C1B20; --r5v73-fl: #0A0A0B; }
.v4 .r5v73-head { padding-top: 0; }
.v4 .r5v73-nav { gap: 0; margin: 0 0 12px; align-items: stretch; border-bottom: 2px solid #3A393F; flex-wrap: nowrap; }
.v4 .r5v73-stripes { flex: 1 1 0; min-width: 28px; max-width: 150px; background: repeating-linear-gradient(-55deg, #E9E8E3 0 16px, #17161A 16px 32px); }
.v4 .r5v73-stripes-end { max-width: none; opacity: .5; }
.v4 .r5v73-tab { padding: .7em 1.5em .62em; font-family: var(--r5v73-body); font-weight: 500; font-size: clamp(15px, 1.2cqw, 19px); color: #C9C7C1; border-left: 2px solid #3A393F; white-space: nowrap; }
.v4 .r5v73-tab:hover { color: #FFFFFF; background: #1F1E23; }
.v4 .r5v73-tab-on,
.v4 .r5v73-tab-on:hover { background: #F1F0EC; color: #131217; font-weight: 600; }
.v4 .r5v73-tab-bar { bottom: 0; height: 4px; border-radius: 0; }
.v4 .r5v73-title { font-weight: 600; letter-spacing: .003em; line-height: .92; font-size: clamp(36px, 5.6cqw, 92px); text-transform: none; }
.v4 .r5v73-kind { font-weight: 400; color: #A9A7AF; }
.v4 .r5v73-hl { color: #17140A; background: linear-gradient(var(--r5v73-y), var(--r5v73-y)) no-repeat 0 46% / 100% 58%; padding: 0 .14em; border-radius: 3px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
.v4 .r5v73-sub { margin-top: 6px; }
.v4 .r5v73-stage { background: linear-gradient(180deg, transparent 0 88%, var(--r5v73-fl) 88% 100%), repeating-linear-gradient(90deg, var(--r5v73-c1) 0, var(--r5v73-c2) 2.4%, var(--r5v73-c1) 5.2%, var(--r5v73-c2) 6.4%, var(--r5v73-c1) 9%); }
.v4 .r5v73-card { outline: 2px solid #F1F0EC; box-shadow: 0 18px 30px rgba(0,0,0,.65); background: #000; }
.v4 .r5v73-burn { position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,.82); color: #FFFFFF; font-family: var(--r5v73-disp); font-weight: 500; font-size: clamp(13.5px, 1.5cqw, 23px); letter-spacing: .08em; text-transform: uppercase; line-height: 1; padding: .34em .5em .2em; text-align: center; white-space: nowrap; overflow: hidden; }
.v4 .r5v73-phrase { font-weight: 600; font-size: clamp(11.5px, 2.5cqw, 42px); letter-spacing: .03em; filter: drop-shadow(8px 16px 12px rgba(0,0,0,.65)); }
.v4 .r5v73-stick { display: block; height: .62em; background: repeating-linear-gradient(-55deg, #F1F0EC 0 .5em, #131217 .5em 1em); border: 2px solid #F1F0EC; border-radius: 3px; transform-origin: 2% 100%; transform: rotate(-7deg); margin-bottom: 2px; box-shadow: 3px 3px 0 #3A393F; }
.v4 .r5v73-board { display: block; background: #121116; border: 2px solid #F1F0EC; border-radius: 3px; box-shadow: 3px 3px 0 #55545A, 6px 6px 0 #3A393F; }
.v4 .r5v73-ln { border-bottom: 2px solid rgba(241,240,236,.75); color: #F1F0EC; }
.v4 .r5v73-ln3 { border-bottom: 0; background: var(--r5v73-y); color: #17140A; }
.v4 .r5v73-ink { padding: .2em .3em .04em; }
.v4 .r5v73-js .r5v73-on .r5v73-stick { animation: r5v73-clap .5s cubic-bezier(.5,0,.9,.4) both; }
@keyframes r5v73-clap { 0% { transform: rotate(-24deg); } 55% { transform: rotate(0deg); } 70% { transform: rotate(0deg); } 100% { transform: rotate(-7deg); } }
.v4 .r5v73-js .r5v73-on .r5v73-fr { animation: r5v73-cut .01s linear both; }
.v4 .r5v73-js .r5v73-on .r5v73-fr1 { animation-delay: .3s; }
.v4 .r5v73-js .r5v73-on .r5v73-fr2 { animation-delay: .44s; }
.v4 .r5v73-js .r5v73-on .r5v73-fr3 { animation-delay: .58s; }
.v4 .r5v73-js .r5v73-on .r5v73-fr4 { animation-delay: .72s; }
@keyframes r5v73-cut { from { visibility: hidden; } to { visibility: visible; } }
@container (min-width: 761px) {
.v4 .r5v73-pt-char .r5v73-src { transform: perspective(1200px) rotateY(10deg); transform-origin: 0 50%; }
.v4 .r5v73-pt-fit .r5v73-src { transform: perspective(1200px) rotateY(9deg); transform-origin: 0 50%; }
.v4 .r5v73-pt-char .r5v73-phrase { top: 22%; left: 23.2%; width: 15.6%; }
.v4 .r5v73-pt-fit .r5v73-phrase { top: 22%; left: 29%; width: 14.6%; }
.v4 .r5v73-pt-char .r5v73-fr { top: 18%; height: 62%; }
.v4 .r5v73-pt-char .r5v73-fr1 { left: 42.6%; transform: perspective(1000px) rotateY(17deg); transform-origin: 100% 50%; }
.v4 .r5v73-pt-char .r5v73-fr2 { left: 57.2%; transform: perspective(1000px) rotateY(-17deg); transform-origin: 0 50%; }
.v4 .r5v73-pt-char .r5v73-fr3 { left: 72%; transform: perspective(1000px) rotateY(17deg); transform-origin: 100% 50%; }
.v4 .r5v73-pt-char .r5v73-fr4 { left: 85.9%; transform: perspective(1000px) rotateY(-17deg); transform-origin: 0 50%; }
.v4 .r5v73-pt-fit .r5v73-fr1 { left: 48.2%; transform: perspective(1000px) rotateY(16deg); transform-origin: 100% 50%; }
.v4 .r5v73-pt-fit .r5v73-fr2 { left: 65.2%; transform: perspective(1000px) rotateY(-16deg); transform-origin: 0 50%; }
.v4 .r5v73-pt-fit .r5v73-fr3 { left: 83.4%; transform: perspective(1000px) rotateY(-16deg); transform-origin: 0 50%; }
.v4 .r5v73-pt-set .r5v73-card { outline: 1px solid rgba(255,255,255,.34); outline-offset: -1px; box-shadow: none; }
.v4 .r5v73-pt-set .r5v73-fr2 { box-shadow: 0 -12px 26px rgba(0,0,0,.6); }
.v4 .r5v73-pt-set .r5v73-phrase { left: 18%; top: auto; bottom: 3%; width: 12.6%; font-size: clamp(11.5px, 2cqw, 34px); transform: rotate(-3deg); }
}
@container (max-width: 760px) {
.v4 .r5v73-nav { margin: 0 -18px 12px; }
.v4 .r5v73-stripes { min-width: 14px; max-width: 18px; }
.v4 .r5v73-stripes-end { max-width: none; }
.v4 .r5v73-tab { padding: .7em .7em .62em; font-size: 14px; }
.v4 .r5v73-phrase { font-size: 40px; width: min(62%, 240px); margin: 20px 0 12px; }
.v4 .r5v73-pt-set .r5v73-card { outline: 1px solid rgba(255,255,255,.34); outline-offset: -1px; box-shadow: none; }
.v4 .r5v73-pt-set .r5v73-phrase { margin: 26px 0 18px; }
.v4 .r5v73-burn { font-size: 17px; }
}
.v4[data-v4-theme="light"] .r5v73-row { --r5v73-bg: #F1F0ED; --r5v73-c1: #DEDDD9; --r5v73-c2: #CECDC9; --r5v73-fl: #B4B3AF; }
.v4[data-v4-theme="light"] .r5v73-nav { border-bottom-color: #8A8890; }
.v4[data-v4-theme="light"] .r5v73-tab { color: #3F3D45; border-left-color: #8A8890; }
.v4[data-v4-theme="light"] .r5v73-tab:hover { background: #E1E0DC; color: #17161A; }
.v4[data-v4-theme="light"] .r5v73-tab-on,
.v4[data-v4-theme="light"] .r5v73-tab-on:hover { background: #17161A; color: #FFFFFF; }
.v4[data-v4-theme="light"] .r5v73-kind { color: #6E6C74; }
.v4[data-v4-theme="light"] .r5v73-card { outline-color: #17161A; box-shadow: 0 16px 26px rgba(40,38,48,.36); }
.v4[data-v4-theme="light"] .r5v73-phrase { filter: drop-shadow(8px 14px 12px rgba(40,38,48,.4)); }
.v4[data-v4-theme="light"] .r5v73-pt-set .r5v73-card { outline-color: rgba(0,0,0,.4); box-shadow: none; }

/* ── row 6 · For_Movies · v55 · r6v55- ── */
.v4 .r6v55-row { --r6v55-bg: #0F0E0C; --r6v55-ink: #F4F2EA; --r6v55-mut: #D2CFC7; --r6v55-dim: #A9A7AE; --r6v55-line: #34333A; --r6v55-grid: rgba(255, 255, 255, .13); --r6v55-y: #EEBC3C; --r6v55-y2: #F2C756; --r6v55-y3: #FCD648; --r6v55-ivory: #F3EEDC; --r6v55-gut: max(24px, calc(50% - 588px)); --r6v55-H: clamp(500px, 37.5vw, 620px); --r6v55-pw: clamp(765px, 60vw, 1224px); --r6v55-sw: calc(var(--r6v55-pw) * .7); --r6v55-rim: rgba(255, 255, 255, .3); --r6v55-lift: 0 0 0 1px var(--r6v55-rim), 0 0 44px rgba(255, 255, 255, .09), 0 26px 40px rgba(0, 0, 0, .8); --r6v55-disp: "Radio Canada Big", "Segoe UI", Arial, sans-serif; position: relative; isolation: isolate; overflow: hidden; overflow: clip; background: var(--r6v55-bg); color: var(--r6v55-ink); font-family: "Cabin", "Segoe UI", Arial, sans-serif; font-size: 18px; line-height: 1.45; -webkit-font-smoothing: antialiased; }
.v4 .r6v55-row *,
.v4 .r6v55-row *::before,
.v4 .r6v55-row *::after { box-sizing: border-box; }
.v4 .r6v55-row img,
.v4 .r6v55-row video { display: block; max-width: none; }
.v4 .r6v55-row :where(figure, p, h2, ul, ol) { margin: 0; padding: 0; }
.v4 .r6v55-row ul,
.v4 .r6v55-row ol { list-style: none; }
.v4 .r6v55-nav { position: relative; z-index: 30; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; padding: 18px var(--r6v55-gut) 0; }
.v4 .r6v55-keys { display: none; gap: 6px; margin-right: 8px; }
.v4 .r6v55-js .r6v55-keys { display: inline-flex; }
.v4 .r6v55-cap,
.v4 .r6v55-chip { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 15px 2px; overflow: hidden; border-radius: 9px; border: 1px solid #4A4950; background: linear-gradient(180deg, #2E2D33, #222126); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 3px 0 #050505; font: 600 16px/1.2 var(--r6v55-disp); color: var(--r6v55-mut); text-decoration: none; white-space: nowrap; transition: transform .12s, box-shadow .12s, color .2s, border-color .2s; }
.v4 .r6v55-cap { width: 42px; padding: 0 0 2px; color: var(--r6v55-ink); }
.v4 .r6v55-cap:hover,
.v4 .r6v55-chip:hover { color: #FFF; border-color: #7A7880; }
.v4 .r6v55-cap:active,
.v4 .r6v55-cap.r6v55-press { transform: translateY(3px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 0 0 #050505; }
.v4 .r6v55-cap:focus-visible,
.v4 .r6v55-chip:focus-visible { outline: 2px solid var(--r6v55-y); outline-offset: 3px; }
.v4 .r6v55-chip i { position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: var(--r6v55-y); transform: scaleX(0); transform-origin: 0 50%; }
.v4 .r6v55-js .r6v55-chip.r6v55-on { color: #FFF; border-color: var(--r6v55-y); transform: translateY(2px); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 1px 0 #050505; }
.v4 .r6v55-js .r6v55-chip.r6v55-on i { transform: scaleX(1); }
.v4 .r6v55-js .r6v55-chip.r6v55-run i { animation: r6v55-fill var(--r6v55-dur, 15s) linear both; }
.v4 .r6v55-js.r6v55-paused .r6v55-chip.r6v55-run i { animation-play-state: paused; }
@keyframes r6v55-fill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.v4 .r6v55-keyhint { display: none; margin-left: 6px; font-style: normal; font-size: 15px; color: var(--r6v55-dim); }
.v4 .r6v55-js .r6v55-keyhint { display: inline; }
.v4 .r6v55-pt { position: relative; z-index: 1; }
.v4 .r6v55-js .r6v55-pt { display: none; }
.v4 .r6v55-js .r6v55-pt.r6v55-on { display: block; }
.v4 .r6v55-head { padding: 12px var(--r6v55-gut) 24px; }
.v4 .r6v55-title { min-height: 1.12em; font: 700 44px/1.12 var(--r6v55-disp); letter-spacing: -.03em; color: var(--r6v55-ink); text-wrap: balance; }
.v4 .r6v55-title em { font-style: normal; color: var(--r6v55-y); }
.v4 .r6v55-title.r6v55-fit { min-height: 0; white-space: nowrap; line-height: calc(min(1176px, 100vw - 48px) * .062); }
.v4 .r6v55-sub { margin-top: 8px; min-height: 2.9em; font-size: 19px; line-height: 1.45; color: var(--r6v55-mut); text-wrap: pretty; }
.v4 .r6v55-stage { position: relative; height: var(--r6v55-H); }
.v4 .r6v55-stage::before { content: ""; position: absolute; z-index: 0; left: -60%; right: -60%; top: 58%; height: 150%; pointer-events: none; transform-origin: 50% 0; transform: perspective(420px) rotateX(74deg); background: repeating-linear-gradient(90deg, transparent 0 36px, var(--r6v55-grid) 36px 37px, transparent 37px 72px), repeating-linear-gradient(0deg, var(--r6v55-grid) 0 1px, transparent 1px 72px); -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 22%, #000 100%); mask-image: linear-gradient(180deg, transparent 0, #000 22%, #000 100%); }
.v4 .r6v55-stage::after { content: ""; position: absolute; z-index: 0; left: 0; right: 0; top: 40%; height: 22%; pointer-events: none; background: radial-gradient(ellipse 60% 100% at 58% 100%, rgba(255, 255, 255, .07), rgba(255, 255, 255, 0) 70%); }
.v4 .r6v55-script { position: absolute; z-index: 2; left: 0; top: 0; width: var(--r6v55-sw); height: 100%; }
.v4 .r6v55-script::before { content: ""; position: absolute; z-index: -1; inset: 0 -12% 0 0; pointer-events: none; background: radial-gradient(ellipse 92% 124% at 0 35%, rgba(255, 255, 255, .13), rgba(255, 255, 255, 0) 100%); }
.v4 .r6v55-spot { position: absolute; inset: 0; overflow: hidden; background: #FFF; -webkit-mask-image: radial-gradient(ellipse 100% 140% at 0 35%, #000 0, #000 90%, transparent 100%); mask-image: radial-gradient(ellipse 100% 140% at 0 35%, #000 0, #000 90%, transparent 100%); }
.v4 .r6v55-spot::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 136px; pointer-events: none; background: linear-gradient(0deg, #0F0E0C 0, #0F0E0C 64%, rgba(15, 14, 12, 0) 100%); }
.v4 .r6v55-pg { position: absolute; left: 0; top: 0; width: var(--r6v55-pw); height: auto; }
.v4 .r6v55-probe { position: absolute; left: 0; top: 0; width: calc(var(--r6v55-pw) * .6); height: calc(var(--r6v55-pw) * 1.2414 * .3); visibility: hidden; pointer-events: none; }
.v4 .r6v55-pill { display: inline-block; padding: .2em .62em .24em; border-radius: .46em; white-space: nowrap; font: 700 22px/1.2 var(--r6v55-disp); letter-spacing: -.01em; color: #17140A; background: var(--r6v55-y); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 3px 0 #A77F18, 0 12px 22px rgba(0, 0, 0, .45); }
.v4 .r6v55-pill small { font-size: .56em; font-weight: 600; letter-spacing: 0; }
.v4 .r6v55-pill-top { position: absolute; z-index: 3; top: -17px; left: max(24px, calc(50vw - 588px)); }
.v4 .r6v55-pill-bot { position: absolute; z-index: 3; left: max(24px, calc(50vw - 588px)); bottom: 18px; font-size: 38px; }
.v4 .r6v55-phrase { position: absolute; z-index: 5; left: calc(var(--r6v55-pw) * .6 + 18px); top: 55%; transform: translateY(-50%); width: max-content; font-size: clamp(18px, 1.86vw, 34px); perspective: 22em; perspective-origin: 30% 50%; }
.v4 .r6v55-phrase::after { content: ""; position: absolute; z-index: -1; left: 2%; right: -2%; bottom: -.9em; height: 1.1em; background: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(0, 0, 0, .7), rgba(0, 0, 0, 0)); }
.v4 .r6v55-ln { position: relative; display: block; height: 2em; padding: 0 .8em; font: 700 1em/2em var(--r6v55-disp); letter-spacing: -.02em; white-space: nowrap; color: #F4F2EA; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), inset 0 -1px 0 rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .1); transition: filter .25s; }
.v4 .r6v55-ln:nth-child(odd) { transform-origin: 50% 100%; transform: rotateX(24deg); background: linear-gradient(180deg, #4A4951, #303036); }
.v4 .r6v55-ln:nth-child(even) { transform-origin: 50% 0; transform: rotateX(-24deg); background: linear-gradient(180deg, #27262B, #17161A); }
.v4 .r6v55-ln:nth-child(3) { margin-top: -.346em; }
.v4 .r6v55-ln.r6v55-gold { color: #17140A; background: linear-gradient(180deg, #EEBC3C, #D9A62A); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), inset 0 -1px 0 rgba(120, 84, 0, .5); }
.v4 .r6v55-phrase[data-r6v55-role="1"] .r6v55-role { background: linear-gradient(180deg, #F3EEDC, #D9D3BD); }
.v4 .r6v55-phrase[data-r6v55-role="2"] .r6v55-role { background: linear-gradient(180deg, #FCD648, #E6BE2E); }
.v4 .r6v55-role { transition: transform .24s ease-in, filter .25s; }
.v4 .r6v55-ln.r6v55-role.r6v55-spin { transform: rotateX(-88deg); }
.v4 .r6v55-hit .r6v55-ln { filter: brightness(1.28); }
.v4 .r6v55-scr { position: absolute; inset: 0; overflow: hidden; border-radius: 12px; background: #151419; }
.v4 .r6v55-scr img,
.v4 .r6v55-scr video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.v4 .r6v55-min { position: absolute; z-index: 2; right: 9px; bottom: 9px; padding: .16em .5em .18em; border-radius: .46em; white-space: nowrap; font: 700 clamp(14px, 1.25vw, 21px)/1.2 var(--r6v55-disp); color: #17140A; background: var(--r6v55-y); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 #A77F18, 0 6px 12px rgba(0, 0, 0, .5); }
.v4 .r6v55-disc { position: absolute; z-index: 0; left: -16%; width: 132%; aspect-ratio: 1; top: calc(73% - 66cqw); border-radius: 50%; pointer-events: none; transform: rotateX(76deg) rotate(var(--r6v55-turn, 0deg)); transition: transform 1s cubic-bezier(.3, .7, .2, 1); background: radial-gradient(closest-side, rgba(255, 255, 255, .1), rgba(255, 255, 255, .045) 62%, rgba(255, 255, 255, .02) 99%, rgba(255, 255, 255, 0) 100%); box-shadow: inset 0 0 0 3px rgba(255, 255, 255, .26), inset 0 0 0 16px rgba(0, 0, 0, .25); }
.v4 .r6v55-disc::after { content: ""; position: absolute; inset: 3px; border-radius: 50%; background: conic-gradient(from -3deg, var(--r6v55-y) 0 6deg, transparent 6deg 360deg), repeating-conic-gradient(rgba(255, 255, 255, .5) 0 1.2deg, transparent 1.2deg 15deg); -webkit-mask-image: radial-gradient(closest-side, transparent 0, transparent 86%, #000 87%); mask-image: radial-gradient(closest-side, transparent 0, transparent 86%, #000 87%); }
.v4 .r6v55-portals { position: absolute; z-index: 4; right: var(--r6v55-gut); top: 0; height: 100%; width: calc(var(--r6v55-H) * .74); perspective: 1300px; perspective-origin: 20% 45%; container-type: inline-size; }
.v4 .r6v55-frame,
.v4 .r6v55-portals .r6v55-mark { position: absolute; aspect-ratio: 9 / 16; transform: rotateY(-30deg); border-radius: 12px; }
.v4 .r6v55-frame { box-shadow: var(--r6v55-lift); transition: left .9s cubic-bezier(.3, .7, .2, 1), top .9s cubic-bezier(.3, .7, .2, 1), height .9s cubic-bezier(.3, .7, .2, 1), transform .9s cubic-bezier(.3, .7, .2, 1), opacity .5s linear, box-shadow .4s; }
.v4 .r6v55-portals [data-r6v55-s="out"].r6v55-frame { transition: transform .95s cubic-bezier(.2, .5, .3, 1), opacity .5s linear .22s; }
.v4 .r6v55-mark { visibility: hidden; pointer-events: none; }
.v4 .r6v55-portals [data-r6v55-s="0"] { left: 0; top: 7%; height: 71%; z-index: 3; }
.v4 .r6v55-portals [data-r6v55-s="1"] { left: 37%; top: 12.5%; height: 58%; z-index: 2; }
.v4 .r6v55-portals [data-r6v55-s="2"] { left: 65%; top: 17%; height: 47%; z-index: 1; }
.v4 .r6v55-portals [data-r6v55-s="pre"] { left: 65%; top: 17%; height: 47%; z-index: 0; opacity: 0; transform: translateY(48%) rotateY(-30deg); }
.v4 .r6v55-portals [data-r6v55-s="out"] { left: 0; top: 7%; height: 71%; z-index: 4; opacity: 0; transform: translateX(-10%) translateZ(240px) rotateY(-50deg) scale(1.05); }
.v4 .r6v55-nt,
.v4 .r6v55-nt * { transition: none !important; }
.v4 .r6v55-nts { transition: none !important; }
.v4 .r6v55-fed { box-shadow: 0 0 0 2px var(--r6v55-y), 0 0 56px rgba(238, 188, 60, .55), 0 26px 40px rgba(0, 0, 0, .8); }
.v4 .r6v55-crew { position: absolute; z-index: 4; left: calc(var(--r6v55-pw) * .6 + 22px); top: 4%; width: calc(var(--r6v55-H) * .36); aspect-ratio: 3 / 4; }
.v4 .r6v55-crew::after { content: ""; position: absolute; z-index: -1; left: -14%; right: -14%; bottom: -9%; height: 18%; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 255, 255, .2), rgba(255, 255, 255, 0)); }
.v4 .r6v55-person { position: absolute; inset: 0; overflow: hidden; border-radius: 12px; box-shadow: var(--r6v55-lift); opacity: 0; transform: translate(20%, -12%) scale(.66); transform-origin: 50% 100%; transition: opacity .5s ease, transform .5s cubic-bezier(.3, .7, .2, 1); }
.v4 .r6v55-person img { width: 100%; height: 100%; object-fit: cover; }
.v4 .r6v55-person.r6v55-here { opacity: 1; transform: none; z-index: 2; }
.v4 .r6v55-person.r6v55-b1 { opacity: .5; transform: translate(10%, -6%) scale(.84); }
.v4 .r6v55-person.r6v55-b2 { opacity: .07; transform: translate(19%, -11%) scale(.69); }
.v4 .r6v55-st2 .r6v55-phrase { left: calc(var(--r6v55-pw) * .6 + 46px); top: calc(var(--r6v55-H) * .52); transform: none; }
.v4 .r6v55-then { display: none; }
.v4 .r6v55-mvbox { position: absolute; z-index: 4; right: var(--r6v55-gut); top: 9%; width: calc(var(--r6v55-H) * .82); perspective: 1300px; perspective-origin: 10% 50%; container-type: inline-size; }
.v4 .r6v55-mvbox .r6v55-disc { left: -4%; width: 100%; top: calc(54cqw - 50cqw); }
.v4 .r6v55-movie { position: relative; aspect-ratio: 16 / 9; transform: rotateY(-26deg); border-radius: 12px; box-shadow: var(--r6v55-lift); transition: box-shadow .4s; }
.v4 .r6v55-movie video { opacity: 0; transition: opacity .6s; }
.v4 .r6v55-movie video.r6v55-on { opacity: 1; }
.v4 .r6v55-movie .r6v55-min { font-size: clamp(15px, 1.5vw, 24px); right: 12px; bottom: 12px; }
.v4 .r6v55-board { position: absolute; z-index: 3; left: var(--r6v55-gut); top: 7%; width: min(25vw, 330px); }
.v4 .r6v55-panel { position: relative; padding: 0 0 6px; border-radius: 12px; background: linear-gradient(180deg, #2B2A30, #1C1B20); border: 1px solid #55545B; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 6px 0 #09090A, 0 28px 34px rgba(0, 0, 0, .7), 0 0 40px rgba(255, 255, 255, .06); }
.v4 .r6v55-panel figcaption { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px 10px; border-bottom: 1px solid #3B3A41; }
.v4 .r6v55-panel figcaption::before,
.v4 .r6v55-panel figcaption::after { content: ""; flex: none; width: 11px; height: 11px; border-radius: 50%; background: #0F0E0C; box-shadow: inset 0 0 0 2px #6A6870; }
.v4 .r6v55-panel .r6v55-pill { font-size: 21px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 #A77F18; }
.v4 .r6v55-job { display: grid; grid-template-columns: 14px minmax(0, 1fr) 62px; gap: 0 11px; align-items: center; padding: 10px 14px; border-top: 1px solid #0F0E0C; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .07); }
.v4 .r6v55-job:first-child { border-top: 0; box-shadow: none; }
.v4 .r6v55-lamp { width: 14px; height: 14px; border-radius: 50%; background: #45444B; box-shadow: inset 0 0 0 2px #19181C; transition: background .3s, box-shadow .3s; }
.v4 .r6v55-job b { display: block; font: 700 18px/1.2 var(--r6v55-disp); letter-spacing: -.01em; color: #F4F2EA; }
.v4 .r6v55-job p span { display: block; font-size: 16px; line-height: 1.25; color: #C9C6BE; }
.v4 .r6v55-sw { position: relative; display: block; height: 30px; margin-bottom: 20px; border-radius: 15px; background: #0F0E0C; box-shadow: inset 0 0 0 1px #5B5A62; transition: background .35s; }
.v4 .r6v55-sw i { position: absolute; left: 3px; top: 3px; width: 24px; height: 24px; border-radius: 50%; background: linear-gradient(180deg, #B9B7BE, #7C7A82); box-shadow: 0 2px 3px rgba(0, 0, 0, .6); transition: transform .4s cubic-bezier(.3, 1.4, .5, 1), background .3s; }
.v4 .r6v55-sw em { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); margin-top: 3px; font: 600 14px/1.2 var(--r6v55-disp); font-style: normal; white-space: nowrap; color: #B4B2AB; transition: opacity .3s; }
.v4 .r6v55-sw .r6v55-auto { opacity: 0; color: var(--r6v55-y); }
.v4 .r6v55-job.r6v55-work .r6v55-lamp,
.v4 .r6v55-job.r6v55-done .r6v55-lamp { background: var(--r6v55-y3); box-shadow: inset 0 0 0 2px #A77F18, 0 0 14px rgba(252, 214, 72, .9); }
.v4 .r6v55-job.r6v55-done .r6v55-sw { background: #5A4510; }
.v4 .r6v55-job.r6v55-done .r6v55-sw i { transform: translateX(32px); background: linear-gradient(180deg, #FCD648, #EEBC3C); }
.v4 .r6v55-job.r6v55-done .r6v55-off { opacity: 0; }
.v4 .r6v55-job.r6v55-done .r6v55-auto { opacity: 1; }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-lamp { background: var(--r6v55-y3); box-shadow: inset 0 0 0 2px #A77F18, 0 0 14px rgba(252, 214, 72, .9); }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-sw { background: #5A4510; }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-sw i { transform: translateX(32px); background: linear-gradient(180deg, #FCD648, #EEBC3C); }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-off { opacity: 0; }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-auto { opacity: 1; }
.v4 .r6v55-note { margin-top: 22px; font-size: 16px; line-height: 1.35; color: var(--r6v55-mut); }
.v4 .r6v55-st3 .r6v55-phrase { left: calc(var(--r6v55-gut) + min(25vw, 330px) + 4.4vw); top: 47%; }
.v4 .r6v55-stack { position: absolute; z-index: 4; right: var(--r6v55-gut); top: 0; height: var(--r6v55-H); width: calc(var(--r6v55-H) * .98); perspective: 1500px; perspective-origin: 10% 45%; container-type: inline-size; }
.v4 .r6v55-stack .r6v55-disc { left: -6%; width: 112%; top: calc(var(--r6v55-H) * .7 - 56cqw); }
.v4 .r6v55-card,
.v4 .r6v55-stack .r6v55-mark { position: absolute; width: 82%; aspect-ratio: 16 / 10; transform: rotateY(-20deg); border-radius: 12px; }
.v4 .r6v55-card { overflow: hidden; background: #151419; box-shadow: var(--r6v55-lift); transition: left .8s cubic-bezier(.3, .7, .2, 1), top .8s cubic-bezier(.3, .7, .2, 1), transform .8s cubic-bezier(.3, .7, .2, 1), opacity .5s linear, box-shadow .4s; }
.v4 .r6v55-stack [data-r6v55-s="0"] { left: 0; top: 24%; z-index: 3; }
.v4 .r6v55-stack [data-r6v55-s="1"] { left: 9%; top: 14%; z-index: 2; transform: rotateY(-20deg) scale(.95); }
.v4 .r6v55-stack [data-r6v55-s="2"] { left: 18%; top: 5%; z-index: 1; transform: rotateY(-20deg) scale(.9); }
.v4 .r6v55-stack [data-r6v55-s="pre"] { left: 18%; top: 5%; z-index: 0; opacity: 0; transform: translateX(18%) translateZ(-140px) rotateY(-20deg) scale(.9); }
.v4 .r6v55-stack [data-r6v55-s="out"] { left: 0; top: 24%; z-index: 4; opacity: 0; transform: translateX(-16%) translateZ(140px) rotateY(-36deg) scale(1.03); }
.v4 .r6v55-pic { position: absolute; inset: 0; }
.v4 .r6v55-pic img { object-fit: cover; }
.v4 .r6v55-four { display: flex; gap: 2px; }
.v4 .r6v55-four img { flex: 1 1 0; min-width: 0; width: 25%; height: 100%; object-position: 50% 0; }
.v4 .r6v55-big { position: absolute; inset: 0; width: 100%; height: 100%; }
.v4 .r6v55-cov .r6v55-big { object-position: 22% 60%; }
.v4 .r6v55-set .r6v55-big { object-position: 40% 50%; }
.v4 .r6v55-pic > span { position: absolute; left: 3%; right: 3%; top: 4%; display: flex; gap: 2%; }
.v4 .r6v55-pic > span img { flex: 1 1 0; min-width: 0; width: 18%; height: auto; aspect-ratio: 16 / 9; border-radius: 5px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .6), 0 4px 10px rgba(0, 0, 0, .6); }
.v4 .r6v55-set > span { left: 3%; right: auto; width: 27%; flex-direction: column; gap: 8px; }
.v4 .r6v55-set > span img { width: 100%; flex: none; }
.v4 .r6v55-card figcaption { position: absolute; right: 0; bottom: 7%; width: 73%; padding: 10px 14px 12px 16px; border-radius: 10px 0 0 10px; background: rgba(15, 14, 12, .9); border-top: 3px solid var(--r6v55-y); color: #F4F2EA; transition: opacity .4s; }
.v4 .r6v55-card figcaption b { display: block; font: 700 clamp(17px, 1.45vw, 23px)/1.15 var(--r6v55-disp); letter-spacing: -.02em; color: var(--r6v55-y); }
.v4 .r6v55-card figcaption span { display: block; margin-top: 3px; font-size: 16px; line-height: 1.28; }
.v4 .r6v55-js .r6v55-card:not([data-r6v55-s="0"]) figcaption { opacity: 0; }
.v4 .r6v55-caps { display: none; }
.v4 .r6v55-fx { position: absolute; z-index: 20; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; }
.v4 .r6v55-hint { display: none; }
.v4 .r6v55-st4::before,
.v4 .r6v55-st4::after { display: none; }
.v4 .r6v55-tl { --r6v55-z: 4.5; --r6v55-f: .5769; --r6v55-c: .3; --r6v55-zn: 4.5; --r6v55-lr: 30px; --r6v55-la: 58px; --r6v55-lb: 104px; --r6v55-ls: 80px; position: relative; display: flex; flex-direction: column; height: var(--r6v55-H); color: #F4F2EA; background: #0B0B0D; border-top: 1px solid #45444B; border-bottom: 1px solid #2A292E; }
.v4 .r6v55-tlbar { position: relative; z-index: 4; flex: none; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; min-height: 50px; padding: 7px var(--r6v55-gut); background: #151419; }
.v4 .r6v55-tltitle { font: 700 18px/1 var(--r6v55-disp); }
.v4 .r6v55-tlzoom { padding: 4px 11px; border-radius: 14px; background: #29282D; color: #E6E3DA; font-weight: 600; font-size: 15px; line-height: 1.3; white-space: nowrap; }
.v4 .r6v55-steps { display: flex; flex-wrap: wrap; gap: 6px 8px; margin-left: auto; counter-reset: r6v55-st; }
.v4 .r6v55-steps li { display: inline-flex; align-items: center; gap: 7px; padding: 4px 12px 4px 5px; border-radius: 16px; border: 1px solid #3B3A41; font: 600 15px/1.3 var(--r6v55-disp); color: #C9C6BE; white-space: nowrap; counter-increment: r6v55-st; transition: background .3s, color .3s, border-color .3s; }
.v4 .r6v55-steps li::before { content: counter(r6v55-st); width: 22px; height: 22px; border-radius: 50%; text-align: center; font: 700 14px/22px var(--r6v55-disp); background: #34333A; color: #F4F2EA; }
.v4 .r6v55-steps li.r6v55-on { background: var(--r6v55-y); border-color: var(--r6v55-y3); color: #17140A; }
.v4 .r6v55-steps li.r6v55-on::before { background: #17140A; color: var(--r6v55-y3); }
.v4 .r6v55-tlview { position: relative; z-index: 3; flex: none; perspective: 1300px; perspective-origin: 50% 0; }
.v4 .r6v55-plane { position: relative; display: flex; margin: 0 -6vw; transform-origin: 50% 0; transform: rotateX(20deg); background: #121116; border-top: 1px solid #5B5A62; border-bottom: 2px solid #6A6870; box-shadow: 0 30px 40px rgba(0, 0, 0, .7); }
.v4 .r6v55-labels { position: relative; z-index: 9; flex: none; width: calc(6vw + 150px); display: grid; grid-template-rows: var(--r6v55-lr) var(--r6v55-la) var(--r6v55-lb) var(--r6v55-ls); border-right: 1px solid #3B3A41; background: #1C1B20; }
.v4 .r6v55-labels span { display: flex; align-items: center; justify-content: flex-end; padding-right: 14px; font: 700 14px/1 var(--r6v55-disp); letter-spacing: .08em; text-transform: uppercase; color: #B4B2AB; border-top: 1px solid #2A292E; }
.v4 .r6v55-labels span:first-child { border-top: 0; }
.v4 .r6v55-win { position: relative; flex: 1 1 0; min-width: 0; overflow-x: hidden; overflow-x: clip; overflow-y: visible; container-type: inline-size; }
.v4 .r6v55-track { position: relative; width: calc(var(--r6v55-z) * 100%); transform: translateX(calc((var(--r6v55-c) - var(--r6v55-f) * var(--r6v55-z)) * 100cqw)); transition: width 1.5s cubic-bezier(.5, 0, .2, 1), transform 1.5s cubic-bezier(.5, 0, .2, 1); }
.v4 .r6v55-ruler { display: flex; height: var(--r6v55-lr); background: #0F0E0C; }
.v4 .r6v55-ruler span { flex: 1 1 0; padding: 8px 0 0 7px; border-left: 1px solid #5B5A62; font-size: 15px; line-height: 1; color: #B4B2AB; }
.v4 .r6v55-lanes { display: flex; }
.v4 .r6v55-actg { position: relative; flex: 13 1 0; min-width: 0; transition: flex-grow .6s; }
.v4 .r6v55-act { position: relative; height: var(--r6v55-la); background: #1C1B20; border-top: 1px solid #2A292E; }
.v4 .r6v55-act::before { content: ""; position: absolute; left: 3px; right: 3px; top: 7px; bottom: 7px; border-radius: 4px; background: #34333A; border-left: 5px solid #8A8890; }
.v4 .r6v55-actg:nth-child(2) .r6v55-act::before { background: #3D3C43; }
.v4 .r6v55-actlab { position: absolute; left: 8px; top: 7px; bottom: 7px; display: flex; align-items: center; padding: 0 14px; white-space: nowrap; font: 700 20px/1 var(--r6v55-disp); letter-spacing: .05em; text-transform: uppercase; color: #F4F2EA; transform: translateX(clamp(0px, calc(((var(--r6v55-f) - var(--r6v55-a0)) * var(--r6v55-z) - var(--r6v55-c)) * 100cqw), calc((var(--r6v55-a1) - var(--r6v55-a0)) * var(--r6v55-z) * 100cqw - 100px))); transition: transform 1.5s cubic-bezier(.5, 0, .2, 1); }
.v4 .r6v55-cols { position: relative; display: flex; background: linear-gradient(180deg, #17161A 0, #17161A var(--r6v55-lb), #0F0E0C var(--r6v55-lb)); border-top: 1px solid #2A292E; }
.v4 .r6v55-cols::after { content: ""; position: absolute; left: 0; right: 0; top: var(--r6v55-lb); height: 1px; background: #2A292E; }
.v4 .r6v55-col { position: relative; z-index: 1; flex: 3 1 0; min-width: 0; padding: 0 3px; transition: flex-grow .6s; }
.v4 .r6v55-col.r6v55-flip { transition: transform .8s cubic-bezier(.3, .7, .2, 1), flex-grow .6s; }
.v4 .r6v55-col.r6v55-host { z-index: 8; }
.v4 .r6v55-col.r6v55-sel::before { content: ""; position: absolute; left: 0; right: 0; top: calc(-1px - var(--r6v55-la) - var(--r6v55-lr)); bottom: 0; background: rgba(238, 188, 60, .13); border: solid rgba(238, 188, 60, .7); border-width: 0 1px; pointer-events: none; }
.v4 .r6v55-beat { position: relative; display: flex; flex-direction: column; justify-content: center; gap: 3px; height: calc(var(--r6v55-lb) - 20px); margin: 8px 0 12px; padding: 0 11px; min-width: 0; overflow: hidden; border-radius: 7px; background: #303036; border: 1px solid #5B5A62; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 6px 0 #070708; white-space: nowrap; transition: background .3s, border-color .3s, box-shadow .35s, transform .35s; }
.v4 .r6v55-beat b { font: 700 22px/1 var(--r6v55-disp); color: #F4F2EA; }
.v4 .r6v55-beat em { font: 600 18px/1.1 var(--r6v55-disp); font-style: normal; color: #E6E3DA; overflow: hidden; text-overflow: ellipsis; }
.v4 .r6v55-beat small { font-size: 14px; line-height: 1.1; color: #B4B2AB; overflow: hidden; text-overflow: ellipsis; }
.v4 .r6v55-scs { display: flex; gap: 5px; height: calc(var(--r6v55-ls) - 20px); margin: 10px 0; }
.v4 .r6v55-scene { position: relative; flex: 1 1 0; min-width: 0; display: flex; align-items: center; justify-content: center; font-style: normal; border-radius: 6px; background: #232227; border: 1px solid #55545B; transition: flex-grow .5s, opacity .4s, background .25s, border-color .25s, margin .5s; }
.v4 .r6v55-scene > b { font: 700 18px/1 var(--r6v55-disp); color: #D2CFC7; transition: opacity .4s; }
.v4 .r6v55-sel .r6v55-beat { background: var(--r6v55-y); border-color: var(--r6v55-y3); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 6px 0 #8A6814, 0 0 28px rgba(238, 188, 60, .4); }
.v4 .r6v55-sel .r6v55-beat b,
.v4 .r6v55-sel .r6v55-beat em { color: #17140A; }
.v4 .r6v55-sel .r6v55-beat small { color: #4A3A08; }
.v4 .r6v55-sel .r6v55-scene { background: #F9E3A0; border-color: #A77F18; }
.v4 .r6v55-sel .r6v55-scene > b { color: #17140A; }
.v4 .r6v55-col.r6v55-lift { z-index: 7; transform: translateX(var(--r6v55-dx, 0px)); transition: transform 1.3s cubic-bezier(.45, 0, .2, 1); }
.v4 .r6v55-col.r6v55-lift .r6v55-beat { transform: translateY(-12px) scale(1.03); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 6px 0 #8A6814, 0 34px 26px rgba(0, 0, 0, .8), 0 0 34px rgba(238, 188, 60, .5); }
.v4 .r6v55-col.r6v55-lift .r6v55-scs { transform: translateY(-7px); transition: transform .35s; }
.v4 .r6v55-scene.r6v55-ctx { background: #F4F2EA; border-color: #FFF; }
.v4 .r6v55-scene.r6v55-ctx > b { color: #17140A; }
.v4 .r6v55-scene.r6v55-gone { flex-grow: .0001; opacity: 0; border-width: 0; margin-left: -5px; }
.v4 .r6v55-scene.r6v55-sbd { background: var(--r6v55-y); border-color: var(--r6v55-y3); }
.v4 .r6v55-scene.r6v55-sbd > b { color: #17140A; }
.v4 .r6v55-renum > b,
.v4 .r6v55-beat.r6v55-renum b { animation: r6v55-renum .7s ease; }
@keyframes r6v55-renum { 0% { transform: translateY(70%); opacity: 0; } 100% { transform: none; opacity: 1; } }
.v4 .r6v55-far .r6v55-col { padding: 0 1px; }
.v4 .r6v55-far .r6v55-beat { padding: 0 2px; align-items: center; overflow: visible; }
.v4 .r6v55-far .r6v55-beat b { font-size: 16px; }
.v4 .r6v55-far .r6v55-beat em,
.v4 .r6v55-far .r6v55-beat small { display: none; }
.v4 .r6v55-far .r6v55-scene > b { opacity: 0; }
.v4 .r6v55-far .r6v55-scs { gap: 2px; }
.v4 .r6v55-far .r6v55-scene { border-radius: 2px; }
.v4 .r6v55-far .r6v55-sel .r6v55-beat em { display: block; position: absolute; left: -1px; bottom: calc(100% + 9px); padding: 4px 10px 5px; border-radius: 7px 7px 7px 0; background: var(--r6v55-y); color: #17140A; font-weight: 700; overflow: visible; }
.v4 .r6v55-slot { position: absolute; z-index: 5; right: -2px; top: 4px; bottom: 6px; width: 0; border-left: 4px dashed var(--r6v55-y3); transition: opacity .4s; }
.v4 .r6v55-slot span { position: absolute; right: 8px; top: 4px; padding: 3px 9px; border-radius: 7px; background: var(--r6v55-y3); color: #17140A; font: 600 14px/1.3 var(--r6v55-disp); white-space: nowrap; }
.v4 .r6v55-js:not(.r6v55-still) .r6v55-slot { opacity: 0; }
.v4 .r6v55-js:not(.r6v55-still) .r6v55-slot span { font-size: 0; padding: 0; }
.v4 .r6v55-js:not(.r6v55-still) .r6v55-slot span::after { content: "2 beats later"; display: block; padding: 3px 9px; font-size: 14px; }
.v4 .r6v55-js:not(.r6v55-still) .r6v55-slot.r6v55-show { opacity: 1; }
.v4 .r6v55-menu { position: absolute; z-index: 12; left: -1px; top: calc(100% + 24px); width: 232px; padding: 5px; border-radius: 10px; text-align: left; background: #29282D; border: 1px solid #7A7880; box-shadow: 0 18px 40px rgba(0, 0, 0, .8); opacity: 0; transform: scale(.94); transform-origin: 0 0; pointer-events: none; transition: opacity .16s, transform .16s; }
.v4 .r6v55-menu::before { content: ""; position: absolute; left: 16px; top: -8px; width: 14px; height: 14px; background: #29282D; border: solid #7A7880; border-width: 1px 0 0 1px; transform: rotate(45deg); }
.v4 .r6v55-menu.r6v55-open { opacity: 1; transform: none; }
.v4 .r6v55-menu em { display: block; padding: 5px 10px 6px; font-style: normal; font-size: 14px; line-height: 1.2; color: #C9C6BE; }
.v4 .r6v55-menu span { display: block; padding: 5px 10px; border-radius: 6px; font-size: 16px; font-weight: 600; line-height: 1.2; color: #F4F2EA; }
.v4 .r6v55-menu .r6v55-hot { background: var(--r6v55-y); color: #17140A; }
.v4 .r6v55-sep { display: block; height: 1px; margin: 4px 6px; background: #55545B; }
.v4 .r6v55-cursor { position: absolute; z-index: 14; left: 0; top: 0; opacity: 0; transition: transform .8s cubic-bezier(.4, 0, .2, 1), opacity .3s; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .6)); pointer-events: none; }
.v4 .r6v55-cursor.r6v55-open { opacity: 1; }
.v4 .r6v55-tlfoot { position: relative; z-index: 1; flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: minmax(0, 270px) minmax(0, 1fr) auto; gap: 24px; align-items: start; padding: 22px var(--r6v55-gut) 12px; background: repeating-linear-gradient(90deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 72px), repeating-linear-gradient(0deg, rgba(255, 255, 255, .06) 0 1px, transparent 1px 72px); }
.v4 .r6v55-tlfoot > * { transition: opacity .25s; }
.v4 .r6v55-menuopen .r6v55-tlfoot > * { opacity: .22; }
.v4 .r6v55-tlstatus { grid-column: 1; font-size: 18px; line-height: 1.35; color: #D2CFC7; text-wrap: pretty; }
.v4 .r6v55-tlstatus b { display: block; margin-bottom: 4px; font: 700 20px/1.2 var(--r6v55-disp); color: #F4F2EA; }
.v4 .r6v55-tlstatus::before { content: ""; display: block; width: 34px; height: 4px; margin-bottom: 10px; border-radius: 2px; background: var(--r6v55-y); }
.v4 .r6v55-menu-s { display: none; position: relative; grid-column: 2; justify-self: center; left: auto; top: auto; opacity: 1; transform: none; }
.v4 .r6v55-menu-s::before { display: none; }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-menu-s,
.v4 .r6v55-still .r6v55-menu-s { display: block; }
.v4 .r6v55-boards { grid-column: 3; }
.v4 .r6v55-boards figcaption { margin-bottom: 9px; font: 700 18px/1.2 var(--r6v55-disp); color: #F4F2EA; }
.v4 .r6v55-boards figcaption span { margin-left: 8px; font: 500 16px/1.3 "Cabin", "Segoe UI", Arial, sans-serif; color: #D2CFC7; }
.v4 .r6v55-boards > div { display: grid; grid-template-columns: repeat(4, clamp(96px, 11vw, 170px)); gap: 10px; }
@media (min-width: 940px) {
.v4 .r6v55-row:not(.r6v55-js) .r6v55-boards > div,
.v4 .r6v55-still .r6v55-boards > div { grid-template-columns: repeat(4, clamp(92px, 9.2vw, 150px)); }
}
.v4 .r6v55-boards > div span { position: relative; aspect-ratio: 16 / 9.2; overflow: hidden; border-radius: 7px; border: 1px dashed #6A6870; background: #1C1B20; transition: transform .5s cubic-bezier(.3, 1.3, .5, 1), border-color .3s; }
.v4 .r6v55-boards img { width: 100%; height: 100%; object-fit: cover; transition: opacity .45s; }
.v4 .r6v55-js .r6v55-boards img { opacity: 0; }
.v4 .r6v55-js .r6v55-boards > div span { transform: translateY(10px); }
.v4 .r6v55-js .r6v55-boards span.r6v55-made { border: 1px solid var(--r6v55-y); transform: none; }
.v4 .r6v55-js .r6v55-boards span.r6v55-made img { opacity: 1; }
.v4 .r6v55-js .r6v55-boards figcaption span { opacity: 0; transition: opacity .3s; }
.v4 .r6v55-js .r6v55-boards.r6v55-open figcaption span { opacity: 1; }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-pt + .r6v55-pt { margin-top: 56px; border-top: 1px solid var(--r6v55-line); padding-top: 26px; }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-then { display: block; position: absolute; z-index: 5; left: calc(var(--r6v55-pw) * .6 + 46px); top: calc(var(--r6v55-H) * .52 + 7.5vw + 12px); width: 290px; font-size: 16px; line-height: 1.35; color: var(--r6v55-mut); }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-hint { display: block; position: absolute; z-index: 3; left: calc(var(--r6v55-pw) * .6 + 19.5vw); right: calc(var(--r6v55-gut) + var(--r6v55-H) * .56); top: 62%; bottom: 5%; border: dotted var(--r6v55-y); border-width: 0 5px 5px 5px; border-radius: 0 0 30px 30px; opacity: .85; }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-st2 .r6v55-hint { left: calc(var(--r6v55-pw) * .6 + 23vw); right: calc(var(--r6v55-gut) + var(--r6v55-H) * .4); top: 74%; }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-st3 { height: calc(var(--r6v55-H) + 110px); }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-st3 .r6v55-hint { left: calc(var(--r6v55-gut) + min(25vw, 330px) + 20.8vw); right: calc(var(--r6v55-gut) + var(--r6v55-H) * .87); top: calc(var(--r6v55-H) * .6); bottom: 126px; }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-card:not([data-r6v55-s="0"]) figcaption { display: none; }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-caps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; position: absolute; z-index: 5; left: var(--r6v55-gut); right: var(--r6v55-gut); bottom: 22px; font-size: 16px; line-height: 1.35; color: var(--r6v55-mut); }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-caps b { color: var(--r6v55-y); }
.v4 .r6v55-nofx .r6v55-hint { display: block; position: absolute; z-index: 3; left: calc(var(--r6v55-pw) * .6 + 19.5vw); right: calc(var(--r6v55-gut) + var(--r6v55-H) * .56); top: 62%; bottom: 5%; border: dotted var(--r6v55-y); border-width: 0 5px 5px 5px; border-radius: 0 0 30px 30px; opacity: .85; }
.v4 .r6v55-still .r6v55-frame,
.v4 .r6v55-still .r6v55-card,
.v4 .r6v55-still .r6v55-person,
.v4 .r6v55-still .r6v55-track,
.v4 .r6v55-still .r6v55-actlab,
.v4 .r6v55-still .r6v55-col,
.v4 .r6v55-still .r6v55-cursor,
.v4 .r6v55-still .r6v55-beat,
.v4 .r6v55-still .r6v55-disc { transition: none !important; }
@media (prefers-reduced-motion: reduce) {
.v4 .r6v55-row * { animation: none !important; }
}
@media (max-width: 1300px) and (min-width: 940px) {
.v4 .r6v55-nav { gap: 8px; }
.v4 .r6v55-keyhint { display: none !important; }
.v4 .r6v55-title { font-size: 36px; }
.v4 .r6v55-phrase { left: calc(var(--r6v55-pw) * .6 - 44px); top: 73%; font-size: 18px; }
.v4 .r6v55-portals { width: calc(var(--r6v55-H) * .66); right: max(16px, var(--r6v55-gut) - 8px); }
.v4 .r6v55-crew { left: calc(var(--r6v55-pw) * .6 + 4px); width: calc(var(--r6v55-H) * .3); top: 14%; }
.v4 .r6v55-st2 .r6v55-phrase { left: calc(var(--r6v55-pw) * .6 - 24px); top: calc(var(--r6v55-H) * .66); }
.v4 .r6v55-mvbox { width: calc(var(--r6v55-H) * .62); top: 16%; right: max(16px, var(--r6v55-gut) - 8px); }
.v4 .r6v55-board { width: min(29vw, 330px); }
.v4 .r6v55-st3 .r6v55-phrase { left: calc(var(--r6v55-gut) + min(29vw, 330px) + 1.6vw); top: 47%; }
.v4 .r6v55-stack { width: calc(var(--r6v55-H) * .8); }
.v4 .r6v55-card figcaption { width: 78%; padding: 8px 10px 9px 12px; }
.v4 .r6v55-tl { --r6v55-la: 48px; --r6v55-lb: 84px; --r6v55-ls: 62px; --r6v55-lr: 28px; }
.v4 .r6v55-labels { width: calc(6vw + 122px); }
.v4 .r6v55-steps li { font-size: 14px; padding-right: 9px; }
.v4 .r6v55-tlfoot { grid-template-columns: minmax(0, 250px) minmax(0, 1fr) auto; gap: 16px; padding-top: 16px; }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-then { left: calc(var(--r6v55-pw) * .6 + 190px); top: calc(var(--r6v55-H) * .66 - 4.2em); width: 200px; }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-hint { left: calc(var(--r6v55-pw) * .6 + 17vw); top: 80%; }
}
@media (max-width: 1239px) and (min-width: 940px) {
.v4 .r6v55-sub { min-height: 4.35em; }
}
@media (max-width: 939px) {
.v4 .r6v55-row { --r6v55-gut: 16px; --r6v55-H: 940px; --r6v55-pw: 765px; --r6v55-sw: 100%; --r6v55-sh: 390px; font-size: 17px; }
.v4 .r6v55-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; padding: 12px 16px 0; }
.v4 .r6v55-js .r6v55-keys,
.v4 .r6v55-js .r6v55-keyhint { display: none; }
.v4 .r6v55-chip { font-size: 15px; padding: 0 8px 2px; min-height: 40px; }
.v4 .r6v55-head { padding: 12px 16px 18px; }
.v4 .r6v55-title { font-size: clamp(27px, 7.4vw, 44px); line-height: 1.1; min-height: 3.3em; white-space: normal; }
.v4 .r6v55-sub { font-size: 17px; min-height: 10.2em; }
.v4 .r6v55-stage::before { top: 62%; }
.v4 .r6v55-script { height: var(--r6v55-sh); }
.v4 .r6v55-script::before { display: none; }
.v4 .r6v55-spot { -webkit-mask-image: none; mask-image: none; }
.v4 .r6v55-pg { left: calc(var(--r6v55-pw) * -.045); }
.v4 .r6v55-probe { left: calc(var(--r6v55-pw) * -.045); }
.v4 .r6v55-spot::after { height: 104px; }
.v4 .r6v55-pill-top { left: 16px; }
.v4 .r6v55-pill-bot { left: 16px; bottom: 12px; font-size: 32px; }
.v4 .r6v55-phrase { left: 16px; top: calc(var(--r6v55-sh) + 22px); transform: none; font-size: clamp(20px, 5.6vw, 28px); }
.v4 .r6v55-portals { right: auto; left: 50%; top: calc(var(--r6v55-sh) + 196px); height: 440px; width: 320px; margin-left: -150px; }
.v4 .r6v55-crew { left: 16px; top: calc(var(--r6v55-sh) + 16px); width: 132px; }
.v4 .r6v55-st2 .r6v55-phrase { left: 110px; top: calc(var(--r6v55-sh) + 104px); font-size: clamp(18px, 5.2vw, 26px); }
.v4 .r6v55-mvbox { right: 16px; left: 16px; width: auto; top: calc(var(--r6v55-sh) + 262px); max-width: 520px; margin: 0 auto; }
.v4 .r6v55-movie { transform: rotateY(-14deg); }
.v4 .r6v55-board { left: 16px; right: 16px; top: 22px; width: auto; max-width: 420px; }
.v4 .r6v55-job { padding-top: 7px; padding-bottom: 7px; }
.v4 .r6v55-note { display: none; }
.v4 .r6v55-st3 .r6v55-phrase { left: 16px; top: 350px; }
.v4 .r6v55-stack { right: auto; left: 50%; width: 356px; margin-left: -178px; top: 556px; height: 330px; }
.v4 .r6v55-stack .r6v55-disc { top: calc(240px - 56cqw); }
.v4 .r6v55-stack [data-r6v55-s="0"],
.v4 .r6v55-stack [data-r6v55-s="out"] { top: 18%; }
.v4 .r6v55-stack [data-r6v55-s="1"] { top: 10%; left: 7%; }
.v4 .r6v55-stack [data-r6v55-s="2"],
.v4 .r6v55-stack [data-r6v55-s="pre"] { top: 2%; left: 14%; }
.v4 .r6v55-card,
.v4 .r6v55-stack .r6v55-mark { width: 86%; aspect-ratio: 16 / 12.6; }
.v4 .r6v55-card figcaption { width: 80%; bottom: 5%; padding: 7px 10px 8px 11px; }
.v4 .r6v55-card figcaption b { font-size: 17px; white-space: nowrap; }
.v4 .r6v55-card figcaption span { font-size: 16px; line-height: 1.2; }
.v4 .r6v55-tl { --r6v55-zn: 7.5; --r6v55-z: 7.5; --r6v55-c: .32; --r6v55-la: 48px; --r6v55-lb: 88px; --r6v55-ls: 66px; }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-tl,
.v4 .r6v55-still .r6v55-tl { --r6v55-z: 5; --r6v55-c: .29; }
.v4 .r6v55-slot span { font-size: 0; padding: 0; }
.v4 .r6v55-slot span::after { content: "2 beats later"; display: block; padding: 3px 9px; font-size: 14px; }
.v4 .r6v55-tlbar { padding: 10px 16px; }
.v4 .r6v55-steps { margin-left: 0; flex-basis: 100%; }
.v4 .r6v55-steps li { font-size: 14px; }
.v4 .r6v55-labels { display: none; }
.v4 .r6v55-actlab { transform: translateX(clamp(0px, calc(((var(--r6v55-f) - var(--r6v55-a0)) * var(--r6v55-z) - var(--r6v55-c)) * 100cqw), calc((var(--r6v55-a1) - var(--r6v55-a0)) * var(--r6v55-z) * 100cqw - 90px))); }
.v4 .r6v55-far .r6v55-beat b { opacity: 0; font-size: 0; }
.v4 .r6v55-far .r6v55-sel .r6v55-beat b { opacity: 1; font-size: 15px; }
.v4 .r6v55-far .r6v55-beat { padding: 0; border-radius: 3px; }
.v4 .r6v55-far .r6v55-col { padding: 0 1px; }
.v4 .r6v55-far .r6v55-scs { flex-direction: column; }
.v4 .r6v55-menu { width: 206px; }
.v4 .r6v55-menu-b { left: auto; right: -1px; transform-origin: 100% 0; }
.v4 .r6v55-menu-b::before { left: auto; right: 16px; }
.v4 .r6v55-tlfoot { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 20px 16px; }
.v4 .r6v55-tlstatus,
.v4 .r6v55-menu-s,
.v4 .r6v55-boards { grid-column: 1; }
.v4 .r6v55-menu-s { justify-self: start; }
.v4 .r6v55-boards > div { grid-template-columns: repeat(4, 1fr); gap: 8px; }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-then { left: 160px; right: 16px; width: auto; top: calc(var(--r6v55-sh) + 12px); font-size: 16px; line-height: 1.2; }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-st2 .r6v55-phrase { top: calc(var(--r6v55-sh) + 136px); }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-hint,
.v4 .r6v55-row:not(.r6v55-js) .r6v55-st2 .r6v55-hint,
.v4 .r6v55-nofx .r6v55-hint { left: auto; right: 6px; width: 60%; top: calc(var(--r6v55-sh) + 150px); bottom: 12px; border-width: 0 5px 5px 0; border-radius: 0 0 30px 0; }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-st3 { height: calc(var(--r6v55-H) + 250px); }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-st3 .r6v55-hint { left: auto; right: 6px; width: 60%; top: 470px; bottom: 262px; }
.v4 .r6v55-row:not(.r6v55-js) .r6v55-caps { grid-template-columns: 1fr; gap: 10px; left: 16px; right: 16px; bottom: 16px; }
}
@media (max-width: 599px) {
.v4 .r6v55-row { --r6v55-pw: 714px; }
.v4 .r6v55-boards > div { grid-template-columns: repeat(2, 1fr); gap: 8px; }
.v4 .r6v55-boards > div span { aspect-ratio: 16 / 7.6; }
}
.v4[data-v4-theme="light"] .r6v55-row { --r6v55-bg: #F1F0EB; --r6v55-ink: #151419; --r6v55-mut: #3D3C42; --r6v55-dim: #5E5C63; --r6v55-line: #D2CFC6; --r6v55-grid: rgba(21, 20, 25, .2); --r6v55-rim: rgba(21, 20, 25, .22); --r6v55-lift: 0 0 0 1px var(--r6v55-rim), 0 24px 40px rgba(21, 20, 25, .32); }
.v4[data-v4-theme="light"] .r6v55-cap,
.v4[data-v4-theme="light"] .r6v55-chip { background: linear-gradient(180deg, #FFFFFF, #E9E7E0); border-color: #B7B4AA; color: #3D3C42; box-shadow: inset 0 1px 0 #FFF, 0 3px 0 #A3A099; }
.v4[data-v4-theme="light"] .r6v55-cap:hover,
.v4[data-v4-theme="light"] .r6v55-chip:hover { color: #000; border-color: #66646B; }
.v4[data-v4-theme="light"] .r6v55-js .r6v55-chip.r6v55-on { color: #000; border-color: #B88A12; box-shadow: inset 0 1px 0 #FFF, 0 1px 0 #A3A099; }
.v4[data-v4-theme="light"] .r6v55-chip i { background: #D9A51E; }
.v4[data-v4-theme="light"] .r6v55-title em { color: #8A6400; }
.v4[data-v4-theme="light"] .r6v55-stage::after { background: radial-gradient(ellipse 60% 100% at 58% 100%, rgba(21, 20, 25, .08), rgba(21, 20, 25, 0) 70%); }
.v4[data-v4-theme="light"] .r6v55-script::before { inset: 0 -3% 0 0; background: radial-gradient(ellipse 100% 140% at 0 35%, rgba(21, 20, 25, .34) 0, rgba(21, 20, 25, .34) 88%, rgba(21, 20, 25, 0) 100%); }
.v4[data-v4-theme="light"] .r6v55-spot::after { background: linear-gradient(0deg, #29282D 0, #29282D 64%, rgba(41, 40, 45, 0) 100%); }
.v4[data-v4-theme="light"] .r6v55-pill { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5), 0 3px 0 #A77F18, 0 10px 18px rgba(21, 20, 25, .25); }
.v4[data-v4-theme="light"] .r6v55-phrase::after { background: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(21, 20, 25, .35), rgba(21, 20, 25, 0)); }
.v4[data-v4-theme="light"] .r6v55-fed { box-shadow: 0 0 0 2px #D9A51E, 0 0 44px rgba(238, 188, 60, .9), 0 24px 40px rgba(21, 20, 25, .32); }
.v4[data-v4-theme="light"] .r6v55-disc { background: radial-gradient(closest-side, rgba(21, 20, 25, .1), rgba(21, 20, 25, .06) 62%, rgba(21, 20, 25, .03) 99%, rgba(21, 20, 25, 0) 100%); box-shadow: inset 0 0 0 3px rgba(21, 20, 25, .4); }
.v4[data-v4-theme="light"] .r6v55-disc::after { background: conic-gradient(from -3deg, #B88A12 0 6deg, transparent 6deg 360deg), repeating-conic-gradient(rgba(21, 20, 25, .6) 0 1.2deg, transparent 1.2deg 15deg); }
.v4[data-v4-theme="light"] .r6v55-crew::after { background: radial-gradient(closest-side, rgba(21, 20, 25, .25), rgba(21, 20, 25, 0)); }
.v4[data-v4-theme="light"] .r6v55-panel { box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 6px 0 #09090A, 0 24px 30px rgba(21, 20, 25, .3); }
.v4[data-v4-theme="light"] .r6v55-row:not(.r6v55-js) .r6v55-hint,
.v4[data-v4-theme="light"] .r6v55-nofx .r6v55-hint { border-color: #C28F0E; }
.v4[data-v4-theme="light"] .r6v55-row:not(.r6v55-js) .r6v55-caps b { color: #8A6400; }
.v4[data-v4-theme="light"] .r6v55-tl { box-shadow: 0 20px 40px rgba(21, 20, 25, .2); }

/* ── row 7 · For_TV · v35 · r7v35- ── */
.v4 .r7v35-row { position: relative; overflow: hidden; container-type: inline-size; isolation: isolate; --r7v35-C: min(1200px, calc(100cqw - 48px)); --r7v35-gut: calc((100cqw - var(--r7v35-C)) / 2); --r7v35-H: clamp(340px, 30cqw, 480px); --r7v35-L: calc(var(--r7v35-gut) + var(--r7v35-C) * .27); --r7v35-y: #EEBC3C; --r7v35-yink: #151419; --r7v35-yt: #EEBC3C; --r7v35-bg: #0F0E0C; --r7v35-ink: #F4F3F0; --r7v35-dim: #C2C0C8; --r7v35-line: rgba(255, 255, 255, .16); --r7v35-panel: #29282D; --r7v35-paper: #FBFAF6; --r7v35-pink: #1B1A1F; background: var(--r7v35-bg); color: var(--r7v35-ink); font-family: var(--r7v35-fb); font-size: 17px; line-height: 1.5; -webkit-font-smoothing: antialiased; text-align: left; padding: 56px 0 60px; }
.v4[data-v4-theme="light"] .r7v35-row { --r7v35-yt: #6E4E00; }
.v4 .r7v35-row *,
.v4 .r7v35-row *::before,
.v4 .r7v35-row *::after { box-sizing: border-box; }
.v4 .r7v35-row figure,
.v4 .r7v35-row p,
.v4 .r7v35-row h2,
.v4 .r7v35-row ol,
.v4 .r7v35-row ul { margin: 0; padding: 0; }
.v4 .r7v35-row ol,
.v4 .r7v35-row ul { list-style: none; }
.v4 .r7v35-row img { display: block; max-width: none; }
.v4 .r7v35-row a { color: inherit; text-decoration: none; }
.v4 .r7v35-row em,
.v4 .r7v35-row i { font-style: normal; }
.v4 .r7v35-row small { font-size: .62em; font-weight: 600; letter-spacing: .04em; }
.v4 .r7v35-pt { position: relative; }
.v4 .r7v35-pt + .r7v35-pt { margin-top: 72px; }
.v4 .r7v35-js .r7v35-pt + .r7v35-pt { margin-top: 0; }
.v4 .r7v35-js .r7v35-pt:not(.r7v35-on) { display: none; }
.v4 .r7v35-head { width: var(--r7v35-C); margin: 0 auto; }
.v4 .r7v35-title { font-family: var(--r7v35-fd); font-size: clamp(30px, 5.4cqw, 68px); line-height: 1.04; letter-spacing: -.02em; font-weight: 800; text-wrap: balance; }
.v4 .r7v35-title em { color: var(--r7v35-y); }
.v4 .r7v35-sub { margin-top: 14px; font-size: clamp(17px, 1.55cqw, 21px); line-height: 1.45; color: var(--r7v35-dim); max-width: 62em; text-wrap: pretty; }
.v4 .r7v35-kicker { font-size: clamp(18px, 1.7cqw, 24px); font-weight: 300; letter-spacing: .02em; color: var(--r7v35-dim); margin-bottom: 8px; }
.v4 .r7v35-tabs { width: var(--r7v35-C); margin: 0 auto 26px; display: flex; flex-wrap: wrap; gap: 8px 10px; }
.v4 .r7v35-tab { position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; font-size: 15px; font-weight: 600; line-height: 1.2; color: var(--r7v35-dim); cursor: pointer; overflow: hidden; }
.v4 .r7v35-tab.r7v35-on { color: var(--r7v35-ink); }
.v4 .r7v35-tab i { position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background: var(--r7v35-y); transform: scaleX(0); transform-origin: 0 50%; }
.v4 .r7v35-tab.r7v35-run i { animation: r7v35-timer var(--r7v35-dur, 16s) linear forwards; }
.v4 .r7v35-paused .r7v35-tab i { animation-play-state: paused; }
.v4 .r7v35-still .r7v35-tab.r7v35-on i { transform: scaleX(1); animation: none; }
.v4 .r7v35-tab:focus-visible { outline: 2px solid var(--r7v35-y); outline-offset: 2px; }
@keyframes r7v35-timer { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.v4 .r7v35-stage { position: relative; margin-top: 30px; }
.v4 .r7v35-fx { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; pointer-events: none; }
.v4 .r7v35-scr { position: relative; overflow: hidden; width: 100%; height: 100%; }
.v4 .r7v35-scr > img,
.v4 .r7v35-pic > img { width: 100%; height: 100%; object-fit: cover; }
.v4 .r7v35-ly { position: absolute; inset: 0; opacity: 0; transition: opacity .7s ease; }
.v4 .r7v35-row:not([data-r7v35-set]) .r7v35-ly0,
.v4 .r7v35-row[data-r7v35-set="0"] .r7v35-ly0,
.v4 .r7v35-row[data-r7v35-set="1"] .r7v35-ly1,
.v4 .r7v35-row[data-r7v35-set="2"] .r7v35-ly2 { opacity: 1; }
.v4 .r7v35-tag { position: absolute; z-index: 5; display: inline-flex; align-items: baseline; gap: 5px; padding: 6px 12px 5px; border-radius: 8px; background: var(--r7v35-y); color: var(--r7v35-yink); font-family: var(--r7v35-fd); font-weight: 800; font-size: clamp(16px, 1.5cqw, 22px); line-height: 1.1; letter-spacing: .03em; white-space: nowrap; box-shadow: 0 6px 18px rgba(0, 0, 0, .45); }
.v4 .r7v35-chip { position: absolute; right: 4%; bottom: 6%; z-index: 3; padding: 5px 10px 4px; border-radius: 7px; background: var(--r7v35-y); color: var(--r7v35-yink); font-family: var(--r7v35-fd); font-weight: 800; font-size: clamp(14px, 1.15cqw, 17px); line-height: 1.15; letter-spacing: .04em; white-space: nowrap; }
.v4 .r7v35-epl { position: absolute; left: 4%; top: 6%; z-index: 3; padding: 3px 8px; border-radius: 5px; background: rgba(15, 14, 12, .72); color: #F4F3F0; font-weight: 700; font-size: 14px; letter-spacing: .05em; }
.v4 .r7v35-phrase { font-family: var(--r7v35-fd); font-weight: 800; line-height: 1; z-index: 4; }
.v4 .r7v35-ln { display: block; width: max-content; white-space: nowrap; }
.v4 .r7v35-tk { display: block; }
.v4 .r7v35-frame,
.v4 .r7v35-card { transition: transform .9s cubic-bezier(.3, .7, .2, 1), opacity .6s ease, filter .6s ease; will-change: transform; }
.v4 .r7v35-nt,
.v4 .r7v35-nt * { transition: none !important; }
.v4 .r7v35-frame[data-r7v35-s="pre"],
.v4 .r7v35-frame[data-r7v35-s="out"],
.v4 .r7v35-card[data-r7v35-s="pre"],
.v4 .r7v35-card[data-r7v35-s="out"] { opacity: 0; pointer-events: none; }
.v4 .r7v35-note { width: var(--r7v35-C); margin: 14px auto 0; color: var(--r7v35-dim); font-size: 16px; }
.v4 .r7v35-js .r7v35-note { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.v4 .r7v35-days { display: flex; gap: 8px; }
.v4 .r7v35-days li { flex: 1 1 0; padding: 8px 12px; border: 1px solid var(--r7v35-line); border-radius: 8px; font-size: 14px; line-height: 1.3; color: var(--r7v35-dim); transition: background .4s, color .4s, border-color .4s; }
.v4 .r7v35-days b { display: block; font-family: var(--r7v35-fd); font-size: 15px; letter-spacing: .04em; text-transform: uppercase; color: var(--r7v35-ink); }
.v4 .r7v35-st1[data-r7v35-day="1"] .r7v35-days li:nth-child(-n+1),
.v4 .r7v35-st1[data-r7v35-day="2"] .r7v35-days li:nth-child(-n+2),
.v4 .r7v35-st1[data-r7v35-day="3"] .r7v35-days li,
.v4 .r7v35-st1[data-r7v35-day="4"] .r7v35-days li { background: var(--r7v35-y); border-color: var(--r7v35-y); color: var(--r7v35-yink); }
.v4 .r7v35-st1[data-r7v35-day="1"] .r7v35-days li:nth-child(-n+1) b,
.v4 .r7v35-st1[data-r7v35-day="2"] .r7v35-days li:nth-child(-n+2) b,
.v4 .r7v35-st1[data-r7v35-day="3"] .r7v35-days li b,
.v4 .r7v35-st1[data-r7v35-day="4"] .r7v35-days li b { color: var(--r7v35-yink); }
.v4 .r7v35-lens { position: absolute; inset: 0; overflow: hidden; }
.v4 .r7v35-page { position: absolute; left: 0; top: 0; width: var(--r7v35-pw); min-height: calc(var(--r7v35-pw) * 1.294); padding: 5.2% 9% 6% 13%; background: var(--r7v35-paper); color: var(--r7v35-pink); font-family: var(--r7v35-fb); font-size: calc(var(--r7v35-pw) / 41); line-height: 1.34; --r7v35-pw: max(600px, calc((var(--r7v35-L) - 16px) / .6)); }
.v4 .r7v35-page p { margin-top: 1.05em; }
.v4 .r7v35-sh { text-align: center; margin-top: 0 !important; }
.v4 .r7v35-sh b { display: block; font-size: 1.12em; letter-spacing: .14em; }
.v4 .r7v35-sh span { display: block; margin-top: .2em; }
.v4 .r7v35-act { text-align: center; font-weight: 700; text-decoration: underline; text-underline-offset: .2em; letter-spacing: .08em; margin-top: 1.5em !important; }
.v4 .r7v35-slug { font-weight: 700; text-transform: uppercase; }
.v4 .r7v35-ch { margin-left: 37%; margin-top: 1.05em; text-transform: uppercase; }
.v4 .r7v35-page .r7v35-pa { margin: 0 0 0 28%; }
.v4 .r7v35-page .r7v35-di { margin: 0 24% 0 19%; }
.v4 .r7v35-card { overflow: hidden; }
.v4 .r7v35-pic { position: relative; width: 100%; height: 100%; }
.v4 .r7v35-tri { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3px; }
.v4 .r7v35-tri img { min-width: 0; }
.v4 .r7v35-card figcaption { position: absolute; left: 0; right: 0; bottom: 0; padding: 34px 16px 13px; background: linear-gradient(to top, rgba(15, 14, 12, .94) 30%, rgba(15, 14, 12, 0)); color: #F4F3F0; }
.v4 .r7v35-card figcaption b { display: block; font-family: var(--r7v35-fd); font-size: clamp(18px, 1.7cqw, 24px); line-height: 1.1; color: var(--r7v35-y); }
.v4 .r7v35-card figcaption span { display: block; margin-top: 4px; font-size: 15px; line-height: 1.35; }
.v4 .r7v35-st4 { width: var(--r7v35-C); margin-left: auto; margin-right: auto; --r7v35-t: 1; }
.v4 .r7v35-slabel { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; margin-bottom: 10px; font-size: 16px; color: var(--r7v35-dim); }
.v4 .r7v35-slabel b { font-family: var(--r7v35-fd); font-size: 20px; color: var(--r7v35-ink); }
.v4 .r7v35-status { margin-left: auto; color: var(--r7v35-ink); font-weight: 600; }
.v4 .r7v35-swin { position: relative; padding-top: 26px; }
.v4 .r7v35-season { display: flex; gap: 4px; }
.v4 .r7v35-ep { position: relative; flex: 1 1 0; min-width: 0; padding: 10px 8px 9px 10px; background: var(--r7v35-panel); border-radius: 6px; line-height: 1.25; transition: background .35s, box-shadow .35s; }
.v4 .r7v35-ep b { display: block; font-family: var(--r7v35-fd); font-size: clamp(15px, 1.5cqw, 19px); letter-spacing: .03em; white-space: nowrap; }
.v4 .r7v35-ep time { display: block; font-size: 14px; color: var(--r7v35-dim); white-space: nowrap; }
.v4 .r7v35-ep em { display: flex; align-items: center; gap: 4px; margin-top: 6px; font-size: 14px; font-weight: 700; color: var(--r7v35-yt); white-space: nowrap; transition: opacity .3s, transform .3s; }
.v4 .r7v35-ep em svg { flex: none; }
.v4 .r7v35-js .r7v35-ep:not(.r7v35-dl) em { opacity: 0; transform: translateY(5px); }
.v4 .r7v35-ep.r7v35-sel { box-shadow: 0 0 0 2px var(--r7v35-y); }
.v4 .r7v35-today { position: absolute; top: 20px; bottom: -8px; left: calc(var(--r7v35-t) * 100%); width: 2px; background: var(--r7v35-ink); z-index: 3; pointer-events: none; }
.v4 .r7v35-today span { position: absolute; top: -20px; left: 50%; transform: translateX(-50%); padding: 1px 7px; border-radius: 4px; background: var(--r7v35-ink); color: var(--r7v35-bg); font-size: 13px; font-weight: 700; white-space: nowrap; }
.v4 .r7v35-row:not(.r7v35-js) .r7v35-today { display: none; }
.v4 .r7v35-zoom { position: relative; margin-top: 18px; padding: 14px 16px 16px; border: 1px solid var(--r7v35-line); border-radius: 10px; transition: opacity .5s, transform .5s; }
.v4 .r7v35-js .r7v35-st4:not(.r7v35-zopen) .r7v35-zoom { opacity: 0; transform: translateY(-10px); }
.v4 .r7v35-zhead { display: flex; align-items: baseline; gap: 12px; font-size: 16px; color: var(--r7v35-dim); }
.v4 .r7v35-zhead b { font-family: var(--r7v35-fd); font-size: 20px; color: var(--r7v35-yt); }
.v4 .r7v35-acts { display: flex; gap: 6px; margin-top: 10px; }
.v4 .r7v35-actb { flex: 1 1 0; min-width: 0; padding: 8px 8px 9px; background: var(--r7v35-panel); border-radius: 6px; }
.v4 .r7v35-actb[data-r7v35-a="0"],
.v4 .r7v35-actb[data-r7v35-a="5"] { flex-grow: .62; }
.v4 .r7v35-actb > b { display: block; font-family: var(--r7v35-fd); font-size: 15px; letter-spacing: .06em; white-space: nowrap; }
.v4 .r7v35-scs { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; min-height: 34px; }
.v4 .r7v35-sc { position: relative; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 6px; background: var(--r7v35-bg); border: 1px solid var(--r7v35-line); font-size: 15px; font-weight: 700; transition: transform .7s cubic-bezier(.3, .7, .2, 1), background .3s, color .3s, box-shadow .3s; }
.v4 .r7v35-sc.r7v35-lift { z-index: 6; background: var(--r7v35-y); color: var(--r7v35-yink); box-shadow: 0 10px 22px rgba(0, 0, 0, .5); }
.v4 .r7v35-sc.r7v35-moved,
.v4 .r7v35-sc.r7v35-ctx { background: var(--r7v35-y); color: var(--r7v35-yink); border-color: var(--r7v35-y); }
.v4 .r7v35-sc.r7v35-sbd::after { content: ""; position: absolute; right: -4px; top: -4px; width: 12px; height: 9px; border-radius: 2px; background: var(--r7v35-ink); border: 2px solid var(--r7v35-y); }
.v4 .r7v35-sc.r7v35-reb { animation: r7v35-reb .5s ease-in-out infinite alternate; }
.v4 .r7v35-sc.r7v35-rebd { box-shadow: 0 0 0 2px var(--r7v35-y); }
@keyframes r7v35-reb { from { background: var(--r7v35-bg); } to { background: var(--r7v35-y); color: var(--r7v35-yink); } }
.v4 .r7v35-menu { position: absolute; z-index: 8; left: 0; top: 0; display: none; flex-direction: column; min-width: 190px; padding: 6px; border-radius: 9px; background: #29282D; border: 1px solid rgba(255, 255, 255, .22); box-shadow: 0 16px 40px rgba(0, 0, 0, .6); color: #F4F3F0; font-size: 15px; line-height: 1.2; }
.v4 .r7v35-menu.r7v35-open { display: flex; }
.v4 .r7v35-menu em { padding: 4px 9px 6px; font-size: 13px; font-weight: 700; color: #C2C0C8; }
.v4 .r7v35-menu > span { padding: 7px 9px; border-radius: 5px; }
.v4 .r7v35-menu > span.r7v35-hot { background: #EEBC3C; color: #151419; font-weight: 700; }
.v4 .r7v35-boards { display: flex; align-items: center; gap: 8px; margin-top: 12px; transition: opacity .5s, transform .5s; }
.v4 .r7v35-boards span { margin-right: 4px; font-size: 15px; font-weight: 700; color: var(--r7v35-ink); }
.v4 .r7v35-boards img { width: 112px; height: 63px; object-fit: cover; border-radius: 4px; border: 2px solid #F4F3F0; filter: grayscale(1) contrast(1.2) brightness(1.15); }
.v4 .r7v35-js .r7v35-st4:not(.r7v35-sbdone) .r7v35-boards { opacity: 0; transform: translateY(8px); }
.v4 .r7v35-steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: 16px; }
.v4 .r7v35-step { padding: 10px 12px; border-left: 3px solid var(--r7v35-line); font-size: 15px; line-height: 1.35; color: var(--r7v35-dim); transition: border-color .3s, color .3s; }
.v4 .r7v35-step b { display: block; color: var(--r7v35-ink); font-size: 16px; }
.v4 .r7v35-js .r7v35-step.r7v35-on,
.v4 .r7v35-row:not(.r7v35-js) .r7v35-step { border-left-color: var(--r7v35-y); color: var(--r7v35-ink); }
.v4 .r7v35-cursor { position: absolute; left: 0; top: 0; z-index: 9; opacity: 0; pointer-events: none; transition: transform .7s cubic-bezier(.3, .7, .2, 1), opacity .3s; filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .5)); }
.v4 .r7v35-cursor.r7v35-cshow { opacity: 1; }
@media (min-width: 960px) {
.v4 .r7v35-st1,
.v4 .r7v35-st2,
.v4 .r7v35-st3 { height: var(--r7v35-H); }
.v4 .r7v35-script,
.v4 .r7v35-set,
.v4 .r7v35-lead { position: absolute; left: 0; top: 0; width: var(--r7v35-L); height: 100%; z-index: 2; }
.v4 .r7v35-phrase { position: absolute; left: calc(var(--r7v35-gut) + var(--r7v35-C) * .305); top: 50%; transform: translateY(-50%); font-size: clamp(30px, 3.5cqw, 52px); }
.v4 .r7v35-frames,
.v4 .r7v35-stack { position: absolute; right: var(--r7v35-gut); top: 0; width: calc(var(--r7v35-C) * .46); height: 100%; z-index: 3; perspective: 1400px; perspective-origin: 15% 50%; }
.v4 .r7v35-frame { position: absolute; left: 0; top: 0; width: 64%; aspect-ratio: 16 / 9; transform-origin: 50% 50%; transform: translate3d(var(--r7v35-x, 0), var(--r7v35-yy, 0), 0) rotateY(var(--r7v35-ry, -30deg)) scale(var(--r7v35-sc, 1)); }
.v4 .r7v35-frame[data-r7v35-s="0"] { --r7v35-x: 0%; --r7v35-yy: 104%; z-index: 3; }
.v4 .r7v35-frame[data-r7v35-s="1"] { --r7v35-x: 34%; --r7v35-yy: 50%; --r7v35-sc: .92; z-index: 2; }
.v4 .r7v35-frame[data-r7v35-s="2"] { --r7v35-x: 62%; --r7v35-yy: 0%; --r7v35-sc: .84; z-index: 1; }
.v4 .r7v35-frame[data-r7v35-s="out"] { --r7v35-x: -70%; --r7v35-yy: 150%; --r7v35-sc: 1.5; z-index: 4; }
.v4 .r7v35-frame[data-r7v35-s="pre"] { --r7v35-x: 110%; --r7v35-yy: -30%; --r7v35-sc: .7; z-index: 0; }
.v4 .r7v35-card { position: absolute; left: 0; top: 0; width: 56%; aspect-ratio: 4 / 3; transform: translate3d(var(--r7v35-x, 0), var(--r7v35-yy, 0), 0) rotateY(var(--r7v35-ry, -30deg)) scale(var(--r7v35-sc, 1)); }
.v4 .r7v35-card[data-r7v35-s="0"] { --r7v35-x: 0%; --r7v35-yy: 62%; z-index: 4; }
.v4 .r7v35-card[data-r7v35-s="1"] { --r7v35-x: 30%; --r7v35-yy: 40%; --r7v35-sc: .93; z-index: 3; }
.v4 .r7v35-card[data-r7v35-s="2"] { --r7v35-x: 56%; --r7v35-yy: 20%; --r7v35-sc: .86; z-index: 2; }
.v4 .r7v35-card[data-r7v35-s="3"] { --r7v35-x: 80%; --r7v35-yy: 0%; --r7v35-sc: .8; z-index: 1; }
.v4 .r7v35-card[data-r7v35-s="out"] { --r7v35-x: -8%; --r7v35-yy: 190%; z-index: 5; }
.v4 .r7v35-card[data-r7v35-s="pre"] { --r7v35-x: 120%; --r7v35-yy: -20%; --r7v35-sc: .7; z-index: 0; }
.v4 .r7v35-st2 .r7v35-phrase { font-size: clamp(24px, 2.55cqw, 37px); }
.v4 .r7v35-st3 .r7v35-phrase { font-size: clamp(26px, 2.9cqw, 42px); }
.v4 .r7v35-days { position: absolute; z-index: 4; }
.v4 .r7v35-row:not(.r7v35-js) .r7v35-note { position: absolute; left: var(--r7v35-gut); top: calc(100% + 26px); margin: 0; }
.v4 .r7v35-p4scroll .r7v35-swin { overflow: hidden; }
.v4 .r7v35-p4scroll .r7v35-season { transition: opacity .35s; }
.v4 .r7v35-p4scroll .r7v35-st4:not(.r7v35-over) .r7v35-season { width: 210%; margin-left: 46%; transform: translateX(calc(var(--r7v35-t) * -100%)); }
.v4 .r7v35-p4scroll .r7v35-st4:not(.r7v35-over) .r7v35-today { left: 46%; }
.v4 .r7v35-p4scroll .r7v35-st4.r7v35-over .r7v35-today { opacity: 0; }
}
@media (max-width: 959.98px) {
.v4 .r7v35-row { padding: 40px 0 44px; --r7v35-C: calc(100cqw - 40px); }
.v4 .r7v35-tabs { gap: 6px; margin-bottom: 20px; }
.v4 .r7v35-tab { padding: 8px 10px; font-size: 14px; }
.v4 .r7v35-stage { margin-top: 22px; }
.v4 .r7v35-st1,
.v4 .r7v35-st2,
.v4 .r7v35-st3 { display: flex; flex-direction: column; gap: 20px; }
.v4 .r7v35-script { position: relative; height: 270px; --r7v35-L: 100cqw; }
.v4 .r7v35-page { --r7v35-pw: 640px; }
.v4 .r7v35-set,
.v4 .r7v35-lead { position: relative; width: var(--r7v35-C); margin: 0 auto; aspect-ratio: 16 / 9; }
.v4 .r7v35-lead { aspect-ratio: 16 / 7; }
.v4 .r7v35-phrase { align-self: center; font-size: clamp(30px, 8.6cqw, 44px); }
.v4 .r7v35-ln { margin-left: auto; margin-right: auto; }
.v4 .r7v35-frames,
.v4 .r7v35-stack { position: relative; width: var(--r7v35-C); margin: 0 auto; height: calc(var(--r7v35-C) * .6); perspective: 900px; perspective-origin: 20% 50%; }
.v4 .r7v35-frame { position: absolute; left: 0; top: 0; width: 62%; aspect-ratio: 16 / 9; transform: translate3d(var(--r7v35-x, 0), var(--r7v35-yy, 0), 0) rotateY(var(--r7v35-ry, -22deg)) scale(var(--r7v35-sc, 1)); }
.v4 .r7v35-frame[data-r7v35-s="0"] { --r7v35-x: 0%; --r7v35-yy: 68%; z-index: 3; }
.v4 .r7v35-frame[data-r7v35-s="1"] { --r7v35-x: 30%; --r7v35-yy: 34%; z-index: 2; }
.v4 .r7v35-frame[data-r7v35-s="2"] { --r7v35-x: 60%; --r7v35-yy: 0%; z-index: 1; }
.v4 .r7v35-frame[data-r7v35-s="out"] { --r7v35-x: -60%; --r7v35-yy: 120%; --r7v35-sc: 1.3; }
.v4 .r7v35-frame[data-r7v35-s="pre"] { --r7v35-x: 100%; --r7v35-yy: -20%; --r7v35-sc: .8; }
.v4 .r7v35-stack { height: calc(var(--r7v35-C) * .74); }
.v4 .r7v35-card { position: absolute; left: 0; top: 0; width: 60%; aspect-ratio: 4 / 3; transform: translate3d(var(--r7v35-x, 0), var(--r7v35-yy, 0), 0) rotateY(var(--r7v35-ry, -20deg)) scale(var(--r7v35-sc, 1)); }
.v4 .r7v35-card[data-r7v35-s="0"] { --r7v35-x: 0%; --r7v35-yy: 60%; z-index: 4; }
.v4 .r7v35-card[data-r7v35-s="1"] { --r7v35-x: 22%; --r7v35-yy: 40%; z-index: 3; }
.v4 .r7v35-card[data-r7v35-s="2"] { --r7v35-x: 44%; --r7v35-yy: 20%; z-index: 2; }
.v4 .r7v35-card[data-r7v35-s="3"] { --r7v35-x: 66%; --r7v35-yy: 0%; z-index: 1; }
.v4 .r7v35-card[data-r7v35-s="out"] { --r7v35-x: -10%; --r7v35-yy: 150%; }
.v4 .r7v35-card[data-r7v35-s="pre"] { --r7v35-x: 100%; --r7v35-yy: -20%; }
.v4 .r7v35-card figcaption span { font-size: 14px; }
.v4 .r7v35-days { width: var(--r7v35-C); margin: 0 auto; }
.v4 .r7v35-fx { display: none; }
.v4 .r7v35-season { flex-wrap: wrap; }
.v4 .r7v35-ep { flex: 1 1 45%; display: grid; grid-template-columns: auto 1fr; column-gap: 10px; align-items: baseline; }
.v4 .r7v35-ep em { grid-column: 1 / -1; margin-top: 3px; }
.v4 .r7v35-today { display: none; }
.v4 .r7v35-status { margin-left: 0; width: 100%; }
.v4 .r7v35-acts { flex-wrap: wrap; }
.v4 .r7v35-actb,
.v4 .r7v35-actb[data-r7v35-a="0"],
.v4 .r7v35-actb[data-r7v35-a="5"] { flex: 1 1 30%; }
.v4 .r7v35-boards { flex-wrap: wrap; }
.v4 .r7v35-boards span { width: 100%; }
.v4 .r7v35-boards img { width: 31%; height: auto; aspect-ratio: 16 / 9; }
.v4 .r7v35-steps { grid-template-columns: 1fr 1fr; }
.v4 .r7v35-cursor { display: none; }
}
@media (prefers-reduced-motion: reduce) {
.v4 .r7v35-row *,
.v4 .r7v35-row *::before,
.v4 .r7v35-row *::after { animation: none !important; transition: none !important; }
}
.v4 .r7v35-row { --r7v35-fd: "Outfit", "Helvetica Neue", Arial, sans-serif; --r7v35-fb: "Nunito Sans", "Helvetica Neue", Arial, sans-serif; --r7v35-halo: rgba(255, 255, 255, .18); --r7v35-box1: #FFFDF4; --r7v35-box2: #EFE7CC; --r7v35-boxrim: #29282D; background-color: #0F0E0C; background-image: radial-gradient(circle 110px at 7% 30%, rgba(238, 188, 60, .13), rgba(238, 188, 60, 0)), radial-gradient(circle 70px at 21% 86%, rgba(255, 255, 255, .09), rgba(255, 255, 255, 0)), radial-gradient(circle 150px at 90% 20%, rgba(255, 255, 255, .07), rgba(255, 255, 255, 0)), radial-gradient(circle 80px at 68% 93%, rgba(238, 188, 60, .1), rgba(238, 188, 60, 0)), radial-gradient(circle 46px at 50% 9%, rgba(255, 255, 255, .1), rgba(255, 255, 255, 0)), radial-gradient(circle 60px at 36% 55%, rgba(255, 255, 255, .05), rgba(255, 255, 255, 0)), linear-gradient(to bottom, #0F0E0C, #17161B); }
.v4[data-v4-theme="light"] .r7v35-row { --r7v35-bg: #F2F1ED; --r7v35-ink: #151419; --r7v35-dim: #47464D; --r7v35-line: rgba(21, 20, 25, .22); --r7v35-panel: #E0DED7; --r7v35-halo: rgba(21, 20, 25, .12); --r7v35-boxrim: #151419; background-color: #F2F1ED; background-image: radial-gradient(circle 110px at 7% 30%, rgba(238, 188, 60, .3), rgba(238, 188, 60, 0)), radial-gradient(circle 70px at 21% 86%, rgba(21, 20, 25, .07), rgba(21, 20, 25, 0)), radial-gradient(circle 150px at 90% 20%, rgba(21, 20, 25, .06), rgba(21, 20, 25, 0)), radial-gradient(circle 80px at 68% 93%, rgba(238, 188, 60, .26), rgba(238, 188, 60, 0)), radial-gradient(circle 46px at 50% 9%, rgba(21, 20, 25, .07), rgba(21, 20, 25, 0)), linear-gradient(to bottom, #F7F6F3, #E6E4DE); }
.v4[data-v4-theme="light"] .r7v35-title em { color: inherit; background: linear-gradient(transparent 58%, #EEBC3C 58%, #EEBC3C 96%, transparent 96%); }
.v4 .r7v35-title { font-weight: 800; letter-spacing: -.025em; }
.v4 .r7v35-tabs { margin: 36px auto 0; gap: 12px 26px; }
.v4 .r7v35-tab { padding: 0 0 8px; overflow: visible; gap: 10px; font-size: 16px; }
.v4 .r7v35-tab b { width: 14px; height: 14px; border-radius: 50%; border: 2px solid var(--r7v35-dim); font-size: 0; transition: background .3s, box-shadow .3s; }
.v4 .r7v35-tab.r7v35-on b { background: var(--r7v35-y); border-color: var(--r7v35-y); box-shadow: 0 0 14px 3px rgba(238, 188, 60, .6); }
.v4 .r7v35-tab.r7v35-past b { background: var(--r7v35-dim); }
.v4 .r7v35-tab i { height: 2px; }
.v4 .r7v35-script { filter: drop-shadow(0 0 34px rgba(255, 248, 220, .28)); }
.v4[data-v4-theme="light"] .r7v35-script { filter: drop-shadow(10px 16px 22px rgba(21, 20, 25, .28)); }
.v4 .r7v35-script .r7v35-lens { perspective: 1500px; perspective-origin: 0 40%; -webkit-mask-image: linear-gradient(to bottom, #000 80%, transparent); mask-image: linear-gradient(to bottom, #000 80%, transparent); }
.v4 .r7v35-script .r7v35-page { transform: rotateY(24deg); transform-origin: 0 40%; }
.v4 .r7v35-tag { border-radius: 10px; box-shadow: 0 0 22px rgba(238, 188, 60, .5), 0 6px 14px rgba(0, 0, 0, .4); }
.v4 .r7v35-script .r7v35-tg-a { top: 18px; left: 22px; }
.v4 .r7v35-script .r7v35-tg-b { bottom: 34px; left: 22px; font-size: clamp(22px, 2.3cqw, 34px); }
.v4 .r7v35-phrase { perspective: 900px; font-weight: 800; letter-spacing: -.01em; }
.v4 .r7v35-ln { transform: rotateY(16deg); transform-origin: 0 50%; }
.v4 .r7v35-ln + .r7v35-ln { margin-top: 13px; }
.v4 .r7v35-tk { padding: .28em .6em .24em; border-radius: .22em; background: linear-gradient(to bottom, var(--r7v35-box1), var(--r7v35-box2)); color: #151419; box-shadow: 0 0 0 4px var(--r7v35-boxrim), 0 0 0 5px rgba(255, 255, 255, .28), 0 0 50px rgba(255, 244, 200, .42), 0 20px 30px rgba(0, 0, 0, .55); }
.v4 .r7v35-key .r7v35-tk { background: linear-gradient(to bottom, #FCD648, #EEBC3C); box-shadow: 0 0 0 4px var(--r7v35-boxrim), 0 0 0 5px rgba(255, 255, 255, .28), 0 0 56px rgba(238, 188, 60, .6), 0 20px 30px rgba(0, 0, 0, .55); transition: filter .5s; }
.v4 .r7v35-phrase[data-r7v35-tone="1"] .r7v35-key .r7v35-tk { filter: brightness(1.08) saturate(.9); }
.v4 .r7v35-phrase[data-r7v35-tone="2"] .r7v35-key .r7v35-tk { filter: brightness(1.14); }
.v4[data-v4-theme="light"] .r7v35-tk { box-shadow: 0 0 0 4px var(--r7v35-boxrim), 0 18px 26px rgba(21, 20, 25, .3); }
.v4[data-v4-theme="light"] .r7v35-key .r7v35-tk { box-shadow: 0 0 0 4px var(--r7v35-boxrim), 0 18px 26px rgba(21, 20, 25, .3); }
.v4 .r7v35-frame .r7v35-scr,
.v4 .r7v35-set .r7v35-scr,
.v4 .r7v35-lead .r7v35-scr,
.v4 .r7v35-card { border-radius: 14px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .45), 0 0 54px var(--r7v35-halo), 0 26px 44px rgba(0, 0, 0, .55); transition: box-shadow .5s; }
.v4 .r7v35-frame.r7v35-work .r7v35-scr,
.v4 .r7v35-frame.r7v35-lit .r7v35-scr { box-shadow: 0 0 0 2px #EEBC3C, 0 0 60px rgba(238, 188, 60, .5), 0 26px 44px rgba(0, 0, 0, .55); }
.v4 .r7v35-chip { border-radius: 9px; }
.v4 .r7v35-epl { border-radius: 8px; }
.v4 .r7v35-set .r7v35-scr { transform: perspective(1300px) rotateY(18deg); transform-origin: 0 50%; }
.v4 .r7v35-set .r7v35-tg-a { top: -14px; left: max(20px, calc(var(--r7v35-gut) + 2cqw)); }
.v4 .r7v35-set .r7v35-tg-b { bottom: 14px; right: 9%; background: #FFFDF4; font-size: clamp(14px, 1.2cqw, 17px); }
.v4 .r7v35-lead .r7v35-scr { transform: perspective(1300px) rotateY(14deg); transform-origin: 0 50%; }
.v4 .r7v35-lead .r7v35-scr img { object-position: 78% 30%; }
.v4 .r7v35-lead .r7v35-tg-a { top: -12px; left: 16px; }
.v4 .r7v35-lead .r7v35-tg-b { bottom: 14px; right: 10%; background: #FFFDF4; font-size: clamp(14px, 1.2cqw, 17px); }
.v4 .r7v35-days { display: none; }
.v4 .r7v35-ep { border-radius: 14px; background: transparent; border: 1px solid var(--r7v35-line); padding-right: 22px; }
.v4 .r7v35-ep::before { content: ""; position: absolute; right: 9px; top: 11px; width: 12px; height: 12px; border-radius: 50%; background: #6C6B72; transition: background .3s, box-shadow .3s; }
.v4 .r7v35-ep.r7v35-dl,
.v4 .r7v35-row:not(.r7v35-js) .r7v35-ep { background: rgba(238, 188, 60, .13); border-color: rgba(238, 188, 60, .6); }
.v4 .r7v35-ep.r7v35-dl::before,
.v4 .r7v35-row:not(.r7v35-js) .r7v35-ep::before { background: #EEBC3C; box-shadow: 0 0 14px 4px rgba(238, 188, 60, .65); }
.v4 .r7v35-today { background: #EEBC3C; box-shadow: 0 0 16px 3px rgba(238, 188, 60, .6); }
.v4 .r7v35-today span { background: #EEBC3C; color: #151419; }
.v4 .r7v35-zoom { border-radius: 16px; background: rgba(15, 14, 12, .5); }
.v4[data-v4-theme="light"] .r7v35-zoom { background: rgba(255, 255, 255, .55); }
.v4 .r7v35-actb { border-radius: 10px; }
.v4 .r7v35-sc { border-radius: 9px; }
.v4 .r7v35-step { border-left: 0; padding-left: 22px; position: relative; }
.v4 .r7v35-step::before { content: ""; position: absolute; left: 0; top: 14px; width: 12px; height: 12px; border-radius: 50%; background: #6C6B72; transition: background .3s, box-shadow .3s; }
.v4 .r7v35-js .r7v35-step.r7v35-on::before,
.v4 .r7v35-row:not(.r7v35-js) .r7v35-step::before { background: #EEBC3C; box-shadow: 0 0 12px 3px rgba(238, 188, 60, .6); }
@media (min-width: 960px) {
.v4 .r7v35-script { height: calc(100% + 36px); width: calc(var(--r7v35-L) + 1cqw); }
.v4 .r7v35-st1 .r7v35-phrase { font-size: clamp(34px, 4cqw, 58px); top: 46%; left: calc(var(--r7v35-gut) + var(--r7v35-C) * .315); }
.v4 .r7v35-st2 .r7v35-phrase { left: calc(var(--r7v35-gut) + var(--r7v35-C) * .33); }
.v4 .r7v35-frame { width: 56%; }
.v4 .r7v35-frame[data-r7v35-s="0"] { --r7v35-x: 0%; --r7v35-yy: 110%; --r7v35-sc: 1; --r7v35-ry: -28deg; }
.v4 .r7v35-frame[data-r7v35-s="1"] { --r7v35-x: 46%; --r7v35-yy: 46%; --r7v35-sc: .92; --r7v35-ry: -38deg; }
.v4 .r7v35-frame[data-r7v35-s="2"] { --r7v35-x: 84%; --r7v35-yy: 0%; --r7v35-sc: .84; --r7v35-ry: -48deg; }
.v4 .r7v35-frame[data-r7v35-s="out"] { --r7v35-x: -80%; --r7v35-yy: 170%; --r7v35-sc: 1.5; --r7v35-ry: -10deg; }
.v4 .r7v35-frame[data-r7v35-s="pre"] { --r7v35-x: 120%; --r7v35-yy: -40%; --r7v35-sc: .7; --r7v35-ry: -60deg; }
.v4 .r7v35-set { left: -1cqw; top: 50%; width: calc(var(--r7v35-L) + 4cqw); height: auto; aspect-ratio: 16 / 9; transform: translateY(-50%); }
.v4 .r7v35-lead { left: max(20px, calc(var(--r7v35-gut) - 2cqw)); top: 6%; width: calc(var(--r7v35-C) * .27 + 2cqw); height: 88%; }
.v4 .r7v35-card[data-r7v35-s="0"] { --r7v35-ry: -28deg; }
.v4 .r7v35-card[data-r7v35-s="1"] { --r7v35-ry: -34deg; }
.v4 .r7v35-card[data-r7v35-s="2"] { --r7v35-ry: -40deg; }
.v4 .r7v35-card[data-r7v35-s="3"] { --r7v35-ry: -46deg; }
}
@media (max-width: 959.98px) {
.v4 .r7v35-tabs { margin-top: 28px; }
.v4 .r7v35-script .r7v35-page { transform: none; }
.v4 .r7v35-script .r7v35-tg-b { left: auto; right: 20px; }
.v4 .r7v35-set .r7v35-scr,
.v4 .r7v35-lead .r7v35-scr { transform: none; }
.v4 .r7v35-set .r7v35-tg-a { left: 12px; }
.v4 .r7v35-ln { transform: none; }
}

/* ── row 8 · Script · v37 · r11v37- ── */
.v4 .r11v37-row { --r11v37-bg: #151419; --r11v37-grid: rgba(255, 255, 255, 0.04); --r11v37-ink: #f4f3f0; --r11v37-soft: #cfced2; --r11v37-line: #77767d; --r11v37-panel: #1d1c21; --r11v37-panelh: #29282d; --r11v37-raise: #29282d; --r11v37-rim: rgba(255, 255, 255, 0.2); --r11v37-hair: rgba(255, 255, 255, 0.1); --r11v37-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 26px 50px -24px rgba(0, 0, 0, 0.85); --r11v37-y: #eebc3c; --r11v37-key: #f2c756; --r11v37-mark: rgba(238, 188, 60, 0.26); --r11v37-tint: rgba(238, 188, 60, 0.16); --r11v37-paper: #ecece9; --r11v37-pink: #141317; --r11v37-desk: #1d1c21; --r11v37-bar: #29282d; --r11v37-dot: #55545b; --r11v37-tbg: #0f0e0c; --r11v37-seg: #29282d; --r11v37-segink: #dddcd8; --r11v37-h: 780px; --r11v37-fs: clamp(17px, 1.53vw, 24px); --r11v37-sw: clamp(270px, 35.4vw, 570px); --r11v37-edw: clamp(1250px, 125vw, 2300px); --r11v37-cliph: clamp(180px, 29.2vw, 420px); --r11v37-fd: clamp(250px, 34.7vw, 500px); --r11v37-barh: 30px; position: relative; isolation: isolate; width: 100%; height: var(--r11v37-h); overflow: hidden; box-sizing: border-box; font-family: "Space Grotesk", system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; color: var(--r11v37-ink); background-color: var(--r11v37-bg); background-image: linear-gradient(var(--r11v37-grid) 1px, transparent 1px), linear-gradient(90deg, var(--r11v37-grid) 1px, transparent 1px); background-size: 24px 24px; -webkit-font-smoothing: antialiased; }
.v4[data-v4-theme="light"] .r11v37-row { --r11v37-bg: #eceef0; --r11v37-grid: rgba(16, 17, 20, 0.055); --r11v37-ink: #101114; --r11v37-soft: #3f424a; --r11v37-line: #9a9da5; --r11v37-panel: #ffffff; --r11v37-panelh: #f1f2f4; --r11v37-raise: #e9ebee; --r11v37-rim: #b9bcc3; --r11v37-hair: #dcdee2; --r11v37-shadow: 0 1px 2px rgba(16, 17, 20, 0.08), 0 26px 50px -28px rgba(16, 17, 20, 0.4); --r11v37-key: #7a5800; --r11v37-mark: rgba(238, 188, 60, 0.5); --r11v37-tint: #fdf1c7; --r11v37-paper: #ffffff; --r11v37-desk: #dfe1e5; --r11v37-bar: #d3d6db; --r11v37-dot: #a4a7ae; --r11v37-tbg: #d3d6db; --r11v37-seg: #f4f5f6; --r11v37-segink: #2c2e34; }
.v4 .r11v37-row *,
.v4 .r11v37-row *::before,
.v4 .r11v37-row *::after { box-sizing: border-box; }
.v4 :where(.r11v37-row) :where(p, h2, ul, ol, dl, dd, figure) { margin: 0; padding: 0; }
.v4 :where(.r11v37-row) :where(ul, ol) { list-style: none; }
.v4 :where(.r11v37-row) :where(em, i) { font-style: normal; }
.v4 .r11v37-left { position: absolute; left: 0; top: 0; bottom: 0; width: 41%; z-index: 1; }
.v4 .r11v37-win { position: absolute; inset: 0; background: var(--r11v37-desk); -webkit-mask-image: linear-gradient(to right, #000 0, #000 76%, transparent 99%); mask-image: linear-gradient(to right, #000 0, #000 76%, transparent 99%); transition: opacity 0.6s ease, transform 0.6s ease; }
.v4 .r11v37-bar { position: absolute; left: 0; right: 0; top: 0; height: var(--r11v37-barh); z-index: 3; display: flex; align-items: center; gap: 7px; padding-left: 16px; background: var(--r11v37-bar); border-bottom: 1px solid var(--r11v37-rim); }
.v4 .r11v37-bar i { width: 10px; height: 10px; border-radius: 50%; background: var(--r11v37-dot); }
.v4 .r11v37-bar b { width: 150px; height: 8px; margin-left: 22%; border-radius: 4px; background: var(--r11v37-dot); opacity: 0.5; }
.v4 .r11v37-page { position: absolute; left: 14px; top: var(--r11v37-barh); width: 158%; aspect-ratio: 8.5 / 11; background: var(--r11v37-paper); color: var(--r11v37-pink); border-left: 1px solid rgba(0, 0, 0, 0.22); box-shadow: -6px 0 14px -8px rgba(0, 0, 0, 0.3); }
.v4 .r11v37-sheet { position: absolute; left: clamp(44px, 4.3vw, 64px); top: 40px; width: var(--r11v37-sw); font-size: var(--r11v37-fs); line-height: 1.36; font-weight: 400; letter-spacing: -0.012em; transition: transform 0.7s cubic-bezier(0.3, 0.7, 0.2, 1); }
.v4 .r11v37-ln { position: relative; z-index: 1; }
.v4 .r11v37-beat { font-weight: 700; }
.v4 .r11v37-slug { font-weight: 600; margin-top: 1.5em; }
.v4 .r11v37-act { margin-top: 0.3em; }
.v4 .r11v37-shot { font-weight: 600; margin-top: 1.5em; }
.v4 .r11v37-cue { margin-top: 0.4em; padding-left: 34%; }
.v4 .r11v37-dlg { padding-left: 15%; padding-right: 10%; }
.v4 .r11v37-no { position: absolute; right: calc(100% + 12px); top: 0; font-weight: 500; color: #7b7b82; white-space: nowrap; }
.v4 .r11v37-key .r11v37-tx { display: inline-block; max-width: 100%; border-radius: 4px; background: rgba(238, 188, 60, 0.13); box-shadow: 0 0 0 5px rgba(238, 188, 60, 0.13), 0 0 0 6.5px rgba(205, 150, 14, 0.7); }
.v4 .r11v37-tag { position: absolute; left: -6px; top: -25px; white-space: nowrap; font-size: 13px; line-height: 1; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; padding: 3px 8px 3px; border-radius: 9px 9px 9px 0; background: #f1d47d; color: #4a3800; transition: background 0.4s ease, color 0.4s ease; }
.v4 [data-r11v37-point="beats"] .r11v37-beat .r11v37-tag,
.v4 [data-r11v37-point="scenes"] .r11v37-slug .r11v37-tag,
.v4 [data-r11v37-point="reads"] .r11v37-slug .r11v37-tag,
.v4 [data-r11v37-point="shots"] .r11v37-shot .r11v37-tag { background: #101114; color: #f2c756; }
.v4 .r11v37-hl { position: absolute; left: 0; top: 0; width: 0; height: 0; z-index: 0; border-radius: 4px; background: #f0c452; opacity: 0; transition: left 0.55s cubic-bezier(0.3, 0.7, 0.2, 1), top 0.55s cubic-bezier(0.3, 0.7, 0.2, 1), width 0.55s cubic-bezier(0.3, 0.7, 0.2, 1), height 0.55s cubic-bezier(0.3, 0.7, 0.2, 1), opacity 0.4s ease; }
.v4 .r11v37-row:not(.r11v37-js) .r11v37-beat .r11v37-tx { background: #f0c452; box-shadow: 0 0 0 5px #f0c452; }
.v4 .r11v37-mk { border-radius: 3px; transition: background 0.5s ease, box-shadow 0.5s ease; }
.v4 [data-r11v37-point="reads"] .r11v37-mk { background: #fff6d6; box-shadow: 0 0 0 2px #fff6d6, 0 3px 0 1px #7a5800; }
.v4 .r11v37-ln.r11v37-flash .r11v37-tx { animation: r11v37-flash 0.9s ease both; border-radius: 3px; }
@keyframes r11v37-flash { 0% { background-color: rgba(238, 188, 60, 0); } 25% { background-color: rgba(238, 188, 60, 0.85); } 100% { background-color: rgba(238, 188, 60, 0); } }
.v4 .r11v37-newln { display: none; }
.v4 [data-r11v37-point="grow"] .r11v37-newln { display: block; min-height: 1.36em; }
.v4 .r11v37-newno { opacity: 0; transition: opacity 0.4s ease; }
.v4 .r11v37-newln.r11v37-numbered .r11v37-newno { opacity: 1; }
.v4 .r11v37-caret { display: inline-block; width: 2px; height: 1.05em; margin-left: 1px; vertical-align: -0.16em; background: currentColor; animation: r11v37-blink 1s steps(1) infinite; }
@keyframes r11v37-blink { 50% { opacity: 0; } }
.v4 .r11v37-ed { position: absolute; left: 0; top: 22px; bottom: 64px; width: 95%; overflow: hidden; background: #221414; border-radius: 0 10px 10px 0; border: 1px solid rgba(255, 255, 255, 0.55); border-left: 0; box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.06), 0 0 70px rgba(255, 255, 255, 0.14); opacity: 0; visibility: hidden; transform: translateX(-28px); transition: opacity 0.6s ease, transform 0.6s ease, visibility 0s 0.6s; }
.v4[data-v4-theme="light"] .r11v37-ed { border-color: #101114; box-shadow: 0 0 0 6px rgba(16, 17, 20, 0.07), 0 30px 54px -26px rgba(16, 17, 20, 0.6); }
.v4 [data-r11v37-point="editor"] .r11v37-ed { opacity: 1; visibility: visible; transform: none; transition: opacity 0.6s ease, transform 0.6s ease; }
.v4 [data-r11v37-point="editor"] .r11v37-win { opacity: 0; transform: translateX(-28px); }
.v4 .r11v37-edin { position: absolute; right: 0; top: 0; width: var(--r11v37-edw); }
.v4 .r11v37-edimg { display: block; width: 100%; height: auto; }
.v4 .r11v37-edscript { position: absolute; left: 72.78%; top: 26.89%; width: 26.89%; height: 68.03%; overflow: hidden; background: #221414; color: #f8f0e4; font-size: calc(var(--r11v37-edw) * 0.0104); line-height: 1.36; font-weight: 400; padding: 0.35em 0 0 0.25em; transition: background 1.6s ease, color 1.6s ease; }
.v4 .r11v37-edscript p { padding: 0 1em 0 1.25em; }
.v4 .r11v37-edsel { border-left: 0.2em solid #eebc3c; background: #3f2e1a; padding: 0.5em 0 0.55em; margin-bottom: 0.7em; border-radius: 0.2em; transition: background 1.6s ease; }
.v4 .r11v37-edsel p { padding-left: 1.05em; }
.v4 .r11v37-edc { text-align: center; }
.v4 .r11v37-edgap { margin-top: 0.6em; }
.v4 .r11v37-edscript.r11v37-white { background: #ffffff; color: #111111; }
.v4 .r11v37-edscript.r11v37-white .r11v37-edsel { background: #fdf0c2; }
.v4 .r11v37-edcaret { visibility: hidden; }
.v4 .r11v37-edscript.r11v37-typing .r11v37-edcaret { visibility: visible; }
.v4 .r11v37-edscript.r11v37-typing .r11v37-edline { background: rgba(238, 188, 60, 0.28); box-shadow: 0 0 0 0.2em rgba(238, 188, 60, 0.28); border-radius: 0.15em; }
.v4 .r11v37-ed::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 46px; background: #0f0e0c; border-top: 1px solid rgba(255, 255, 255, 0.2); }
.v4 .r11v37-edcap { z-index: 1; position: absolute; left: 14px; bottom: 9px; font-size: 13px; font-weight: 600; padding: 6px 10px; border-radius: 6px; background: #1d1c21; color: #f2c756; border: 1px solid rgba(242, 199, 86, 0.6); }
.v4 .r11v37-right { position: absolute; left: 42%; right: max(40px, calc((100% - 1560px) / 2)); top: 32px; bottom: 62px; display: grid; z-index: 2; }
.v4 .r11v37-pt { grid-area: 1 / 1; display: flex; flex-direction: column; min-width: 0; min-height: 0; opacity: 0; visibility: hidden; transition: opacity 0.4s ease, visibility 0s 0.4s; }
.v4 .r11v37-pt.r11v37-on { opacity: 1; visibility: visible; transition: opacity 0.5s ease 0.12s; }
.v4 .r11v37-title { font-size: clamp(28px, 3.05vw, 46px); line-height: 1.08; font-weight: 700; letter-spacing: -0.04em; }
.v4 .r11v37-sub { margin-top: 10px; font-size: 16px; line-height: 1.45; color: var(--r11v37-soft); letter-spacing: -0.01em; }
.v4 .r11v37-buls { margin-top: 16px; display: grid; gap: 7px; }
.v4 .r11v37-bul { display: grid; grid-template-columns: 12px 1fr; gap: 13px; font-size: clamp(16px, 1.25vw, 18px); line-height: 1.4; font-weight: 400; letter-spacing: -0.012em; color: var(--r11v37-ink); }
.v4 .r11v37-bul i { width: 11px; height: 11px; margin: 0.42em 0 0 1px; background: #eebc3c; border: 1.5px solid #8a6200; transform: rotate(45deg); border-radius: 2px; }
.v4 .r11v37-js [data-r11v37-rv] { opacity: 0; transform: translateY(8px); transition: opacity 0.5s ease, transform 0.5s ease; }
.v4 .r11v37-js [data-r11v37-rv].r11v37-in { opacity: 1; transform: none; }
.v4 .r11v37-vis { flex: 1 1 auto; min-height: 0; margin-top: 22px; display: flex; align-items: stretch; }
.v4 .r11v37-pn { width: 100%; min-height: 0; display: flex; flex-direction: column; overflow: hidden; background: var(--r11v37-panel); border: 1px solid var(--r11v37-rim); border-radius: 10px; box-shadow: var(--r11v37-shadow); }
.v4 .r11v37-pnh { flex: none; display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 36px; padding: 0 14px; background: var(--r11v37-panelh); border-bottom: 1px solid var(--r11v37-rim); font-size: 14px; color: var(--r11v37-soft); white-space: nowrap; }
.v4 .r11v37-pnh b { font-size: 13px; font-weight: 700; letter-spacing: 0.09em; text-transform: uppercase; color: var(--r11v37-ink); }
.v4 .r11v37-pnh span { overflow: hidden; text-overflow: ellipsis; }
.v4 .r11v37-badge { position: absolute; z-index: 2; white-space: nowrap; font-size: 13.5px; line-height: 1; font-weight: 700; padding: 6px 9px; border-radius: 6px; background: #eebc3c; color: #17140a; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); }
.v4 .r11v37-stat { flex: none; display: flex; align-items: center; gap: 10px; padding: 11px 14px; border-top: 1px solid var(--r11v37-hair); font-size: 15.5px; line-height: 1.3; font-weight: 500; color: var(--r11v37-ink); }
.v4 .r11v37-stat i { flex: none; width: 9px; height: 9px; border-radius: 50%; background: #eebc3c; box-shadow: 0 0 0 4px var(--r11v37-tint); }
.v4 .r11v37-js .r11v37-stat[data-r11v37-rv] { opacity: 0; transform: none; }
.v4 .r11v37-js .r11v37-stat[data-r11v37-rv].r11v37-in { opacity: 1; }
.v4 .r11v37-lanes { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: 78px minmax(0, 1fr); padding: 12px 14px 12px 0; }
.v4 .r11v37-lab,
.v4 .r11v37-col { display: grid; grid-template-rows: 44px 38px minmax(64px, 1fr) 40px; gap: 8px; min-height: 0; }
.v4 .r11v37-lab li { display: flex; align-items: center; padding-left: 14px; font-size: 13px; font-weight: 600; letter-spacing: 0.07em; text-transform: uppercase; color: var(--r11v37-line); }
.v4[data-v4-theme="light"] .r11v37-lab li { color: #6a6d76; }
.v4 .r11v37-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; min-height: 0; }
.v4 .r11v37-col { transition: transform 1.2s cubic-bezier(0.5, 0, 0.2, 1); }
.v4 .r11v37-tlp.r11v37-pre .r11v37-c4 { transform: translateX(calc(100% + 10px)); }
.v4 .r11v37-tlp.r11v37-pre .r11v37-c3 { transform: translateX(calc(-100% - 10px)); }
.v4 .r11v37-tlp.r11v37-snap .r11v37-col { transition: none; }
.v4 .r11v37-clip { display: flex; align-items: center; gap: 7px; min-width: 0; padding: 0 11px; border-radius: 6px; background: var(--r11v37-raise); border: 1px solid var(--r11v37-rim); font-size: 15px; font-weight: 500; white-space: nowrap; overflow: hidden; }
.v4 .r11v37-clip b { font-weight: 700; }
.v4 .r11v37-cb { font-size: 16px; }
.v4 .r11v37-c4 .r11v37-cb { background: #eebc3c; border-color: #8a6200; color: #17140a; }
.v4 .r11v37-c4 .r11v37-cs { background: var(--r11v37-tint); border-color: #c8960f; }
.v4 .r11v37-thumbs { display: flex; flex-direction: column; gap: 4px; min-height: 0; padding: 4px; border-radius: 6px; background: var(--r11v37-raise); border: 1px solid var(--r11v37-rim); }
.v4 .r11v37-c4 .r11v37-thumbs { border-color: #c8960f; background: var(--r11v37-tint); }
.v4 .r11v37-thumbs img { display: block; flex: 1 1 0; min-height: 0; width: 100%; height: 0; object-fit: cover; border-radius: 3px; }
.v4 .r11v37-thumbs .r11v37-crop2 { object-position: 50% 12%; transform: scaleX(-1); }
.v4 .r11v37-cset { border-style: dashed; border-color: #c8960f; background: var(--r11v37-tint); font-weight: 600; }
.v4 .r11v37-cset::before { content: ""; flex: none; width: 9px; height: 9px; border-radius: 2px; background: #eebc3c; }
.v4 .r11v37-cset em { margin-left: auto; font-size: 13px; font-weight: 700; padding: 3px 7px; border-radius: 5px; background: #eebc3c; color: #17140a; }
.v4 .r11v37-other { background: var(--r11v37-raise); border-color: var(--r11v37-rim); font-weight: 500; }
.v4 .r11v37-other::before { background: var(--r11v37-line); }
.v4 .r11v37-js .r11v37-cset[data-r11v37-rv] { transform: scaleX(0.6); transform-origin: 0 50%; }
.v4 .r11v37-js .r11v37-cset[data-r11v37-rv].r11v37-in { transform: none; }
.v4 .r11v37-binbody { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: minmax(0, 0.62fr) minmax(0, 1fr); }
.v4 .r11v37-sets { padding: 10px; display: grid; gap: 8px; align-content: start; border-right: 1px solid var(--r11v37-hair); }
.v4 .r11v37-sets li { display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 11px; align-items: center; padding: 7px; border-radius: 8px; border: 1px solid transparent; }
.v4 .r11v37-sets .r11v37-sel { background: var(--r11v37-tint); border-color: #c8960f; }
.v4 .r11v37-sets img { display: block; width: 78px; height: 50px; object-fit: cover; border-radius: 5px; }
.v4 .r11v37-sets b { display: block; font-size: 16px; font-weight: 700; letter-spacing: -0.01em; }
.v4 .r11v37-sets span { display: block; font-size: 14px; color: var(--r11v37-soft); }
.v4 .r11v37-setd { min-height: 0; display: flex; flex-direction: column; padding: 10px; gap: 10px; }
.v4 .r11v37-setimg { position: relative; flex: 1 1 auto; min-height: 90px; border-radius: 7px; overflow: hidden; }
.v4 .r11v37-setimg img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.v4 .r11v37-setimg .r11v37-badge { right: 10px; top: 10px; }
.v4 .r11v37-used { flex: none; display: grid; gap: 5px; }
.v4 .r11v37-used li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 7px 10px; border-radius: 6px; background: var(--r11v37-raise); border: 1px solid var(--r11v37-hair); }
.v4 .r11v37-used b { font-size: 15px; font-weight: 600; letter-spacing: -0.012em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v4 .r11v37-used span { flex: none; font-size: 13px; font-weight: 600; color: var(--r11v37-soft); }
.v4 .r11v37-used em { border-radius: 2px; transition: background 0.5s ease, box-shadow 0.5s ease, color 0.5s ease; }
.v4 .r11v37-bin.r11v37-kw .r11v37-used em,
.v4 .r11v37-row:not(.r11v37-js) .r11v37-used em { background: #eebc3c; box-shadow: 0 0 0 2px #eebc3c; color: #17140a; }
.v4 .r11v37-inspbody { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(210px, 0.5fr); }
.v4 .r11v37-view { position: relative; min-height: 150px; margin: 10px; border-radius: 7px; overflow: hidden; background: #000; }
.v4 .r11v37-view img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.v4 .r11v37-vf { position: absolute; inset: 14px; pointer-events: none; opacity: 0.92; --r11v37-c: linear-gradient(#fff, #fff); background: var(--r11v37-c) left top / 26px 2px no-repeat, var(--r11v37-c) left top / 2px 26px no-repeat, var(--r11v37-c) right top / 26px 2px no-repeat, var(--r11v37-c) right top / 2px 26px no-repeat, var(--r11v37-c) left bottom / 26px 2px no-repeat, var(--r11v37-c) left bottom / 2px 26px no-repeat, var(--r11v37-c) right bottom / 26px 2px no-repeat, var(--r11v37-c) right bottom / 2px 26px no-repeat; }
.v4 .r11v37-props { display: grid; align-content: start; gap: 8px; padding: 10px 12px 10px 2px; }
.v4 .r11v37-props > div { padding: 9px 12px 10px; border-radius: 7px; background: var(--r11v37-raise); border: 1px solid var(--r11v37-hair); border-left: 4px solid #eebc3c; }
.v4 .r11v37-props dt { font-size: 13px; font-weight: 600; letter-spacing: 0.07em; text-transform: uppercase; color: var(--r11v37-soft); }
.v4 .r11v37-props dd { margin-top: 2px; font-size: 18px; font-weight: 600; letter-spacing: -0.015em; }
.v4 .r11v37-props .r11v37-from { background: none; border-color: transparent; border-left-color: transparent; padding-top: 4px; }
.v4 .r11v37-props .r11v37-from dd { font-size: 16px; font-weight: 500; color: var(--r11v37-key); }
.v4 [data-r11v37-p="reads"] .r11v37-vis { margin-top: 14px; align-items: flex-start; }
.v4 .r11v37-media { width: min(100%, calc(var(--r11v37-cliph) * 16 / 9 + 26px)); padding: 12px; background: var(--r11v37-panel); border: 1px solid var(--r11v37-rim); border-radius: 16px; box-shadow: var(--r11v37-shadow); }
.v4 .r11v37-excerpt { display: grid; grid-template-columns: auto 1fr; gap: 4px 14px; align-items: baseline; padding: 0 4px 9px; }
.v4 .r11v37-lbl { font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--r11v37-key); white-space: nowrap; }
.v4 .r11v37-excerpt-text { font-size: 16px; line-height: 1.55; font-weight: 400; letter-spacing: -0.012em; }
.v4 .r11v37-m { background: var(--r11v37-mark); color: inherit; padding: 1px 5px; border-radius: 4px; box-shadow: inset 0 -2px 0 #eebc3c; }
.v4 .r11v37-clipbox { aspect-ratio: 16 / 9; border-radius: 9px; overflow: hidden; background: #000; }
.v4 .r11v37-video { display: block; width: 100%; height: 100%; object-fit: cover; }
.v4 .r11v37-found { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 6px; padding: 9px 2px 0; font-size: clamp(13px, 0.98vw, 14px); letter-spacing: -0.02em; }
.v4 .r11v37-found-head { margin-right: 3px; padding-left: 2px; }
.v4 .r11v37-chip { padding: 5px 8px; background: var(--r11v37-raise); border: 1px solid var(--r11v37-rim); border-radius: 999px; white-space: nowrap; font-weight: 500; }
.v4 .r11v37-chip b { font-weight: 700; color: var(--r11v37-key); margin-right: 4px; }
.v4 .r11v37-js .r11v37-chip[data-r11v37-rv] { transform: translateY(6px) scale(0.96); }
.v4 .r11v37-js .r11v37-chip[data-r11v37-rv].r11v37-in { transform: none; }
.v4 .r11v37-edmat { flex: 1 1 auto; min-height: 0; display: flex; align-items: center; justify-content: center; padding: 14px; background: #0f0e0c; background-image: radial-gradient(ellipse at 50% 50%, rgba(255, 255, 255, 0.16), transparent 70%); }
.v4 .r11v37-edshot { position: relative; height: 100%; max-width: 100%; aspect-ratio: 2752 / 1536; border-radius: 5px; overflow: hidden; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), 0 0 40px rgba(255, 255, 255, 0.16); }
.v4 .r11v37-edshot img { display: block; width: 100%; height: 100%; }
.v4 .r11v37-edbox { position: absolute; left: 72.78%; top: 0; width: 27.22%; height: 100%; border: 3px solid #eebc3c; background: rgba(238, 188, 60, 0.16); pointer-events: none; }
.v4 .r11v37-js .r11v37-edbox[data-r11v37-rv],
.v4 .r11v37-js .r11v37-edbox[data-r11v37-rv].r11v37-in { transform: none; }
.v4 .r11v37-edbadge { right: 29%; top: 10px; }
.v4 .r11v37-facts { flex: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--r11v37-rim); }
.v4 .r11v37-facts li { padding: 9px 14px 10px; border-left: 1px solid var(--r11v37-hair); }
.v4 .r11v37-facts li:first-child { border-left: 0; }
.v4 .r11v37-facts b { display: block; font-size: 13px; font-weight: 600; letter-spacing: 0.07em; text-transform: uppercase; color: var(--r11v37-soft); }
.v4 .r11v37-facts span { display: block; margin-top: 1px; font-size: 17px; font-weight: 600; letter-spacing: -0.015em; }
.v4 .r11v37-histbody { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr); }
.v4 .r11v37-vers { position: relative; display: grid; grid-auto-rows: minmax(58px, 1fr); padding: 8px 10px; border-right: 1px solid var(--r11v37-hair); }
.v4 .r11v37-vers::before { content: ""; position: absolute; left: 29px; top: 34px; bottom: 34px; width: 2px; background: var(--r11v37-line); opacity: 0.6; }
.v4 .r11v37-ver { position: relative; display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 6px 10px 6px 9px; border-radius: 8px; border: 1px solid transparent; }
.v4 .r11v37-ver i { position: relative; z-index: 1; justify-self: center; width: 13px; height: 13px; border-radius: 50%; background: var(--r11v37-panel); border: 2.5px solid var(--r11v37-line); }
.v4 .r11v37-ver b { display: block; font-size: 17px; font-weight: 700; letter-spacing: -0.015em; }
.v4 .r11v37-ver span { display: block; font-size: 14.5px; line-height: 1.3; color: var(--r11v37-soft); }
.v4 .r11v37-ver em { font-size: 13px; font-weight: 700; padding: 4px 8px; border-radius: 5px; background: var(--r11v37-raise); border: 1px solid var(--r11v37-hair); color: var(--r11v37-ink); }
.v4 .r11v37-ver em::before { content: "\2713\00a0"; color: var(--r11v37-key); }
.v4 .r11v37-vnow { background: var(--r11v37-tint); border-color: #c8960f; }
.v4 .r11v37-vnow i { background: #eebc3c; border-color: #8a6200; }
.v4 .r11v37-vnow em { background: #eebc3c; border-color: #8a6200; color: #17140a; }
.v4 .r11v37-vnow em::before { color: #17140a; }
.v4 .r11v37-prev { min-height: 0; margin: 12px; padding: 14px 18px; border-radius: 6px; background: var(--r11v37-paper); color: var(--r11v37-pink); border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 6px 16px -8px rgba(0, 0, 0, 0.4); overflow: hidden; }
.v4 .r11v37-prevh { margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #d5d5d2; font-size: 13px; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; color: #6b5200; }
.v4 .r11v37-pl { font-size: 14.5px; line-height: 1.4; letter-spacing: -0.01em; }
.v4 .r11v37-plb { font-weight: 700; margin-top: 9px; }
.v4 .r11v37-prevh + .r11v37-plb { margin-top: 0; }
.v4 .r11v37-plc { margin-top: 5px; padding-left: 34%; }
.v4 .r11v37-pld { padding-left: 14%; }
.v4 .r11v37-pt-fd { margin-right: -10px; }
.v4 .r11v37-fdgrid { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 26px; align-items: start; margin-top: 16px; }
.v4 .r11v37-fdcopy .r11v37-buls { margin-top: 4px; }
.v4 .r11v37-fdicon { width: var(--r11v37-fd); height: var(--r11v37-fd); border-radius: 50%; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.36), 0 0 0 12px rgba(255, 255, 255, 0.05), 0 0 90px 8px rgba(255, 255, 255, 0.18); }
.v4[data-v4-theme="light"] .r11v37-fdicon { box-shadow: 0 30px 44px -30px rgba(16, 17, 20, 0.55); }
.v4 .r11v37-fdicon img { display: block; width: 100%; height: 100%; }
.v4 .r11v37-xfer { margin-top: 22px; }
.v4 .r11v37-dirword { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; padding: 12px 12px 0; font-size: clamp(22px, 2.05vw, 30px); line-height: 1; font-weight: 700; letter-spacing: -0.035em; }
.v4 .r11v37-dirword span { padding: 9px 4px 10px; text-align: center; border-radius: 7px; color: var(--r11v37-line); background: var(--r11v37-raise); border: 1px solid var(--r11v37-hair); transition: background 0.4s ease, color 0.4s ease, border-color 0.4s ease; }
.v4 .r11v37-xfer[data-r11v37-dir="import"] .r11v37-dw-in,
.v4 .r11v37-xfer[data-r11v37-dir="export"] .r11v37-dw-out { background: #eebc3c; color: #17140a; border-color: #8a6200; }
.v4 .r11v37-meter { position: relative; height: 8px; margin: 14px 12px 0; border-radius: 4px; background: var(--r11v37-raise); border: 1px solid var(--r11v37-hair); overflow: hidden; }
.v4 .r11v37-meter i { position: absolute; top: 0; bottom: 0; left: 0; width: 34%; border-radius: 4px; background: #eebc3c; animation: r11v37-run 1.5s linear infinite; }
.v4 .r11v37-xfer[data-r11v37-dir="import"] .r11v37-meter i { animation-direction: reverse; }
@keyframes r11v37-run { from { transform: translateX(-100%); } to { transform: translateX(300%); } }
.v4 .r11v37-dirnote { min-height: calc(2.8em + 26px); padding: 12px 14px 14px; font-size: 16px; line-height: 1.4; color: var(--r11v37-soft); }
.v4 .r11v37-xfer[data-r11v37-dir="import"] .r11v37-dir-out,
.v4 .r11v37-xfer[data-r11v37-dir="export"] .r11v37-dir-in { display: none; }
.v4 .r11v37-troot { flex: 1 1 auto; min-height: 0; padding: 8px 18px 14px; display: flex; flex-direction: column; justify-content: center; }
.v4 .r11v37-tree .r11v37-tl .r11v37-tl { margin-left: 16px; padding-left: 26px; }
.v4 .r11v37-tree li { padding-top: 9px; }
.v4 .r11v37-node { position: relative; display: flex; align-items: center; gap: 12px; height: 54px; padding: 0 10px 0 8px; border-radius: 8px; font-size: 19px; font-weight: 500; letter-spacing: -0.015em; white-space: nowrap; transition: background 0.5s ease; }
.v4 .r11v37-nt { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.v4 .r11v37-tl .r11v37-tl .r11v37-node::before { content: ""; position: absolute; left: -26px; top: -9px; width: 20px; height: 36px; border-left: 2px solid var(--r11v37-line); border-bottom: 2px solid var(--r11v37-line); border-radius: 0 0 0 7px; }
.v4 .r11v37-tl .r11v37-tl li + li > .r11v37-node::before { top: -36px; height: 63px; }
.v4 .r11v37-k { flex: none; font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; padding: 5px 9px; border-radius: 6px; background: var(--r11v37-raise); border: 1px solid var(--r11v37-line); color: var(--r11v37-ink); transition: background 0.5s ease, color 0.5s ease, border-color 0.5s ease; }
.v4 .r11v37-node.r11v37-now { background: var(--r11v37-tint); }
.v4 .r11v37-node.r11v37-now .r11v37-k { background: #eebc3c; border-color: #8a6200; color: #17140a; }
.v4 .r11v37-js .r11v37-node[data-r11v37-rv] { transform: translateX(-12px); }
.v4 .r11v37-js .r11v37-node[data-r11v37-rv].r11v37-in { transform: none; }
.v4 .r11v37-ruler { flex: none; height: 20px; margin: 0 14px; border-bottom: 1px solid var(--r11v37-hair); background: repeating-linear-gradient(90deg, var(--r11v37-line) 0 1px, transparent 1px 12px) left bottom / 100% 6px no-repeat, repeating-linear-gradient(90deg, var(--r11v37-line) 0 1px, transparent 1px 60px) left bottom / 100% 12px no-repeat; opacity: 0.8; }
.v4 .r11v37-g4 { flex: 1 1 auto; min-height: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: minmax(0, 1fr); gap: 8px; padding: 12px 14px 4px; }
.v4 .r11v37-g4 > li,
.v4 .r11v37-gnew { position: relative; min-height: 96px; display: flex; flex-direction: column; border-radius: 7px; overflow: hidden; background: var(--r11v37-raise); border: 1px solid var(--r11v37-rim); }
.v4 .r11v37-g4 img { display: block; flex: 1 1 0; min-height: 0; width: 100%; object-fit: cover; }
.v4 .r11v37-g4 b { position: absolute; left: 8px; bottom: 8px; padding: 5px 9px; border-radius: 5px; background: rgba(15, 14, 12, 0.82); color: #f4f3f0; font-size: 14px; font-weight: 700; }
.v4 .r11v37-g4 > .r11v37-gslot { display: grid; background: none; border: 0; overflow: visible; }
.v4 .r11v37-gslot > * { grid-area: 1 / 1; }
.v4 .r11v37-gwait { display: flex; align-items: center; justify-content: center; text-align: center; padding: 0 12px; border-radius: 7px; border: 2px dashed var(--r11v37-line); font-size: 15px; line-height: 1.35; color: var(--r11v37-soft); transition: opacity 0.4s ease; }
.v4 .r11v37-gslot:has(.r11v37-gnew.r11v37-in) .r11v37-gwait { opacity: 0; }
.v4 .r11v37-row:not(.r11v37-js) .r11v37-gwait { display: none; }
.v4 .r11v37-row .r11v37-gnew { border: 2px solid #eebc3c; box-shadow: 0 0 0 4px var(--r11v37-tint); }
.v4 .r11v37-js .r11v37-gnew[data-r11v37-rv] { transform: scale(0.9); }
.v4 .r11v37-js .r11v37-gnew[data-r11v37-rv].r11v37-in { transform: none; }
.v4 .r11v37-newbadge { right: 8px; top: 8px; }
.v4 .r11v37-movie { flex: none; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px; align-items: center; padding: 10px 14px 12px; font-size: 13px; font-weight: 600; letter-spacing: 0.07em; text-transform: uppercase; color: var(--r11v37-soft); }
.v4 .r11v37-movie div { height: 14px; border-radius: 4px; background: var(--r11v37-raise); border: 1px solid var(--r11v37-hair); overflow: hidden; }
.v4 .r11v37-movie i { display: block; height: 100%; width: 100%; background: #eebc3c; transform-origin: 0 50%; transition: transform 1.2s cubic-bezier(0.3, 0.7, 0.2, 1); }
.v4 .r11v37-js .r11v37-gp:not(.r11v37-grown) .r11v37-movie i { transform: scaleX(0.75); }
.v4 .r11v37-fx { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; pointer-events: none; }
.v4 .r11v37-tabs { position: absolute; left: 0; right: 0; bottom: 0; z-index: 6; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; background: var(--r11v37-tbg); border-top: 1px solid var(--r11v37-rim); }
.v4 .r11v37-tabs::-webkit-scrollbar { display: none; }
.v4 .r11v37-track { position: relative; display: flex; gap: 3px; min-width: max-content; padding: 13px 6px 5px; }
.v4 .r11v37-track::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 9px; opacity: 0.75; background: repeating-linear-gradient(90deg, var(--r11v37-line) 0 1px, transparent 1px 10px) left top / 100% 5px no-repeat, repeating-linear-gradient(90deg, var(--r11v37-line) 0 1px, transparent 1px 50px) left top / 100% 9px no-repeat; }
.v4 .r11v37-tab { position: relative; flex: 1 0 auto; height: 28px; margin: 0; border: 0; border-radius: 5px; cursor: pointer; overflow: hidden; background: var(--r11v37-seg); color: var(--r11v37-segink); font: inherit; font-size: clamp(13px, 1.02vw, 14.5px); font-weight: 600; line-height: 1; letter-spacing: -0.005em; white-space: nowrap; text-align: left; padding: 0 clamp(9px, 1vw, 14px); box-shadow: inset 0 0 0 1px var(--r11v37-hair); transition: background 0.3s ease, color 0.3s ease, box-shadow 0.3s ease; }
.v4 .r11v37-tab span { position: relative; z-index: 1; }
.v4 .r11v37-tab:hover { box-shadow: inset 0 0 0 1.5px var(--r11v37-line); }
.v4 .r11v37-tab:focus-visible { outline: 2px solid #eebc3c; outline-offset: 1px; }
.v4 .r11v37-tab.r11v37-on { background: #f8e4a6; color: #17140a; font-weight: 700; box-shadow: inset 0 0 0 2px #c8960f, 0 0 16px 1px rgba(238, 188, 60, 0.75); }
.v4 .r11v37-tab i { position: absolute; left: 0; top: 0; bottom: 0; width: 100%; background: #eebc3c; transform: scaleX(0); transform-origin: 0 50%; }
.v4 .r11v37-row:not(.r11v37-js) .r11v37-tab.r11v37-on i,
.v4 .r11v37-calm .r11v37-tab.r11v37-on i { transform: scaleX(1); }
.v4 .r11v37-head { position: absolute; left: 0; top: 0; bottom: 2px; width: 2px; margin-left: -1px; z-index: 2; background: var(--r11v37-ink); pointer-events: none; transform: translateX(6px); }
.v4 .r11v37-head::before { content: ""; position: absolute; left: -6px; top: 0; width: 14px; height: 11px; background: var(--r11v37-ink); clip-path: polygon(0 0, 100% 0, 100% 45%, 50% 100%, 0 45%); }
.v4 .r11v37-calm .r11v37-head { display: none; }
@media (max-width: 1279px) {
.v4 .r11v37-row { --r11v37-h: 790px; --r11v37-cliph: clamp(180px, 29vw, 360px); --r11v37-fd: clamp(240px, 33vw, 420px); }
.v4 .r11v37-right { right: 26px; }
.v4 .r11v37-buls { margin-top: 13px; gap: 6px; }
.v4 .r11v37-vis { margin-top: 18px; }
.v4 .r11v37-lanes { grid-template-columns: 70px minmax(0, 1fr); }
.v4 .r11v37-clip { font-size: 14px; padding: 0 8px; }
.v4 .r11v37-cset em { display: none; }
.v4 .r11v37-inspbody { grid-template-columns: minmax(0, 1fr) minmax(190px, 0.5fr); }
}
@media (max-width: 999px) {
.v4 .r11v37-row { height: auto; --r11v37-fs: 17px; --r11v37-sw: min(calc(100vw - 92px), 470px); --r11v37-edw: 1300px; --r11v37-cliph: 500px; --r11v37-fd: min(300px, 74vw); --r11v37-barh: 24px; display: flex; flex-direction: column; }
.v4 .r11v37-left { position: relative; width: 100%; height: 330px; flex: none; overflow: hidden; }
.v4 .r11v37-win { -webkit-mask-image: linear-gradient(to right, #000 0, #000 86%, transparent 100%); mask-image: linear-gradient(to right, #000 0, #000 86%, transparent 100%); }
.v4 .r11v37-page { width: max(158%, 640px); }
.v4 .r11v37-sheet { left: 44px; top: 36px; }
.v4 .r11v37-ed { top: 12px; bottom: 14px; width: 96%; }
.v4 .r11v37-edin { top: -52px; }
.v4 .r11v37-edcap { top: 10px; bottom: auto; }
.v4 .r11v37-ed::after { display: none; }
.v4 .r11v37-right { position: relative; left: auto; right: auto; top: auto; bottom: auto; padding: 26px 16px 28px; }
.v4 .r11v37-title { font-size: clamp(27px, 7.4vw, 38px); }
.v4 .r11v37-vis { margin-top: 22px; }
.v4 .r11v37-pnh span { font-size: 13px; }
.v4 .r11v37-lanes { grid-template-columns: minmax(0, 1fr); padding: 10px; }
.v4 .r11v37-lab { display: none; }
.v4 .r11v37-cols { gap: 6px; }
.v4 .r11v37-col { grid-template-rows: auto 34px minmax(70px, 1fr) auto; gap: 6px; }
.v4 .r11v37-tlp.r11v37-pre .r11v37-c4 { transform: translateX(calc(100% + 6px)); }
.v4 .r11v37-tlp.r11v37-pre .r11v37-c3 { transform: translateX(calc(-100% - 6px)); }
.v4 .r11v37-clip { font-size: 13.5px; padding: 6px 7px; white-space: normal; flex-wrap: wrap; gap: 0 5px; line-height: 1.2; }
.v4 .r11v37-cb { font-size: 14px; }
.v4 .r11v37-cset::before { display: none; }
.v4 .r11v37-cset em { margin-left: 0; padding: 1px 5px; }
.v4 .r11v37-thumbs img:nth-child(3) { display: none; }
.v4 .r11v37-stat { font-size: 15px; align-items: flex-start; }
.v4 .r11v37-stat i { margin-top: 5px; }
.v4 .r11v37-binbody { grid-template-columns: minmax(0, 1fr); }
.v4 .r11v37-sets { grid-template-columns: 1fr 1fr; border-right: 0; border-bottom: 1px solid var(--r11v37-hair); }
.v4 .r11v37-sets li { grid-template-columns: minmax(0, 1fr); gap: 5px; }
.v4 .r11v37-sets img { width: 100%; height: 56px; }
.v4 .r11v37-setimg { min-height: 150px; flex: none; }
.v4 .r11v37-used b { font-size: 14px; white-space: normal; }
.v4 .r11v37-inspbody { grid-template-columns: minmax(0, 1fr); }
.v4 .r11v37-view { min-height: 0; aspect-ratio: 16 / 9; }
.v4 .r11v37-props { grid-template-columns: 1fr 1fr; padding: 0 10px 10px; }
.v4 .r11v37-props .r11v37-from { padding-top: 9px; }
.v4 .r11v37-media { width: 100%; padding: 12px; border-radius: 14px; }
.v4 .r11v37-excerpt { grid-template-columns: minmax(0, 1fr); }
.v4 .r11v37-found { font-size: 15px; }
.v4 .r11v37-found-head { width: 100%; }
.v4 .r11v37-edmat { padding: 10px; }
.v4 .r11v37-edshot { height: auto; width: 100%; }
.v4 .r11v37-edbadge { right: auto; left: 8px; top: 8px; }
.v4 .r11v37-facts { grid-template-columns: minmax(0, 1fr); }
.v4 .r11v37-facts li { border-left: 0; border-top: 1px solid var(--r11v37-hair); display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.v4 .r11v37-facts li:first-child { border-top: 0; }
.v4 .r11v37-facts span { font-size: 16px; }
.v4 .r11v37-histbody { grid-template-columns: minmax(0, 1fr); }
.v4 .r11v37-vers { border-right: 0; }
.v4 .r11v37-prev { display: none; }
.v4 .r11v37-pt-fd { margin-right: 0; }
.v4 .r11v37-fdgrid { grid-template-columns: minmax(0, 1fr); justify-items: start; }
.v4 .r11v37-fdcopy { width: 100%; }
.v4 .r11v37-fdicon { justify-self: center; margin: 6px 0 10px; }
.v4 .r11v37-troot { padding: 6px 8px 12px; }
.v4 .r11v37-tree .r11v37-tl .r11v37-tl { margin-left: 5px; padding-left: 9px; border-left: 2px solid var(--r11v37-line); }
.v4 .r11v37-tl .r11v37-tl .r11v37-node::before { display: none; }
.v4 .r11v37-node { height: auto; min-height: 36px; padding: 4px 4px; white-space: normal; font-size: 14.5px; align-items: flex-start; gap: 7px; }
.v4 .r11v37-k { padding: 4px 6px; }
.v4 .r11v37-g4 { grid-auto-rows: minmax(104px, 1fr); padding: 10px 10px 4px; }
.v4 .r11v37-ruler { margin: 0 10px; }
.v4 .r11v37-tabs { position: relative; bottom: auto; flex: none; }
.v4 .r11v37-tab { font-size: 14px; padding: 0 13px; }
}
@media (prefers-reduced-motion: reduce) {
.v4 .r11v37-row *,
.v4 .r11v37-row *::before,
.v4 .r11v37-row *::after { transition: none !important; animation: none !important; }
}

/* ── row 9 · Characters: Top Support for Characters · v29 · r14v29- ── */
.v4 .r14v29-row { --r14v29-bg:#0F0E0C;--r14v29-bg2:#151419;--r14v29-panel:#29282D;--r14v29-ink:#F4F3F0;--r14v29-soft:#C9C7C2;--r14v29-faint:#9B9994;--r14v29-line:rgba(255,255,255,.12);--r14v29-acc:#EEBC3C;--r14v29-acctx:#EEBC3C; background:var(--r14v29-bg);color:var(--r14v29-ink);font-family:"Gabarito",system-ui,-apple-system,"Segoe UI",sans-serif; padding:clamp(56px,7vw,104px) clamp(20px,4vw,48px);position:relative;overflow:hidden; }
.v4[data-v4-theme="light"] .r14v29-row { --r14v29-bg:#EEEDEA;--r14v29-bg2:#ECEAE5;--r14v29-panel:#FFFFFF;--r14v29-ink:#17161A;--r14v29-soft:#45434A;--r14v29-faint:#6A6870;--r14v29-line:rgba(20,18,24,.14);--r14v29-acc:#EEBC3C;--r14v29-acctx:#7A5A00; }
.v4 .r14v29-row *,
.v4 .r14v29-row *::before,
.v4 .r14v29-row *::after { box-sizing:border-box }
.v4 .r14v29-row :where(h2,h3,h4,p,ul,ol,figure,dl,dd,blockquote) { margin:0 }
.v4 .r14v29-row :where(ul,ol) { padding:0;list-style:none }
.v4 .r14v29-row img { display:block;max-width:100%;height:auto }
.v4 .r14v29-wrap { max-width:1280px;margin:0 auto;position:relative;z-index:1 }
.v4 .r14v29-eyebrow { font-size:14px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--r14v29-acctx) }
.v4 .r14v29-title { font-size:clamp(34px,4.2vw,60px);line-height:1.06;font-weight:900;letter-spacing:-.02em;margin-top:14px;text-wrap:balance }
.v4 .r14v29-lede { font-size:clamp(17px,1.3vw,19px);line-height:1.6;color:var(--r14v29-soft);margin-top:18px;text-wrap:pretty }
.v4 .r14v29-head { max-width:820px }
.v4 .r14v29-bento { display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;margin-top:clamp(28px,3.6vw,46px) }
.v4 .r14v29-tile { background:var(--r14v29-panel);border-radius:20px;padding:18px 20px 20px;border:1px solid rgba(255,255,255,.1);border-top-color:rgba(255,255,255,.26);display:flex;flex-direction:column }
.v4[data-v4-theme="light"] .r14v29-tile { border-color:rgba(0,0,0,.08);box-shadow:0 18px 40px -30px rgba(0,0,0,.4) }
.v4 .r14v29-label { font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--r14v29-acctx);margin-bottom:12px }
.v4 .r14v29-big { font-size:21px;font-weight:700;line-height:1.25;margin-top:12px }
.v4 .r14v29-small,
.v4 .r14v29-tile figcaption { font-size:16px;line-height:1.5;color:var(--r14v29-soft);margin-top:8px }
.v4 .r14v29-sheet { grid-column:span 8 }
.v4 .r14v29-sheet img { width:100%;border-radius:10px;background:#fff }
.v4 .r14v29-voice { grid-column:span 4 }
.v4 .r14v29-wave { display:flex;align-items:center;gap:4px;height:74px;flex:1;min-height:74px }
.v4 .r14v29-wave i { flex:1;background:#EEBC3C;border-radius:3px;animation:r14v29-eq 1.4s ease-in-out infinite }
@keyframes r14v29-eq {0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
.v4 .r14v29-same { grid-column:span 5 }
.v4 .r14v29-same ul { display:grid;grid-template-columns:repeat(3,1fr);gap:8px }
.v4 .r14v29-same li { position:relative }
.v4 .r14v29-same img { width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 22%;border-radius:10px }
.v4 .r14v29-same span { position:absolute;left:6px;bottom:6px;font-size:14px;color:#fff;background:rgba(0,0,0,.65);padding:2px 8px;border-radius:5px }
.v4 .r14v29-cast { grid-column:span 3 }
.v4 .r14v29-cast ul { display:grid;grid-template-columns:1fr 1fr;gap:8px }
.v4 .r14v29-cast img { width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 18%;border-radius:50% }
.v4 .r14v29-ward { grid-column:span 4;background:transparent;border:1px dashed var(--r14v29-line) }
.v4[data-v4-theme="light"] .r14v29-ward { box-shadow:none;border:1px dashed rgba(0,0,0,.25) }
.v4 .r14v29-ward .r14v29-label { color:var(--r14v29-faint) }
.v4 .r14v29-ward ul { display:grid;grid-template-columns:repeat(4,1fr);gap:6px }
.v4 .r14v29-ward img { width:100%;height:100%;max-height:230px;object-fit:cover;object-position:50% 0;border-radius:8px;background:#fff }
@media (prefers-reduced-motion:reduce) {
.v4 .r14v29-wave i { animation:none }
}
@media (max-width:960px) {
.v4 .r14v29-sheet,
.v4 .r14v29-voice,
.v4 .r14v29-same,
.v4 .r14v29-cast,
.v4 .r14v29-ward { grid-column:1/-1 }
.v4 .r14v29-cast ul { grid-template-columns:repeat(4,1fr) }
.v4 .r14v29-ward img { max-height:200px }
}

/* ── row 10 · Storyboarding · v48 · r10v48- ── */
.v4 .r10v48-row { --r10v48-ink: #f4f4f2; --r10v48-body: #cfcfd5; --r10v48-dim: #a8a8b0; --r10v48-accent: #eebc3c; --r10v48-folder: #29282d; --r10v48-tab: #1c1b20; --r10v48-line: rgba(255, 255, 255, .16); --r10v48-pad: clamp(16px, 4vw, 64px); font-family: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--r10v48-ink); background: linear-gradient(180deg, #151419 0, #151419 46%, #0f0e0c 46%, #0f0e0c 100%); padding: clamp(56px, 7vw, 104px) 0; }
.v4[data-v4-theme="light"] .r10v48-row { --r10v48-ink: #131315; --r10v48-body: #3b3b43; --r10v48-dim: #55555e; --r10v48-accent: #8a6200; --r10v48-folder: #cfcfd6; --r10v48-tab: #e3e3e8; --r10v48-line: rgba(0, 0, 0, .18); background: linear-gradient(180deg, #f6f6f4 0, #f6f6f4 46%, #e9e9ec 46%, #e9e9ec 100%); }
.v4 .r10v48-row *,
.v4 .r10v48-row *::before,
.v4 .r10v48-row *::after { box-sizing: border-box; }
.v4 .r10v48-inner { max-width: calc(1280px + 2 * var(--r10v48-pad)); margin: 0 auto; padding: 0 var(--r10v48-pad); }
.v4 .r10v48-head { text-align: center; }
.v4 .r10v48-title { margin: 0; font-size: clamp(32px, 4.6vw, 62px); line-height: 1.1; font-weight: 800; letter-spacing: -0.03em; }
.v4 .r10v48-slot { display: block; height: 1.25em; margin-top: .08em; overflow: hidden; }
.v4 .r10v48-word { display: inline-block; padding: 0 .28em; border-radius: .16em; background: #eebc3c; color: #17140a; line-height: 1.25; transition: transform .38s cubic-bezier(.3, 0, .2, 1), opacity .38s ease; }
.v4 .r10v48-word.r10v48-out { transform: translateY(-70%); opacity: 0; }
.v4 .r10v48-word.r10v48-pre { transform: translateY(70%); opacity: 0; transition: none; }
.v4 .r10v48-sub { max-width: 36em; margin: clamp(18px, 2vw, 26px) auto 0; font-size: clamp(18px, 1.5vw, 22px); line-height: 1.5; color: var(--r10v48-body); }
.v4 .r10v48-folder { margin: clamp(40px, 5vw, 70px) auto 0; width: min(80%, calc(80vh * 5504 / 2674)); }
.v4 .r10v48-tabs { list-style: none; display: flex; gap: 4px; margin: 0 -14px; padding: 0 14px; }
.v4 .r10v48-tab { flex: 0 1 auto; padding: 10px clamp(10px, 1.3vw, 18px); border-radius: 10px 10px 0 0; background: var(--r10v48-tab); color: var(--r10v48-dim); font-size: 16px; font-weight: 500; white-space: nowrap; box-shadow: inset 0 1px 0 var(--r10v48-line); transition: background .3s, color .3s; }
.v4 .r10v48-tab.r10v48-on { background: var(--r10v48-folder); color: var(--r10v48-ink); font-weight: 700; box-shadow: inset 0 3px 0 #eebc3c; }
.v4 .r10v48-row:not(.r10v48-js) .r10v48-tab:first-child { background: var(--r10v48-folder); color: var(--r10v48-ink); font-weight: 700; box-shadow: inset 0 3px 0 #eebc3c; }
.v4 .r10v48-body { margin: 0 -14px; padding: 14px; border-radius: 0 12px 12px 12px; background: var(--r10v48-folder); box-shadow: 0 40px 80px -40px rgba(0, 0, 0, .9); }
.v4[data-v4-theme="light"] .r10v48-body { box-shadow: 0 40px 80px -44px rgba(0, 0, 0, .45); }
.v4 .r10v48-shot { display: block; width: 100%; height: auto; border-radius: 6px; box-shadow: 0 0 0 1px rgba(255, 255, 255, .14); }
.v4 .r10v48-cap { margin: 18px 0 0; text-align: center; font-size: 16px; color: var(--r10v48-dim); }
@media (max-width: 900px) {
.v4 .r10v48-tabs { flex-wrap: wrap; row-gap: 4px; }
.v4 .r10v48-tab { border-radius: 8px; }
.v4 .r10v48-tabs { margin-bottom: 6px; }
.v4 .r10v48-body { border-radius: 12px; }
}
@media (max-width: 600px) {
.v4 .r10v48-folder { width: 100%; }
.v4 .r10v48-tabs { margin: 0 0 8px; padding: 0; }
.v4 .r10v48-tab { font-size: 15px; padding: 8px 10px; }
.v4 .r10v48-body { margin: 0 -6px; padding: 6px; border-radius: 10px; }
}
@media (prefers-reduced-motion: reduce) {
.v4 .r10v48-word,
.v4 .r10v48-tab { transition: none; }
}

/* ── row 12 · Sets & Backgrounds · v55 · r12v55- ── */
.v4 .r12v55-row { --r12v55-bg: #151419; --r12v55-rule: rgba(255, 255, 255, 0.14); --r12v55-ink: #f5f5f2; --r12v55-body: #d0cfca; --r12v55-off: #a9a8a3; --r12v55-accent: #eebc3c; --r12v55-yellow: #eebc3c; color: var(--r12v55-ink); font-family: "Lexend Deca", system-ui, -apple-system, "Segoe UI", sans-serif; background-color: var(--r12v55-bg); background-image: repeating-linear-gradient(90deg, transparent 0 119px, var(--r12v55-rule) 119px 120px); }
.v4[data-v4-theme="light"] .r12v55-row { --r12v55-bg: #ecebe7; --r12v55-rule: rgba(0, 0, 0, 0.1); --r12v55-ink: #141414; --r12v55-body: #39393a; --r12v55-off: #5e5e5b; --r12v55-accent: #6f5204; }
.v4 .r12v55-row *,
.v4 .r12v55-row *::before,
.v4 .r12v55-row *::after { box-sizing: border-box; }
.v4 .r12v55-grid { display: grid; grid-template-columns: minmax(0, 27fr) minmax(0, 73fr); align-items: stretch; }
.v4 .r12v55-side { padding: clamp(40px, 4.4vw, 72px) clamp(16px, 2.4vw, 40px) clamp(32px, 3.6vw, 56px) clamp(16px, 4vw, 56px); display: flex; flex-direction: column; background: var(--r12v55-bg); }
.v4 .r12v55-title { margin: 0 0 16px; font-size: clamp(28px, 2.5vw, 40px); line-height: 1.1; font-weight: 800; letter-spacing: -0.03em; }
.v4 .r12v55-title span { display: block; font-weight: 300; color: var(--r12v55-accent); }
.v4 .r12v55-lede { margin: 0 0 clamp(16px, 2vw, 28px); font-size: clamp(17px, 1.2vw, 18px); line-height: 1.6; color: var(--r12v55-body); }
.v4 .r12v55-list { list-style: none; margin: auto 0 0; padding: 0; border-top: 1px solid var(--r12v55-rule); }
.v4 .r12v55-list li { border-bottom: 1px solid var(--r12v55-rule); }
.v4 .r12v55-pick { position: relative; display: flex; align-items: center; gap: 12px; width: 100%; padding: 9px 8px 9px 0; border: 0; background: none; cursor: pointer; text-align: left; font: inherit; font-size: clamp(17px, 1.4vw, 21px); font-weight: 400; color: var(--r12v55-off); }
.v4 .r12v55-pick i { flex: none; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; font-style: normal; font-size: 15px; font-weight: 600; border: 1px solid var(--r12v55-off); }
.v4 .r12v55-pick:hover,
.v4 .r12v55-pick:focus-visible { color: var(--r12v55-ink); outline: none; }
.v4 .r12v55-pick.r12v55-on { color: var(--r12v55-ink); font-weight: 800; }
.v4 .r12v55-pick.r12v55-on i { background: var(--r12v55-yellow); border-color: var(--r12v55-yellow); color: #17140a; }
.v4 .r12v55-pick::after { content: ""; position: absolute; left: 0; bottom: -1px; height: 3px; width: 0; background: var(--r12v55-yellow); }
.v4 .r12v55-run .r12v55-pick.r12v55-on::after { animation: r12v55-fill 3s linear forwards; }
@keyframes r12v55-fill { from { width: 0; } to { width: 100%; } }
.v4 .r12v55-stage { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: minmax(0, 1fr) auto; gap: 4px; padding: 4px 0 4px 4px; background: #000; }
.v4 .r12v55-fig { position: relative; margin: 0; overflow: hidden; aspect-ratio: 1400 / 781; background: #000; }
.v4 .r12v55-set { grid-column: 1 / -1; aspect-ratio: auto; min-height: clamp(260px, 33vw, 520px); }
.v4 .r12v55-img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.v4 .r12v55-next { transform: translateY(100%); transition: transform 0.55s cubic-bezier(0.3, 0.8, 0.2, 1); }
.v4 .r12v55-next.r12v55-show { transform: none; }
.v4 .r12v55-fig figcaption { position: absolute; z-index: 2; left: clamp(10px, 1.2vw, 18px); top: clamp(10px, 1.2vw, 18px); }
.v4 .r12v55-fig figcaption b { display: inline-block; padding: 4px 12px; border-radius: 6px; font-size: clamp(15px, 1.2vw, 18px); font-weight: 600; background: var(--r12v55-yellow); color: #17140a; }
@media (max-width: 1000px) {
.v4 .r12v55-grid { grid-template-columns: minmax(0, 1fr); }
.v4 .r12v55-stage { padding: 4px; order: -1; grid-template-rows: auto auto; }
.v4 .r12v55-set { min-height: 0; aspect-ratio: 2 / 1; }
.v4 .r12v55-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; margin-top: 0; }
}
@media (max-width: 620px) {
.v4 .r12v55-stage { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; }
.v4 .r12v55-set { aspect-ratio: 1400 / 781; }
}

/* ── row 13 · Save money because we get your high-quality movie finished with far fewer video generations · v35 · r13v35- ── */
.v4 .r13v35-row { --r13v35-bg:#151419;--r13v35-bg2:#0F0E0C;--r13v35-ink:#F5F4F1;--r13v35-body:#CFCED3;--r13v35-label:#B4B3B9;--r13v35-card:#29282D;--r13v35-rim:rgba(255,255,255,.14);--r13v35-dot:rgba(255,255,255,.07);--r13v35-y:#EEBC3C; background-color:var(--r13v35-bg); background-image:radial-gradient(var(--r13v35-dot) 1.2px,transparent 1.6px),radial-gradient(var(--r13v35-dot) 1px,transparent 1.4px),linear-gradient(180deg,var(--r13v35-bg) 0%,var(--r13v35-bg) 46%,var(--r13v35-bg2) 46%,var(--r13v35-bg2) 100%); background-size:38px 38px,61px 61px,100% 100%;background-position:0 0,19px 27px,0 0; color:var(--r13v35-ink);font-family:'Sofia Sans',system-ui,-apple-system,'Segoe UI',Arial,sans-serif;padding:clamp(56px,6.5vw,100px) clamp(20px,4vw,64px);overflow:hidden }
.v4 .r13v35-row *,
.v4 .r13v35-row *::before,
.v4 .r13v35-row *::after { box-sizing:border-box }
.v4[data-v4-theme="light"] .r13v35-row { --r13v35-bg:#F1F1F2;--r13v35-bg2:#E4E4E6;--r13v35-ink:#131316;--r13v35-body:#3B3B41;--r13v35-label:#66666D;--r13v35-card:#FFFFFF;--r13v35-rim:rgba(0,0,0,.14);--r13v35-dot:rgba(0,0,0,.07) }
.v4 .r13v35-wrap { max-width:1400px;margin:0 auto }
.v4 .r13v35-head { text-align:center;max-width:980px;margin:0 auto }
.v4 .r13v35-label { margin:0 0 14px;font-size:clamp(22px,2vw,30px);font-weight:300;color:var(--r13v35-label) }
.v4 .r13v35-title { margin:0;text-wrap:balance;font-size:clamp(34px,4vw,62px);line-height:1.06;font-weight:800;letter-spacing:-.02em }
.v4 .r13v35-trip { list-style:none;margin:clamp(34px,4vw,60px) 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr 1.42fr;gap:clamp(26px,3vw,46px);align-items:end }
.v4 .r13v35-step { position:relative;min-width:0 }
.v4 .r13v35-step + .r13v35-step::before { content:"";position:absolute;left:calc(-1 * clamp(26px,3vw,46px) + 6px);top:calc(50% - 44px);width:calc(clamp(26px,3vw,46px) - 12px);height:12px;background:var(--r13v35-y);clip-path:polygon(0 38%,62% 38%,62% 0,100% 50%,62% 100%,62% 62%,0 62%) }
.v4 .r13v35-fig { margin:0 }
.v4 .r13v35-img { display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:1px solid var(--r13v35-rim);background:#0B0B0C;box-shadow:0 22px 50px rgba(0,0,0,.5) }
.v4[data-v4-theme="light"] .r13v35-img { box-shadow:0 18px 40px rgba(20,20,24,.2) }
.v4 .r13v35-s3 .r13v35-img { border:3px solid var(--r13v35-y);box-shadow:0 0 0 8px rgba(238,188,60,.12),0 26px 60px rgba(0,0,0,.55) }
.v4 .r13v35-cap { margin-top:16px;display:grid;gap:4px;font-size:clamp(17px,1.25vw,19px);line-height:1.4;color:var(--r13v35-body);font-weight:400 }
.v4 .r13v35-cap b { font-size:clamp(20px,1.6vw,25px);font-weight:800;color:var(--r13v35-ink) }
.v4 .r13v35-follow { margin:clamp(40px,4.6vw,72px) auto 0;max-width:1180px;display:grid;grid-template-columns:auto 1fr;gap:clamp(24px,3.4vw,56px);align-items:center }
.v4 .r13v35-big { margin:0;font-size:clamp(34px,3.7vw,58px);line-height:1.05;font-weight:300;letter-spacing:-.015em;max-width:8.2em }
.v4 .r13v35-u { font-weight:800;box-shadow:inset 0 -.16em 0 var(--r13v35-y);white-space:nowrap }
.v4 .r13v35-sub { margin:0;font-size:clamp(18px,1.35vw,21px);line-height:1.6;color:var(--r13v35-body);max-width:36em }
.v4 .r13v35-note { margin:26px auto 0;max-width:1180px;font-size:16px;line-height:1.5;color:var(--r13v35-label) }
@media (prefers-reduced-motion:no-preference) {
.v4 .r13v35-s3 .r13v35-img { animation:r13v35-glow 5s ease-in-out infinite }
}
@keyframes r13v35-glow {0%,100%{box-shadow:0 0 0 8px rgba(238,188,60,.10),0 26px 60px rgba(0,0,0,.55)}50%{box-shadow:0 0 0 14px rgba(238,188,60,.20),0 26px 60px rgba(0,0,0,.55)}}
@media (max-width:900px) {
.v4 .r13v35-trip { grid-template-columns:1fr;gap:44px;max-width:560px;margin-left:auto;margin-right:auto }
.v4 .r13v35-step + .r13v35-step::before { left:calc(50% - 6px);top:-36px;width:12px;height:28px;clip-path:polygon(38% 0,62% 0,62% 62%,100% 62%,50% 100%,0 62%,38% 62%) }
.v4 .r13v35-follow { grid-template-columns:1fr;gap:18px }
.v4 .r13v35-head { text-align:left }
}

/* ── row 14 · Teams & Collaboration: Your Team. One Platform. Full Access Controls. · v41 · r14v41- ── */
.v4 .r14v41-row { --r14v41-bg: #0f0e0c; --r14v41-mid: #151419; --r14v41-raised: #29282d; --r14v41-ink: #f5f3ed; --r14v41-soft: #cdcac3; --r14v41-line: #3b3a41; --r14v41-accent: #eebc3c; --r14v41-ico: #eebc3c; --r14v41-bub: #151419; --r14v41-bubink: #f5f3ed; --r14v41-pad: clamp(18px, 2.2vw, 40px); background: var(--r14v41-bg); color: var(--r14v41-ink); font-family: "Reddit Sans", system-ui, -apple-system, "Segoe UI", sans-serif; overflow: hidden; }
.v4[data-v4-theme="light"] .r14v41-row { --r14v41-bg: #f4f3ef; --r14v41-mid: #ffffff; --r14v41-raised: #e7e5df; --r14v41-ink: #17161a; --r14v41-soft: #46444b; --r14v41-line: #cfccc4; --r14v41-accent: #17161a; --r14v41-ico: #17161a; --r14v41-bub: #ffffff; --r14v41-bubink: #17161a; }
.v4 .r14v41-row *,
.v4 .r14v41-row *::before,
.v4 .r14v41-row *::after { box-sizing: border-box; }
.v4 .r14v41-row :where(p, h2, ol, ul, li) { margin: 0; padding: 0; list-style: none; }
.v4 .r14v41-head { max-width: 1320px; margin: 0 auto; padding: clamp(52px, 6vw, 92px) 24px clamp(34px, 3.6vw, 54px); display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 340px); gap: 32px clamp(32px, 5vw, 80px); align-items: end; }
.v4 .r14v41-title { font-size: clamp(32px, 3.7vw, 54px); line-height: 1.06; font-weight: 800; letter-spacing: -.03em; }
.v4 .r14v41-accent { display: block; color: var(--r14v41-accent); }
.v4[data-v4-theme="light"] .r14v41-accent::before { content: "\A"; white-space: pre; }
.v4[data-v4-theme="light"] .r14v41-accent { display: inline; box-decoration-break: clone; -webkit-box-decoration-break: clone; background: linear-gradient(transparent 62%, #eebc3c 62%, #eebc3c 94%, transparent 94%); }
.v4 .r14v41-lede { max-width: 720px; margin-top: 20px; font-size: clamp(18px, 1.45vw, 21px); line-height: 1.58; color: var(--r14v41-soft); }
.v4 .r14v41-card { background: var(--r14v41-raised); border-radius: 14px; padding: 20px 22px 22px; border-top: 4px solid #eebc3c; }
.v4 .r14v41-cardtitle { font-size: clamp(20px, .88vw, 23px); font-weight: 800; letter-spacing: -.01em; margin-bottom: 10px; }
.v4 .r14v41-roles { display: grid; gap: 7px; font-size: clamp(16.5px, .74vw, 19px); line-height: 1.4; color: var(--r14v41-soft); }
.v4 .r14v41-roles b { color: var(--r14v41-ink); font-weight: 800; margin-right: 6px; }
.v4 .r14v41-band { position: relative; display: grid; grid-template-columns: repeat(3, 1fr); background: var(--r14v41-mid); background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1.3px); background-size: 20px 20px; }
.v4[data-v4-theme="light"] .r14v41-band { background-image: radial-gradient(rgba(0,0,0,.07) 1px, transparent 1.3px); }
.v4 .r14v41-band::after { content: ""; position: absolute; z-index: 3; top: 74px; left: 0; width: 11px; height: 11px; margin: -6px 0 0 -6px; border-radius: 50%; background: #eebc3c; box-shadow: 0 0 0 5px rgba(238,188,60,.25); animation: r14v41-travel 16s linear infinite; }
@keyframes r14v41-travel { from { left: 0; } to { left: 100%; } }
.v4 .r14v41-col { min-width: 0; padding-bottom: clamp(34px, 4vw, 60px); }
.v4 .r14v41-c2,
.v4 .r14v41-c3 { box-shadow: -2px 0 0 var(--r14v41-bg); }
.v4 .r14v41-tab { height: 74px; display: flex; align-items: center; gap: 14px; padding: 0 var(--r14v41-pad); background: var(--r14v41-raised); border-bottom: 2px solid #eebc3c; }
.v4 .r14v41-ico { flex: none; color: var(--r14v41-ico); }
.v4 .r14v41-who { display: grid; gap: 1px; min-width: 0; }
.v4 .r14v41-who b { font-size: clamp(20px, 1.7vw, 27px); font-weight: 800; letter-spacing: -.02em; line-height: 1.1; }
.v4 .r14v41-who span { font-size: clamp(16px, 1.05vw, 19px); color: var(--r14v41-soft); }
.v4 .r14v41-fig { display: block; height: clamp(330px, 27vw, 580px); overflow: hidden; }
.v4 .r14v41-photo { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 60%; }
.v4 .r14v41-c3 .r14v41-photo { object-position: 60% 64%; }
.v4 .r14v41-bubble { position: relative; z-index: 2; display: inline-block; max-width: calc(100% - 2 * var(--r14v41-pad)); margin: -30px var(--r14v41-pad) 0; background: var(--r14v41-bub); color: var(--r14v41-bubink); border: 2px solid #eebc3c; font-size: clamp(18px, 1.45vw, 23px); line-height: 1.28; font-weight: 800; letter-spacing: -.012em; padding: 14px 20px; border-radius: 20px 20px 20px 5px; box-shadow: 0 14px 30px rgba(0,0,0,.35); }
.v4 .r14v41-fact { margin: 22px var(--r14v41-pad) 0; max-width: 520px; font-size: clamp(17px, .76vw, 20px); line-height: 1.55; color: var(--r14v41-soft); }
.v4 .r14v41-fact b { display: block; color: var(--r14v41-ink); font-size: clamp(19px, 1.45vw, 22px); font-weight: 800; letter-spacing: -.015em; margin-bottom: 5px; }
@media (max-width: 900px) {
.v4 .r14v41-head { grid-template-columns: 1fr; }
.v4 .r14v41-band { grid-template-columns: 1fr; }
.v4 .r14v41-band::after { display: none; }
.v4 .r14v41-c2,
.v4 .r14v41-c3 { box-shadow: none; }
.v4 .r14v41-fig { height: clamp(270px, 74vw, 470px); }
.v4 .r14v41-c1 .r14v41-photo { object-position: 82% 60%; }
.v4 .r14v41-row { --r14v41-pad: 22px; }
}
@media (prefers-reduced-motion: reduce) {
.v4 .r14v41-band::after { animation: none; display: none; }
}

/* ── row 15 · Voice acting · v34 · r15v34- ── */
.v4 .r15v34-row { --r15v34-bg: #151419; --r15v34-plate: #1E1D22; --r15v34-card: #0F0E0C; --r15v34-ink: #F6F5F2; --r15v34-body: #CFCDD1; --r15v34-muted: #A9A7AD; --r15v34-edge: rgba(255, 255, 255, .16); --r15v34-yellow: #EEBC3C; --r15v34-accent: #EEBC3C; --r15v34-human: #E9E7E2; position: relative; background: var(--r15v34-bg); color: var(--r15v34-ink); font-family: "Funnel Sans", system-ui, -apple-system, "Segoe UI", sans-serif; padding: clamp(48px, 5.5vw, 88px) clamp(18px, 4vw, 56px); overflow: hidden; }
.v4[data-v4-theme="light"] .r15v34-row { --r15v34-bg: #EDEDEF; --r15v34-plate: #DCDCE0; --r15v34-card: #FFFFFF; --r15v34-ink: #131217; --r15v34-body: #36353B; --r15v34-muted: #56555B; --r15v34-edge: rgba(20, 20, 26, .2); --r15v34-accent: #7A5800; --r15v34-human: #2B2A30; --r15v34-yellow: #C8960F; }
.v4 .r15v34-row *,
.v4 .r15v34-row *::before,
.v4 .r15v34-row *::after { box-sizing: border-box; }
.v4 .r15v34-wrap { position: relative; max-width: 1480px; margin: 0 auto; }
.v4 .r15v34-head { max-width: 980px; margin: 0 auto; text-align: center; }
.v4 .r15v34-title { margin: 0; font-family: "Funnel Display", "Funnel Sans", system-ui, sans-serif; font-size: clamp(32px, 4vw, 60px); line-height: 1.04; font-weight: 800; letter-spacing: -.025em; text-wrap: balance; }
.v4 .r15v34-hl { color: var(--r15v34-accent); }
.v4 .r15v34-lead { margin: 20px auto 0; max-width: 820px; font-size: clamp(17px, 1.3vw, 20px); line-height: 1.55; color: var(--r15v34-body); text-wrap: pretty; }
.v4 .r15v34-stage { position: relative; margin-top: clamp(32px, 4vw, 56px); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.75fr) minmax(0, 1fr); gap: clamp(20px, 2.4vw, 36px); align-items: center; }
.v4 .r15v34-stage::before { content: ""; position: absolute; left: 22%; right: 22%; top: -18px; bottom: -18px; background: var(--r15v34-plate); border-radius: 28px; }
.v4 .r15v34-card { position: relative; background: var(--r15v34-card); border: 1px solid var(--r15v34-edge); border-radius: 18px; overflow: visible; }
.v4 .r15v34-pic { aspect-ratio: 16 / 9; overflow: hidden; border-radius: 17px 17px 0 0; background: #000; }
.v4 .r15v34-pic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.v4 .r15v34-a .r15v34-pic img { object-position: 78% 30%; transform: scale(1.25); transform-origin: 68% 34%; }
.v4 .r15v34-b .r15v34-pic img { object-position: 32% 30%; transform: scale(1.2); transform-origin: 40% 36%; }
.v4 .r15v34-body { padding: 18px 20px 20px; }
.v4 .r15v34-way { margin: 0; font-size: 15px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--r15v34-accent); }
.v4 .r15v34-b .r15v34-way { color: var(--r15v34-human); }
.v4 .r15v34-name { margin: 6px 0 0; font-family: "Funnel Display", "Funnel Sans", system-ui, sans-serif; font-size: 26px; line-height: 1.1; font-weight: 700; }
.v4 .r15v34-name span { display: block; margin-top: 4px; font-family: "Funnel Sans", system-ui, sans-serif; font-size: 16px; font-weight: 500; color: var(--r15v34-muted); }
.v4 .r15v34-facts { margin: 14px 0 0; padding: 0; list-style: none; }
.v4 .r15v34-facts li { position: relative; padding: 9px 0 9px 20px; font-size: 16px; line-height: 1.4; color: var(--r15v34-body); border-top: 1px solid var(--r15v34-edge); }
.v4 .r15v34-facts li::before { content: ""; position: absolute; left: 2px; top: 17px; width: 8px; height: 8px; border-radius: 50%; background: var(--r15v34-yellow); }
.v4 .r15v34-b .r15v34-facts li::before { background: var(--r15v34-human); }
.v4 .r15v34-card::after { content: ""; position: absolute; top: 50%; height: 2px; width: clamp(20px, 2.4vw, 36px); background: var(--r15v34-yellow); }
.v4 .r15v34-a::after { left: 100%; }
.v4 .r15v34-b::after { right: 100%; background: var(--r15v34-human); }
.v4 .r15v34-wave { display: flex; align-items: center; gap: 3px; height: 30px; margin-top: 14px; }
.v4 .r15v34-wave i { flex: 1 1 0; max-width: 6px; border-radius: 2px; background: var(--r15v34-yellow); height: 30%; transform-origin: center; }
.v4 .r15v34-b .r15v34-wave i { background: var(--r15v34-human); }
.v4 .r15v34-wave i:nth-child(3n) { height: 78%; }
.v4 .r15v34-wave i:nth-child(4n+1) { height: 52%; }
.v4 .r15v34-wave i:nth-child(5n+2) { height: 96%; }
.v4 .r15v34-wave i:nth-child(7n) { height: 40%; }
.v4 .r15v34-scene { position: relative; margin: 0; min-width: 0; }
.v4 .r15v34-frame { position: relative; border-radius: 14px; overflow: hidden; background: #000; border: 1px solid rgba(255, 255, 255, .22); box-shadow: 0 30px 70px -30px rgba(0, 0, 0, .85); }
.v4 .r15v34-frame img { display: block; width: 100%; height: auto; }
.v4 .r15v34-pin { position: absolute; padding: 6px 12px 7px; border-radius: 999px; background: rgba(12, 12, 12, .82); color: #F4F3F0; font-size: 15px; font-weight: 600; white-space: nowrap; border: 1px solid rgba(255, 255, 255, .3); }
.v4 .r15v34-pin b { font-weight: 500; color: #CFCDD1; margin-left: 6px; }
.v4 .r15v34-pa { left: 25%; top: 25%; border-color: #EEBC3C; }
.v4 .r15v34-pa b { color: #EEBC3C; }
.v4 .r15v34-pb { left: 60%; top: 30%; }
.v4 .r15v34-lines { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }
.v4 .r15v34-line { margin: 0; padding: 12px 14px 13px; border-radius: 12px; background: #0F0E0C; color: #F4F3F0; font-size: 17px; line-height: 1.35; border: 1px solid rgba(255, 255, 255, .14); }
.v4 .r15v34-line b { display: block; margin-bottom: 3px; font-size: 14px; letter-spacing: .12em; text-transform: uppercase; }
.v4 .r15v34-la { border-left: 3px solid #EEBC3C; }
.v4 .r15v34-la b { color: #EEBC3C; }
.v4 .r15v34-lb { border-left: 3px solid #E9E7E2; }
.v4 .r15v34-lb b { color: #E9E7E2; }
.v4 .r15v34-cap { margin: 14px 4px 0; text-align: center; font-size: 16px; line-height: 1.45; color: var(--r15v34-body); }
@media (prefers-reduced-motion: no-preference) {
.v4 .r15v34-a .r15v34-wave i { animation: r15v34-talk .5s ease-in-out infinite alternate, r15v34-turnA 8s linear infinite; }
.v4 .r15v34-b .r15v34-wave i { animation: r15v34-talk .5s ease-in-out infinite alternate, r15v34-turnB 8s linear infinite; }
.v4 .r15v34-wave i:nth-child(2n) { animation-delay: -.2s, 0s; }
.v4 .r15v34-wave i:nth-child(3n) { animation-delay: -.35s, 0s; }
.v4 .r15v34-la { animation: r15v34-lineA 8s linear infinite; }
.v4 .r15v34-lb { animation: r15v34-lineB 8s linear infinite; }
}
@keyframes r15v34-talk { from { transform: scaleY(.45); } to { transform: scaleY(1); } }
@keyframes r15v34-turnA { 0%, 46% { opacity: 1; } 50%, 96% { opacity: .28; } 100% { opacity: 1; } }
@keyframes r15v34-turnB { 0%, 46% { opacity: .28; } 50%, 96% { opacity: 1; } 100% { opacity: .28; } }
@keyframes r15v34-lineA { 0%, 46% { box-shadow: 0 0 0 2px #EEBC3C; } 50%, 96% { box-shadow: 0 0 0 0 transparent; } 100% { box-shadow: 0 0 0 2px #EEBC3C; } }
@keyframes r15v34-lineB { 0%, 46% { box-shadow: 0 0 0 0 transparent; } 50%, 96% { box-shadow: 0 0 0 2px #E9E7E2; } 100% { box-shadow: 0 0 0 0 transparent; } }
@media (max-width: 1080px) {
.v4 .r15v34-stage { grid-template-columns: 1fr 1fr; align-items: start; }
.v4 .r15v34-scene { grid-column: 1 / -1; grid-row: 1; }
.v4 .r15v34-stage::before { left: -10px; right: -10px; top: -14px; bottom: auto; height: 62%; }
.v4 .r15v34-card::after { display: none; }
}
@media (max-width: 620px) {
.v4 .r15v34-head { text-align: left; }
.v4 .r15v34-stage { grid-template-columns: 1fr; }
.v4 .r15v34-stage::before { display: none; }
.v4 .r15v34-lines { grid-template-columns: 1fr; }
.v4 .r15v34-pin { font-size: 13px; padding: 4px 9px 5px; }
.v4 .r15v34-pa { left: 6%; top: 10%; }
.v4 .r15v34-pb { left: 54%; top: 24%; }
.v4 .r15v34-cap { text-align: left; }
}

/* ── row 16 · MCP AI · v38 · r16v38- ── */
.v4 .r16v38-row { --r16v38-bg: #151419; --r16v38-foot-bg: #0F0E0C; --r16v38-raise: #29282D; --r16v38-tray: #1F1E23; --r16v38-line: rgba(255, 255, 255, .12); --r16v38-ink: #F5F4F0; --r16v38-mut: #C0BEB7; --r16v38-dim: #98968F; --r16v38-y: #EEBC3C; --r16v38-ytext: #EEBC3C; --r16v38-spot: rgba(255, 255, 255, .075); --r16v38-beam: rgba(255, 255, 255, .16); --r16v38-cream: #EEE6C7; --r16v38-mono: "Source Code Pro", ui-monospace, "SF Mono", Menlo, monospace; background-color: var(--r16v38-bg); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .6 0 0 0 0 .6 0 0 0 0 .6 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"), radial-gradient(ellipse 60% 520px at 68% 420px, var(--r16v38-spot), transparent 70%); color: var(--r16v38-ink); font-family: Figtree, system-ui, -apple-system, "Segoe UI", sans-serif; line-height: 1.5; overflow: hidden; }
.v4 .r16v38-row *,
.v4 .r16v38-row *::before,
.v4 .r16v38-row *::after { box-sizing: border-box; }
.v4 .r16v38-row img { display: block; max-width: 100%; height: auto; }
.v4 .r16v38-row ul { list-style: none; margin: 0; padding: 0; }
.v4 .r16v38-row figure { margin: 0; }
.v4 .r16v38-wrap { max-width: 1344px; margin: 0 auto; padding: 76px 32px 84px; }
.v4 .r16v38-stack { display: grid; }
.v4 .r16v38-stack > * { grid-area: 1 / 1; min-width: 0; }
.v4 .r16v38-k { opacity: 0; visibility: hidden; transition: opacity .45s ease, visibility 0s linear .45s; }
.v4 .r16v38-row[data-r16v38-at="0"] .r16v38-k0,
.v4 .r16v38-row[data-r16v38-at="1"] .r16v38-k1,
.v4 .r16v38-row[data-r16v38-at="2"] .r16v38-k2,
.v4 .r16v38-row[data-r16v38-at="3"] .r16v38-k3,
.v4 .r16v38-row[data-r16v38-at="4"] .r16v38-k4 { opacity: 1; visibility: visible; transition: opacity .45s ease; }
.v4 .r16v38-kicker { margin: 0 0 10px; font-size: 25px; font-weight: 300; letter-spacing: .03em; color: var(--r16v38-mut); }
.v4 .r16v38-titles { margin: 0 0 38px; align-items: start; }
.v4 .r16v38-title { margin: 0; font-size: clamp(26px, 2.95vw, 43px); line-height: 1.16; font-weight: 500; letter-spacing: -.015em; color: var(--r16v38-mut); }
.v4 .r16v38-title b { font-weight: 800; color: var(--r16v38-ink); }
.v4 .r16v38-main { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.72fr); gap: 52px; align-items: start; }
.v4 .r16v38-left,
.v4 .r16v38-right { min-width: 0; }
.v4 .r16v38-where { display: flex; align-items: baseline; gap: 8px; margin: 0 0 12px; font-size: 16px; color: var(--r16v38-mut); }
.v4 .r16v38-where b { font-size: 19px; font-weight: 800; color: var(--r16v38-ink); }
.v4 .r16v38-where em { font-style: normal; }
.v4 .r16v38-app { position: relative; container-type: inline-size; display: flex; flex-direction: column; border-radius: 14px; overflow: hidden; font-family: var(--r16v38-mono); box-shadow: 0 0 0 1px rgba(255, 255, 255, .18), 0 26px 60px rgba(0, 0, 0, .55); }
.v4 .r16v38-mid { flex: 1; align-content: start; padding: 14px 16px 16px; min-height: 132px; }
.v4 .r16v38-o { display: grid; gap: 9px; align-content: start; font-size: 14px; line-height: 1.45; }
.v4 .r16v38-o p { margin: 0; }
.v4 .r16v38-o i { font-style: normal; margin-right: 2px; }
.v4 .r16v38-o b { font-weight: 600; overflow-wrap: anywhere; }
.v4 .r16v38-o u { text-decoration: none; font-weight: 500; display: block; padding-left: 1.5em; }
.v4 .r16v38-abar { display: flex; align-items: center; gap: 10px; margin: 0; padding: 11px 14px; font: 700 14px/1 Figtree, system-ui, sans-serif; border-bottom: 1px solid rgba(0, 0, 0, .1); }
.v4 .r16v38-abar small { margin-left: auto; font: 500 12.5px/1 var(--r16v38-mono); opacity: .8; }
.v4 .r16v38-lights { display: inline-flex; gap: 6px; }
.v4 .r16v38-lights i { width: 10px; height: 10px; border-radius: 50%; background: currentColor; opacity: .3; }
.v4 .r16v38-cc { background: var(--r16v38-cream); color: #34322B; }
.v4 .r16v38-cc-top,
.v4 .r16v38-cc-bot { position: relative; overflow: hidden; flex: none; }
.v4 .r16v38-cc-top { aspect-ratio: 643 / 108; }
.v4 .r16v38-cc-bot { aspect-ratio: 643 / 93; }
.v4 .r16v38-row .r16v38-cc-top > img,
.v4 .r16v38-row .r16v38-cc-bot > img { position: absolute; left: 0; width: 100%; max-width: none; }
.v4 .r16v38-cc-top > img { top: 0; }
.v4 .r16v38-cc-bot > img { bottom: 0; }
.v4 .r16v38-cc-path { position: absolute; left: 19.2%; top: 68%; width: 79%; height: 30%; display: flex; align-items: center; background: var(--r16v38-cream); font-size: max(12px, 2.62cqw); white-space: nowrap; }
.v4 .r16v38-cc-ask { position: absolute; left: 4.6%; top: 8%; width: 93%; height: 46%; margin: 0; align-items: center; background: var(--r16v38-cream); font-size: max(12.5px, 2.62cqw); font-weight: 500; color: #24221c; white-space: nowrap; }
.v4 .r16v38-cc .r16v38-o i { color: #2E7D46; }
.v4 .r16v38-cc .r16v38-o u { color: #1F6B3A; }
.v4 .r16v38-cx { background: #0C0C0E; color: #E8E6E1; }
.v4 .r16v38-cx .r16v38-abar { border-bottom-color: rgba(255, 255, 255, .12); }
.v4 .r16v38-cx .r16v38-o i,
.v4 .r16v38-cx .r16v38-o u { color: #7FD39A; }
.v4 .r16v38-cd { background: #FAF9F5; color: #2B2A26; }
.v4 .r16v38-cd .r16v38-o i { color: #B5562F; }
.v4 .r16v38-cd .r16v38-o u { color: #1F6B3A; }
.v4 .r16v38-box { margin: 0 12px 12px; padding: 13px 44px 13px 14px; position: relative; background: #fff; border: 1px solid rgba(0, 0, 0, .16); border-radius: 14px; font: 600 15px/1.4 Figtree, system-ui, sans-serif; color: #1c1b18; }
.v4 .r16v38-box::after { content: "↑"; position: absolute; right: 10px; top: 50%; width: 28px; height: 28px; margin-top: -14px; border-radius: 50%; display: grid; place-items: center; background: #B5562F; color: #fff; font-weight: 700; }
.v4 .r16v38-cx .r16v38-box { background: #17171A; border-color: rgba(255, 255, 255, .18); color: #F4F3EF; font: 500 14px/1.4 var(--r16v38-mono); padding-left: 34px; }
.v4 .r16v38-cx .r16v38-box::before { content: "›"; position: absolute; left: 14px; top: 50%; transform: translateY(-52%); color: #94928B; font-size: 18px; }
.v4 .r16v38-cx .r16v38-box::after { background: #E8E6E1; color: #0C0C0E; }
.v4 .r16v38-run [data-r16v38-type]::after { content: ""; display: inline-block; width: .5em; height: 1.05em; margin-left: 2px; vertical-align: -2px; background: currentColor; opacity: .55; animation: r16v38-blink 1.1s steps(1) infinite; }
@keyframes r16v38-blink { 50% { opacity: 0; } }
.v4 .r16v38-picks { display: none; }
.v4 .r16v38-js .r16v38-picks { display: grid; gap: 4px; margin-top: 26px; }
.v4 .r16v38-pick { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 12px; padding: 11px 14px 11px 20px; text-align: left; border: 0; border-radius: 10px; background: none; cursor: pointer; font-family: inherit; color: var(--r16v38-mut); transition: background .2s, color .2s; }
.v4 .r16v38-pick b { font-size: 17.5px; font-weight: 600; }
.v4 .r16v38-pick em { font-style: normal; color: var(--r16v38-ytext); font-weight: 800; }
.v4 .r16v38-pick span { font-size: 14.5px; color: var(--r16v38-dim); white-space: nowrap; }
.v4 .r16v38-pick i { position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: var(--r16v38-raise); }
.v4 .r16v38-pick i::after { content: ""; position: absolute; inset: 0; background: var(--r16v38-y); transform: scaleY(0); transform-origin: top; }
.v4 .r16v38-pick:hover { color: var(--r16v38-ink); }
.v4 .r16v38-pick.r16v38-on { background: var(--r16v38-raise); color: var(--r16v38-ink); }
.v4 .r16v38-pick.r16v38-on span { color: var(--r16v38-mut); }
.v4 .r16v38-pick.r16v38-on i::after { transform: scaleY(1); }
.v4 .r16v38-run .r16v38-pick.r16v38-on i::after { animation: r16v38-fill 8s linear both; }
@keyframes r16v38-fill { from { transform: scaleY(0); } to { transform: scaleY(1); } }
.v4 .r16v38-right { display: flex; flex-direction: column; }
.v4 .r16v38-cloud { position: relative; z-index: 2; border-radius: 16px; overflow: hidden; background: #0F0E0C; color: #F5F4F0; box-shadow: 0 0 0 1px rgba(255, 255, 255, .2), 0 0 90px rgba(255, 255, 255, .09), 0 30px 70px rgba(0, 0, 0, .55); }
.v4 .r16v38-crop { display: block; position: relative; aspect-ratio: 1250 / 222; overflow: hidden; background: #190F0E; }
.v4 .r16v38-row .r16v38-crop > img { position: absolute; left: 0; top: 0; width: 144%; max-width: none; }
.v4 .r16v38-crop::after { content: ""; position: absolute; inset: auto 0 0 0; height: 16%; background: linear-gradient(rgba(15, 14, 12, 0), #0F0E0C); }
.v4 .r16v38-ed figcaption { padding: 2px 16px 0; font-size: 13.5px; font-weight: 500; color: #A9A7A0; }
.v4 .r16v38-dock { padding: 12px 16px 16px; }
.v4 .r16v38-dh { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin: 0 0 10px; font-size: 15px; font-weight: 600; color: #DAD8D1; }
.v4 .r16v38-dh em { font-style: normal; font-size: 13.5px; font-weight: 700; color: #17140a; background: #EEBC3C; border-radius: 999px; padding: 2px 10px; }
.v4 .r16v38-res { position: relative; overflow: hidden; border-radius: 8px; min-height: 76px; display: grid; align-items: center; }
.v4 .r16v38-cover { display: none; position: absolute; inset: 0; align-items: center; padding: 0 16px; border-left: 4px solid #EEBC3C; background: #1D1C21 repeating-linear-gradient(90deg, transparent 0 86px, rgba(255, 255, 255, .07) 86px 88px); font-size: 15.5px; font-weight: 600; color: #C9C7C0; }
.v4 .r16v38-run .r16v38-cover { display: flex; transform: translateX(101%); }
.v4 .r16v38-run[data-r16v38-at="0"] .r16v38-k0 .r16v38-cover,
.v4 .r16v38-run[data-r16v38-at="1"] .r16v38-k1 .r16v38-cover,
.v4 .r16v38-run[data-r16v38-at="2"] .r16v38-k2 .r16v38-cover,
.v4 .r16v38-run[data-r16v38-at="3"] .r16v38-k3 .r16v38-cover,
.v4 .r16v38-run[data-r16v38-at="4"] .r16v38-k4 .r16v38-cover { animation: r16v38-wipe 1.1s cubic-bezier(.6, 0, .2, 1) 3s both; }
@keyframes r16v38-wipe { from { transform: translateX(0); } to { transform: translateX(101%); } }
.v4 .r16v38-run .r16v38-dh em { opacity: 0; }
.v4 .r16v38-run[data-r16v38-at="0"] .r16v38-k0 .r16v38-dh em,
.v4 .r16v38-run[data-r16v38-at="1"] .r16v38-k1 .r16v38-dh em,
.v4 .r16v38-run[data-r16v38-at="2"] .r16v38-k2 .r16v38-dh em,
.v4 .r16v38-run[data-r16v38-at="3"] .r16v38-k3 .r16v38-dh em,
.v4 .r16v38-run[data-r16v38-at="4"] .r16v38-k4 .r16v38-dh em { animation: r16v38-in .4s 3.9s both; }
.v4 .r16v38-thumbs { display: flex; gap: 10px; align-items: flex-start; }
.v4 .r16v38-thumbs li { flex: 1 1 0; min-width: 0; max-width: 128px; }
.v4 .r16v38-thumbs img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 6px; }
.v4 .r16v38-thumbs small { display: block; margin-top: 3px; font-size: 13px; font-weight: 600; color: #EEBC3C; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.v4 .r16v38-round li { max-width: 84px; text-align: center; }
.v4 .r16v38-round img { width: 50px; margin: 0 auto; aspect-ratio: 1; border-radius: 50%; }
.v4 .r16v38-round small { color: #F5F4F0; }
.v4 .r16v38-lab li { max-width: 150px; }
.v4 .r16v38-lab img { height: 52px; aspect-ratio: auto; }
.v4 .r16v38-tall li { max-width: 66px; background: #fff; border-radius: 6px; overflow: hidden; }
.v4 .r16v38-tall img { height: 54px; aspect-ratio: auto; object-position: top; border-radius: 0; }
.v4 .r16v38-tall small { color: #17140a; text-align: center; margin: 0; padding: 1px 0 2px; font-size: 12.5px; }
.v4 .r16v38-tl { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 7px 12px; align-items: center; font-size: 13.5px; color: #A9A7A0; }
.v4 .r16v38-acts,
.v4 .r16v38-scs { display: flex; gap: 4px; }
.v4 .r16v38-acts i,
.v4 .r16v38-acts b { font-style: normal; flex: 1 1 0; background: #29282D; border-radius: 5px; padding: 6px 8px; font-size: 13.5px; font-weight: 600; color: #C9C7C0; white-space: nowrap; overflow: hidden; }
.v4 .r16v38-acts b { flex: 7 1 0; background: #EEBC3C; color: #17140a; font-weight: 800; }
.v4 .r16v38-scs i { font-style: normal; flex: 1 1 0; text-align: center; background: #1D1C21; border: 1px solid rgba(238, 188, 60, .6); border-radius: 5px; padding: 5px 0; font: 600 13px/1.2 var(--r16v38-mono); color: #F4F3EF; }
.v4 .r16v38-lane { position: relative; z-index: 1; height: 124px; }
.v4 .r16v38-beam { position: absolute; top: -10px; bottom: -4px; left: 12.5%; width: 150px; margin-left: -75px; justify-items: center; align-items: center; background: linear-gradient(to top, var(--r16v38-beam), transparent 92%); clip-path: polygon(14% 100%, 86% 100%, 100% 0, 0 0); transition: left .6s cubic-bezier(.5, 0, .2, 1); }
.v4 .r16v38-row[data-r16v38-at="1"] .r16v38-beam { left: 37.5%; }
.v4 .r16v38-row[data-r16v38-at="2"] .r16v38-beam,
.v4 .r16v38-row[data-r16v38-at="4"] .r16v38-beam { left: 62.5%; }
.v4 .r16v38-row[data-r16v38-at="3"] .r16v38-beam { left: 87.5%; }
.v4 .r16v38-fly { display: grid; justify-items: center; }
.v4 .r16v38-fly > * { grid-area: 1 / 1; }
.v4 .r16v38-row .r16v38-fly img { width: 72px; height: 42px; object-fit: cover; border-radius: 5px; box-shadow: 0 0 0 1.5px #F5F4F0, 0 8px 16px rgba(0, 0, 0, .5); }
.v4 .r16v38-row .r16v38-sq img { width: 44px; height: 44px; border-radius: 50%; }
.v4 .r16v38-pg { display: block; width: 36px; height: 46px; border-radius: 3px; background: #F4F3EF repeating-linear-gradient(#F4F3EF 0 5px, #9A978C 5px 6.5px) 6px 8px / 24px 32px no-repeat; box-shadow: 0 0 0 1px rgba(0, 0, 0, .3), 0 8px 16px rgba(0, 0, 0, .45); }
.v4 .r16v38-sheet { width: 46px; height: 36px; background: #F4F3EF repeating-linear-gradient(90deg, transparent 0 13px, #9A978C 13px 14px), repeating-linear-gradient(#F4F3EF 0 8px, #9A978C 8px 9px); }
.v4 .r16v38-fly > :nth-child(2),
.v4 .r16v38-fly > :nth-child(3) { display: none; }
.v4 .r16v38-run .r16v38-fly > * { display: block; animation: r16v38-up 2.7s linear infinite both; }
.v4 .r16v38-run .r16v38-godn > * { animation-name: r16v38-down; }
.v4 .r16v38-run .r16v38-fly > :nth-child(2) { animation-delay: .9s; }
.v4 .r16v38-run .r16v38-fly > :nth-child(3) { animation-delay: 1.8s; }
@keyframes r16v38-up { 0% { transform: translateY(70px) scale(.8); opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { transform: translateY(-70px) scale(1); opacity: 0; } }
@keyframes r16v38-down { 0% { transform: translateY(-70px) scale(1); opacity: 0; } 20% { opacity: 1; } 80% { opacity: 1; } 100% { transform: translateY(70px) scale(.8); opacity: 0; } }
.v4 .r16v38-shelf { position: relative; z-index: 2; }
.v4 .r16v38-shead { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; margin: 14px 0 0; }
.v4 .r16v38-shead b { font-size: 19px; font-weight: 800; color: var(--r16v38-ink); }
.v4 .r16v38-shead > span { font: 500 13.5px/1.3 var(--r16v38-mono); color: var(--r16v38-dim); }
.v4 .r16v38-shead em { margin-left: auto; font-style: normal; font-size: 15.5px; font-weight: 700; color: var(--r16v38-ytext); text-align: right; }
.v4 .r16v38-trays { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.v4 .r16v38-tray { position: relative; min-width: 0; display: flex; flex-direction: column; gap: 8px; padding: 14px 12px 12px; min-height: 178px; border-radius: 0 10px 10px 10px; background: var(--r16v38-tray); box-shadow: 0 0 0 1px var(--r16v38-line), 0 14px 30px rgba(0, 0, 0, .35); transition: box-shadow .3s, transform .3s; }
.v4 .r16v38-tab { position: absolute; left: 0; bottom: 100%; margin: 0; padding: 3px 12px 2px; border-radius: 8px 8px 0 0; background: var(--r16v38-tray); box-shadow: 0 -1px 0 0 var(--r16v38-line), 1px 0 0 0 var(--r16v38-line), -1px 0 0 0 var(--r16v38-line); font: 600 13px/1.3 var(--r16v38-mono); color: var(--r16v38-mut); transition: background .3s, color .3s; }
.v4 .r16v38-row[data-r16v38-at="0"] .r16v38-t0,
.v4 .r16v38-row[data-r16v38-at="1"] .r16v38-t1,
.v4 .r16v38-row[data-r16v38-at="2"] .r16v38-t2,
.v4 .r16v38-row[data-r16v38-at="4"] .r16v38-t2,
.v4 .r16v38-row[data-r16v38-at="3"] .r16v38-t3 { box-shadow: 0 0 0 2px var(--r16v38-y), 0 18px 36px rgba(0, 0, 0, .4); transform: translateY(-3px); }
.v4 .r16v38-row[data-r16v38-at="0"] .r16v38-t0 .r16v38-tab,
.v4 .r16v38-row[data-r16v38-at="1"] .r16v38-t1 .r16v38-tab,
.v4 .r16v38-row[data-r16v38-at="2"] .r16v38-t2 .r16v38-tab,
.v4 .r16v38-row[data-r16v38-at="4"] .r16v38-t2 .r16v38-tab,
.v4 .r16v38-row[data-r16v38-at="3"] .r16v38-t3 .r16v38-tab { background: var(--r16v38-y); color: #17140a; box-shadow: 0 0 0 2px var(--r16v38-y); }
.v4 .r16v38-tnote { margin: auto 0 0; font: 500 12.5px/1.4 var(--r16v38-mono); color: var(--r16v38-dim); overflow-wrap: anywhere; }
.v4 .r16v38-row[data-r16v38-at="4"] .r16v38-csvn { color: var(--r16v38-ytext); font-weight: 600; }
.v4 .r16v38-fd { display: flex; align-items: center; gap: 9px; margin: 0; min-width: 0; }
.v4 .r16v38-fd svg { flex: none; }
.v4 .r16v38-fd span { display: grid; min-width: 0; }
.v4 .r16v38-fd b { font: 600 13px/1.25 var(--r16v38-mono); color: var(--r16v38-ink); overflow-wrap: anywhere; }
.v4 .r16v38-fd small { font-size: 12.5px; color: var(--r16v38-mut); }
.v4 .r16v38-page { background: #F4F3EF; color: #24221c; border-radius: 4px; padding: 9px 10px; font: 500 12px/1.45 var(--r16v38-mono); overflow: hidden; }
.v4 .r16v38-page p { margin: 0; white-space: nowrap; }
.v4 .r16v38-slug { font-weight: 600; }
.v4 .r16v38-who { padding-left: 30%; }
.v4 .r16v38-line { padding-left: 10%; }
.v4 .r16v38-rack { display: flex; justify-content: center; perspective: 640px; margin: auto 0; padding: 4px 0 4px 72px; }
.v4 .r16v38-row .r16v38-rack img { width: 100px; height: 70px; max-width: none; flex: none; margin-left: -72px; object-fit: cover; border-radius: 4px; transform: rotateY(50deg) rotateX(6deg); box-shadow: -8px 8px 16px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .4); }
.v4 .r16v38-row .r16v38-rack img:nth-child(odd) { transform: rotateY(50deg) rotateX(6deg) translateY(-7px); }
.v4 .r16v38-faces { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.v4 .r16v38-faces img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 8px; }
.v4 .r16v38-locs { display: grid; gap: 5px; }
.v4 .r16v38-locs img { width: 100%; aspect-ratio: 16 / 5.4; object-fit: cover; border-radius: 4px; }
.v4 .r16v38-run[data-r16v38-at="0"] .r16v38-k0 .r16v38-s2,
.v4 .r16v38-run[data-r16v38-at="1"] .r16v38-k1 .r16v38-s2,
.v4 .r16v38-run[data-r16v38-at="2"] .r16v38-k2 .r16v38-s2,
.v4 .r16v38-run[data-r16v38-at="3"] .r16v38-k3 .r16v38-s2,
.v4 .r16v38-run[data-r16v38-at="4"] .r16v38-k4 .r16v38-s2 { animation: r16v38-in .4s 1.5s both; }
.v4 .r16v38-run[data-r16v38-at="0"] .r16v38-k0 .r16v38-s3,
.v4 .r16v38-run[data-r16v38-at="1"] .r16v38-k1 .r16v38-s3,
.v4 .r16v38-run[data-r16v38-at="2"] .r16v38-k2 .r16v38-s3,
.v4 .r16v38-run[data-r16v38-at="3"] .r16v38-k3 .r16v38-s3,
.v4 .r16v38-run[data-r16v38-at="4"] .r16v38-k4 .r16v38-s3 { animation: r16v38-in .4s 2.3s both; }
@keyframes r16v38-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.v4 .r16v38-all { margin: 34px 0 0; padding: 0 0 0 20px; list-style: disc !important; display: grid; gap: 10px; font-size: 16.5px; line-height: 1.5; color: var(--r16v38-mut); }
.v4 .r16v38-all b { color: var(--r16v38-ink); }
.v4 .r16v38-copy { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.72fr); gap: 52px; margin-top: 56px; padding-top: 40px; border-top: 1px solid var(--r16v38-line); }
.v4 .r16v38-sub { margin: 0 0 10px; font-size: 24px; font-weight: 800; letter-spacing: -.01em; }
.v4 .r16v38-body { margin: 0; font-size: 17.5px; line-height: 1.6; color: var(--r16v38-mut); }
.v4 .r16v38-row .r16v38-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px 24px; margin-bottom: 20px; }
.v4 .r16v38-list li { position: relative; padding-left: 22px; font-size: 16.5px; line-height: 1.45; color: var(--r16v38-ink); }
.v4 .r16v38-list li::before { content: ""; position: absolute; left: 3px; top: .5em; width: 9px; height: 9px; border-radius: 50%; background: var(--r16v38-y); }
.v4 .r16v38-ways { margin: 0 0 16px; font-size: 16.5px; line-height: 1.55; color: var(--r16v38-mut); }
.v4 .r16v38-link { display: inline-block; font-size: 17px; font-weight: 700; color: var(--r16v38-y); text-decoration: none; border-bottom: 2px solid currentColor; padding-bottom: 2px; }
.v4 .r16v38-link:hover { color: #FCD648; }
.v4 .r16v38-foot { background: var(--r16v38-foot-bg); border-top: 1px solid var(--r16v38-line); color: var(--r16v38-mut); }
.v4 .r16v38-foot-in { max-width: 1280px; margin: 0 auto; padding: 56px 32px 28px; }
.v4 .r16v38-foot-top { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 2fr); gap: 48px; }
.v4 .r16v38-logo { display: inline-flex; align-items: center; gap: 10px; color: var(--r16v38-ink); text-decoration: none; font-weight: 800; font-size: 20px; letter-spacing: .01em; }
.v4 .r16v38-logo svg { color: var(--r16v38-y); }
.v4 .r16v38-brand p { margin: 14px 0 20px; font-size: 16px; line-height: 1.5; color: var(--r16v38-mut); }
.v4 .r16v38-cta { display: inline-flex; align-items: center; gap: 8px; background: #EEBC3C; color: #17140a; font-weight: 700; font-size: 16px; padding: 12px 22px; border-radius: 10px; text-decoration: none; transition: background .15s, transform .15s; }
.v4 .r16v38-cta:hover { background: #FCD648; transform: translateY(-1px); }
.v4 .r16v38-fnav { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.v4 .r16v38-fnav h3 { margin: 0 0 12px; font-size: 14px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; color: var(--r16v38-ink); }
.v4 .r16v38-fnav a { display: block; padding: 5px 0; font-size: 15px; line-height: 1.4; color: var(--r16v38-mut); text-decoration: none; }
.v4 .r16v38-fnav a:hover { color: var(--r16v38-ink); }
.v4 .r16v38-base { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 40px; padding-top: 20px; border-top: 1px solid var(--r16v38-line); }
.v4 .r16v38-base p { margin: 0; font-size: 14px; color: var(--r16v38-mut); }
.v4 .r16v38-social { display: flex; gap: 16px; }
.v4 .r16v38-social a { color: var(--r16v38-mut); display: inline-flex; }
.v4 .r16v38-social a:hover { color: var(--r16v38-ink); }
@media (max-width: 860px) {
.v4 .r16v38-foot-in { padding: 40px 20px 24px; }
.v4 .r16v38-foot-top { grid-template-columns: 1fr; gap: 32px; }
.v4 .r16v38-fnav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.v4 .r16v38-base { flex-direction: column; align-items: flex-start; }
}
.v4[data-v4-theme="light"] .r16v38-row { --r16v38-bg: #F2F1ED; --r16v38-foot-bg: #E6E5E0; --r16v38-raise: #E3E2DD; --r16v38-tray: #FFFFFF; --r16v38-line: rgba(20, 19, 15, .15); --r16v38-ink: #15140F; --r16v38-mut: #4A4841; --r16v38-dim: #6A6861; --r16v38-ytext: #7A5A00; --r16v38-spot: rgba(255, 255, 255, .9); --r16v38-beam: rgba(20, 19, 15, .13); }
.v4[data-v4-theme="light"] .r16v38-link { color: #6B4E00; }
.v4[data-v4-theme="light"] .r16v38-link:hover { color: #15140F; }
.v4[data-v4-theme="light"] .r16v38-logo svg { color: #B98A12; }
.v4[data-v4-theme="light"] .r16v38-app { box-shadow: 0 0 0 7px #1D1C21, 0 24px 48px rgba(20, 19, 15, .28); margin: 7px; }
.v4[data-v4-theme="light"] .r16v38-cloud { box-shadow: 0 0 0 1px rgba(20, 19, 15, .6), 0 26px 54px rgba(20, 19, 15, .3); }
.v4[data-v4-theme="light"] .r16v38-tray { box-shadow: 0 0 0 1px var(--r16v38-line), 0 12px 26px rgba(20, 19, 15, .1); }
.v4[data-v4-theme="light"] .r16v38-row .r16v38-fly img { box-shadow: 0 0 0 1.5px #15140F, 0 8px 16px rgba(20, 19, 15, .3); }
@media (max-width: 1040px) {
.v4 .r16v38-main { grid-template-columns: minmax(0, 1fr); gap: 40px; }
.v4 .r16v38-left { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 0 32px; align-items: start; }
.v4 .r16v38-where { grid-column: 1 / -1; }
.v4 .r16v38-js .r16v38-picks { margin-top: 0; }
.v4 .r16v38-copy { grid-template-columns: minmax(0, 1fr); gap: 28px; }
}
@media (max-width: 720px) {
.v4 .r16v38-wrap { padding: 50px 16px 56px; }
.v4 .r16v38-kicker { font-size: 22px; }
.v4 .r16v38-title { font-size: 25px; }
.v4 .r16v38-titles { margin-bottom: 26px; }
.v4 .r16v38-left { grid-template-columns: minmax(0, 1fr); }
.v4 .r16v38-js .r16v38-picks { margin-top: 18px; }
.v4 .r16v38-pick { padding: 10px 10px 10px 16px; }
.v4 .r16v38-pick b { font-size: 16.5px; }
.v4 .r16v38-pick span { font-size: 13.5px; }
.v4 .r16v38-mid { padding: 12px 12px 14px; min-height: 118px; }
.v4 .r16v38-o { font-size: 13px; gap: 8px; }
.v4 .r16v38-box { font-size: 14.5px; }
.v4 .r16v38-cx .r16v38-box { font-size: 13px; }
.v4 .r16v38-row .r16v38-crop > img { width: 250%; }
.v4 .r16v38-crop { aspect-ratio: 720 / 222; }
.v4 .r16v38-ed figcaption { padding: 2px 12px 0; }
.v4 .r16v38-dock { padding: 10px 12px 14px; }
.v4 .r16v38-thumbs { gap: 5px; }
.v4 .r16v38-round img { width: 34px; }
.v4 .r16v38-round small { font-size: 12px; }
.v4 .r16v38-acts b { flex: 3 1 0; }
.v4 .r16v38-acts i,
.v4 .r16v38-acts b { padding: 5px 1px; font-size: 12px; text-align: center; }
.v4 .r16v38-acts span { display: none; }
.v4 .r16v38-scs i { font-size: 12px; }
.v4 .r16v38-cover { font-size: 14px; padding: 0 10px; }
.v4 .r16v38-lane { height: 112px; }
.v4 .r16v38-beam { left: 25% !important; }
.v4 .r16v38-row[data-r16v38-at="1"] .r16v38-beam,
.v4 .r16v38-row[data-r16v38-at="3"] .r16v38-beam { left: 75% !important; }
.v4 .r16v38-shead em { margin-left: 0; width: 100%; text-align: left; }
.v4 .r16v38-trays { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 10px; }
.v4 .r16v38-rack { padding-left: 62px; }
.v4 .r16v38-row .r16v38-rack img { width: 88px; height: 62px; margin-left: -62px; }
.v4 .r16v38-row .r16v38-list { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
.v4 .r16v38-row *,
.v4 .r16v38-row *::before,
.v4 .r16v38-row *::after { animation: none !important; transition: none !important; }
}
.v4 .r16v38-cc-top::after { content: ""; position: absolute; left: 52.2%; top: 47.5%; width: 24%; height: 22%; background: #EEE6C7 url("/v4/row_16/in/CLAUDE_code_in_terminal.png") 50% 45% / 1000% auto; }
.v4 .r16v38-faces { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.v4 .r16v38-fits { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 14px; }
.v4 .r16v38-fits li { display: flex; align-items: center; gap: 9px; min-width: 0; font-size: 16px; line-height: 1.25; color: #E8E6E1; }
.v4 .r16v38-fits img { flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
.v4 .r16v38-fits b { color: #EEBC3C; font-weight: 700; }
.v4 .r16v38-fits i { font-style: normal; }
@media (max-width: 700px) {
.v4 .r16v38-fits { gap: 6px 8px; }
.v4 .r16v38-fits i { display: none; }
.v4 .r16v38-fits b { display: block; }
}