/* Archivo, latin subset (variable: weight 100–900, width 62–125%) */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url(/fonts/archivo-latin.woff2) format('woff2');
}
body{margin:0;background:#07090F}
a{color:#FFB547}
a:hover{color:#FFCB7A}
@keyframes nb-sweep{from{transform:translate(-50%,-50%) rotate(0deg)}
to{transform:translate(-50%,-50%) rotate(360deg)}
}
@keyframes nb-ring{0%{transform:translate(-50%,-50%) scale(.3);opacity:.8}
100%{transform:translate(-50%,-50%) scale(1.6);opacity:0}
}
@keyframes nb-up{from{opacity:0;transform:translateY(30px);filter:blur(6px)}
to{opacity:1;transform:none;filter:none}
}
@keyframes nb-twinkle{0%,100%{opacity:.25}
50%{opacity:.9}
}
.nb-sweep{animation:nb-sweep 9s linear infinite}
.nb-ring{animation:nb-ring 4s ease-out infinite}
.nb-ring2{animation-delay:1.3s}
.nb-ring3{animation-delay:2.6s}
.nb-in{animation:nb-up 1s cubic-bezier(.2,.7,.2,1) both}
.nb-d1{animation-delay:.15s}
.nb-d2{animation-delay:.3s}
.nb-d3{animation-delay:.45s}
.nb-star{animation:nb-twinkle 3s ease-in-out infinite}
@supports (animation-timeline: view()){
@keyframes nb-par{from{transform:translateY(-100px)}
to{transform:translateY(100px)}
}
@keyframes nb-parx{from{transform:translateY(140px)}
to{transform:translateY(-140px)}
}
@keyframes nb-rv{from{opacity:0;transform:translateY(50px)}
to{opacity:1;transform:none}
}
@keyframes nb-shrink{from{transform:scale(1)}
to{transform:scale(.92);opacity:.55}
}
.nb-par{animation:nb-par linear both;animation-timeline:view()}
.nb-parx{animation:nb-parx linear both;animation-timeline:view()}
.nb-rv{animation:nb-rv linear both;animation-timeline:view();animation-range:entry 0% cover 28%}
.nb-stack{animation:nb-shrink linear both;animation-timeline:view();animation-range:exit-crossing 0% exit-crossing 100%}
}
@media (prefers-reduced-motion: reduce){.nb-sweep,.nb-ring,.nb-in,.nb-star,.nb-par,.nb-parx,.nb-rv,.nb-stack{animation:none}
}
.nb-tile{transition:border-color .3s ease,transform .3s ease}
.nb-tile:hover{border-color:#FFB547;transform:translateY(-4px)}

/* Phones: keep the beacon clear of the hero text (the design is laid out at 1440px) */
@media (max-width: 640px){.nb-beacon{left:80% !important;top:24% !important}}