/* /tickets · Yelapalandia: el cartel del lineup armado pieza por pieza, animado y con el checkout embebido.
   Generado por docs/workflow/gathering-tickets-yelapalandia-20261024/build.py: esta es la base fija; las posiciones,
   los dibujitos sembrados y el mapa del mouse se agregan al final. Sin JavaScript (el paquete no lo lleva).

   Cada pieza tiene tres capas: .yl-p (caja fija, en su lugar del cartel) > .yl-p__hit (zona del mouse, nunca se
   mueve) + .yl-p__move (paralaje) > img (animación). Como la zona del mouse no se mueve, el hover no parpadea
   aunque la pieza salte o se desplace. El paralaje y la luz siguen al mouse con :has(:hover) sobre una rejilla
   invisible y sobre cada zona. La animación de cada pieza (--amb) nunca cambia con el mouse: el hover sólo levanta y
   agranda un poco con transiciones suaves (--lift, --grow), así no se reinicia ni salta al entrar o salir.

   application.css apaga toda animación de .ticket-declared-page con !important cuando el sistema pide reducir el
   movimiento; build.py marca !important las animaciones y transiciones de esta hoja para que la versión suave de
   abajo siga viva en ese modo. */

.ticket-declared-page .tg-flow--checkout-shell.yl-page {
  --yl-paper: #f7c47d;
  --yl-paper-hi: #fcd690;
  --yl-paper-lo: #eeb26c;
  --yl-ink: #3b1a5c;
  --yl-plum: #43205f;
  --yl-magenta: #b8306f;
  --yl-orange: #e2622a;
  --yl-violet: #5a2f8c;
  --yl-cream: #fff3d6;
  --yl-beat: 0.5s;
  --yl-spring: cubic-bezier(0.3, 1.6, 0.5, 1);
  --yl-ease: cubic-bezier(0.22, 1, 0.36, 1);
  position: relative;
  max-width: none;
  margin: 0;
  padding: 0 0 clamp(1rem, 3vw, 2rem);
  overflow: clip;
  color: var(--yl-ink);
  /* El papel va en el body (abajo); aquí sólo la luz de arriba, que se desvanece a transparente, sin borde. */
  background: radial-gradient(130% 1100px at 50% 280px, rgb(252 214 144 / 0.95), rgb(252 214 144 / 0) 72%);
}
/* Un solo papel continuo de arriba hasta el pie de página. application.css pinta el body morado con !important;
   en esta página el papel lo reemplaza, así nunca asoma el morado debajo del final ni alrededor del pie. Encima va
   la capa fija de grano y viñeta (arriba), que es la que hace visible el degradado en cada pantalla. */
body.ticket-declared-page:has(.yl-page) {
  background: linear-gradient(#f7c47d 0%, #fcd690 22%, #f6c07a 48%, #fcd690 72%, #eeb26c 100%) !important;
}
/* En la página de boletos el cartel ocupa toda la atención: la barra sale del flujo, se esconden el logo, la fecha,
   «Comprar boletos» y el idioma, y sólo queda el botón del menú, translúcido, flotando arriba a la derecha. El panel
   del menú usa la ventana completa, así que abre igual que en el resto del sitio. */
body:has(.yl-page) .tg-header.tg-header--persistent {
  position: fixed;
  top: 0;
  right: 0;
  left: auto;
  width: auto;
  background: transparent;
  box-shadow: none;
  pointer-events: none;
}
body:has(.yl-page) .tg-header.tg-header--persistent .tg-header__inner {
  display: block;
  min-height: 0;
  padding: max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) 0 0;
}
body:has(.yl-page) .tg-header.tg-header--persistent :is(.tg-wordmark, .tg-header__date, .tg-header__desktop-nav) {
  display: none;
}
body:has(.yl-page) .tg-header.tg-header--persistent .tg-navigation { pointer-events: auto; }
/* Sólo el dibujo del menú, sin caja: teñido con la tinta del cartel y translúcido; con el mouse, entero. */
body:has(.yl-page) .tg-header.tg-header--persistent .tg-navigation:not([open]) .tg-menu-toggle {
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  opacity: 0.62;
  transition: opacity 0.4s ease !important;
}
body:has(.yl-page) .tg-header.tg-header--persistent .tg-navigation:not([open]) .tg-menu-toggle__art {
  filter: brightness(0) saturate(100%) invert(12%) sepia(52%) saturate(3600%) hue-rotate(262deg) brightness(88%);
}
body:has(.yl-page) .tg-header.tg-header--persistent .tg-navigation:not([open]) .tg-menu-toggle:is(:hover, :focus-visible) {
  opacity: 1;
}
html:has(.yl-page) { scroll-padding-top: 1rem; }

/* El pie de página sobre el mismo papel, con la tinta del cartel. */
body:has(.yl-page) .tg-footer {
  position: relative;
  background: transparent;
  color: #3b1a5c;
}
body:has(.yl-page) .tg-footer a:hover,
body:has(.yl-page) .tg-footer a:focus-visible { color: #c2405a; }
body:has(.yl-page) .tg-footer__wordmark img {
  /* El logo es crema; sobre el papel se pinta con la tinta morada. */
  filter: brightness(0) saturate(100%) invert(12%) sepia(52%) saturate(3600%) hue-rotate(262deg) brightness(88%);
}
body:has(.yl-page) .tg-footer__bottom { border-top-color: rgb(59 26 92 / 0.22); }
.yl-page > * { position: relative; z-index: 1; }

/* Grano, viñeta cálida y dibujitos sueltos del cartel en una capa fija a la ventana, detrás del contenido: el
   degradado del papel se ve igual en cada pantalla, del principio al pie, sin cortes donde termina una sección. */
body.ticket-declared-page:has(.yl-page)::before,
body.ticket-declared-page:has(.yl-page)::after {
  content: "";
  position: fixed;
  /* Detrás de todo el contenido (encabezado, checkout, pie), encima sólo del papel del body. */
  z-index: -1;
  pointer-events: none;
}
body.ticket-declared-page:has(.yl-page)::before {
  inset: 0;
  background:
    url("/_site-assets/yl-grain") 0 0 / 240px 240px repeat,
    radial-gradient(120% 90% at 50% 40%, rgb(255 236 190 / 0) 45%, rgb(214 128 70 / 0.42) 100%),
    linear-gradient(160deg, rgb(232 120 110 / 0.18), rgb(255 255 255 / 0) 40%, rgb(255 255 255 / 0) 65%, rgb(150 90 170 / 0.16));
  mix-blend-mode: multiply;
  opacity: 0.85;
}
body.ticket-declared-page:has(.yl-page)::after {
  inset: -1440px -1080px 0 0;
  background: url("/_site-assets/yl-doodles") 0 0 / 1080px 1440px repeat;
  opacity: 0.75;
  animation: yl-drift 90s linear infinite !important;
}
@keyframes yl-drift { to { transform: translate3d(1080px, 1440px, 0); } }

.yl-sr-only {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* ---------- Escenarios: portada y final ---------- */
.yl-stage {
  --mx: 0;
  --my: 0;
  --gx: 50;
  --gy: 50;
  position: relative;
  width: min(100%, 1240px);
  margin: 0 auto;
  aspect-ratio: var(--yl-frame);
}
.yl-finale { margin-top: clamp(1.5rem, 5vw, 3rem); }
/* Primera vista en cualquier pantalla: cartel, artistas y el inicio de «Compra tus accesos». La portada se limita a
   ~38 % del alto de la ventana (en las anchas crecía hasta esconder todo lo demás) y la lista va compacta. */
.yl-hero { width: min(100%, 1240px, calc(max(38svh, 220px) * var(--yl-frame-ratio))); }

/* Luz que sigue al mouse por la rejilla y por cada pieza. */
.yl-glow {
  position: absolute;
  z-index: 1;
  left: calc(var(--gx) * 1%);
  top: calc(var(--gy) * 1%);
  width: clamp(180px, 30%, 420px);
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(circle, rgb(255 251 225 / 0.85) 0%, rgb(255 214 140 / 0.45) 32%, rgb(255 190 120 / 0) 68%);
  mix-blend-mode: soft-light;
  opacity: 0;
  translate: -50% -50%;
  pointer-events: none;
  transition: left 1.1s var(--yl-ease), top 1.1s var(--yl-ease), opacity 0.8s ease !important;
}
.yl-stage:hover .yl-glow { opacity: 1; }

.yl-cells {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-template-rows: repeat(4, 1fr);
}
.yl-cells span { display: block; }

.yl-p {
  position: absolute;
  z-index: 3;
  display: block;
  pointer-events: none;
}
.yl-p__hit {
  position: absolute;
  inset: var(--hit, 0);
  z-index: 2;
  pointer-events: auto;
  cursor: pointer;
}
.yl-p__move {
  display: block;
  translate: calc(var(--mx) * var(--depth, 0) * 0.55px) calc(var(--my) * var(--depth, 0) * 0.55px);
  transition: translate 1.4s var(--yl-ease), scale 0.5s var(--yl-ease) !important;
}
.yl-p__hit:active + .yl-p__move { scale: 0.97; }
.yl-p img,
.yl-s img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-user-drag: none;
  user-select: none;
  animation: var(--amb, none) !important;
  transition: translate 0.7s var(--yl-ease), scale 0.7s var(--yl-ease), filter 0.6s ease !important;
}
.yl-p__hit:hover + .yl-p__move img {
  translate: 0 var(--lift, -3%);
  scale: var(--grow, 1.04);
  filter: saturate(1.15) brightness(1.05);
}

/* ---------- Portada: lettering, fecha, teléfono, enredadera ---------- */
.yl-p--letter { z-index: 4; --depth: 10; --hit: 6% 14%; --lift: -6%; --grow: 1.04; }
.yl-p--letter img {
  transform-origin: 50% 100%;
  --amb:
    yl-drop 0.9s var(--yl-spring) calc(0.15s + var(--i) * 0.09s) both,
    yl-wave calc(var(--yl-beat) * 8) ease-in-out calc(1.8s + var(--i) * 0.07s) infinite;
}
@keyframes yl-drop {
  0% { opacity: 0; transform: translateY(-70%) rotate(-8deg) scale(0.9); }
  60% { opacity: 1; }
  100% { opacity: 1; transform: none; }
}
@keyframes yl-wave {
  0%, 30%, 100% { transform: none; }
  12% { transform: translateY(-5%) rotate(-1deg); }
  22% { transform: translateY(0.8%); }
}

.yl-p--the-gathering { --depth: 6; }
.yl-p--the-gathering img {
  --amb: yl-settle 0.8s cubic-bezier(0.2, 0.8, 0.2, 1) 1.2s both;
}
@keyframes yl-settle {
  from { opacity: 0; transform: translateY(-40%); }
  to { opacity: 1; transform: none; }
}

.yl-p--spiral { --depth: 14; z-index: 5; --hit: -40%; --lift: 0%; --grow: 1.15; }
.yl-p--spiral img {
  --amb: yl-pop 0.6s var(--yl-spring) 1.5s both, yl-spin 7s linear 2.1s infinite;
}
@keyframes yl-spin { to { rotate: -360deg; } }

.yl-p--date { --depth: 26; z-index: 5; --hit: 8% 4%; --lift: -2%; --grow: 1.04; }
.yl-p--date img {
  transform-origin: 40% 60%;
  --amb: yl-pop 0.8s var(--yl-spring) 1.45s both, yl-float calc(var(--yl-beat) * 8) ease-in-out 2.3s infinite;
}
@keyframes yl-pop {
  0% { opacity: 0; transform: scale(0.2) rotate(-18deg); }
  100% { opacity: 1; transform: none; }
}
@keyframes yl-float {
  0%, 100% { transform: none; }
  25% { transform: translateY(-4%) rotate(-1.5deg); }
  75% { transform: translateY(3%) rotate(1.5deg); }
}
/* Brillo que cruza la fecha cada dos compases (la máscara es la misma fecha); con el mouse, sin pausa. */
.yl-p--date .yl-p__move { position: relative; }
.yl-p--date .yl-p__move::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 35%, rgb(255 250 230 / 0.9) 50%, transparent 65%) -150% 0 / 250% 100% no-repeat;
  -webkit-mask: url("/_site-assets/yl-date") 0 0 / 100% 100% no-repeat;
  mask: url("/_site-assets/yl-date") 0 0 / 100% 100% no-repeat;
  mix-blend-mode: soft-light;
  animation: yl-shine calc(var(--yl-beat) * 8) ease-in-out 2.4s infinite !important;
  pointer-events: none;
}
@keyframes yl-shine {
  0% { background-position: 150% 0; }
  35%, 100% { background-position: -150% 0; }
}

.yl-p--phone { --depth: -22; --hit: 10% 0 18% 22%; }
.yl-p--phone img {
  transform-origin: 60% 70%;
  --amb: yl-fade 0.8s ease 0.6s both, yl-ring calc(var(--yl-beat) * 8) ease-in-out 2.5s infinite;
}
@keyframes yl-ring {
  0%, 20%, 100% { transform: none; }
  4%, 12% { transform: rotate(-2.5deg); }
  8%, 16% { transform: rotate(2.5deg); }
}

.yl-p--vine { --depth: -22; --hit: 0 18%; }
.yl-p--vine img {
  transform-origin: 40% 0;
  --amb: yl-fade 0.8s ease 0.4s both, yl-sway 6s ease-in-out 1.2s infinite alternate;
}
@keyframes yl-sway {
  from { rotate: -2.5deg; }
  to { rotate: 2.5deg; }
}
@keyframes yl-fade { from { opacity: 0; } to { opacity: 1; } }

/* ---------- Final del cartel: jaguar, globo, sello, palmas ---------- */
.yl-p--jaguar { --depth: 12; --hit: 4% 12%; }
.yl-p--jaguar img {
  transform-origin: 50% 80%;
  --amb: yl-tilt 5s ease-in-out infinite alternate;
}
@keyframes yl-tilt { from { rotate: -3deg; } to { rotate: 3deg; } }
.yl-p--bubble { --depth: 18; --hit: 4%; }
.yl-p--bubble img {
  transform-origin: 20% 90%;
  --amb: yl-float 4s ease-in-out infinite;
}
.yl-p--seal { --depth: 8; --hit: 6%; --lift: 0%; --grow: 1.06; }
.yl-p--seal img {
  --amb: yl-spin 40s linear infinite reverse;
}
.yl-p--palms { --depth: -12; --hit: 0 8% 0 30%; --lift: 0%; --grow: 1.03; }
.yl-p--palms-small,
.yl-p--sign { --depth: -6; }
.yl-p--palms img,
.yl-p--palms-small img {
  transform-origin: 70% 100%;
  --amb: yl-sway 4.5s ease-in-out infinite alternate;
}
.yl-p--palms-small img { --amb: yl-sway 3.2s ease-in-out infinite alternate; }
.yl-p--sign img {
  transform-origin: 50% 100%;
  --amb: yl-tilt 3s ease-in-out infinite alternate;
}

/* ---------- Dibujitos sembrados: flores, estrellas, nubes y pájaros ---------- */
.yl-field {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.yl-s {
  position: absolute;
  z-index: 2;
  display: block;
  pointer-events: auto;
  cursor: pointer;
}
.yl-s__move {
  display: block;
  translate: calc(var(--mx, 0) * var(--depth, 0) * 0.55px) calc(var(--my, 0) * var(--depth, 0) * 0.55px);
  transition: translate 1.4s var(--yl-ease), scale 0.8s var(--yl-ease) !important;
}
.yl-s:hover .yl-s__move { scale: 1.25; }
.yl-s:active .yl-s__move { scale: 1.1; }
.yl-s:hover img { filter: saturate(1.3) brightness(1.08) drop-shadow(0 0 5px rgb(255 245 210 / 0.8)); }
.yl-s--flower img {
  --amb:
    yl-fade 0.8s ease var(--delay) both,
    yl-turn var(--dur) linear var(--delay) infinite var(--turn, normal),
    yl-bob calc(var(--dur) / 4) ease-in-out var(--delay) infinite alternate;
}
.yl-s--star img {
  --amb:
    yl-fade 0.8s ease var(--delay) both,
    yl-twinkle calc(var(--dur) / 5) ease-in-out var(--delay) infinite alternate;
}
.yl-s--cloud img {
  --amb: yl-fade 0.8s ease var(--delay) both, yl-cloud calc(var(--dur) / 1.5) ease-in-out var(--delay) infinite alternate;
}
.yl-s--bird img {
  --amb: yl-glide var(--dur) linear var(--delay) infinite, yl-flap 0.45s ease-in-out infinite alternate;
}
@keyframes yl-turn { to { rotate: 360deg; } }
@keyframes yl-bob {
  from { translate: 0 -10%; }
  to { translate: 0 12%; }
}
@keyframes yl-twinkle {
  0% { scale: 0.65; rotate: -14deg; opacity: 0.55; }
  100% { scale: 1.15; rotate: 14deg; opacity: 1; }
}
@keyframes yl-cloud {
  from { translate: -18% 0; }
  to { translate: 18% -6%; }
}
@keyframes yl-glide {
  0% { translate: -160% 40%; opacity: 0; }
  10%, 80% { opacity: 1; }
  100% { translate: 260% -60%; opacity: 0; }
}
@keyframes yl-flap {
  from { scale: 1 1; }
  to { scale: 1 0.55; }
}
/* En la portada y el final van sobre la rejilla del mouse (debajo de las piezas); en las secciones, a los lados
   del texto; los de los costados de la página, detrás de todo y sólo en pantallas anchas. */
.yl-stage .yl-field { z-index: 3; }
/* Junto a las listas, los dibujitos van detrás del texto: nunca encima de un nombre o un título. El texto deja pasar
   el mouse salvo en cada nombre, así los dibujitos que asoman también reaccionan. */
.yl-list .yl-field { z-index: 0; }
.yl-list > :not(.yl-field) { pointer-events: none; }
.yl-list .yl-names span { pointer-events: auto; }
.yl-page > .yl-field--page { position: absolute; inset: 0; z-index: 0; }
.yl-field--page .yl-s { opacity: 0.9; }
@media (max-width: 1279px) {
  .yl-field--page .yl-s--side { display: none; }
}

/* ---------- Bloque de arriba: cartel, artistas y el jardín de los costados ----------
   Las enredaderas cuelgan de las esquinas de arriba y las palmas suben desde las de abajo, como en el cartel; entre
   ellas, racimos de flores, estrellas y pájaros (build.py, garden()). Todo va detrás del contenido y sólo donde sobra
   papel a los lados. */
.yl-top { position: relative; }
.yl-top > .yl-list--musica {
  width: min(100% - 2rem, 1120px);
  margin: clamp(0.25rem, 1vw, 0.75rem) auto 0;
}
.yl-garden {
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.yl-garden .yl-s { z-index: 0; }
.yl-s--plant { --dur: 7s; --delay: 0s; }
.yl-s--plant img {
  transform-origin: var(--origin, 50% 0);
  --amb: yl-fade 1s ease 0.3s both, yl-sway var(--dur) ease-in-out var(--delay) infinite alternate;
}
.yl-plant--mirror img { transform: scaleX(-1); }
.yl-garden .yl-s--plant:hover .yl-s__move { scale: 1.03; }
.yl-plant--vine-l { left: 2.5%; top: -1%; width: clamp(110px, 9vw, 175px); --origin: 40% 0; }
.yl-plant--vine-l2 { left: 13%; top: -6%; width: clamp(80px, 6.5vw, 125px); --origin: 40% 0; --dur: 8.5s; --delay: -3s; }
.yl-plant--vine-r { right: 2.5%; top: -1%; width: clamp(110px, 9vw, 175px); --origin: 60% 0; --dur: 7.6s; --delay: -1.5s; }
.yl-plant--vine-r2 { right: 13%; top: -6%; width: clamp(80px, 6.5vw, 125px); --origin: 60% 0; --dur: 9s; --delay: -4s; }
.yl-plant--palms-l { left: 0; bottom: 0; width: clamp(200px, 19vw, 360px); --origin: 30% 100%; --dur: 6s; }
.yl-plant--palms-r { right: 0; bottom: 0; width: clamp(200px, 19vw, 360px); --origin: 70% 100%; --dur: 6.6s; --delay: -2s; }
.yl-plant--palms-small-l { left: 17%; bottom: 3%; width: clamp(48px, 4vw, 76px); --origin: 50% 100%; --dur: 4.5s; }
.yl-plant--palms-small-r { right: 18%; bottom: 3%; width: clamp(48px, 4vw, 76px); --origin: 50% 100%; --dur: 5s; --delay: -1s; }
.yl-plant--sign-r { right: 21.5%; bottom: 2%; width: clamp(44px, 3.6vw, 70px); --origin: 50% 100%; --dur: 5.5s; }
/* Sólo donde hay papel libre a los lados; en pantallas angostas el cartel ya ocupa el ancho. */
@media (max-width: 999px) {
  .yl-garden { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .yl-s--plant img { --amb: yl-fade 1.2s ease 0.3s both, yl-sway calc(var(--dur) * 1.6) ease-in-out var(--delay) infinite alternate; }
}

/* ---------- Lineup y talleres ---------- */
.yl-body {
  display: grid;
  gap: clamp(0.75rem, 2vw, 1.5rem);
  width: min(100% - 2rem, 1120px);
  margin: clamp(0.25rem, 1vw, 0.75rem) auto 0;
}
/* El checkout usa su propia rejilla por ancho de ventana: va a lo ancho, justo después de los artistas (y se alcanza
   a ver desde la primera vista), y después los talleres. */
.yl-list { position: relative; text-align: center; }
.yl-list > :not(.yl-field) { position: relative; z-index: 1; }
.yl-list__title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4em;
  margin: 0 0 0.45em;
  color: var(--yl-orange);
  font: 700 clamp(1.2rem, 2.2vw, 1.6rem)/1 "Garaje 53 Unicase", "Garaje 0503 VAR", sans-serif;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.yl-list__title img {
  width: clamp(3.5rem, 9vw, 6.5rem);
  height: auto;
  animation: yl-orn 3s ease-in-out infinite alternate !important;
}
.yl-list__title img:last-child { animation-direction: alternate-reverse !important; }
.yl-list__title span { display: inline-block; animation: yl-float 4s ease-in-out infinite !important; }
@keyframes yl-orn {
  from { translate: -6% 0; }
  to { translate: 6% 0; }
}
.yl-names {
  margin: 0;
  padding: 0;
  list-style: none;
  font: 800 min(1.7rem, 2.5vw)/1.15 "Archivo", Arial, sans-serif;
  font-stretch: 72%;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
/* Renglones fijos como en el cartel: el que abre renglón rompe la línea y no lleva separador. */
.yl-names li { display: inline; }
.yl-names li::before {
  content: "•";
  content: "•" / "";
  margin: 0 0.32em;
  color: var(--yl-magenta);
  opacity: 0.8;
}
.yl-names li.yl-first::before { content: "\A"; content: "\A" / ""; margin: 0; white-space: pre; }
.yl-names li:first-child::before { content: none; }
/* El span es la zona del mouse y no se mueve; lo que salta es el texto de adentro. */
.yl-names span {
  position: relative;
  display: inline-block;
  color: var(--c, var(--yl-magenta));
  cursor: default;
}
.yl-names b {
  display: inline-block;
  font: inherit;
  transition: transform 0.6s var(--yl-ease), color 0.5s ease !important;
}
.yl-names li:nth-child(5n + 1) { --c: #b52d73; }
.yl-names li:nth-child(5n + 2) { --c: #7b2a7e; }
.yl-names li:nth-child(5n + 3) { --c: #5a2f8c; }
.yl-names li:nth-child(5n + 4) { --c: #c2405a; }
.yl-names li:nth-child(5n + 5) { --c: #dc5a2c; }
.yl-names span:hover b {
  color: var(--yl-orange);
  transform: translateY(-0.08em) scale(1.04);
}
.yl-names span::after {
  content: "✶";
  content: "✶" / "";
  position: absolute;
  top: -0.35em;
  right: -0.45em;
  color: var(--yl-violet);
  font-size: 0.6em;
  opacity: 0;
  transform: scale(0) rotate(-90deg);
  transition: transform 0.7s var(--yl-ease), opacity 0.5s ease !important;
  pointer-events: none;
}
.yl-names span:hover::after { opacity: 1; transform: none; }
.yl-names .yl-names__tba span { font-size: 0.62em; vertical-align: 0.25em; }
.yl-list--talleres .yl-names {
  font-size: min(1.15rem, 2vw);
  font-weight: 700;
  font-stretch: 80%;
  line-height: 1.4;
}
.yl-list--talleres .yl-names li:nth-child(odd) { --c: #6a2d86; }
.yl-list--talleres .yl-names li:nth-child(even) { --c: #8e2b77; }
.yl-list__note {
  margin: 0.5rem 0 0;
  color: var(--yl-ink);
  font: 400 clamp(0.85rem, 1.2vw, 0.95rem)/1.4 "Archivo", Arial, sans-serif;
  opacity: 0.85;
}
@media (max-width: 699px) {
  .yl-names { font-size: clamp(1rem, 5vw, 1.3rem); }
  .yl-list--talleres .yl-names { font-size: clamp(0.85rem, 3.9vw, 1rem); }
  .yl-names li.yl-first::before { content: "•"; content: "•" / ""; margin: 0 0.32em; white-space: normal; }
  .yl-names li.yl-first-m::before { content: "\A"; content: "\A" / ""; margin: 0; white-space: pre; }
  .yl-names li:first-child::before { content: none; }
  .yl-list .yl-field { opacity: 0.55; }
}

/* ---------- Checkout embebido en el cartel ---------- */
.yl-page .tg-checkout-shell__slot.yl-checkout {
  position: relative;
  display: grid;
  gap: 12px;
  width: auto;
  margin: 0;
  padding: clamp(0.9rem, 2vw, 1.5rem) clamp(1.25rem, 3vw, 2rem) clamp(1.25rem, 3vw, 2rem);
  border: 2px solid rgb(255 243 214 / 0.35);
  border-radius: 22px;
  background:
    radial-gradient(90% 60% at 85% 0%, rgb(184 48 111 / 0.45), transparent 70%),
    radial-gradient(80% 50% at 0% 100%, rgb(226 98 42 / 0.28), transparent 70%),
    var(--yl-plum);
  color: var(--yl-cream);
  box-shadow: 0 2px 0 rgb(59 26 92 / 0.25), 0 24px 60px rgb(59 26 92 / 0.35);
  scroll-margin-top: 90px;
}
@media (max-width: 699px) {
  .yl-page .tg-checkout-shell__slot.yl-checkout { padding: 10px; border-radius: 18px; }
}
/* Con initial_scroll = top la plantilla pone «Mis tickets» dentro del encabezado del checkout, y application.css
   esconde el título y deja ese encabezado flotando con alto 0: el botón quedaba encima del primer boleto. Aquí el
   encabezado vuelve a ser una fila del recuadro: el título a la izquierda y «Mis tickets» a la derecha, discreto. */
.yl-page .yl-checkout .ticket-checkout-surface > .ticket-checkout-heading {
  position: static;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  width: auto;
  height: auto;
  margin: 0 0 6px;
  padding: 0 4px;
}
.yl-page .yl-checkout #checkout-title {
  display: block;
  order: 0;
  margin: 0;
  color: var(--yl-cream);
  font: 700 clamp(1.5rem, 3vw, 2.1rem)/1.1 "Amro Sans", Arial, sans-serif;
  letter-spacing: 0;
  text-transform: none;
}
.yl-page .yl-checkout .ticket-checkout-heading > .ticket-portal-link {
  order: 1;
  position: static;
  min-height: 40px;
  margin: 0;
  padding: 0 16px;
  border: 1px solid rgb(255 243 214 / 0.45);
  background: transparent;
  color: var(--yl-cream);
  font-size: 0.82rem;
  letter-spacing: 0.02em;
  text-transform: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition: background-color 0.4s ease, border-color 0.4s ease, color 0.4s ease !important;
}
.yl-page .yl-checkout .ticket-checkout-heading > .ticket-portal-link:is(:hover, :focus-visible) {
  border-color: var(--yl-cream);
  background: var(--yl-cream);
  color: var(--yl-plum);
}

/* Al bajar, cada bloque entra cuando aparece (sólo donde el navegador lo soporta). */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {
    .yl-list,
    .yl-finale .yl-p {
      animation: yl-reveal linear both !important;
      animation-timeline: view() !important;
      animation-range: entry 0% entry 70% !important;
    }
  }
}
@keyframes yl-reveal {
  from { opacity: 0; transform: translateY(40px) scale(0.96); }
  to { opacity: 1; transform: none; }
}

/* ---------- Reducir movimiento: la página sigue viva, pero lenta y suave ----------
   Sin caídas, saltos rápidos, timbre ni temblores; quedan la ola suave, derivas, giros lentos, el brillo y el paralaje,
   y el mouse sigue encendiendo cada pieza con color y un movimiento lento. */
@media (prefers-reduced-motion: reduce) {
  body.ticket-declared-page:has(.yl-page)::after { animation-duration: 200s !important; }
  .yl-p--letter img {
    --amb:
      yl-fade 1.2s ease calc(0.1s + var(--i) * 0.1s) both,
      yl-wave-soft 4s ease-in-out calc(1.4s + var(--i) * 0.15s) infinite;
  }
  .yl-p--the-gathering img { --amb: yl-fade 1.2s ease 0.6s both; }
  .yl-p--spiral img { --amb: yl-fade 1.2s ease 1s both, yl-spin 20s linear infinite; }
  .yl-p--date img { --amb: yl-fade 1.2s ease 1s both, yl-float 8s ease-in-out 2s infinite; }
  .yl-p--date .yl-p__move::after { animation-duration: 8s !important; }
  .yl-p--phone img { --amb: yl-fade 1.2s ease 0.4s both, yl-tilt 6s ease-in-out infinite alternate; }
  .yl-p--vine img { --amb: yl-fade 1.2s ease 0.4s both, yl-sway 9s ease-in-out infinite alternate; }
  .yl-p--jaguar img { --amb: yl-tilt 9s ease-in-out infinite alternate; }
  .yl-p--bubble img { --amb: yl-float 8s ease-in-out infinite; }
  .yl-p--seal img { --amb: yl-spin 90s linear infinite reverse; }
  .yl-p--palms img,
  .yl-p--palms-small img { --amb: yl-sway 9s ease-in-out infinite alternate; }
  .yl-p--sign img { --amb: yl-tilt 7s ease-in-out infinite alternate; }
  .yl-s--flower img {
    --amb: yl-fade 1.2s ease var(--delay) both, yl-turn calc(var(--dur) * 2) linear infinite var(--turn, normal), yl-bob calc(var(--dur) / 2) ease-in-out infinite alternate;
  }
  .yl-s--star img { --amb: yl-fade 1.2s ease var(--delay) both, yl-twinkle calc(var(--dur) / 2.5) ease-in-out infinite alternate; }
  .yl-s--cloud img { --amb: yl-fade 1.2s ease var(--delay) both, yl-cloud calc(var(--dur) * 1.2) ease-in-out infinite alternate; }
  .yl-s--bird img { --amb: yl-glide calc(var(--dur) * 2) linear var(--delay) infinite, yl-flap 1.2s ease-in-out infinite alternate; }
  .yl-list__title img { animation-duration: 8s !important; }
  .yl-list__title span { animation-duration: 8s !important; }
  .yl-p__move,
  .yl-s__move { transition-duration: 2.2s, 0.9s !important; }
  .yl-p img { transition-duration: 1.1s, 1.1s, 0.8s !important; }
  .yl-glow { transition-duration: 1.6s, 1.6s, 1s !important; }
  .yl-names b { transition-duration: 0.9s !important; }
}
@keyframes yl-wave-soft {
  0%, 100% { transform: none; }
  50% { transform: translateY(-3%); }
}

/* ---------- Generado: posiciones (coordenadas del cartel 1080×1440), dibujitos y mapa del mouse ---------- */
.yl-hero { --yl-frame: 1080 / 520; --yl-frame-ratio: 2.0769; }
.yl-finale { --yl-frame: 1080 / 290; }
.yl-p--letter-y { --i: 0; }
.yl-p--letter-e { --i: 1; }
.yl-p--letter-l1 { --i: 2; }
.yl-p--letter-a1 { --i: 3; }
.yl-p--letter-p { --i: 4; }
.yl-p--letter-a2 { --i: 5; }
.yl-p--letter-l2 { --i: 6; }
.yl-p--letter-a3 { --i: 7; }
.yl-p--letter-n { --i: 8; }
.yl-p--letter-d { --i: 9; }
.yl-p--letter-i { --i: 10; }
.yl-p--letter-a4 { --i: 11; }
.yl-p--vine { left:0%;top:4.2308%;width:16.8519%; }
.yl-p--phone { left:77.037%;top:0%;width:22.963%; }
.yl-p--the-gathering { left:32.5926%;top:22.3077%;width:37.5%; }
.yl-p--spiral { left:73.6111%;top:23.6538%;width:3.4259%; }
.yl-p--letter-y { left:13.9815%;top:18.4615%;width:16.2963%; }
.yl-p--letter-e { left:24.4444%;top:33.8462%;width:5.0926%; }
.yl-p--letter-l1 { left:27.7778%;top:33.8462%;width:6.7593%; }
.yl-p--letter-a1 { left:32.3148%;top:32.8846%;width:7.7778%; }
.yl-p--letter-p { left:38.9815%;top:37.5%;width:7.4074%; }
.yl-p--letter-a2 { left:43.7963%;top:35.3846%;width:8.5185%; }
.yl-p--letter-l2 { left:49.2593%;top:35.1923%;width:6.9444%; }
.yl-p--letter-a3 { left:53.8889%;top:35%;width:9.7222%; }
.yl-p--letter-n { left:60.7407%;top:32.8846%;width:9.537%; }
.yl-p--letter-d { left:67.3148%;top:31.7308%;width:8.2407%; }
.yl-p--letter-i { left:74.1667%;top:35%;width:4.2593%; }
.yl-p--letter-a4 { left:76.8519%;top:33.2692%;width:9.2593%; }
.yl-p--date { left:69.6296%;top:70%;width:27.7778%; }
.yl-p--palms-small { left:60.3704%;top:63.7931%;width:7.037%; }
.yl-p--sign { left:68.7037%;top:47.5862%;width:8.3333%; }
.yl-p--palms { left:55.2778%;top:17.2414%;width:44.7222%; }
.yl-p--jaguar { left:0.3704%;top:4.1379%;width:24.4444%; }
.yl-p--bubble { left:24.8148%;top:14.4828%;width:14.6296%; }
.yl-p--seal { left:43.9815%;top:24.1379%;width:12.2222%; }
.yl-s-h0 { left:32.5192%;top:7.1848%;width:3.0191%;--dur:20.11s;--delay:0.54s;--depth:-14;--turn:normal; }
.yl-s-h1 { left:63.2136%;top:4.8606%;width:4.6428%;--dur:17.9s;--delay:1.84s;--depth:32;--turn:reverse; }
.yl-s-h2 { left:22.5282%;top:0.0686%;width:5.2255%;--dur:13.59s;--delay:0.83s;--depth:32;--turn:normal; }
.yl-s-h3 { left:22.8524%;top:83.8269%;width:6.3724%;--dur:10.43s;--delay:2.35s;--depth:-14;--turn:reverse; }
.yl-s-h4 { left:23.5716%;top:72.781%;width:4.3358%;--dur:16.3s;--delay:0.89s;--depth:32;--turn:normal; }
.yl-s-h5 { left:52.716%;top:6.4402%;width:3.1144%;--dur:13.7s;--delay:0.77s;--depth:24;--turn:reverse; }
.yl-s-h6 { left:58.7296%;top:3.8669%;width:3.5904%;--dur:17.45s;--delay:1.65s;--depth:16;--turn:normal; }
.yl-s-h7 { left:39.9157%;top:7.8961%;width:3.4364%;--dur:17.46s;--delay:2.42s;--depth:16;--turn:normal; }
.yl-s-h8 { left:72.9373%;top:7.6119%;width:2.5204%;--dur:10.98s;--delay:1.13s;--depth:-14;--turn:reverse; }
.yl-s-h9 { left:94.0604%;top:56.7611%;width:2.6435%;--dur:14.21s;--delay:1.69s;--depth:32;--turn:reverse; }
.yl-s-h10 { left:46.6755%;top:4.8209%;width:3.5647%;--dur:13.27s;--delay:1.73s;--depth:-30;--turn:reverse; }
.yl-s-h11 { left:30.3963%;top:87.3665%;width:2.6964%;--dur:10.7s;--delay:1.61s;--depth:-14;--turn:normal; }
.yl-s-h12 { left:69.442%;top:1.4011%;width:2.8961%;--dur:11.47s;--delay:2.52s;--depth:24;--turn:normal; }
.yl-s-h13 { left:18.2595%;top:2.9319%;width:3.2843%;--dur:17.44s;--delay:2.16s;--depth:24;--turn:reverse; }
.yl-s-h14 { left:28.518%;top:0.977%;width:2.6063%;--dur:19.88s;--delay:1.41s;--depth:-30;--turn:reverse; }
.yl-s-h15 { left:17.8283%;top:75.0352%;width:3.0341%;--dur:20.08s;--delay:1.49s;--depth:32;--turn:reverse; }
.yl-s-h16 { left:90.8412%;top:55.7652%;width:2.4367%;--dur:19.41s;--delay:0.58s;--depth:-22;--turn:normal; }
.yl-s-h17 { left:30.7163%;top:76.5241%;width:4.382%;--dur:14.91s;--delay:0.42s;--depth:-22;--turn:normal; }
.yl-s-h18 { left:18.0112%;top:89.2439%;width:2.4945%;--dur:13.17s;--delay:1.52s;--depth:-30;--turn:normal; }
.yl-s-h19 { left:58.4537%;top:13.2117%;width:2.412%;--dur:15.52s;--delay:0.33s;--depth:16;--turn:reverse; }
.yl-s-h20 { left:66.1356%;top:74.6018%;width:2.7036%;--dur:12.88s;--delay:0.83s;--depth:16;--turn:reverse; }
.yl-s-h21 { left:68.5323%;top:10.0329%;width:2.9652%;--dur:13.66s;--delay:0.78s;--depth:16;--turn:normal; }
.yl-s-h22 { left:0.3381%;top:22.7916%;width:3.8716%;--dur:15.97s;--delay:0.2s;--depth:-30;--turn:reverse; }
.yl-s-h23 { left:53.0316%;top:29.5893%;width:2.4771%;--dur:20.58s;--delay:1.97s;--depth:24;--turn:reverse; }
.yl-s-h24 { left:28.8992%;top:10.1349%;width:2.9733%;--dur:10.31s;--delay:1.58s;--depth:-14;--turn:normal; }
.yl-s-h25 { left:8.0942%;top:2.6303%;width:2.8507%;--dur:17.53s;--delay:0.47s;--depth:-30;--turn:reverse; }
.yl-s-h26 { left:36.8652%;top:10.319%;width:2.4173%;--dur:9.1s;--delay:0.39s;--depth:-30;--turn:normal; }
.yl-s-h27 { left:65.9478%;top:81.4333%;width:2.7059%;--dur:12.77s;--delay:1.52s;--depth:-14;--turn:reverse; }
.yl-s-h28 { left:37.9537%;top:1.4391%;width:2.4611%;--dur:20.76s;--delay:1.8s;--depth:-30;--turn:normal; }
.yl-s-h29 { left:69.2672%;top:85.666%;width:5.7467%;--dur:19.64s;--delay:2.55s;--depth:-14;--turn:reverse; }
.yl-s-f0 { left:85.6491%;top:0.0574%;width:3.6968%;--dur:21.25s;--delay:1.65s;--depth:16;--turn:normal; }
.yl-s-f1 { left:42.6115%;top:0.1452%;width:4.0479%;--dur:12.1s;--delay:1.81s;--depth:24;--turn:reverse; }
.yl-s-f2 { left:48.9084%;top:8.5851%;width:2.2581%;--dur:21.77s;--delay:1.32s;--depth:16;--turn:normal; }
.yl-s-f3 { left:51.7443%;top:0.6471%;width:2.4182%;--dur:10.83s;--delay:2.45s;--depth:32;--turn:reverse; }
.yl-s-f4 { left:76.594%;top:3.3401%;width:2.7466%;--dur:21.1s;--delay:1.6s;--depth:24;--turn:normal; }
.yl-s-f5 { left:64.0881%;top:0.3046%;width:3.5461%;--dur:18.34s;--delay:1.13s;--depth:32;--turn:normal; }
.yl-s-f6 { left:96.0744%;top:3.0952%;width:2.5675%;--dur:9.76s;--delay:0.46s;--depth:24;--turn:normal; }
.yl-s-f7 { left:70.5975%;top:1.9397%;width:2.441%;--dur:17.11s;--delay:0.57s;--depth:16;--turn:normal; }
.yl-s-f8 { left:60.0587%;top:4.0133%;width:2.2323%;--dur:11.28s;--delay:0.99s;--depth:16;--turn:reverse; }
.yl-s-f9 { left:36.1855%;top:1.0693%;width:2.2706%;--dur:9.01s;--delay:1.06s;--depth:16;--turn:reverse; }
.yl-s-f10 { left:90.7371%;top:1.9134%;width:2.5259%;--dur:17.37s;--delay:1.85s;--depth:32;--turn:normal; }
.yl-s-f11 { left:32.4244%;top:0.0879%;width:3.0778%;--dur:11.67s;--delay:2.26s;--depth:-14;--turn:reverse; }
.yl-s-m0 { left:0.7207%;top:10.5556%;width:2.81rem;--dur:15.05s;--delay:0.55s;--depth:24;--turn:reverse; }
.yl-s-m1 { left:96.3421%;top:7.8944%;width:2.81rem;--dur:20.44s;--delay:2.47s;--depth:24;--turn:reverse; }
.yl-s-m2 { left:4.6972%;top:70.0641%;width:2.92rem;--dur:19.0s;--delay:0.25s;--depth:-30;--turn:normal; }
.yl-s-m3 { left:93.6432%;top:72.8625%;width:2.62rem;--dur:14.07s;--delay:1.73s;--depth:32;--turn:reverse; }
.yl-s-m4 { left:2.1686%;top:56.4267%;width:3.28rem;--dur:21.45s;--delay:2.37s;--depth:-22;--turn:reverse; }
.yl-s-m5 { left:4.2817%;top:29.8723%;width:3.26rem;--dur:20.74s;--delay:1.22s;--depth:24;--turn:normal; }
.yl-s-m6 { left:92.7591%;top:17.1844%;width:2.76rem;--dur:14.87s;--delay:0.96s;--depth:-14;--turn:normal; }
.yl-s-m7 { left:6.1004%;top:47.3081%;width:2.50rem;--dur:11.37s;--delay:2.43s;--depth:-22;--turn:reverse; }
.yl-s-m8 { left:92.6589%;top:55.1317%;width:2.70rem;--dur:12.79s;--delay:0.56s;--depth:32;--turn:normal; }
.yl-s-m9 { left:95.7277%;top:46.0901%;width:2.34rem;--dur:20.0s;--delay:2.44s;--depth:-14;--turn:reverse; }
.yl-s-m10 { left:91.8384%;top:31.6653%;width:2.51rem;--dur:16.4s;--delay:0.96s;--depth:24;--turn:normal; }
.yl-s-m11 { left:0.1329%;top:20.1487%;width:3.14rem;--dur:16.64s;--delay:0.63s;--depth:16;--turn:normal; }
.yl-s-t0 { left:94.9018%;top:59.8671%;width:2.16rem;--dur:15.92s;--delay:2.1s;--depth:16;--turn:normal; }
.yl-s-t1 { left:92.2265%;top:8.0913%;width:2.79rem;--dur:12.12s;--delay:2.33s;--depth:-14;--turn:reverse; }
.yl-s-t2 { left:91.6624%;top:32.9165%;width:2.35rem;--dur:11.79s;--delay:1.69s;--depth:32;--turn:reverse; }
.yl-s-t3 { left:3.2859%;top:23.6639%;width:2.53rem;--dur:16.96s;--delay:0.96s;--depth:24;--turn:normal; }
.yl-s-t4 { left:94.6482%;top:68.0934%;width:2.70rem;--dur:12.93s;--delay:2.54s;--depth:16;--turn:reverse; }
.yl-s-t5 { left:95.2187%;top:81.6081%;width:2.79rem;--dur:12.55s;--delay:0.58s;--depth:-22;--turn:reverse; }
.yl-s-t6 { left:91.9026%;top:48.8002%;width:2.57rem;--dur:20.84s;--delay:2.52s;--depth:32;--turn:normal; }
.yl-s-t7 { left:5.5552%;top:12.7381%;width:2.53rem;--dur:19.66s;--delay:1.21s;--depth:-22;--turn:reverse; }
.yl-s-t8 { left:1.8681%;top:35.4726%;width:2.59rem;--dur:20.09s;--delay:0.59s;--depth:-30;--turn:normal; }
.yl-s-t9 { left:92.9685%;top:23.4389%;width:2.77rem;--dur:21.76s;--delay:1.09s;--depth:-14;--turn:reverse; }
.yl-s-t10 { left:5.3279%;top:44.9239%;width:2.06rem;--dur:10.47s;--delay:1.24s;--depth:-14;--turn:reverse; }
.yl-s-t11 { left:0.1225%;top:54.2015%;width:2.92rem;--dur:13.32s;--delay:0.2s;--depth:32;--turn:normal; }
.yl-s-p0 { left:96.1459%;top:39.2836%;width:3.18rem;--dur:11.12s;--delay:1.22s;--depth:24;--turn:reverse; }
.yl-s-p1 { left:0.9313%;top:87.2059%;width:2.66rem;--dur:13.6s;--delay:2.08s;--depth:24;--turn:normal; }
.yl-s-p2 { left:96.8752%;top:62.8945%;width:2.42rem;--dur:15.8s;--delay:0.74s;--depth:32;--turn:reverse; }
.yl-s-p3 { left:0.6682%;top:58.8219%;width:3.80rem;--dur:9.63s;--delay:1.73s;--depth:-30;--turn:reverse; }
.yl-s-p4 { left:96.6765%;top:21.0983%;width:2.63rem;--dur:18.8s;--delay:1.61s;--depth:-22;--turn:normal; }
.yl-s-p5 { left:0.7407%;top:36.2754%;width:2.68rem;--dur:13.25s;--delay:1.54s;--depth:-14;--turn:normal; }
.yl-s-p6 { left:96.2425%;top:81.3279%;width:2.54rem;--dur:19.79s;--delay:2.38s;--depth:32;--turn:normal; }
.yl-s-p7 { left:96.6738%;top:93.0745%;width:2.53rem;--dur:9.8s;--delay:2.34s;--depth:-22;--turn:reverse; }
.yl-s-p8 { left:94.7893%;top:53.3536%;width:3.48rem;--dur:9.32s;--delay:0.35s;--depth:-22;--turn:normal; }
.yl-s-p9 { left:50.581%;top:21.4427%;width:5.29rem;--dur:16.18s;--delay:0.89s;--depth:-30;--turn:normal; }
.yl-s-p10 { left:1.0148%;top:70.608%;width:2.43rem;--dur:11.78s;--delay:1.76s;--depth:32;--turn:reverse; }
.yl-s-p11 { left:1.6917%;top:47.7593%;width:3.02rem;--dur:13.46s;--delay:1.22s;--depth:24;--turn:reverse; }
.yl-s-p12 { left:0.6236%;top:22.0114%;width:2.78rem;--dur:20.1s;--delay:0.84s;--depth:-22;--turn:normal; }
.yl-s-p13 { left:53.3979%;top:22.188%;width:4.08rem;--dur:20.92s;--delay:1.38s;--depth:-30;--turn:reverse; }
.yl-s-p14 { left:44.8277%;top:74.148%;width:2.54rem;--dur:19.99s;--delay:0.64s;--depth:16;--turn:reverse; }
.yl-s-p15 { left:14.8927%;top:48.3456%;width:4.91rem;--dur:10.43s;--delay:0.75s;--depth:-30;--turn:reverse; }
.yl-s-p16 { left:73.2224%;top:88.1798%;width:3.58rem;--dur:13.63s;--delay:1.81s;--depth:32;--turn:reverse; }
.yl-s-p17 { left:45.0983%;top:52.7831%;width:3.53rem;--dur:10.84s;--delay:0.87s;--depth:-30;--turn:normal; }
.yl-s-p18 { left:3.3241%;top:32.5919%;width:3.57rem;--dur:16.16s;--delay:0.75s;--depth:-30;--turn:reverse; }
.yl-s-p19 { left:95.6057%;top:71.8077%;width:3.48rem;--dur:12.53s;--delay:2.06s;--depth:16;--turn:reverse; }
.yl-s-p20 { left:87.5291%;top:88.2979%;width:2.65rem;--dur:12.9s;--delay:1.58s;--depth:-30;--turn:normal; }
.yl-s-p21 { left:25.6535%;top:43.357%;width:2.91rem;--dur:9.1s;--delay:2.52s;--depth:16;--turn:normal; }
.yl-s-p22 { left:95.7089%;top:29.9773%;width:3.02rem;--dur:12.16s;--delay:0.78s;--depth:16;--turn:reverse; }
.yl-s-p23 { left:37.874%;top:44.3432%;width:3.56rem;--dur:15.42s;--delay:1.68s;--depth:-22;--turn:reverse; }
.yl-s-p24 { left:6.1964%;top:85.3524%;width:3.18rem;--dur:18.53s;--delay:0.78s;--depth:32;--turn:normal; }
.yl-s-p25 { left:86.4706%;top:39.63%;width:2.63rem;--dur:10.71s;--delay:0.6s;--depth:24;--turn:normal; }
.yl-s-p26 { left:35.4464%;top:60.9527%;width:2.81rem;--dur:13.66s;--delay:0.97s;--depth:32;--turn:normal; }
.yl-s-p27 { left:35.2233%;top:89.2404%;width:3.52rem;--dur:13.85s;--delay:2.43s;--depth:16;--turn:normal; }
.yl-s-g0 { left:13.0021%;top:91.4986%;width:1.91rem;--dur:14.75s;--delay:1.13s;--depth:0;--turn:normal; }
.yl-s-g1 { left:16.1597%;top:91.6839%;width:2.22rem;--dur:18.33s;--delay:2.41s;--depth:0;--turn:normal; }
.yl-s-g2 { left:8.7573%;top:85.5709%;width:1.76rem;--dur:19.59s;--delay:0.75s;--depth:0;--turn:reverse; }
.yl-s-g3 { left:11.0009%;top:90.9749%;width:2.22rem;--dur:15.08s;--delay:0.75s;--depth:0;--turn:normal; }
.yl-s-g4 { left:14.8047%;top:84.2772%;width:2.36rem;--dur:18.59s;--delay:2.12s;--depth:0;--turn:reverse; }
.yl-s-g5 { left:15.172%;top:83.1834%;width:1.89rem;--dur:15.46s;--delay:0.39s;--depth:0;--turn:normal; }
.yl-s-g6 { left:14.9926%;top:75.9161%;width:2.03rem;--dur:15.79s;--delay:1.36s;--depth:0;--turn:normal; }
.yl-s-g7 { left:16.1038%;top:80.8002%;width:2.46rem;--dur:16.37s;--delay:2.42s;--depth:0;--turn:normal; }
.yl-s-g8 { left:11.7836%;top:80.1473%;width:2.65rem;--dur:17.17s;--delay:1.78s;--depth:0;--turn:normal; }
.yl-s-g9 { left:17.7769%;top:77.5193%;width:2.07rem;--dur:12.9s;--delay:1.28s;--depth:0;--turn:reverse; }
.yl-s-g10 { left:11.7037%;top:85.1476%;width:1.74rem;--dur:23.04s;--delay:1.74s;--depth:0;--turn:normal; }
.yl-s-g11 { left:5.3502%;top:20.9476%;width:2.22rem;--dur:21.5s;--delay:0.96s;--depth:0;--turn:reverse; }
.yl-s-g12 { left:8.2445%;top:23.0836%;width:1.94rem;--dur:16.03s;--delay:0.38s;--depth:0;--turn:normal; }
.yl-s-g13 { left:8.9658%;top:12.7307%;width:1.78rem;--dur:11.36s;--delay:0.49s;--depth:0;--turn:normal; }
.yl-s-g14 { left:6.0413%;top:21.5747%;width:3.17rem;--dur:10.7s;--delay:0.49s;--depth:0;--turn:reverse; }
.yl-s-g15 { left:8.9595%;top:28.6941%;width:2.35rem;--dur:11.61s;--delay:1.49s;--depth:0;--turn:normal; }
.yl-s-g16 { left:6.6991%;top:16.7813%;width:1.43rem;--dur:22.56s;--delay:0.57s;--depth:0;--turn:reverse; }
.yl-s-g17 { left:7.5902%;top:9.0393%;width:1.62rem;--dur:20.11s;--delay:2.32s;--depth:0;--turn:reverse; }
.yl-s-g18 { left:1.6038%;top:23.1088%;width:2.04rem;--dur:20.04s;--delay:1.82s;--depth:0;--turn:reverse; }
.yl-s-g19 { left:7.6772%;top:2.1456%;width:2.43rem;--dur:15.65s;--delay:1.73s;--depth:0;--turn:normal; }
.yl-s-g20 { left:10.5553%;top:6.1734%;width:1.49rem;--dur:11.67s;--delay:1.65s;--depth:0;--turn:reverse; }
.yl-s-g21 { left:5.0157%;top:27.2649%;width:2.57rem;--dur:13.39s;--delay:1.35s;--depth:0;--turn:normal; }
.yl-s-g22 { left:8.1731%;top:5.5983%;width:2.34rem;--dur:14.41s;--delay:0.88s;--depth:0;--turn:normal; }
.yl-s-g23 { left:1.1092%;top:54.3054%;width:1.97rem;--dur:11.95s;--delay:2.24s;--depth:0;--turn:normal; }
.yl-s-g24 { left:4.4041%;top:54.5277%;width:2.76rem;--dur:13.8s;--delay:0.64s;--depth:0;--turn:normal; }
.yl-s-g25 { left:0.782%;top:56.9092%;width:3.29rem;--dur:11.44s;--delay:0.9s;--depth:0;--turn:normal; }
.yl-s-g26 { left:1.2208%;top:57.0179%;width:2.98rem;--dur:10.17s;--delay:0.53s;--depth:0;--turn:normal; }
.yl-s-g27 { left:4.2656%;top:0%;width:1.45rem;--dur:17.72s;--delay:0.85s;--depth:0;--turn:normal; }
.yl-s-g28 { left:4.5952%;top:2.5955%;width:2.33rem;--dur:21.94s;--delay:2.42s;--depth:0;--turn:normal; }
.yl-s-g29 { left:0.8925%;top:9.5362%;width:2.06rem;--dur:12.47s;--delay:1.16s;--depth:0;--turn:reverse; }
.yl-s-g30 { left:4.4116%;top:3.3753%;width:2.41rem;--dur:20.01s;--delay:0.97s;--depth:0;--turn:reverse; }
.yl-s-g31 { left:5.7063%;top:1.191%;width:1.94rem;--dur:17.45s;--delay:2.05s;--depth:0;--turn:normal; }
.yl-s-g32 { left:4.7312%;top:13.6837%;width:2.72rem;--dur:17.53s;--delay:0.67s;--depth:0;--turn:reverse; }
.yl-s-g33 { left:3.9636%;top:10.4627%;width:2.03rem;--dur:22.92s;--delay:0.77s;--depth:0;--turn:normal; }
.yl-s-g34 { left:4.6962%;top:10.7401%;width:2.50rem;--dur:16.69s;--delay:1.53s;--depth:0;--turn:reverse; }
.yl-s-g35 { left:5.3912%;top:9.2106%;width:2.00rem;--dur:18.69s;--delay:1.0s;--depth:0;--turn:normal; }
.yl-s-g36 { left:10.092%;top:13.2157%;width:2.50rem;--dur:13.56s;--delay:2.33s;--depth:0;--turn:reverse; }
.yl-s-g37 { left:1.84%;top:19.0267%;width:2.22rem;--dur:10.84s;--delay:0.67s;--depth:0;--turn:normal; }
.yl-s-g38 { left:8.9993%;top:26.485%;width:1.41rem;--dur:16.31s;--delay:2.27s;--depth:0;--turn:normal; }
.yl-s-g39 { left:97%;top:45.2176%;width:2.18rem;--dur:19.3s;--delay:0.55s;--depth:0;--turn:reverse; }
.yl-s-g40 { left:97%;top:56.7935%;width:2.24rem;--dur:20.56s;--delay:1.31s;--depth:0;--turn:normal; }
.yl-s-g41 { left:95.5792%;top:47.0969%;width:1.56rem;--dur:12.15s;--delay:0.65s;--depth:0;--turn:normal; }
.yl-s-g42 { left:94.7503%;top:62.3647%;width:2.45rem;--dur:15.11s;--delay:0.87s;--depth:0;--turn:reverse; }
.yl-s-g43 { left:94.4849%;top:49.9586%;width:2.69rem;--dur:12.05s;--delay:1.32s;--depth:0;--turn:reverse; }
.yl-s-g44 { left:97%;top:57.5235%;width:2.00rem;--dur:13.68s;--delay:1.15s;--depth:0;--turn:normal; }
.yl-s-g45 { left:88.2113%;top:85.5203%;width:1.78rem;--dur:21.59s;--delay:0.79s;--depth:0;--turn:normal; }
.yl-s-g46 { left:88.8332%;top:81.5565%;width:2.68rem;--dur:23.06s;--delay:0.81s;--depth:0;--turn:reverse; }
.yl-s-g47 { left:85.3288%;top:86.0681%;width:3.00rem;--dur:10.54s;--delay:1.89s;--depth:0;--turn:reverse; }
.yl-s-g48 { left:91.0378%;top:81.9855%;width:2.33rem;--dur:15.82s;--delay:1.68s;--depth:0;--turn:normal; }
.yl-s-g49 { left:86.3664%;top:81.9388%;width:2.15rem;--dur:16.64s;--delay:2.38s;--depth:0;--turn:normal; }
.yl-s-g50 { left:91.8153%;top:87.7115%;width:1.48rem;--dur:10.28s;--delay:0.83s;--depth:0;--turn:normal; }
.yl-s-g51 { left:89.2323%;top:82.4289%;width:2.71rem;--dur:10.22s;--delay:2.48s;--depth:0;--turn:normal; }
.yl-s-g52 { left:93.8887%;top:13.9164%;width:2.77rem;--dur:20.47s;--delay:0.35s;--depth:0;--turn:reverse; }
.yl-s-g53 { left:92.2664%;top:20.9157%;width:2.55rem;--dur:11.21s;--delay:1.21s;--depth:0;--turn:reverse; }
.yl-s-g54 { left:95.5507%;top:23.9529%;width:3.23rem;--dur:10.92s;--delay:2.32s;--depth:0;--turn:normal; }
.yl-s-g55 { left:95.212%;top:10.9211%;width:2.25rem;--dur:15.28s;--delay:1.25s;--depth:0;--turn:normal; }
.yl-s-g56 { left:97%;top:14.8569%;width:2.46rem;--dur:17.66s;--delay:0.43s;--depth:0;--turn:reverse; }
.yl-s-g57 { left:91.4932%;top:19.6402%;width:2.17rem;--dur:23.6s;--delay:1.34s;--depth:0;--turn:reverse; }
.yl-s-g58 { left:91.5835%;top:8.0148%;width:2.69rem;--dur:12.93s;--delay:0.67s;--depth:0;--turn:reverse; }
.yl-s-g59 { left:91.0249%;top:14.0371%;width:1.51rem;--dur:15.79s;--delay:1.82s;--depth:0;--turn:reverse; }
.yl-s-g60 { left:97%;top:8.292%;width:1.89rem;--dur:17.15s;--delay:1.56s;--depth:0;--turn:normal; }
.yl-s-g61 { left:95.6862%;top:16.908%;width:1.77rem;--dur:14.83s;--delay:1.15s;--depth:0;--turn:normal; }
.yl-s-g62 { left:97%;top:11.5629%;width:3.27rem;--dur:11.2s;--delay:0.86s;--depth:0;--turn:reverse; }
.yl-s-g63 { left:91.6686%;top:13.6859%;width:2.37rem;--dur:19.41s;--delay:0.35s;--depth:0;--turn:normal; }
.yl-s-g64 { left:95.3039%;top:16.3748%;width:2.73rem;--dur:17.58s;--delay:1.03s;--depth:0;--turn:normal; }
.yl-s-g65 { left:95.8918%;top:22.0361%;width:2.35rem;--dur:18.4s;--delay:1.95s;--depth:0;--turn:reverse; }
.yl-s-g66 { left:90.7264%;top:89.6569%;width:2.20rem;--dur:23.83s;--delay:0.94s;--depth:0;--turn:normal; }
.yl-s-g67 { left:90.7903%;top:84.2325%;width:2.05rem;--dur:21.53s;--delay:1.27s;--depth:0;--turn:reverse; }
.yl-s-g68 { left:90.8054%;top:86.1235%;width:1.83rem;--dur:11.72s;--delay:2.52s;--depth:0;--turn:reverse; }
.yl-s-g69 { left:92.5621%;top:80.6122%;width:1.70rem;--dur:11.6s;--delay:0.7s;--depth:0;--turn:normal; }
.yl-s-g70 { left:93.7801%;top:73.6242%;width:2.61rem;--dur:17.24s;--delay:1.38s;--depth:0;--turn:reverse; }
.yl-s-g71 { left:95.4208%;top:83.9628%;width:1.49rem;--dur:11.11s;--delay:1.78s;--depth:0;--turn:normal; }
.yl-s-g72 { left:95.1226%;top:73.1828%;width:1.92rem;--dur:17.18s;--delay:2.11s;--depth:0;--turn:reverse; }
.yl-s-g73 { left:96.8213%;top:65.2824%;width:2.94rem;--dur:14.86s;--delay:0.82s;--depth:0;--turn:reverse; }
.yl-s-g74 { left:93.7586%;top:58.5322%;width:1.98rem;--dur:20.64s;--delay:0.2s;--depth:0;--turn:reverse; }
.yl-s-g75 { left:95.4181%;top:69.6145%;width:2.23rem;--dur:11.26s;--delay:1.94s;--depth:0;--turn:reverse; }
.yl-s-g76 { left:93.7505%;top:62.2856%;width:2.45rem;--dur:15.87s;--delay:1.19s;--depth:0;--turn:reverse; }
.yl-s-g77 { left:85.6121%;top:50.9899%;width:2.16rem;--dur:11.24s;--delay:1.52s;--depth:0;--turn:reverse; }
.yl-s-g78 { left:89.4197%;top:61.0498%;width:2.85rem;--dur:12.51s;--delay:0.24s;--depth:0;--turn:reverse; }
.yl-s-g79 { left:89.9726%;top:60.6604%;width:2.88rem;--dur:12.34s;--delay:1.65s;--depth:0;--turn:reverse; }
.yl-s-g80 { left:87.3624%;top:59.8961%;width:1.61rem;--dur:23.01s;--delay:2.42s;--depth:0;--turn:reverse; }
.yl-s-g81 { left:91.4487%;top:55.5095%;width:2.70rem;--dur:11.96s;--delay:1.69s;--depth:0;--turn:reverse; }
.yl-s-g82 { left:88.9749%;top:69.8022%;width:1.98rem;--dur:10.71s;--delay:2.42s;--depth:0;--turn:normal; }
.yl-hero:has(.yl-s-h0:hover) { --mx:-0.319;--my:-0.794;--gx:34.0;--gy:10.3; }
.yl-hero:has(.yl-s-h1:hover) { --mx:0.311;--my:-0.806;--gx:65.5;--gy:9.7; }
.yl-hero:has(.yl-s-h2:hover) { --mx:-0.497;--my:-0.890;--gx:25.1;--gy:5.5; }
.yl-hero:has(.yl-s-h3:hover) { --mx:-0.479;--my:0.809;--gx:26.0;--gy:90.4; }
.yl-hero:has(.yl-s-h4:hover) { --mx:-0.485;--my:0.546;--gx:25.7;--gy:77.3; }
.yl-hero:has(.yl-s-h5:hover) { --mx:0.085;--my:-0.807;--gx:54.3;--gy:9.7; }
.yl-hero:has(.yl-s-h6:hover) { --mx:0.210;--my:-0.848;--gx:60.5;--gy:7.6; }
.yl-hero:has(.yl-s-h7:hover) { --mx:-0.167;--my:-0.771;--gx:41.6;--gy:11.5; }
.yl-hero:has(.yl-s-h8:hover) { --mx:0.484;--my:-0.795;--gx:74.2;--gy:10.2; }
.yl-hero:has(.yl-s-h9:hover) { --mx:0.908;--my:0.190;--gx:95.4;--gy:59.5; }
.yl-hero:has(.yl-s-h10:hover) { --mx:-0.031;--my:-0.830;--gx:48.5;--gy:8.5; }
.yl-hero:has(.yl-s-h11:hover) { --mx:-0.365;--my:0.803;--gx:31.7;--gy:90.2; }
.yl-hero:has(.yl-s-h12:hover) { --mx:0.418;--my:-0.912;--gx:70.9;--gy:4.4; }
.yl-hero:has(.yl-s-h13:hover) { --mx:-0.602;--my:-0.873;--gx:19.9;--gy:6.3; }
.yl-hero:has(.yl-s-h14:hover) { --mx:-0.404;--my:-0.926;--gx:29.8;--gy:3.7; }
.yl-hero:has(.yl-s-h15:hover) { --mx:-0.613;--my:0.564;--gx:19.3;--gy:78.2; }
.yl-hero:has(.yl-s-h16:hover) { --mx:0.841;--my:0.166;--gx:92.1;--gy:58.3; }
.yl-hero:has(.yl-s-h17:hover) { --mx:-0.342;--my:0.621;--gx:32.9;--gy:81.1; }
.yl-hero:has(.yl-s-h18:hover) { --mx:-0.615;--my:0.837;--gx:19.3;--gy:91.8; }
.yl-hero:has(.yl-s-h19:hover) { --mx:0.193;--my:-0.686;--gx:59.7;--gy:15.7; }
.yl-hero:has(.yl-s-h20:hover) { --mx:0.350;--my:0.548;--gx:67.5;--gy:77.4; }
.yl-hero:has(.yl-s-h21:hover) { --mx:0.400;--my:-0.738;--gx:70.0;--gy:13.1; }
.yl-hero:has(.yl-s-h22:hover) { --mx:-0.955;--my:-0.464;--gx:2.3;--gy:26.8; }
.yl-hero:has(.yl-s-h23:hover) { --mx:0.085;--my:-0.357;--gx:54.3;--gy:32.2; }
.yl-hero:has(.yl-s-h24:hover) { --mx:-0.392;--my:-0.736;--gx:30.4;--gy:13.2; }
.yl-hero:has(.yl-s-h25:hover) { --mx:-0.810;--my:-0.888;--gx:9.5;--gy:5.6; }
.yl-hero:has(.yl-s-h26:hover) { --mx:-0.239;--my:-0.743;--gx:38.1;--gy:12.8; }
.yl-hero:has(.yl-s-h27:hover) { --mx:0.346;--my:0.685;--gx:67.3;--gy:84.2; }
.yl-hero:has(.yl-s-h28:hover) { --mx:-0.216;--my:-0.920;--gx:39.2;--gy:4.0; }
.yl-hero:has(.yl-s-h29:hover) { --mx:0.443;--my:0.833;--gx:72.1;--gy:91.6; }
.yl-finale:has(.yl-s-f0:hover) { --mx:0.750;--my:-0.861;--gx:87.5;--gy:6.9; }
.yl-finale:has(.yl-s-f1:hover) { --mx:-0.107;--my:-0.846;--gx:44.6;--gy:7.7; }
.yl-finale:has(.yl-s-f2:hover) { --mx:0.001;--my:-0.744;--gx:50.0;--gy:12.8; }
.yl-finale:has(.yl-s-f3:hover) { --mx:0.059;--my:-0.897;--gx:53.0;--gy:5.1; }
.yl-finale:has(.yl-s-f4:hover) { --mx:0.559;--my:-0.831;--gx:78.0;--gy:8.5; }
.yl-finale:has(.yl-s-f5:hover) { --mx:0.317;--my:-0.862;--gx:65.9;--gy:6.9; }
.yl-finale:has(.yl-s-f6:hover) { --mx:0.947;--my:-0.842;--gx:97.4;--gy:7.9; }
.yl-finale:has(.yl-s-f7:hover) { --mx:0.436;--my:-0.870;--gx:71.8;--gy:6.5; }
.yl-finale:has(.yl-s-f8:hover) { --mx:0.223;--my:-0.837;--gx:61.2;--gy:8.2; }
.yl-finale:has(.yl-s-f9:hover) { --mx:-0.254;--my:-0.894;--gx:37.3;--gy:5.3; }
.yl-finale:has(.yl-s-f10:hover) { --mx:0.840;--my:-0.868;--gx:92.0;--gy:6.6; }
.yl-finale:has(.yl-s-f11:hover) { --mx:-0.321;--my:-0.884;--gx:34.0;--gy:5.8; }
.yl-hero:has(.yl-c-0-0:hover) { --mx:-0.875;--my:-0.750;--gx:6.25;--gy:12.5; }
.yl-hero:has(.yl-c-1-0:hover) { --mx:-0.625;--my:-0.750;--gx:18.75;--gy:12.5; }
.yl-hero:has(.yl-c-2-0:hover) { --mx:-0.375;--my:-0.750;--gx:31.25;--gy:12.5; }
.yl-hero:has(.yl-c-3-0:hover) { --mx:-0.125;--my:-0.750;--gx:43.75;--gy:12.5; }
.yl-hero:has(.yl-c-4-0:hover) { --mx:0.125;--my:-0.750;--gx:56.25;--gy:12.5; }
.yl-hero:has(.yl-c-5-0:hover) { --mx:0.375;--my:-0.750;--gx:68.75;--gy:12.5; }
.yl-hero:has(.yl-c-6-0:hover) { --mx:0.625;--my:-0.750;--gx:81.25;--gy:12.5; }
.yl-hero:has(.yl-c-7-0:hover) { --mx:0.875;--my:-0.750;--gx:93.75;--gy:12.5; }
.yl-hero:has(.yl-c-0-1:hover) { --mx:-0.875;--my:-0.250;--gx:6.25;--gy:37.5; }
.yl-hero:has(.yl-c-1-1:hover) { --mx:-0.625;--my:-0.250;--gx:18.75;--gy:37.5; }
.yl-hero:has(.yl-c-2-1:hover) { --mx:-0.375;--my:-0.250;--gx:31.25;--gy:37.5; }
.yl-hero:has(.yl-c-3-1:hover) { --mx:-0.125;--my:-0.250;--gx:43.75;--gy:37.5; }
.yl-hero:has(.yl-c-4-1:hover) { --mx:0.125;--my:-0.250;--gx:56.25;--gy:37.5; }
.yl-hero:has(.yl-c-5-1:hover) { --mx:0.375;--my:-0.250;--gx:68.75;--gy:37.5; }
.yl-hero:has(.yl-c-6-1:hover) { --mx:0.625;--my:-0.250;--gx:81.25;--gy:37.5; }
.yl-hero:has(.yl-c-7-1:hover) { --mx:0.875;--my:-0.250;--gx:93.75;--gy:37.5; }
.yl-hero:has(.yl-c-0-2:hover) { --mx:-0.875;--my:0.250;--gx:6.25;--gy:62.5; }
.yl-hero:has(.yl-c-1-2:hover) { --mx:-0.625;--my:0.250;--gx:18.75;--gy:62.5; }
.yl-hero:has(.yl-c-2-2:hover) { --mx:-0.375;--my:0.250;--gx:31.25;--gy:62.5; }
.yl-hero:has(.yl-c-3-2:hover) { --mx:-0.125;--my:0.250;--gx:43.75;--gy:62.5; }
.yl-hero:has(.yl-c-4-2:hover) { --mx:0.125;--my:0.250;--gx:56.25;--gy:62.5; }
.yl-hero:has(.yl-c-5-2:hover) { --mx:0.375;--my:0.250;--gx:68.75;--gy:62.5; }
.yl-hero:has(.yl-c-6-2:hover) { --mx:0.625;--my:0.250;--gx:81.25;--gy:62.5; }
.yl-hero:has(.yl-c-7-2:hover) { --mx:0.875;--my:0.250;--gx:93.75;--gy:62.5; }
.yl-hero:has(.yl-c-0-3:hover) { --mx:-0.875;--my:0.750;--gx:6.25;--gy:87.5; }
.yl-hero:has(.yl-c-1-3:hover) { --mx:-0.625;--my:0.750;--gx:18.75;--gy:87.5; }
.yl-hero:has(.yl-c-2-3:hover) { --mx:-0.375;--my:0.750;--gx:31.25;--gy:87.5; }
.yl-hero:has(.yl-c-3-3:hover) { --mx:-0.125;--my:0.750;--gx:43.75;--gy:87.5; }
.yl-hero:has(.yl-c-4-3:hover) { --mx:0.125;--my:0.750;--gx:56.25;--gy:87.5; }
.yl-hero:has(.yl-c-5-3:hover) { --mx:0.375;--my:0.750;--gx:68.75;--gy:87.5; }
.yl-hero:has(.yl-c-6-3:hover) { --mx:0.625;--my:0.750;--gx:81.25;--gy:87.5; }
.yl-hero:has(.yl-c-7-3:hover) { --mx:0.875;--my:0.750;--gx:93.75;--gy:87.5; }
.yl-finale:has(.yl-c-0-0:hover) { --mx:-0.875;--my:-0.750;--gx:6.25;--gy:12.5; }
.yl-finale:has(.yl-c-1-0:hover) { --mx:-0.625;--my:-0.750;--gx:18.75;--gy:12.5; }
.yl-finale:has(.yl-c-2-0:hover) { --mx:-0.375;--my:-0.750;--gx:31.25;--gy:12.5; }
.yl-finale:has(.yl-c-3-0:hover) { --mx:-0.125;--my:-0.750;--gx:43.75;--gy:12.5; }
.yl-finale:has(.yl-c-4-0:hover) { --mx:0.125;--my:-0.750;--gx:56.25;--gy:12.5; }
.yl-finale:has(.yl-c-5-0:hover) { --mx:0.375;--my:-0.750;--gx:68.75;--gy:12.5; }
.yl-finale:has(.yl-c-6-0:hover) { --mx:0.625;--my:-0.750;--gx:81.25;--gy:12.5; }
.yl-finale:has(.yl-c-7-0:hover) { --mx:0.875;--my:-0.750;--gx:93.75;--gy:12.5; }
.yl-finale:has(.yl-c-0-1:hover) { --mx:-0.875;--my:-0.250;--gx:6.25;--gy:37.5; }
.yl-finale:has(.yl-c-1-1:hover) { --mx:-0.625;--my:-0.250;--gx:18.75;--gy:37.5; }
.yl-finale:has(.yl-c-2-1:hover) { --mx:-0.375;--my:-0.250;--gx:31.25;--gy:37.5; }
.yl-finale:has(.yl-c-3-1:hover) { --mx:-0.125;--my:-0.250;--gx:43.75;--gy:37.5; }
.yl-finale:has(.yl-c-4-1:hover) { --mx:0.125;--my:-0.250;--gx:56.25;--gy:37.5; }
.yl-finale:has(.yl-c-5-1:hover) { --mx:0.375;--my:-0.250;--gx:68.75;--gy:37.5; }
.yl-finale:has(.yl-c-6-1:hover) { --mx:0.625;--my:-0.250;--gx:81.25;--gy:37.5; }
.yl-finale:has(.yl-c-7-1:hover) { --mx:0.875;--my:-0.250;--gx:93.75;--gy:37.5; }
.yl-finale:has(.yl-c-0-2:hover) { --mx:-0.875;--my:0.250;--gx:6.25;--gy:62.5; }
.yl-finale:has(.yl-c-1-2:hover) { --mx:-0.625;--my:0.250;--gx:18.75;--gy:62.5; }
.yl-finale:has(.yl-c-2-2:hover) { --mx:-0.375;--my:0.250;--gx:31.25;--gy:62.5; }
.yl-finale:has(.yl-c-3-2:hover) { --mx:-0.125;--my:0.250;--gx:43.75;--gy:62.5; }
.yl-finale:has(.yl-c-4-2:hover) { --mx:0.125;--my:0.250;--gx:56.25;--gy:62.5; }
.yl-finale:has(.yl-c-5-2:hover) { --mx:0.375;--my:0.250;--gx:68.75;--gy:62.5; }
.yl-finale:has(.yl-c-6-2:hover) { --mx:0.625;--my:0.250;--gx:81.25;--gy:62.5; }
.yl-finale:has(.yl-c-7-2:hover) { --mx:0.875;--my:0.250;--gx:93.75;--gy:62.5; }
.yl-finale:has(.yl-c-0-3:hover) { --mx:-0.875;--my:0.750;--gx:6.25;--gy:87.5; }
.yl-finale:has(.yl-c-1-3:hover) { --mx:-0.625;--my:0.750;--gx:18.75;--gy:87.5; }
.yl-finale:has(.yl-c-2-3:hover) { --mx:-0.375;--my:0.750;--gx:31.25;--gy:87.5; }
.yl-finale:has(.yl-c-3-3:hover) { --mx:-0.125;--my:0.750;--gx:43.75;--gy:87.5; }
.yl-finale:has(.yl-c-4-3:hover) { --mx:0.125;--my:0.750;--gx:56.25;--gy:87.5; }
.yl-finale:has(.yl-c-5-3:hover) { --mx:0.375;--my:0.750;--gx:68.75;--gy:87.5; }
.yl-finale:has(.yl-c-6-3:hover) { --mx:0.625;--my:0.750;--gx:81.25;--gy:87.5; }
.yl-finale:has(.yl-c-7-3:hover) { --mx:0.875;--my:0.750;--gx:93.75;--gy:87.5; }
.yl-hero:has(.yl-p--vine > .yl-p__hit:hover) { --mx:-0.831;--my:0.029;--gx:8.4;--gy:51.4; }
.yl-hero:has(.yl-p--phone > .yl-p__hit:hover) { --mx:0.770;--my:-0.523;--gx:88.5;--gy:23.8; }
.yl-hero:has(.yl-p--the-gathering > .yl-p__hit:hover) { --mx:0.027;--my:-0.467;--gx:51.3;--gy:26.6; }
.yl-hero:has(.yl-p--spiral > .yl-p__hit:hover) { --mx:0.506;--my:-0.427;--gx:75.3;--gy:28.7; }
.yl-hero:has(.yl-p--letter-y > .yl-p__hit:hover) { --mx:-0.557;--my:-0.135;--gx:22.1;--gy:43.3; }
.yl-hero:has(.yl-p--letter-e > .yl-p__hit:hover) { --mx:-0.460;--my:-0.096;--gx:27.0;--gy:45.2; }
.yl-hero:has(.yl-p--letter-l1 > .yl-p__hit:hover) { --mx:-0.377;--my:-0.050;--gx:31.2;--gy:47.5; }
.yl-hero:has(.yl-p--letter-a1 > .yl-p__hit:hover) { --mx:-0.276;--my:-0.042;--gx:36.2;--gy:47.9; }
.yl-hero:has(.yl-p--letter-p > .yl-p__hit:hover) { --mx:-0.146;--my:0.029;--gx:42.7;--gy:51.4; }
.yl-hero:has(.yl-p--letter-a2 > .yl-p__hit:hover) { --mx:-0.039;--my:0.015;--gx:48.1;--gy:50.8; }
.yl-hero:has(.yl-p--letter-l2 > .yl-p__hit:hover) { --mx:0.055;--my:0.002;--gx:52.7;--gy:50.1; }
.yl-hero:has(.yl-p--letter-a3 > .yl-p__hit:hover) { --mx:0.175;--my:0.031;--gx:58.8;--gy:51.5; }
.yl-hero:has(.yl-p--letter-n > .yl-p__hit:hover) { --mx:0.310;--my:-0.040;--gx:65.5;--gy:48.0; }
.yl-hero:has(.yl-p--letter-d > .yl-p__hit:hover) { --mx:0.429;--my:-0.096;--gx:71.4;--gy:45.2; }
.yl-hero:has(.yl-p--letter-i > .yl-p__hit:hover) { --mx:0.526;--my:-0.019;--gx:76.3;--gy:49.0; }
.yl-hero:has(.yl-p--letter-a4 > .yl-p__hit:hover) { --mx:0.630;--my:0.004;--gx:81.5;--gy:50.2; }
.yl-hero:has(.yl-p--date > .yl-p__hit:hover) { --mx:0.670;--my:0.681;--gx:83.5;--gy:84.0; }
.yl-finale:has(.yl-p--palms-small > .yl-p__hit:hover) { --mx:0.278;--my:0.541;--gx:63.9;--gy:77.1; }
.yl-finale:has(.yl-p--sign > .yl-p__hit:hover) { --mx:0.457;--my:0.331;--gx:72.9;--gy:66.6; }
.yl-finale:has(.yl-p--palms > .yl-p__hit:hover) { --mx:0.553;--my:0.172;--gx:77.6;--gy:58.6; }
.yl-finale:has(.yl-p--jaguar > .yl-p__hit:hover) { --mx:-0.748;--my:0.000;--gx:12.6;--gy:50.0; }
.yl-finale:has(.yl-p--bubble > .yl-p__hit:hover) { --mx:-0.357;--my:-0.166;--gx:32.1;--gy:41.7; }
.yl-finale:has(.yl-p--seal > .yl-p__hit:hover) { --mx:0.002;--my:-0.007;--gx:50.1;--gy:49.7; }
.yl-hero:has(.yl-p--letter-y > .yl-p__hit:hover) :is(.yl-p--letter-e) img { translate: 0 -2%; }
.yl-hero:has(.yl-p--letter-e > .yl-p__hit:hover) :is(.yl-p--letter-y, .yl-p--letter-l1) img { translate: 0 -2%; }
.yl-hero:has(.yl-p--letter-l1 > .yl-p__hit:hover) :is(.yl-p--letter-e, .yl-p--letter-a1) img { translate: 0 -2%; }
.yl-hero:has(.yl-p--letter-a1 > .yl-p__hit:hover) :is(.yl-p--letter-l1, .yl-p--letter-p) img { translate: 0 -2%; }
.yl-hero:has(.yl-p--letter-p > .yl-p__hit:hover) :is(.yl-p--letter-a1, .yl-p--letter-a2) img { translate: 0 -2%; }
.yl-hero:has(.yl-p--letter-a2 > .yl-p__hit:hover) :is(.yl-p--letter-p, .yl-p--letter-l2) img { translate: 0 -2%; }
.yl-hero:has(.yl-p--letter-l2 > .yl-p__hit:hover) :is(.yl-p--letter-a2, .yl-p--letter-a3) img { translate: 0 -2%; }
.yl-hero:has(.yl-p--letter-a3 > .yl-p__hit:hover) :is(.yl-p--letter-l2, .yl-p--letter-n) img { translate: 0 -2%; }
.yl-hero:has(.yl-p--letter-n > .yl-p__hit:hover) :is(.yl-p--letter-a3, .yl-p--letter-d) img { translate: 0 -2%; }
.yl-hero:has(.yl-p--letter-d > .yl-p__hit:hover) :is(.yl-p--letter-n, .yl-p--letter-i) img { translate: 0 -2%; }
.yl-hero:has(.yl-p--letter-i > .yl-p__hit:hover) :is(.yl-p--letter-d, .yl-p--letter-a4) img { translate: 0 -2%; }
.yl-hero:has(.yl-p--letter-a4 > .yl-p__hit:hover) :is(.yl-p--letter-i) img { translate: 0 -2%; }
@media (max-width: 699px) {
  .yl-hero { --yl-frame: 840 / 545; --yl-frame-ratio: 1.5413; }
  .yl-p--vine { left:-8.3333%;top:4.0367%;width:21.6667%; }
  .yl-p--phone { left:83.8095%;top:0%;width:29.5238%; }
  .yl-p--the-gathering { left:26.6667%;top:21.2844%;width:48.2143%; }
  .yl-p--spiral { left:79.4048%;top:22.5688%;width:4.4048%; }
  .yl-p--letter-y { left:2.7381%;top:17.6147%;width:20.9524%; }
  .yl-p--letter-e { left:16.1905%;top:32.2936%;width:6.5476%; }
  .yl-p--letter-l1 { left:20.4762%;top:32.2936%;width:8.6905%; }
  .yl-p--letter-a1 { left:26.3095%;top:31.3761%;width:10%; }
  .yl-p--letter-p { left:34.881%;top:35.7798%;width:9.5238%; }
  .yl-p--letter-a2 { left:41.0714%;top:33.7615%;width:10.9524%; }
  .yl-p--letter-l2 { left:48.0952%;top:33.578%;width:8.9286%; }
  .yl-p--letter-a3 { left:54.0476%;top:33.3945%;width:12.5%; }
  .yl-p--letter-n { left:62.8571%;top:31.3761%;width:12.2619%; }
  .yl-p--letter-d { left:71.3095%;top:30.2752%;width:10.5952%; }
  .yl-p--letter-i { left:80.119%;top:33.3945%;width:5.4762%; }
  .yl-p--letter-a4 { left:83.5714%;top:31.7431%;width:11.9048%; }
  .yl-p--date { left:32.1429%;top:68.2569%;width:35.7143%; }
  .yl-s-h0 { left:26.5722%;top:6.8552%;width:3.8817%; }
  .yl-s-h1 { left:66.0366%;top:4.6376%;width:5.9693%; }
  .yl-s-h2 { left:13.7268%;top:0.0654%;width:6.7185%; }
  .yl-s-h3 { left:14.1436%;top:79.9816%;width:8.1931%; }
  .yl-s-h4 { left:15.0682%;top:69.4424%;width:5.5745%; }
  .yl-s-h5 { left:52.5396%;top:6.1448%;width:4.0043%; }
  .yl-s-h6 { left:60.2714%;top:3.6895%;width:4.6162%; }
  .yl-s-h7 { left:36.0821%;top:7.5339%;width:4.4182%; }
  .yl-s-h8 { left:78.5384%;top:7.2628%;width:3.2405%; }
  .yl-s-h9 { left:105.6967%;top:54.1574%;width:3.3988%; }
  .yl-s-h10 { left:44.7732%;top:4.5997%;width:4.5832%; }
  .yl-s-h11 { left:23.8429%;top:83.3589%;width:3.4668%; }
  .yl-s-h12 { left:74.0445%;top:1.3368%;width:3.7235%; }
  .yl-s-h13 { left:8.2384%;top:2.7974%;width:4.2227%; }
  .yl-s-h14 { left:21.428%;top:0.9322%;width:3.3509%; }
  .yl-s-h15 { left:7.684%;top:71.5932%;width:3.901%; }
  .yl-s-h16 { left:101.5577%;top:53.2072%;width:3.133%; }
  .yl-s-h17 { left:24.2543%;top:73.0138%;width:5.634%; }
  .yl-s-h18 { left:7.9191%;top:85.1501%;width:3.2073%; }
  .yl-s-h19 { left:59.9167%;top:12.6056%;width:3.1011%; }
  .yl-s-h20 { left:69.7934%;top:71.1797%;width:3.476%; }
  .yl-s-h21 { left:72.8748%;top:9.5726%;width:3.8124%; }
  .yl-s-h22 { left:-14.8034%;top:21.7461%;width:4.9777%; }
  .yl-s-h23 { left:52.9454%;top:28.232%;width:3.1849%; }
  .yl-s-h24 { left:21.918%;top:9.67%;width:3.8228%; }
  .yl-s-h25 { left:-4.8313%;top:2.5096%;width:3.6652%; }
  .yl-s-h26 { left:32.16%;top:9.8456%;width:3.108%; }
  .yl-s-h27 { left:69.5519%;top:77.6979%;width:3.4791%; }
  .yl-s-h28 { left:33.5595%;top:1.373%;width:3.1642%; }
  .yl-s-h29 { left:73.8197%;top:81.7363%;width:7.3886%; }
}