/* ============================================================ BRAND JUNGLE — RONDA 39 Capa de correccion. Se carga la ultima en el , despues de round38.css. round36/37/38 quedan congelados. #8 Jungla mas densa y mejores ilustraciones de arbol. El grueso del cambio vive en discovery-forest.js; aqui solo lo que el generador no puede resolver por si mismo: el velo del cuarto plano necesita su desenfoque y su vaiven, y ambos son propiedades de la capa, no del trazo. ============================================================ */ /* ------------------------------------------------------------ CUARTO PLANO DE PROFUNDIDAD Habia tres velos: frente (0.92), medio (0.55) y lejano (0.36). Entre el gris del medio y el palido del fondo quedaba un salto de luminancia grande, y el ojo leia dos masas separadas en vez de una espesura continua. El cuarto velo (0.46) rellena ese hueco y es lo que mas aporta a la sensacion de jungla. Debe quedar POR DEBAJO del medio y por encima del lejano; el orden lo fija discovery-forest.js al insertarlo en el stage. ------------------------------------------------------------ */ .discovery-veil-mid2 { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; transform-origin: 50% 100%; } /* Vaiven: periodo intermedio entre el medio (13s) y el lejano (17s), y amplitud intermedia. Periodos primos entre si = el conjunto no vuelve a alinearse y el movimiento no se lee como bucle. */ .discovery.is-open .discovery-veil-mid2 { animation: discovery-sway-mid2 15s ease-in-out 2.7s infinite alternate; } @keyframes discovery-sway-mid2 { from { transform: rotate(0deg); } to { transform: rotate(-0.17deg); } } /* Profundidad de campo: entre el medio (1.1px) y el lejano (2.4px). Solo desktop, igual que los otros: el blur re-rasteriza durante el crecimiento y en movil no compensa. */ @media (min-width: 900px) { .discovery-veil-mid2 { filter: blur(1.7px); } } /* ------------------------------------------------------------ CEBADO (viene de R38 #6) El cuarto velo entra en la misma suspension de transiciones durante la construccion del bosque. Sin esto, sus ramas volverian a nacer dibujadas en la primera apertura. La regla de round38.css cubre .discovery-branch en cualquier velo, asi que no hace falta repetirla; se deja constancia aqui de que se verifico. ------------------------------------------------------------ */ /* ------------------------------------------------------------ MOVIMIENTO REDUCIDO Con seis planos el vaiven suma bastante mas movimiento en pantalla. Quien pide prefers-reduced-motion debe recibir el bosque quieto, tambien en la capa nueva. ------------------------------------------------------------ */ @media (prefers-reduced-motion: reduce) { .discovery.is-open .discovery-veil-mid2 { animation: none; } }