/* Transparencia de la transición al inicio. */
.logo-effect{position:fixed;inset:0;z-index:100;pointer-events:none;background:rgba(4,15,23,.19);animation:logo-fade 2.7s ease both}
.logo-effect canvas{position:absolute;inset:0;width:100%;height:100%}.logo-effect p{position:absolute;top:72%;left:8%;right:8%;text-align:center;color:#c5edff;font:600 11px/1.6 Arial,sans-serif;letter-spacing:2px;text-shadow:0 2px 12px #001b2b}
.logo-effect-decora p{color:#ddf3a8}.logo-transition-active header .brand{opacity:.22;transition:opacity .25s}header .brand{transition:opacity .5s}
@keyframes logo-fade{0%{opacity:0}15%,70%{opacity:1}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.logo-effect{display:none}.logo-transition-active header .brand{opacity:1}}