/* Matteria - ficha5: solo lo que la separa de entry-hero.css.
   Cargar SIEMPRE despues de assets/css/entry-hero.css. */

:root {
  interpolate-size: allow-keywords;
  /* Paleta de ficha1 */
  --primary: #651c13;          /* fondo de página */
  --secondary: #e76a4d;        /* secciones, botón */
  --ink: #e9d3be;              /* texto */
  --light: #fcdfd4;
  --link: #e49e21;
  --dark: #25251c;
  --radius: 6px;
  --accent: #e49e21;
  --accent-2: #eb9428;

  /* Paletas por ficha de libro */
  --cochinilla-1: #670437;
  --cochinilla-2: #de257b;
  --cochinilla-3: #fcdfd4;
  --ocre-1: #d13328;
  --ocre-2: #e76a4d;
  --ocre-3: #f1e09a;
  --cardenillo-1: #024e50;
  --cardenillo-2: #1eaaae;
  --cardenillo-3: #d7e6c7;

  --soft: rgb(from var(--ink) r g b / 0.78);
  --borders: rgb(from var(--ink) r g b / 0.1);
  --line: rgb(from var(--ink) r g b / 0.6);

  --veil-white-90: rgb(255 255 255 / 0.9);
  --veil-white-70: rgb(255 255 255 / 0.7);
  --veil-white-50: rgb(255 255 255 / 0.5);
  --veil-white-40: rgb(255 255 255 / 0.4);
  --veil-white-20: rgb(255 255 255 / 0.2);
  --veil-white-10: rgb(255 255 255 / 0.1);
  --veil-white-2: rgb(255 255 255 / 0.02);
  --veil-white-4: rgb(255 255 255 / 0.04);
  --veil-dark-90: rgb(17 17 17 / 0.9);
  --veil-dark-70: rgb(17 17 17 / 0.7);
  --veil-dark-50: rgb(17 17 17 / 0.5);
  --veil-dark-40: rgb(17 17 17 / 0.4);
  --veil-dark-20: rgb(17 17 17 / 0.2);
  --veil-dark-10: rgb(17 17 17 / 0.1);
  --veil-dark-2: rgb(17 17 17 / 0.02);

  /* ---- Escala tipográfica del sistema ---- */
  --text-xs: 0.75rem;    /* 12px */
  --text-sm: 0.875rem;   /* 14px */
  --text-md: 1rem;       /* 16px */
  --text-body: 1.125rem; /* 18px */
  --text-lg: 1.25rem;    /* 20px */
  --text-xl: 1.5rem;     /* 24px */
  --text-h4: clamp(1.5rem, 1rem + 1.6vw, 2rem);
  --text-h3: clamp(1.75rem, 1.1rem + 2.2vw, 2.5rem);
  --text-h2: clamp(2rem, 1.2rem + 3.2vw, 3.5rem);
  --text-h1: clamp(3rem, 1.8rem + 4.4vw, 4.5rem);
  --text-display: clamp(5.5rem, 2rem + 14vw, 8.75rem);

  --leading-xs: 1rem;
  --leading-sm: 1.25rem;
  --leading-md: 1.5rem;
  --leading-lg: 1.75rem;
  --leading-xl: 2rem;
  --leading-h4: 2.5rem;
  --leading-h3: 3rem;
  --leading-h2: 4rem;
  --leading-h1: 4.5rem;
  --leading-display: 8.75rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-18: 4.5rem;
  --space-20: 5rem;
  --space-24: 6rem;

  --label: 0.68rem;
}
:root {
  --grid-width: 1440px;
  --wrap-max: 1440px;
  --content: 1440px;
  /* El sangrado debe cubrir siempre el margen real de .entry (--edge), no solo el
     resto de ventana: así el carrusel llega al borde derecho en cualquier ancho. */
  --bleed-pad: calc((100vw - min(var(--grid-width), 100vw)) / 2 + var(--edge));
}
@media (min-width: 1280px) {
  :root {
      --edge: 80px;
      /* Distancia del borde del contenido al borde de la ventana: lo que sangran
         el carrusel y los materiales para desbordar por la derecha */
      --bleed-pad: calc((100vw - min(var(--grid-width), 100vw)) / 2 + var(--edge));
    }
}
body {
  background: var(--primary);
  color: var(--ink);
  font-family: var(--sans);
}
a { color: var(--link); text-decoration: none; }
a:hover { color: var(--veil-white-70); }
:where(.page) p {
  font-size: var(--text-lg);
  line-height: 1.55;
  text-wrap: pretty;
}
.header-hero {
  /* Ancho real de una columna de la retícula viva */
  --track: min(var(--content), 100vw - 2 * var(--edge));
  /* Siempre una columna de las 8 de escritorio, aunque la retícula viva baje a 4 o 1 */
  --grid-col: calc((var(--track) - 7 * var(--grid-gutter)) / 8);
  min-height: 100vh;
  align-content: center;
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
  column-gap: var(--grid-gutter);
  /* Tarjeta dentro de la retícula (1-8) con aire interior a los lados */
}
.header-hero > .entry-hero { grid-column: 1 / -1; }
.entry-hero {
  width: auto;
  /* Tarjeta: fondo propio, aire exterior arriba y abajo y aire interior a los lados
     igual al ancho de una columna (rompe la alineación con la retícula) */
  background-color: var(--veil-white-2);
  border-radius: var(--radius);
  margin-block: 64px;
  padding-block: 48px;
  padding-left: max(24px, var(--grid-col));
  padding-right: max(24px, var(--grid-col));
  align-content: center;
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
  column-gap: var(--grid-gutter);
  row-gap: 64px;
  align-items: stretch;
  position: relative;
}
.entry-hero {
  /* Tinte y fuerza del grano de la textura de papel */
  --paper-tint: var(--veil-white-2);
  --paper-grain: 0.12;
}
.entry-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background-color: var(--paper-tint);
  background-image: url(../../img/bg-leather.webp);
  background-size: 100px auto;
  background-position: left top;
  background-repeat: repeat;
  background-blend-mode: overlay;
  opacity: var(--paper-grain);
  pointer-events: none;
}
.entry-hero > * { position: relative; z-index: 1; }

/* ---- Perspectiva de la tarjeta siguiendo el puntero (sutil) ---- */

/* La hoja cede unos grados hacia donde apunta el ratón, como papel apoyado
   en su centro. hero-tilt.js escribe --tilt-x / --tilt-y (grados) con el
   mismo amortiguado (0.08) que el libro 3D; aquí solo vive el transform.
   Solo escritorio con puntero fino; en táctil y reduced-motion no existe. */
@media (prefers-reduced-motion: no-preference) and (min-width: 961px) and (pointer: fine) {
  .header-hero { perspective: 1400px; }
  .header-hero > .entry-hero {
    transform: rotateX(calc(var(--tilt-x, 0) * 1deg)) rotateY(calc(var(--tilt-y, 0) * 1deg));
  }
  /* Luz sobre el papel: un brillo tenue que acompaña al puntero. Vive entre
     el grano (::before) y el contenido; hero-tilt.js escribe su posición. */
  .entry-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    border-radius: inherit;
    pointer-events: none;
    background: radial-gradient(clamp(360px, 42vw, 640px) circle at var(--sheen-px, 50%) var(--sheen-py, 50%), var(--veil-white-10), transparent 65%);
    opacity: var(--sheen-o, 0);
    transition: opacity 0.6s var(--ease);
  }
  /* El libro cede en sentido contrario a la tarjeta: profundidad entre capas */
  .header-hero > .entry-hero .entry-cover {
    transform: rotateX(calc(var(--tilt-x, 0) * -0.7deg)) rotateY(calc(var(--tilt-y, 0) * -0.7deg));
  }
}

/* ---- Bloque de compra pegajoso: acompaña la lectura de la descripción ---- */
/* Su tope real lo escribe cover-pin.js (borde inferior del libro fijado);
   los 48px son el respaldo por si el experimento no corre. */
@media (min-width: 961px) {
  .entry-side {
    position: sticky;
    top: 48px;
    align-self: start;
  }
}

/* ---- Experimento Stripe Press: el libro fijo mientras pasa el texto ---- */
/* cover-pin.js fija el libro desde la carga hasta el final de la descripción.
   Anula el fundido de salida del hero solo para el libro (entry-hero.css):
   la tarjeta y su texto se despiden como siempre; el libro se queda. */
/* Selectores sin el ancestro .entry-hero: cover-pin.js saca la figura a
   <body> (un fixed dentro de la tarjeta con transform dejaría de ser fijo),
   así que estas reglas deben alcanzarla también fuera de la tarjeta. */
@media (prefers-reduced-motion: no-preference) and (min-width: 961px) {
  .entry-cover { opacity: 1; }
  /* El lienzo del visor desborda la figura: el libro tumbado al ancho del
     botón de comprar necesita sitio para no recortarse en los bordes */
  .entry-cover .book3d { inset: -18% -26% -24%; }
  /* La figura fijada viaja por encima de la columna de compra: si capturase
     el puntero, robaría los clics al bloque de compra y a los detalles
     técnicos que pasan por debajo. Solo el visor 3D conserva el arrastre
     (mismo patrón contenedor none / pieza auto que el scatter de portadas). */
  .entry-cover { pointer-events: none; }
  .entry-cover .book3d { pointer-events: auto; }
}

/* Cifras en tabular para que el conteo no baile el ancho */
.stat-figure { font-variant-numeric: tabular-nums; }
.entry-header .pos-top .logo-link { color: var(--ink); }
.entry-cover { grid-column: 6 / span 3; }
.entry-author {
  margin-top: 8px;
  font-family: var(--serif);
  font-weight: 400;
  font-size: var(--text-lg);
  line-height: 1.2;
  color: var(--accent);
}
.entry-lead {
  margin-top: 24px;
  font-size: var(--text-lg);
  line-height: 1.45;
  text-wrap: pretty;
}
.entry-cover img { visibility: hidden; }
/* El libro desnudo (petición): sin marco, sin caja y sin halo — la pieza 3D
   convive directamente con la luz y el grano de la tarjeta, y al quedarse
   fija no arrastra ningún rectángulo detrás. */
.entry-cover {
  position: relative;
  isolation: isolate;
  align-self: start;
  width: fit-content;
  max-width: 100%;
  margin: 0 0 0 auto;
  padding: 0;
  box-sizing: border-box;
  overflow: visible;
  border: 0;
  border-radius: 0;
}
.entry-cover::before { display: none; }
.entry-cover img {
  position: relative;
  z-index: 1;
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 56svh;
  margin-left: auto;
}
/* En tablet/móvil no corre el experimento del libro fijo, así que el libro
   desnudo no pinta nada: vuelve la portada original con su marco (mismas
   medidas que la ficha 4) y su halo de luz (definido en entry-hero.css). */
@media (max-width: 960px) {
  .entry-cover {
    padding: 24px;
    overflow: hidden;
    border: 1px solid var(--veil-white-10);
    border-radius: var(--radius);
  }
  .entry-cover::before { display: block; }
}
.entry-description {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), minmax(0, 1fr));
  column-gap: var(--grid-gutter);
}
@media (max-width: 960px) {
  .entry-description { padding-top: 48px; }
}
.entry-copy strong { font-weight: 500; color: var(--ink); }
.entry-links {
  margin: 0;
  padding: 0;
  font-family: var(--serif);
  font-size: var(--text-body);
  line-height: var(--leading-xl);
  list-style: none;
  border-top: 1px solid var(--borders);
}
.entry-links li {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
  font-family: var(--mono);
  font-feature-settings: normal;
  font-size: var(--text-md);
  line-height: var(--leading-md);
  letter-spacing: 0.02em;
  color: var(--ink);
  border-bottom: 1px solid var(--borders);
}
.entry-links li a:hover { color: var(--veil-white-70); }
.entry-buy .buy-cta { border-radius: var(--radius); }
.entry-buy .buy-row--secondary {
  display: block;
  margin-top: 16px;
  border: 1px solid var(--borders);
  overflow: hidden;
}
.entry-buy .buy-cta-secondary,
.entry-buy .buy-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  width: 100%;
  margin: 0;
  padding: 18px 20px;
  font-family: var(--mono);
  font-feature-settings: normal;
  font-size: var(--text-sm);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.entry-buy .buy-cta-secondary {
  appearance: none;
  cursor: pointer;
  border: 0;
  background: var(--veil-white-10);
  color: var(--ink-hero, #f9f7eb);
  transition: background 0.24s var(--ease), color 0.24s var(--ease);
}
.entry-buy .buy-cta-secondary:hover,
.entry-buy .buy-cta-secondary:focus-visible {
  background: var(--veil-white-2);
  color: #fff;
}
.entry-buy .buy-cta-secondary .buy-cta-price {
  font-size: var(--text-sm);
  letter-spacing: 0.08em;
  padding: 0;
  border: 0;
}
.entry-buy .buy-meta {
  border-top: 1px solid var(--borders);
}
.entry-fold {
  background: var(--veil-white-10);
  border-radius: var(--radius);
}
.entry-fold summary {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  font-family: var(--mono);
  font-feature-settings: normal;
  font-size: var(--text-sm);
  line-height: var(--leading-xs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--ink);
  cursor: pointer;
  list-style: none;
}
.fold-specs > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 12px 0;
  border-top: 1px solid var(--borders);
  font-family: var(--mono);
  font-feature-settings: normal;
  font-size: var(--text-xs);
  line-height: var(--leading-xs);
  letter-spacing: 0.02em;
}
.fold-specs dt { text-transform: uppercase; }
.fold-specs dd { margin: 0; text-align: right; color: var(--soft); }
.fold-specs > div:hover dt { color: var(--ink); translate: 3px 0; }
.fold-specs > div:hover dd { translate: -3px 0; }
.grid-tools .grid-toggle {
  width: 108px;
  padding: 8px 12px;
  font-family: var(--mono);
  font-size: var(--label);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  text-align: center;
  color: var(--primary);
  background: var(--ink);
  border: 0;
  border-radius: var(--radius);
  cursor: pointer;
}
.grid-tools .grid-toggle[aria-pressed="true"] {
  color: var(--ink);
  background: var(--secondary);
}
@media (max-width: 960px) {
  .header-hero { display: block; min-height: 0; }
  .entry-hero {
      row-gap: 40px;
      border-radius: 0;
      margin-block: 0;
      margin-inline: calc(-1 * var(--bleed-pad));
      padding-left: var(--edge);
      padding-right: var(--edge);
    }
  .entry-cover {
      grid-column: 1 / -1;
      grid-row: 2;
      width: auto;
      max-width: min(100%, 320px);
      margin-inline: auto;
    }
  .entry-cover img { width: 100%; height: auto; max-height: none; margin-left: 0; }
  .entry-lead { width: 100%; }
}
:where(.page) :is(h1, h2, h3, h4, h5, h6):where(:not(.gallery-title, .stat-label, .meta)) {
  margin: 0;
  font-family: var(--serif);
  font-weight: 400;
  color: var(--ink);
  text-wrap: pretty;
}
.entry-links li,
.author-works li {
  font-family: var(--mono);
  font-feature-settings: normal;
  font-size: var(--text-md);
  line-height: var(--leading-md);
  letter-spacing: 0.02em;
  color: var(--ink);
  border-bottom: 1px solid var(--borders);
}
.meta dd,
.release-row dd {
  color: var(--ink);
}
.stat-label {
  font-family: var(--mono);
  letter-spacing: 0.08em;
}
.stat-figure sup {
  font-size: 0.4em;
  vertical-align: super;
  /* Sin interlinea propia: si no, el volado infla la caja y descuadra la fila */
  line-height: 0;
}
.stat-label {
  font-size: var(--label);
  line-height: var(--leading-xs);
  text-transform: uppercase;
  white-space: nowrap;
  margin: 0;
  padding-block: 8px;
  color: var(--accent);
  font-weight: 600;
}
.entry-description,
.stats,
.gallery,
.author,
.team,
.posters {
  margin-inline: calc(-1 * var(--bleed-pad));
  padding-inline: var(--bleed-pad);
}
.entry-divider::after {
  content: "";
  display: block;
  width: 140px;
  height: 36px;
  background: var(--veil-white-50);
  /* Trazado en linea: una mascara externa no carga bajo file:// */
  -webkit-mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQwIiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMTQwIDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNC40MzQ3OSAxMi43Mjg2QzQuMTU0ODMgMTEuOTQ3NCA0LjIxMDg0IDExLjI1MTQgNC42MDIwMSAxMC42MzdDNC44ODA0NSAxMC4xMzQ2IDUuNDY2MzcgOS44Mjg2NiA2LjM1OTIzIDkuNzE2MjhDNy4xOTU2IDkuNjYwNzMgNy45NzY0MSA5LjgyODY2IDguNzAyMDUgMTAuMjE4N0MxMS40MzQ5IDExLjcyNDMgMTMuOTQ1OCAxNC4wNjcxIDE2LjIzMzYgMTcuMjQ2OEMxMi4wNDk4IDE2Ljg1NzYgOC42MTc0NSAxNS45Mzc1IDUuOTQwODUgMTQuNDg2QzUuMjE1MTIgMTQuMDk2MyA0LjcxMzE5IDEzLjUxMDcgNC40MzQ3NiAxMi43Mjg3TDQuNDM0NzkgMTIuNzI4NlpNNi42MTAzOSAyNi41MzYxQzUuNzczMjEgMjYuNDgxMiA1LjE4NzYxIDI2LjE3MzMgNC44NTI4MSAyNS42MTZDNC41NzMyIDI1LjExMzIgNC42MDIwMyAyNC41MDA0IDQuOTM2ODMgMjMuNzc0MUM1LjMyNjQ3IDIyLjk5NDEgNS44ODQ4OSAyMi40MDg1IDYuNjEwMzggMjIuMDE3M0M5Ljg0NTI4IDIwLjIzMjYgMTMuMDI1OSAxOS4yNTYyIDE2LjE1MDcgMTkuMDg4OUMxNC4wMjkxIDIyLjIxMzcgMTEuNzE1NSAyNC40NzIxIDkuMjA0NDggMjUuODY2NUM4LjMxMTM4IDI2LjM2ODggNy40NDcwMiAyNi41OTE2IDYuNjEwMTcgMjYuNTM2TDYuNjEwMzkgMjYuNTM2MVpNMTUuNzMxOSAzLjk0MTU4QzE2LjM0NDcgMy4yMTcxNCAxNy4wNDE5IDIuODUzMTUgMTcuODI0MyAyLjg1MzE1QzE4LjQ5MjcgMi44NTMxNSAxOS4xMzM4IDMuMjQ0MzIgMTkuNzQ4MyA0LjAyNTEzQzIwLjMwNjMgNC44MDY3OCAyMC41ODU0IDUuNjQzNDggMjAuNTg1NCA2LjUzNTUzQzIwLjU4NTQgOS4yMTM1MSAxOS42NjQyIDEyLjQ0OTQgMTcuODI0MyAxNi4yNDMyQzE1Ljg3MDYgMTIuMjI2OCAxNC44OTQ3IDguOTkxMzMgMTQuODk0NyA2LjUzNTUzQzE0Ljg5NTEgNS41MzE5NCAxNS4xNzMgNC42NjcyMiAxNS43MzE5IDMuOTQxNThaTTE5LjMzMDQgMzIuMjI2OEMxOC44Mjc1IDMyLjg0MTIgMTguMjQyIDMzLjE0NjMgMTcuNTcyIDMzLjE0NjNDMTYuOTU4NCAzMy4xNDYzIDE2LjQwMTIgMzIuODExOSAxNS44OTkxIDMyLjE0MzZDMTUuMzk3NiAzMS41MjkyIDE1LjE0NTEgMzAuODMyOCAxNS4xNDUxIDMwLjA1MTJDMTUuMTQ1MSAyNy4wOTQgMTYuMDM2NyAyMy43NzQgMTcuODI0NCAyMC4wOTIxQzE5LjMzMDEgMjMuMTYyIDIwLjA4MjggMjYuNDgxOCAyMC4wODI4IDMwLjA1MTJDMjAuMDgzMiAzMC44ODg0IDE5LjgzMjggMzEuNjEzNSAxOS4zMzA0IDMyLjIyNjhaTTI5LjcwNjUgOS44ODMwOEMzMC41NDM3IDkuOTk1NDYgMzEuMTU3NyAxMC4zNTcxIDMxLjU0ODQgMTAuOTcxNUMzMS44MjYgMTEuNDcyNyAzMS43OTg5IDEyLjExNTEgMzEuNDY0NCAxMi44OTU1QzMxLjA3MzIgMTMuNjc3NSAzMC41MTQ4IDE0LjI2MzEgMjkuNzkgMTQuNjUzNkMyNy41MDI0IDE1LjkzNzEgMjQuMDcxNCAxNi43NzM2IDE5LjQ5NzYgMTcuMTYzNkMyMS41NjE3IDE0LjMxODQgMjQuMDk5OSAxMi4wNTg4IDI3LjExMzcgMTAuMzg0OEMyNy45NTA1IDkuOTM4NjcgMjguODE0NSA5Ljc3Mjc0IDI5LjcwNjUgOS44ODMxMUwyOS43MDY1IDkuODgzMDhaTTMxLjIxNDEgMjMuNjkwNkMzMS42MDMzIDI0LjQxNjIgMzEuNjMxOCAyNS4wMjkzIDMxLjI5NzMgMjUuNTMyMkMzMC45NjE3IDI2LjAzNDYgMzAuMzc2OSAyNi4zNDE4IDI5LjUzOTcgMjYuNDUyOUMyOC42NDY1IDI2LjU2NDUgMjcuODM2OSAyNi40MjYxIDI3LjExMzcgMjYuMDM0NkMyNC4zNzg2IDI0LjUyNzggMjEuODQxMiAyMi4xNTcxIDE5LjQ5NzYgMTguOTIxQzIzLjAxMjQgMTkuMjU2MSAyNi4zMDM3IDIwLjI2MDUgMjkuMzcyMSAyMS45MzQyQzMwLjIwODggMjIuMzgwMiAzMC44MjMzIDIyLjk2NTkgMzEuMjE0MSAyMy42OTA2SDMxLjIxNDFaIiBmaWxsPSJibGFjayIgc3R5bGU9ImZpbGw6YmxhY2s7ZmlsbC1vcGFjaXR5OjE7Ij48L3BhdGg+CjxwYXRoIGQ9Ik0xMDguNDM1IDEyLjcyODZDMTA4LjE1NSAxMS45NDc0IDEwOC4yMTEgMTEuMjUxNCAxMDguNjAyIDEwLjYzN0MxMDguODggMTAuMTM0NiAxMDkuNDY2IDkuODI4NjYgMTEwLjM1OSA5LjcxNjI4QzExMS4xOTYgOS42NjA3MyAxMTEuOTc2IDkuODI4NjYgMTEyLjcwMiAxMC4yMTg3QzExNS40MzUgMTEuNzI0MyAxMTcuOTQ2IDE0LjA2NzEgMTIwLjIzNCAxNy4yNDY4QzExNi4wNSAxNi44NTc2IDExMi42MTcgMTUuOTM3NSAxMDkuOTQxIDE0LjQ4NkMxMDkuMjE1IDE0LjA5NjMgMTA4LjcxMyAxMy41MTA3IDEwOC40MzUgMTIuNzI4N0wxMDguNDM1IDEyLjcyODZaTTExMC42MSAyNi41MzYxQzEwOS43NzMgMjYuNDgxMiAxMDkuMTg4IDI2LjE3MzMgMTA4Ljg1MyAyNS42MTZDMTA4LjU3MyAyNS4xMTMyIDEwOC42MDIgMjQuNTAwNCAxMDguOTM3IDIzLjc3NDFDMTA5LjMyNiAyMi45OTQxIDEwOS44ODUgMjIuNDA4NSAxMTAuNjEgMjIuMDE3M0MxMTMuODQ1IDIwLjIzMjYgMTE3LjAyNiAxOS4yNTYyIDEyMC4xNTEgMTkuMDg4OUMxMTguMDI5IDIyLjIxMzcgMTE1LjcxNSAyNC40NzIxIDExMy4yMDQgMjUuODY2NUMxMTIuMzExIDI2LjM2ODggMTExLjQ0NyAyNi41OTE2IDExMC42MSAyNi41MzZMMTEwLjYxIDI2LjUzNjFaTTExOS43MzIgMy45NDE1OEMxMjAuMzQ1IDMuMjE3MTQgMTIxLjA0MiAyLjg1MzE1IDEyMS44MjQgMi44NTMxNUMxMjIuNDkzIDIuODUzMTUgMTIzLjEzNCAzLjI0NDMyIDEyMy43NDggNC4wMjUxM0MxMjQuMzA2IDQuODA2NzggMTI0LjU4NSA1LjY0MzQ4IDEyNC41ODUgNi41MzU1M0MxMjQuNTg1IDkuMjEzNTEgMTIzLjY2NCAxMi40NDk0IDEyMS44MjQgMTYuMjQzMkMxMTkuODcxIDEyLjIyNjggMTE4Ljg5NSA4Ljk5MTMzIDExOC44OTUgNi41MzU1M0MxMTguODk1IDUuNTMxOTQgMTE5LjE3MyA0LjY2NzIyIDExOS43MzIgMy45NDE1OFpNMTIzLjMzIDMyLjIyNjhDMTIyLjgyOCAzMi44NDEyIDEyMi4yNDIgMzMuMTQ2MyAxMjEuNTcyIDMzLjE0NjNDMTIwLjk1OCAzMy4xNDYzIDEyMC40MDEgMzIuODExOSAxMTkuODk5IDMyLjE0MzZDMTE5LjM5OCAzMS41MjkyIDExOS4xNDUgMzAuODMyOCAxMTkuMTQ1IDMwLjA1MTJDMTE5LjE0NSAyNy4wOTQgMTIwLjAzNyAyMy43NzQgMTIxLjgyNCAyMC4wOTIxQzEyMy4zMyAyMy4xNjIgMTI0LjA4MyAyNi40ODE4IDEyNC4wODMgMzAuMDUxMkMxMjQuMDgzIDMwLjg4ODQgMTIzLjgzMyAzMS42MTM1IDEyMy4zMyAzMi4yMjY4Wk0xMzMuNzA2IDkuODgzMDhDMTM0LjU0NCA5Ljk5NTQ2IDEzNS4xNTggMTAuMzU3MSAxMzUuNTQ4IDEwLjk3MTVDMTM1LjgyNiAxMS40NzI3IDEzNS43OTkgMTIuMTE1MSAxMzUuNDY0IDEyLjg5NTVDMTM1LjA3MyAxMy42Nzc1IDEzNC41MTUgMTQuMjYzMSAxMzMuNzkgMTQuNjUzNkMxMzEuNTAyIDE1LjkzNzEgMTI4LjA3MSAxNi43NzM2IDEyMy40OTggMTcuMTYzNkMxMjUuNTYyIDE0LjMxODQgMTI4LjEgMTIuMDU4OCAxMzEuMTE0IDEwLjM4NDhDMTMxLjk1IDkuOTM4NjcgMTMyLjgxNCA5Ljc3Mjc0IDEzMy43MDcgOS44ODMxMUwxMzMuNzA2IDkuODgzMDhaTTEzNS4yMTQgMjMuNjkwNkMxMzUuNjAzIDI0LjQxNjIgMTM1LjYzMiAyNS4wMjkzIDEzNS4yOTcgMjUuNTMyMkMxMzQuOTYyIDI2LjAzNDYgMTM0LjM3NyAyNi4zNDE4IDEzMy41NCAyNi40NTI5QzEzMi42NDcgMjYuNTY0NSAxMzEuODM3IDI2LjQyNjEgMTMxLjExNCAyNi4wMzQ2QzEyOC4zNzkgMjQuNTI3OCAxMjUuODQxIDIyLjE1NzEgMTIzLjQ5OCAxOC45MjFDMTI3LjAxMiAxOS4yNTYxIDEzMC4zMDQgMjAuMjYwNSAxMzMuMzcyIDIxLjkzNDJDMTM0LjIwOSAyMi4zODAyIDEzNC44MjMgMjIuOTY1OSAxMzUuMjE0IDIzLjY5MDZIMTM1LjIxNFoiIGZpbGw9ImJsYWNrIiBzdHlsZT0iZmlsbDpibGFjaztmaWxsLW9wYWNpdHk6MTsiPjwvcGF0aD4KPHBhdGggZD0iTTU2LjQzNDggMTIuNzI4NkM1Ni4xNTQ4IDExLjk0NzQgNTYuMjEwOCAxMS4yNTE0IDU2LjYwMiAxMC42MzdDNTYuODgwNCAxMC4xMzQ2IDU3LjQ2NjQgOS44Mjg2NiA1OC4zNTkyIDkuNzE2MjhDNTkuMTk1NiA5LjY2MDczIDU5Ljk3NjQgOS44Mjg2NiA2MC43MDIxIDEwLjIxODdDNjMuNDM0OSAxMS43MjQzIDY1Ljk0NTggMTQuMDY3MSA2OC4yMzM2IDE3LjI0NjhDNjQuMDQ5OCAxNi44NTc2IDYwLjYxNzUgMTUuOTM3NSA1Ny45NDA5IDE0LjQ4NkM1Ny4yMTUxIDE0LjA5NjMgNTYuNzEzMiAxMy41MTA3IDU2LjQzNDggMTIuNzI4N0w1Ni40MzQ4IDEyLjcyODZaTTU4LjYxMDQgMjYuNTM2MUM1Ny43NzMyIDI2LjQ4MTIgNTcuMTg3NiAyNi4xNzMzIDU2Ljg1MjggMjUuNjE2QzU2LjU3MzIgMjUuMTEzMiA1Ni42MDIgMjQuNTAwNCA1Ni45MzY4IDIzLjc3NDFDNTcuMzI2NSAyMi45OTQxIDU3Ljg4NDkgMjIuNDA4NSA1OC42MTA0IDIyLjAxNzNDNjEuODQ1MyAyMC4yMzI2IDY1LjAyNTkgMTkuMjU2MiA2OC4xNTA3IDE5LjA4ODlDNjYuMDI5MSAyMi4yMTM3IDYzLjcxNTUgMjQuNDcyMSA2MS4yMDQ1IDI1Ljg2NjVDNjAuMzExNCAyNi4zNjg4IDU5LjQ0NyAyNi41OTE2IDU4LjYxMDIgMjYuNTM2TDU4LjYxMDQgMjYuNTM2MVpNNjcuNzMxOSAzLjk0MTU4QzY4LjM0NDcgMy4yMTcxNCA2OS4wNDE5IDIuODUzMTUgNjkuODI0MyAyLjg1MzE1QzcwLjQ5MjcgMi44NTMxNSA3MS4xMzM4IDMuMjQ0MzIgNzEuNzQ4MyA0LjAyNTEzQzcyLjMwNjMgNC44MDY3OCA3Mi41ODU0IDUuNjQzNDggNzIuNTg1NCA2LjUzNTUzQzcyLjU4NTQgOS4yMTM1MSA3MS42NjQyIDEyLjQ0OTQgNjkuODI0MyAxNi4yNDMyQzY3Ljg3MDYgMTIuMjI2OCA2Ni44OTQ3IDguOTkxMzMgNjYuODk0NyA2LjUzNTUzQzY2Ljg5NTEgNS41MzE5NCA2Ny4xNzMgNC42NjcyMiA2Ny43MzE5IDMuOTQxNThaTTcxLjMzMDQgMzIuMjI2OEM3MC44Mjc1IDMyLjg0MTIgNzAuMjQyIDMzLjE0NjMgNjkuNTcyIDMzLjE0NjNDNjguOTU4NCAzMy4xNDYzIDY4LjQwMTIgMzIuODExOSA2Ny44OTkxIDMyLjE0MzZDNjcuMzk3NiAzMS41MjkyIDY3LjE0NTEgMzAuODMyOCA2Ny4xNDUxIDMwLjA1MTJDNjcuMTQ1MSAyNy4wOTQgNjguMDM2NyAyMy43NzQgNjkuODI0NCAyMC4wOTIxQzcxLjMzMDEgMjMuMTYyIDcyLjA4MjggMjYuNDgxOCA3Mi4wODI4IDMwLjA1MTJDNzIuMDgzMiAzMC44ODg0IDcxLjgzMjggMzEuNjEzNSA3MS4zMzA0IDMyLjIyNjhaTTgxLjcwNjUgOS44ODMwOEM4Mi41NDM3IDkuOTk1NDYgODMuMTU3NyAxMC4zNTcxIDgzLjU0ODQgMTAuOTcxNUM4My44MjYgMTEuNDcyNyA4My43OTg5IDEyLjExNTEgODMuNDY0NCAxMi44OTU1QzgzLjA3MzIgMTMuNjc3NSA4Mi41MTQ4IDE0LjI2MzEgODEuNzkgMTQuNjUzNkM3OS41MDI0IDE1LjkzNzEgNzYuMDcxNCAxNi43NzM2IDcxLjQ5NzYgMTcuMTYzNkM3My41NjE3IDE0LjMxODQgNzYuMDk5OSAxMi4wNTg4IDc5LjExMzcgMTAuMzg0OEM3OS45NTA1IDkuOTM4NjcgODAuODE0NSA5Ljc3Mjc0IDgxLjcwNjUgOS44ODMxMUw4MS43MDY1IDkuODgzMDhaTTgzLjIxNDEgMjMuNjkwNkM4My42MDMzIDI0LjQxNjIgODMuNjMxOCAyNS4wMjkzIDgzLjI5NzMgMjUuNTMyMkM4Mi45NjE3IDI2LjAzNDYgODIuMzc2OSAyNi4zNDE4IDgxLjUzOTcgMjYuNDUyOUM4MC42NDY1IDI2LjU2NDUgNzkuODM2OSAyNi40MjYxIDc5LjExMzcgMjYuMDM0NkM3Ni4zNzg2IDI0LjUyNzggNzMuODQxMiAyMi4xNTcxIDcxLjQ5NzYgMTguOTIxQzc1LjAxMjQgMTkuMjU2MSA3OC4zMDM3IDIwLjI2MDUgODEuMzcyMSAyMS45MzQyQzgyLjIwODggMjIuMzgwMiA4Mi44MjMzIDIyLjk2NTkgODMuMjE0MSAyMy42OTA2SDgzLjIxNDFaIiBmaWxsPSJibGFjayIgc3R5bGU9ImZpbGw6YmxhY2s7ZmlsbC1vcGFjaXR5OjE7Ij48L3BhdGg+Cjwvc3ZnPg==") center / contain no-repeat;
  mask: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQwIiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMTQwIDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNC40MzQ3OSAxMi43Mjg2QzQuMTU0ODMgMTEuOTQ3NCA0LjIxMDg0IDExLjI1MTQgNC42MDIwMSAxMC42MzdDNC44ODA0NSAxMC4xMzQ2IDUuNDY2MzcgOS44Mjg2NiA2LjM1OTIzIDkuNzE2MjhDNy4xOTU2IDkuNjYwNzMgNy45NzY0MSA5LjgyODY2IDguNzAyMDUgMTAuMjE4N0MxMS40MzQ5IDExLjcyNDMgMTMuOTQ1OCAxNC4wNjcxIDE2LjIzMzYgMTcuMjQ2OEMxMi4wNDk4IDE2Ljg1NzYgOC42MTc0NSAxNS45Mzc1IDUuOTQwODUgMTQuNDg2QzUuMjE1MTIgMTQuMDk2MyA0LjcxMzE5IDEzLjUxMDcgNC40MzQ3NiAxMi43Mjg3TDQuNDM0NzkgMTIuNzI4NlpNNi42MTAzOSAyNi41MzYxQzUuNzczMjEgMjYuNDgxMiA1LjE4NzYxIDI2LjE3MzMgNC44NTI4MSAyNS42MTZDNC41NzMyIDI1LjExMzIgNC42MDIwMyAyNC41MDA0IDQuOTM2ODMgMjMuNzc0MUM1LjMyNjQ3IDIyLjk5NDEgNS44ODQ4OSAyMi40MDg1IDYuNjEwMzggMjIuMDE3M0M5Ljg0NTI4IDIwLjIzMjYgMTMuMDI1OSAxOS4yNTYyIDE2LjE1MDcgMTkuMDg4OUMxNC4wMjkxIDIyLjIxMzcgMTEuNzE1NSAyNC40NzIxIDkuMjA0NDggMjUuODY2NUM4LjMxMTM4IDI2LjM2ODggNy40NDcwMiAyNi41OTE2IDYuNjEwMTcgMjYuNTM2TDYuNjEwMzkgMjYuNTM2MVpNMTUuNzMxOSAzLjk0MTU4QzE2LjM0NDcgMy4yMTcxNCAxNy4wNDE5IDIuODUzMTUgMTcuODI0MyAyLjg1MzE1QzE4LjQ5MjcgMi44NTMxNSAxOS4xMzM4IDMuMjQ0MzIgMTkuNzQ4MyA0LjAyNTEzQzIwLjMwNjMgNC44MDY3OCAyMC41ODU0IDUuNjQzNDggMjAuNTg1NCA2LjUzNTUzQzIwLjU4NTQgOS4yMTM1MSAxOS42NjQyIDEyLjQ0OTQgMTcuODI0MyAxNi4yNDMyQzE1Ljg3MDYgMTIuMjI2OCAxNC44OTQ3IDguOTkxMzMgMTQuODk0NyA2LjUzNTUzQzE0Ljg5NTEgNS41MzE5NCAxNS4xNzMgNC42NjcyMiAxNS43MzE5IDMuOTQxNThaTTE5LjMzMDQgMzIuMjI2OEMxOC44Mjc1IDMyLjg0MTIgMTguMjQyIDMzLjE0NjMgMTcuNTcyIDMzLjE0NjNDMTYuOTU4NCAzMy4xNDYzIDE2LjQwMTIgMzIuODExOSAxNS44OTkxIDMyLjE0MzZDMTUuMzk3NiAzMS41MjkyIDE1LjE0NTEgMzAuODMyOCAxNS4xNDUxIDMwLjA1MTJDMTUuMTQ1MSAyNy4wOTQgMTYuMDM2NyAyMy43NzQgMTcuODI0NCAyMC4wOTIxQzE5LjMzMDEgMjMuMTYyIDIwLjA4MjggMjYuNDgxOCAyMC4wODI4IDMwLjA1MTJDMjAuMDgzMiAzMC44ODg0IDE5LjgzMjggMzEuNjEzNSAxOS4zMzA0IDMyLjIyNjhaTTI5LjcwNjUgOS44ODMwOEMzMC41NDM3IDkuOTk1NDYgMzEuMTU3NyAxMC4zNTcxIDMxLjU0ODQgMTAuOTcxNUMzMS44MjYgMTEuNDcyNyAzMS43OTg5IDEyLjExNTEgMzEuNDY0NCAxMi44OTU1QzMxLjA3MzIgMTMuNjc3NSAzMC41MTQ4IDE0LjI2MzEgMjkuNzkgMTQuNjUzNkMyNy41MDI0IDE1LjkzNzEgMjQuMDcxNCAxNi43NzM2IDE5LjQ5NzYgMTcuMTYzNkMyMS41NjE3IDE0LjMxODQgMjQuMDk5OSAxMi4wNTg4IDI3LjExMzcgMTAuMzg0OEMyNy45NTA1IDkuOTM4NjcgMjguODE0NSA5Ljc3Mjc0IDI5LjcwNjUgOS44ODMxMUwyOS43MDY1IDkuODgzMDhaTTMxLjIxNDEgMjMuNjkwNkMzMS42MDMzIDI0LjQxNjIgMzEuNjMxOCAyNS4wMjkzIDMxLjI5NzMgMjUuNTMyMkMzMC45NjE3IDI2LjAzNDYgMzAuMzc2OSAyNi4zNDE4IDI5LjUzOTcgMjYuNDUyOUMyOC42NDY1IDI2LjU2NDUgMjcuODM2OSAyNi40MjYxIDI3LjExMzcgMjYuMDM0NkMyNC4zNzg2IDI0LjUyNzggMjEuODQxMiAyMi4xNTcxIDE5LjQ5NzYgMTguOTIxQzIzLjAxMjQgMTkuMjU2MSAyNi4zMDM3IDIwLjI2MDUgMjkuMzcyMSAyMS45MzQyQzMwLjIwODggMjIuMzgwMiAzMC44MjMzIDIyLjk2NTkgMzEuMjE0MSAyMy42OTA2SDMxLjIxNDFaIiBmaWxsPSJibGFjayIgc3R5bGU9ImZpbGw6YmxhY2s7ZmlsbC1vcGFjaXR5OjE7Ij48L3BhdGg+CjxwYXRoIGQ9Ik0xMDguNDM1IDEyLjcyODZDMTA4LjE1NSAxMS45NDc0IDEwOC4yMTEgMTEuMjUxNCAxMDguNjAyIDEwLjYzN0MxMDguODggMTAuMTM0NiAxMDkuNDY2IDkuODI4NjYgMTEwLjM1OSA5LjcxNjI4QzExMS4xOTYgOS42NjA3MyAxMTEuOTc2IDkuODI4NjYgMTEyLjcwMiAxMC4yMTg3QzExNS40MzUgMTEuNzI0MyAxMTcuOTQ2IDE0LjA2NzEgMTIwLjIzNCAxNy4yNDY4QzExNi4wNSAxNi44NTc2IDExMi42MTcgMTUuOTM3NSAxMDkuOTQxIDE0LjQ4NkMxMDkuMjE1IDE0LjA5NjMgMTA4LjcxMyAxMy41MTA3IDEwOC40MzUgMTIuNzI4N0wxMDguNDM1IDEyLjcyODZaTTExMC42MSAyNi41MzYxQzEwOS43NzMgMjYuNDgxMiAxMDkuMTg4IDI2LjE3MzMgMTA4Ljg1MyAyNS42MTZDMTA4LjU3MyAyNS4xMTMyIDEwOC42MDIgMjQuNTAwNCAxMDguOTM3IDIzLjc3NDFDMTA5LjMyNiAyMi45OTQxIDEwOS44ODUgMjIuNDA4NSAxMTAuNjEgMjIuMDE3M0MxMTMuODQ1IDIwLjIzMjYgMTE3LjAyNiAxOS4yNTYyIDEyMC4xNTEgMTkuMDg4OUMxMTguMDI5IDIyLjIxMzcgMTE1LjcxNSAyNC40NzIxIDExMy4yMDQgMjUuODY2NUMxMTIuMzExIDI2LjM2ODggMTExLjQ0NyAyNi41OTE2IDExMC42MSAyNi41MzZMMTEwLjYxIDI2LjUzNjFaTTExOS43MzIgMy45NDE1OEMxMjAuMzQ1IDMuMjE3MTQgMTIxLjA0MiAyLjg1MzE1IDEyMS44MjQgMi44NTMxNUMxMjIuNDkzIDIuODUzMTUgMTIzLjEzNCAzLjI0NDMyIDEyMy43NDggNC4wMjUxM0MxMjQuMzA2IDQuODA2NzggMTI0LjU4NSA1LjY0MzQ4IDEyNC41ODUgNi41MzU1M0MxMjQuNTg1IDkuMjEzNTEgMTIzLjY2NCAxMi40NDk0IDEyMS44MjQgMTYuMjQzMkMxMTkuODcxIDEyLjIyNjggMTE4Ljg5NSA4Ljk5MTMzIDExOC44OTUgNi41MzU1M0MxMTguODk1IDUuNTMxOTQgMTE5LjE3MyA0LjY2NzIyIDExOS43MzIgMy45NDE1OFpNMTIzLjMzIDMyLjIyNjhDMTIyLjgyOCAzMi44NDEyIDEyMi4yNDIgMzMuMTQ2MyAxMjEuNTcyIDMzLjE0NjNDMTIwLjk1OCAzMy4xNDYzIDEyMC40MDEgMzIuODExOSAxMTkuODk5IDMyLjE0MzZDMTE5LjM5OCAzMS41MjkyIDExOS4xNDUgMzAuODMyOCAxMTkuMTQ1IDMwLjA1MTJDMTE5LjE0NSAyNy4wOTQgMTIwLjAzNyAyMy43NzQgMTIxLjgyNCAyMC4wOTIxQzEyMy4zMyAyMy4xNjIgMTI0LjA4MyAyNi40ODE4IDEyNC4wODMgMzAuMDUxMkMxMjQuMDgzIDMwLjg4ODQgMTIzLjgzMyAzMS42MTM1IDEyMy4zMyAzMi4yMjY4Wk0xMzMuNzA2IDkuODgzMDhDMTM0LjU0NCA5Ljk5NTQ2IDEzNS4xNTggMTAuMzU3MSAxMzUuNTQ4IDEwLjk3MTVDMTM1LjgyNiAxMS40NzI3IDEzNS43OTkgMTIuMTE1MSAxMzUuNDY0IDEyLjg5NTVDMTM1LjA3MyAxMy42Nzc1IDEzNC41MTUgMTQuMjYzMSAxMzMuNzkgMTQuNjUzNkMxMzEuNTAyIDE1LjkzNzEgMTI4LjA3MSAxNi43NzM2IDEyMy40OTggMTcuMTYzNkMxMjUuNTYyIDE0LjMxODQgMTI4LjEgMTIuMDU4OCAxMzEuMTE0IDEwLjM4NDhDMTMxLjk1IDkuOTM4NjcgMTMyLjgxNCA5Ljc3Mjc0IDEzMy43MDcgOS44ODMxMUwxMzMuNzA2IDkuODgzMDhaTTEzNS4yMTQgMjMuNjkwNkMxMzUuNjAzIDI0LjQxNjIgMTM1LjYzMiAyNS4wMjkzIDEzNS4yOTcgMjUuNTMyMkMxMzQuOTYyIDI2LjAzNDYgMTM0LjM3NyAyNi4zNDE4IDEzMy41NCAyNi40NTI5QzEzMi42NDcgMjYuNTY0NSAxMzEuODM3IDI2LjQyNjEgMTMxLjExNCAyNi4wMzQ2QzEyOC4zNzkgMjQuNTI3OCAxMjUuODQxIDIyLjE1NzEgMTIzLjQ5OCAxOC45MjFDMTI3LjAxMiAxOS4yNTYxIDEzMC4zMDQgMjAuMjYwNSAxMzMuMzcyIDIxLjkzNDJDMTM0LjIwOSAyMi4zODAyIDEzNC44MjMgMjIuOTY1OSAxMzUuMjE0IDIzLjY5MDZIMTM1LjIxNFoiIGZpbGw9ImJsYWNrIiBzdHlsZT0iZmlsbDpibGFjaztmaWxsLW9wYWNpdHk6MTsiPjwvcGF0aD4KPHBhdGggZD0iTTU2LjQzNDggMTIuNzI4NkM1Ni4xNTQ4IDExLjk0NzQgNTYuMjEwOCAxMS4yNTE0IDU2LjYwMiAxMC42MzdDNTYuODgwNCAxMC4xMzQ2IDU3LjQ2NjQgOS44Mjg2NiA1OC4zNTkyIDkuNzE2MjhDNTkuMTk1NiA5LjY2MDczIDU5Ljk3NjQgOS44Mjg2NiA2MC43MDIxIDEwLjIxODdDNjMuNDM0OSAxMS43MjQzIDY1Ljk0NTggMTQuMDY3MSA2OC4yMzM2IDE3LjI0NjhDNjQuMDQ5OCAxNi44NTc2IDYwLjYxNzUgMTUuOTM3NSA1Ny45NDA5IDE0LjQ4NkM1Ny4yMTUxIDE0LjA5NjMgNTYuNzEzMiAxMy41MTA3IDU2LjQzNDggMTIuNzI4N0w1Ni40MzQ4IDEyLjcyODZaTTU4LjYxMDQgMjYuNTM2MUM1Ny43NzMyIDI2LjQ4MTIgNTcuMTg3NiAyNi4xNzMzIDU2Ljg1MjggMjUuNjE2QzU2LjU3MzIgMjUuMTEzMiA1Ni42MDIgMjQuNTAwNCA1Ni45MzY4IDIzLjc3NDFDNTcuMzI2NSAyMi45OTQxIDU3Ljg4NDkgMjIuNDA4NSA1OC42MTA0IDIyLjAxNzNDNjEuODQ1MyAyMC4yMzI2IDY1LjAyNTkgMTkuMjU2MiA2OC4xNTA3IDE5LjA4ODlDNjYuMDI5MSAyMi4yMTM3IDYzLjcxNTUgMjQuNDcyMSA2MS4yMDQ1IDI1Ljg2NjVDNjAuMzExNCAyNi4zNjg4IDU5LjQ0NyAyNi41OTE2IDU4LjYxMDIgMjYuNTM2TDU4LjYxMDQgMjYuNTM2MVpNNjcuNzMxOSAzLjk0MTU4QzY4LjM0NDcgMy4yMTcxNCA2OS4wNDE5IDIuODUzMTUgNjkuODI0MyAyLjg1MzE1QzcwLjQ5MjcgMi44NTMxNSA3MS4xMzM4IDMuMjQ0MzIgNzEuNzQ4MyA0LjAyNTEzQzcyLjMwNjMgNC44MDY3OCA3Mi41ODU0IDUuNjQzNDggNzIuNTg1NCA2LjUzNTUzQzcyLjU4NTQgOS4yMTM1MSA3MS42NjQyIDEyLjQ0OTQgNjkuODI0MyAxNi4yNDMyQzY3Ljg3MDYgMTIuMjI2OCA2Ni44OTQ3IDguOTkxMzMgNjYuODk0NyA2LjUzNTUzQzY2Ljg5NTEgNS41MzE5NCA2Ny4xNzMgNC42NjcyMiA2Ny43MzE5IDMuOTQxNThaTTcxLjMzMDQgMzIuMjI2OEM3MC44Mjc1IDMyLjg0MTIgNzAuMjQyIDMzLjE0NjMgNjkuNTcyIDMzLjE0NjNDNjguOTU4NCAzMy4xNDYzIDY4LjQwMTIgMzIuODExOSA2Ny44OTkxIDMyLjE0MzZDNjcuMzk3NiAzMS41MjkyIDY3LjE0NTEgMzAuODMyOCA2Ny4xNDUxIDMwLjA1MTJDNjcuMTQ1MSAyNy4wOTQgNjguMDM2NyAyMy43NzQgNjkuODI0NCAyMC4wOTIxQzcxLjMzMDEgMjMuMTYyIDcyLjA4MjggMjYuNDgxOCA3Mi4wODI4IDMwLjA1MTJDNzIuMDgzMiAzMC44ODg0IDcxLjgzMjggMzEuNjEzNSA3MS4zMzA0IDMyLjIyNjhaTTgxLjcwNjUgOS44ODMwOEM4Mi41NDM3IDkuOTk1NDYgODMuMTU3NyAxMC4zNTcxIDgzLjU0ODQgMTAuOTcxNUM4My44MjYgMTEuNDcyNyA4My43OTg5IDEyLjExNTEgODMuNDY0NCAxMi44OTU1QzgzLjA3MzIgMTMuNjc3NSA4Mi41MTQ4IDE0LjI2MzEgODEuNzkgMTQuNjUzNkM3OS41MDI0IDE1LjkzNzEgNzYuMDcxNCAxNi43NzM2IDcxLjQ5NzYgMTcuMTYzNkM3My41NjE3IDE0LjMxODQgNzYuMDk5OSAxMi4wNTg4IDc5LjExMzcgMTAuMzg0OEM3OS45NTA1IDkuOTM4NjcgODAuODE0NSA5Ljc3Mjc0IDgxLjcwNjUgOS44ODMxMUw4MS43MDY1IDkuODgzMDhaTTgzLjIxNDEgMjMuNjkwNkM4My42MDMzIDI0LjQxNjIgODMuNjMxOCAyNS4wMjkzIDgzLjI5NzMgMjUuNTMyMkM4Mi45NjE3IDI2LjAzNDYgODIuMzc2OSAyNi4zNDE4IDgxLjUzOTcgMjYuNDUyOUM4MC42NDY1IDI2LjU2NDUgNzkuODM2OSAyNi40MjYxIDc5LjExMzcgMjYuMDM0NkM3Ni4zNzg2IDI0LjUyNzggNzMuODQxMiAyMi4xNTcxIDcxLjQ5NzYgMTguOTIxQzc1LjAxMjQgMTkuMjU2MSA3OC4zMDM3IDIwLjI2MDUgODEuMzcyMSAyMS45MzQyQzgyLjIwODggMjIuMzgwMiA4Mi44MjMzIDIyLjk2NTkgODMuMjE0MSAyMy42OTA2SDgzLjIxNDFaIiBmaWxsPSJibGFjayIgc3R5bGU9ImZpbGw6YmxhY2s7ZmlsbC1vcGFjaXR5OjE7Ij48L3BhdGg+Cjwvc3ZnPg==") center / contain no-repeat;
}
.author-title {
  margin: 0;
  font-family: var(--serif);
  font-weight: 500;
  font-size: var(--text-xl);
  letter-spacing: -0.01em;
  color: var(--accent);
}
.author-works li {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  padding: 0;
}
.author-works li span:last-child { color: var(--cochinilla-3); }
.author-works li { color: var(--cochinilla-3); }
.author-work-link svg {
  flex: none;
  color: inherit;
}
.author-eyebrow {
  margin-bottom: 32px;
  font-family: var(--mono);
  font-size: var(--label);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: var(--leading-xs);
  color: var(--accent);
}
.author-quote p {
  margin: 0;
  font: inherit;
  font-family: var(--serif);
}
.author-quote cite {
  color: var(--light);
  display: block;
  margin-top: 24px;
  font-family: var(--mono);
  font-style: normal;
  font-size: var(--label);
  font-weight: 600;
  line-height: var(--leading-xs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.release-row dt {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
  color: var(--accent);
}
.team-avatars img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
  display: block;
}
.release-details {
  margin-top: 40px;
  container-type: inline-size;
  padding: 32px;
  background: rgb(from var(--ink) r g b / 0.06);
  border-radius: var(--radius);
}
.release-details-table dd {
  color: var(--ink);
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
}
.posters .section-ghost {
  grid-area: stack;
  margin: 0;
  align-self: center;
  font-family: var(--sans);
  font-feature-settings: normal;
  font-weight: 600;
  font-size: clamp(2.6rem, 6.5vw, 5.6rem);
  line-height: var(--leading-h3);
  letter-spacing: -0.06em;
  color: var(--veil-white-10);
  white-space: nowrap;
  user-select: none;
  pointer-events: none;
}
.scatter-wrap > * {
  position: absolute;
  display: block;
  height: auto;
  cursor: grab;
  pointer-events: auto;
  user-select: none;
  -webkit-user-drag: none;
  box-shadow: 0 1.25rem 2.5rem rgb(from var(--dark) r g b / 0.35);
  transition: transform 0.5s var(--ease), box-shadow 0.3s ease;
}
.scatter-wrap > * {
  animation: scatter-float 12s linear infinite;
  will-change: translate;
}
.scatter-item { box-shadow: none; z-index: 4; height: auto; }
.scatter-item img {
  display: block;
  width: 100%;
  height: auto;
  box-shadow: 0 1.25rem 2.5rem rgb(from var(--dark) r g b / 0.35);
  -webkit-user-drag: none;
  user-select: none;
}
@media (prefers-reduced-motion: reduce) {
  .scatter-wrap > * { animation: none; }
}
.gallery-title {
  margin: 0;
  font-family: var(--mono);
  font-size: var(--label);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: var(--leading-xs);
  color: var(--accent);
}
.gallery-arrow:hover,
.gallery-arrow:focus-visible { background: rgb(from currentColor r g b / 0.2); color: var(--ink); border-color: var(--borders); }
.gallery-arrow svg { display: block; }
.lightbox-stage img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform-origin: center center;
  will-change: transform;
  user-select: none;
  -webkit-user-drag: none;
}
.lightbox-close svg { display: block; }
.gallery figcaption { margin-top: var(--space-4); line-height: var(--leading-md); }
@media (max-width: 960px) {
  .stat-label { white-space: normal; max-width: 14ch; }
}
@media (max-width: 767px) {
  .stat-label { max-width: 12ch; font-size: var(--text-xs); }
}
@media (max-width: 479px) {
  .stat-label { max-width: 10ch; font-size: var(--label); letter-spacing: 0.04em; }
}
@media (max-width: 960px) {
  .posters .section-ghost { font-size: clamp(3.25rem, 1.9rem + 6.4vw, 4rem); line-height: var(--leading-h1); }
}
.slide img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  -webkit-user-drag: none;
  user-select: none;
}