/* ═══════════ EL MUNDO DE EVERNOTH · lo mismo que la web, con las piezas de la app ═══════════
   Inicio (umbral, proclama, cámaras, censo, llamada), el juego (plancha, piezas) y la Biblioteca (marquesina,
   salas). Botones: Steam en azul oscuro (hover #66C0F4), Kickstarter en verde oscuro (hover #54E5A8). */
.m-pagina{position:relative;z-index:2}
.m-seccion{position:relative;z-index:2;padding:clamp(56px,11vh,120px) clamp(20px,5vw,56px)}
.m-dentro{position:relative;max-width:980px;margin:0 auto;text-align:center}
.m-seccion .rotulo,.m-plancha .rotulo{margin:0 0 14px;color:var(--gold)}

/* los títulos, en oro grabado */
.m-faja,.m-grito,.m-titulo{font-family:var(--f-rotulo);font-weight:600;letter-spacing:.08em;line-height:1.12;margin:0 auto 18px;
  text-wrap:balance;background:linear-gradient(178deg,#F6E5B4 0%,#D8AE60 46%,#8C6736 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.m-faja{font-size:clamp(24px,3.6vw,42px);max-width:24ch}
.m-grito{font-size:clamp(28px,4.4vw,54px);max-width:18ch}
.m-titulo{font-size:clamp(30px,4.8vw,60px);max-width:20ch;margin-bottom:0}

.m-prosa{font-family:var(--f-texto);font-size:clamp(17px,1.6vw,20px);line-height:1.7;color:var(--ivory-dim);
  max-width:60ch;margin:0 auto 16px;text-wrap:pretty}
.m-prosa b{color:var(--ivory);font-weight:500}
.m-prosa em{color:var(--gold-hi)}
.m-prosa.apunte{margin-top:24px;font-family:var(--f-susurro);font-style:italic;font-size:clamp(17px,1.6vw,19px)}
.m-lema{font-family:var(--f-susurro);font-style:italic;font-size:clamp(19px,2.2vw,26px);line-height:1.45;color:var(--ivory);
  max-width:46ch;margin:18px auto 0;text-wrap:balance;text-shadow:0 1px 14px rgba(0,0,0,.85)}
.m-lema span{display:block;color:var(--gold-hi);margin-top:6px}
.m-dato{font-family:var(--f-rotulo);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-idle);margin:18px 0 0}
.m-letra{font-family:var(--f-susurro);font-style:italic;color:var(--ivory-dim);font-size:14px;margin:12px 0 0}
.m-vara{display:block;width:min(320px,62vw);margin:18px auto}
.m-seccion .firma{margin-top:10px}

.m-actos{margin-top:clamp(20px,3.4vh,32px);display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.boton.steam{--filo:rgba(102,192,244,.42);--filo-alto:#66C0F4;--vidrio:rgba(102,192,244,.14);--fondo:rgba(20,36,54,.5);
  --halo:rgba(102,192,244,.22);color:#C7E6F8}
.boton.steam:hover{color:#66C0F4}
.boton.kick{--filo:rgba(84,229,168,.4);--filo-alto:#54E5A8;--vidrio:rgba(84,229,168,.11);--fondo:rgba(16,44,33,.5);
  --halo:rgba(84,229,168,.2);color:#C9F3DF}
.boton.kick:hover{color:#54E5A8}
/* la Biblioteca tiene su color, el lila, como Steam el azul y Kickstarter el verde. Y su sitio: debajo de
   los tres, más grande, porque no lleva a una tienda sino a lo que el mundo ha escrito. */
.m-actos .salto{flex:0 0 100%;height:0}
.boton.biblio{--filo:rgba(176,132,232,.4);--filo-alto:#C9A3F0;--vidrio:rgba(157,99,232,.13);--fondo:rgba(26,16,42,.5);
  --halo:rgba(176,132,232,.26);color:#D9C2F5;
  width:min(440px,100%);margin:clamp(4px,1vh,10px) auto 0;
  padding:20px 38px;font-size:12px;letter-spacing:.34em}
.boton.biblio .dice{position:relative;z-index:2}
.boton.biblio:hover{color:#EDE0FF;box-shadow:0 0 38px rgba(176,132,232,.34),inset 0 1px 0 rgba(255,255,255,.14)}

/* el brillo que cruza el cristal, una vez por visita */
.boton.biblio .brillo{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.boton.biblio .brillo::after{content:"";position:absolute;top:-60%;bottom:-60%;left:-48%;width:36%;
  transform:skewX(-18deg);transition:left 1s var(--curva);
  background:linear-gradient(100deg,transparent,rgba(237,224,255,.3) 46%,transparent)}
.boton.biblio:is(:hover,:focus-visible) .brillo::after{left:118%}

/* el aura: el lila respira detrás del botón mientras tienes el ratón encima */
.boton.biblio .aura{position:absolute;inset:-26px -34px;pointer-events:none;z-index:0;opacity:0;
  transition:opacity .7s ease;
  background:radial-gradient(60% 72% at 50% 60%,rgba(176,132,232,.34),rgba(157,99,232,.1) 46%,transparent 72%)}
.boton.biblio:is(:hover,:focus-visible) .aura{opacity:1;animation:aura-respira 3.4s ease-in-out infinite}
@keyframes aura-respira{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.09);opacity:1}}

/* el polvo: dieciséis motas de luz que suben, se van de lado y se apagan, cada una a su ritmo */
.boton.biblio .motas{position:absolute;inset:0;pointer-events:none;z-index:1}
.boton.biblio .motas i{position:absolute;bottom:16%;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;
  opacity:0;background:radial-gradient(circle,#FBF6FF 0%,#DCC6F8 38%,rgba(176,132,232,.5) 62%,transparent 76%);
  box-shadow:0 0 7px rgba(201,163,240,.8),0 0 14px rgba(157,99,232,.45)}
.boton.biblio:is(:hover,:focus-visible) .motas i{animation:mota-sube var(--t) cubic-bezier(.25,.6,.35,1) var(--d) infinite}
@keyframes mota-sube{
  0%{opacity:0;transform:translate3d(0,10px,0) scale(.35)}
  16%{opacity:1;transform:translate3d(calc(var(--v) * .18px),-8px,0) scale(1)}
  62%{opacity:.78}
  100%{opacity:0;transform:translate3d(calc(var(--v) * 1px),-66px,0) scale(.5)}}
@media (prefers-reduced-motion:reduce){
  .boton.biblio .motas i,.boton.biblio .aura{animation:none!important}
  .boton.biblio .brillo::after{transition:none}}

.boton.leve{--filo:rgba(201,163,95,.2);--filo-alto:rgba(201,163,95,.3);--vidrio:rgba(255,255,255,.035);--fondo:transparent}

/* ═══ el umbral ═══ */
.m-umbral{justify-content:center}
/* el velo del héroe también arriba: sobre el follaje claro, el sello y el lema tienen que leerse */
.m-umbral .velo{background:
  radial-gradient(ellipse 70% 60% at 50% 46%,rgba(3,5,16,.5) 0%,rgba(3,5,16,.2) 70%,transparent 100%),
  linear-gradient(to bottom,rgba(3,5,16,.62) 0%,rgba(3,5,16,.3) 34%,rgba(3,5,16,.46) 66%,rgba(3,5,16,.93) 100%)}
.m-umbral .lienzo{animation:m-acerca 28s ease-in-out infinite alternate}
@keyframes m-acerca{to{transform:scale(1.08)}}
.m-umbral .contenido{padding-bottom:clamp(10px,4vh,40px)}
.m-umbral .logotipo{width:min(460px,74vw)}
.m-aro,.m-aro-banda{display:grid;place-items:center;border-radius:50%;border:1px solid rgba(232,200,116,.62);
  background:rgba(7,7,10,.38);color:var(--gold-hi);transition:box-shadow .45s,border-color .45s}
.m-aro{position:relative;width:74px;height:74px;margin:clamp(22px,4vh,36px) auto 0;cursor:pointer}
.m-aro i,.m-aro-banda i{display:block;width:0;height:0;border-left:16px solid currentColor;border-top:10px solid transparent;
  border-bottom:10px solid transparent;margin-left:5px}
.m-aro:hover{box-shadow:0 0 34px rgba(232,200,116,.34);border-color:var(--gold-hi)}
.m-aro:focus-visible{outline:1px solid var(--cyan);outline-offset:6px}
.m-aro-pie{font-family:var(--f-rotulo);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);margin:10px 0 0}

/* ═══ la banda del tráiler y el vídeo ═══ */
.m-banda{position:relative;display:block;width:100%;max-width:980px;margin:clamp(24px,4vh,40px) auto;padding:0;border:0;
  background:#000;cursor:pointer;aspect-ratio:21/9;overflow:hidden;color:inherit;font:inherit}
.m-banda img{width:100%;height:100%;object-fit:cover;filter:brightness(.7);transition:filter .6s ease,transform 1.4s var(--curva)}
.m-banda:hover img{filter:brightness(.9);transform:scale(1.03)}
.m-banda::after{content:"";position:absolute;inset:0;border:1px solid rgba(201,163,95,.28);pointer-events:none}
.m-banda:focus-visible{outline:1px solid var(--cyan);outline-offset:4px}
.m-aro-banda{position:absolute;left:50%;top:50%;width:78px;height:78px;transform:translate(-50%,-50%)}
.m-aro-banda i{border-left-width:18px;border-top-width:11px;border-bottom-width:11px;margin-left:6px}
.m-banda:hover .m-aro-banda{box-shadow:0 0 34px rgba(232,200,116,.34)}
.m-pie{position:absolute;left:0;right:0;bottom:16px;font-family:var(--f-rotulo);font-size:10px;letter-spacing:.3em;
  text-transform:uppercase;color:var(--ivory);text-shadow:0 1px 8px rgba(0,0,0,.9)}
.m-video{aspect-ratio:16/9}
.m-video.reproduciendo{cursor:default}
.m-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ═══ pilares y modos ═══ */
.m-pilares{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:clamp(18px,3vw,40px);max-width:920px;
  margin:clamp(26px,4vh,44px) auto 0}
.m-pilares > div{position:relative;padding-top:18px}
.m-pilares > div::before{content:"";position:absolute;top:0;left:22%;right:22%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(201,163,95,.5),transparent)}
.m-pilares h3{font-family:var(--f-rotulo);font-weight:600;font-size:clamp(16px,1.6vw,20px);letter-spacing:.12em;color:var(--gold-hi);margin:0 0 8px}
.m-pilares p{font-family:var(--f-susurro);font-style:italic;font-size:17px;line-height:1.5;color:var(--ivory-dim);margin:0}

/* ═══ la novela: tapa y texto ═══ */
.m-camara:has(.m-tapa) .m-dentro{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:clamp(28px,5vw,64px);
  align-items:center;align-content:center;text-align:left;max-width:860px}
.m-camara:has(.m-tapa) .m-faja{margin-left:0}
.m-camara:has(.m-tapa) .m-actos{justify-content:flex-start}
.m-tapa{display:block;width:clamp(150px,19vw,220px);grid-row:1 / span 6;position:relative;transition:transform .5s var(--curva)}
.m-tapa img{display:block;width:100%;box-shadow:0 0 0 1px rgba(201,163,95,.3)}
.m-tapa::after{content:"";position:absolute;left:-18%;right:-18%;bottom:-14%;height:16%;pointer-events:none;
  background:radial-gradient(ellipse,rgba(232,200,116,.24),transparent 70%)}
.m-tapa:hover{transform:translateY(-6px)}
@media (max-width:700px){
  .m-camara:has(.m-tapa) .m-dentro{grid-template-columns:1fr;text-align:center}
  .m-tapa{grid-row:auto;margin:0 auto 26px}
  .m-camara:has(.m-tapa) .m-faja{margin-left:auto}
  .m-camara:has(.m-tapa) .m-actos{justify-content:center}
}

/* ═══ las puertas de la Biblioteca en el inicio ═══ */
.m-puertas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,24px);max-width:900px;margin:clamp(26px,4vh,40px) auto 0}
@media (max-width:640px){.m-puertas{grid-template-columns:repeat(2,minmax(0,1fr))}}
.m-puerta{display:block;text-decoration:none;color:inherit}
.m-puerta .hueco{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border:1px solid rgba(201,163,95,.28)}
.m-puerta img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.78);transition:filter .5s ease,transform 1.2s var(--curva)}
.m-puerta:hover img{filter:none;transform:scale(1.05)}
.m-puerta .nom{display:block;margin-top:10px;font-family:var(--f-rotulo);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.m-puerta:hover .nom{color:var(--gold-hi)}

/* ═══ la estantería de las obras ═══ */
.m-obras .fila{margin-top:clamp(26px,4vh,40px);text-align:left}

/* ═══ el censo ═══ */
.m-censo .m-dentro{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:clamp(24px,5vw,64px);
  align-items:center;align-content:center;text-align:left}
.m-censo .m-faja,.m-censo .m-prosa{margin-left:0}
.m-censo .m-actos{justify-content:flex-start}
.m-muestra{grid-row:1 / span 6;text-align:center}
.m-muestra svg{display:block;width:min(100%,420px);height:auto;margin:0 auto;
  background:radial-gradient(circle,rgba(5,6,11,.9) 0%,rgba(5,6,11,.72) 56%,transparent 71%)}
.m-muestra .sello-ej{font-family:var(--f-rotulo);font-size:9.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-idle);margin:6px 0 0}
@media (max-width:760px){
  .m-censo .m-dentro{grid-template-columns:1fr;text-align:center}
  .m-muestra{grid-row:auto;margin-bottom:18px}
  .m-censo .m-faja,.m-censo .m-prosa{margin-left:auto}
  .m-censo .m-actos{justify-content:center}
}

/* ═══ la llamada del Kickstarter ═══ */
.m-llamada .m-dentro{max-width:640px}
.m-lista{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:520px;margin:clamp(20px,3vh,28px) auto 0}
.m-lista input[type=email]{flex:1 1 240px;min-width:0;height:48px;padding:0 16px;font-family:var(--f-texto);font-size:17px;
  color:var(--ivory);background:rgba(7,7,10,.6);border:1px solid rgba(201,163,95,.35)}
.m-lista input[type=email]::placeholder{color:var(--locked)}
.m-lista input:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}
.m-miel{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.m-dicho{min-height:1.45em;font-family:var(--f-susurro);font-style:italic;font-size:17px;color:var(--ivory);margin:12px 0 0}

/* ═══ las páginas del juego y de la Biblioteca ═══ */
.m-plancha{position:relative;z-index:2;overflow:hidden;text-align:center;
  padding:calc(var(--barra) + clamp(48px,9vh,100px)) clamp(20px,5vw,56px) clamp(36px,7vh,76px)}
.m-marca-agua{position:absolute;left:50%;top:50%;width:min(640px,92vw);transform:translate(-50%,-48%);opacity:.08;pointer-events:none;z-index:-1}
.m-plancha .sello{margin-bottom:14px}
.m-estandarte{position:relative;z-index:2;margin:0}
.m-estandarte img{display:block;width:100%;max-height:72vh;object-fit:cover;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 14%,#000 86%,transparent)}
.m-dentro .m-estandarte{margin:clamp(24px,4vh,40px) auto}
.m-pieza .m-dentro{max-width:1040px}

.m-laminas{display:grid;gap:clamp(8px,1.2vw,14px);margin:clamp(24px,4vh,40px) auto}
.m-laminas.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
.m-laminas.dos{grid-template-columns:repeat(2,minmax(0,1fr))}
.m-laminas figure{position:relative;margin:0;overflow:hidden;aspect-ratio:4/3;border:1px solid rgba(201,163,95,.2)}
.m-laminas figure.ancha{grid-column:1 / -1;aspect-ratio:21/9}
.m-laminas img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--curva)}
.m-laminas figure:hover img{transform:scale(1.04)}
@media (max-width:640px){.m-laminas.tres{grid-template-columns:repeat(2,minmax(0,1fr))}}

.m-gente{display:flex;flex-wrap:wrap;gap:clamp(18px,4vw,48px);justify-content:center;margin-top:28px}
.m-gente figure{margin:0;width:clamp(140px,22vw,240px)}
.m-gente img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border:1px solid rgba(201,163,95,.28)}
.m-gente figcaption{margin-top:10px;font-family:var(--f-rotulo);font-size:13px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}

.m-rasgos{list-style:none;padding:0;margin:28px auto 0;max-width:880px;display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px 40px;text-align:left}
.m-rasgos li{position:relative;padding-left:22px}
.m-rasgos li::before{content:"";position:absolute;left:0;top:.5em;width:7px;height:7px;transform:rotate(45deg);border:1px solid var(--gold)}
.m-rasgos b{display:block;font-family:var(--f-rotulo);font-weight:600;font-size:14px;letter-spacing:.08em;color:var(--gold-hi);margin-bottom:4px}
.m-rasgos span{font-family:var(--f-texto);font-size:16px;line-height:1.55;color:var(--ivory-dim)}

.m-ficha{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;max-width:920px;margin:28px auto 0;text-align:left}
.m-ficha section{padding:20px 22px;border:1px solid rgba(201,163,95,.22);background:rgba(13,11,9,.6)}
.m-ficha h3{font-family:var(--f-rotulo);font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}
.m-ficha dl{display:grid;grid-template-columns:auto 1fr;gap:7px 14px;margin:0}
.m-ficha dt{font-family:var(--f-rotulo);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-idle);padding-top:3px}
.m-ficha dd{margin:0;font-family:var(--f-texto);font-size:15.5px;color:var(--ivory);font-variant-numeric:tabular-nums}

.m-aviso{max-width:700px;margin:28px auto 0;padding:18px 22px;border:1px solid rgba(192,83,62,.42);background:rgba(40,12,8,.4);text-align:left}
.m-aviso .cabo{font-family:var(--f-rotulo);font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:#E08B73;margin:0 0 8px}
.m-aviso p{margin:0;font-family:var(--f-texto);font-size:15.5px;line-height:1.6;color:var(--ivory-dim)}

.m-marquesina{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);max-width:980px;margin:0 auto;text-decoration:none;
  color:inherit;border:1px solid rgba(201,163,95,.28);background:rgba(13,11,9,.62);overflow:hidden;text-align:left;transition:border-color .45s}
.m-marquesina:hover{border-color:rgba(232,200,116,.6)}
.m-marquesina .pantalla{position:relative;aspect-ratio:16/9;overflow:hidden}
.m-marquesina img{width:100%;height:100%;object-fit:cover;filter:brightness(.76);transition:filter .6s ease,transform 1.4s var(--curva)}
.m-marquesina:hover img{filter:brightness(.95);transform:scale(1.04)}
.m-marquesina .cartel{display:flex;flex-direction:column;justify-content:center;gap:8px;padding:clamp(18px,3vw,36px)}
.m-marquesina .medio{font-family:var(--f-rotulo);font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.m-marquesina .nom{font-family:var(--f-rotulo);font-weight:600;font-size:clamp(18px,2.2vw,26px);letter-spacing:.06em;color:var(--gold-hi)}
.m-marquesina .frase{font-family:var(--f-susurro);font-style:italic;font-size:18px;line-height:1.45;color:var(--ivory)}
.m-marquesina .est{font-family:var(--f-rotulo);font-size:9.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold-idle)}
@media (max-width:700px){.m-marquesina{grid-template-columns:1fr}}

.m-salas{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(18px,2.6vw,32px);max-width:1080px;margin:0 auto;text-align:left}
.m-sala{display:block;text-decoration:none;color:inherit}
.m-sala .puerta{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border:1px solid rgba(201,163,95,.28);transition:border-color .45s}
.m-sala img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.82);transition:filter .6s ease,transform 1.4s var(--curva)}
a.m-sala:hover .puerta{border-color:rgba(232,200,116,.6)}
a.m-sala:hover img{filter:none;transform:scale(1.04)}
.m-sala.cerrada img{filter:saturate(.35) brightness(.45)}
.m-sala .rot{position:absolute;left:0;right:0;bottom:0;padding:46px 14px 16px;text-align:center;
  background:linear-gradient(to top,rgba(4,4,7,.94),rgba(4,4,7,.5) 55%,transparent)}
.m-sala .nom{display:block;font-family:var(--f-rotulo);font-weight:600;font-size:15px;letter-spacing:.1em;color:var(--gold-hi)}
.m-sala .est{display:block;margin-top:5px;font-family:var(--f-rotulo);font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold-idle)}
.m-sala .glosa{font-family:var(--f-susurro);font-style:italic;font-size:16px;line-height:1.5;color:var(--ivory-dim);margin:12px 0 0}

/* la nota del autor, al pie de la Biblioteca */
.m-nota{max-width:60ch;margin:0 auto}
.m-nota .m-prosa{font-family:var(--f-susurro);font-style:italic;font-size:clamp(18px,1.8vw,21px)}

/* ═══ el visor del tráiler ═══ */
.m-visor{position:fixed;inset:0;z-index:120;display:grid;place-items:center;background:rgba(3,4,8,.95);padding:clamp(12px,3vw,40px)}
.m-visor video{max-width:100%;max-height:88svh;width:auto;height:auto;background:#000;border:1px solid rgba(201,163,95,.3)}
.m-visor .cerrar{position:absolute;top:calc(env(safe-area-inset-top) + 14px);right:14px}
html.con-visor{overflow:hidden}

/* ═══ la carta astral, a pantalla completa bajo la barra ═══ */
body[data-nivel="carta"] #hilo{display:none}
.m-carta{position:fixed;left:0;right:0;bottom:0;top:var(--barra);z-index:2;background:#05060B}
.m-carta iframe{display:block;width:100%;height:100%;border:0}

/* ═══ el menú ═══ */
.velo-menu{display:flex;flex-direction:column;margin-top:10px}
.velo-menu a{padding:16px 2px;font-family:var(--f-rotulo);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--ivory);
  text-decoration:none;background:linear-gradient(90deg,transparent,rgba(201,163,95,.2),transparent) bottom / 100% 1px no-repeat;transition:color .3s}
.velo-menu a:hover,.velo-menu a[aria-current="page"]{color:var(--gold-hi)}
.velo-menu a:focus-visible{outline:1px solid var(--cyan);outline-offset:2px}

@media (prefers-reduced-motion:reduce){.m-umbral .lienzo{animation:none}}