/* Northnil north-star light. Headline typography stays in style.css. */
.north-star{
  width:78px;z-index:1;isolation:isolate;
  filter:none;transform-origin:50% 45%;
  animation:northnil-star-breathe 8.6s ease-in-out infinite;
}
.north-star::before{
  content:'';position:absolute;inset:-130%;z-index:-1;
  border-radius:50%;pointer-events:none;
  background:radial-gradient(ellipse at 50% 48%,#e8f5ff2e 0%,#aac9e32b 12%,#6b91c521 27%,#7278ac12 43%,transparent 67%);
  filter:blur(9px);
  animation:northnil-halo-breathe 8.6s ease-in-out infinite;
}
.north-star .hero-star{
  position:relative;z-index:1;overflow:visible;
  filter:drop-shadow(0 0 2px #ffffffcc) drop-shadow(0 0 9px #d0e8ffc2) drop-shadow(0 0 26px #98b6e491);
}
.north-star .star-corona{
  position:absolute;inset:-50%;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse at 50% 47%,#ffffff8a 0%,#dceeff4a 7%,#b7d7ff24 18%,#819ed40d 37%,transparent 62%);
  filter:blur(5px);
  animation:northnil-core-breathe 8.6s ease-in-out infinite;
}
@keyframes northnil-star-breathe{
  0%,100%{opacity:.86;transform:scale(.975)}
  50%{opacity:1;transform:scale(1.035)}
}
@keyframes northnil-halo-breathe{
  0%,100%{opacity:.48;transform:scale(.91)}
  50%{opacity:.98;transform:scale(1.09)}
}
@keyframes northnil-core-breathe{
  0%,100%{opacity:.60}
  50%{opacity:1}
}
.motion-paused .north-star,
.motion-paused .north-star::before,
.motion-paused .star-corona{animation-play-state:paused}
@media(max-width:1000px){.north-star{width:62px}}
@media(max-width:700px){
 .north-star{width:42px;left:75%;top:20%}
 .north-star::before{filter:blur(6px)}
 .north-star .star-corona{filter:blur(3px)}
}
@media(prefers-reduced-motion:reduce){
 .north-star,.north-star::before,.star-corona{animation:none!important}
}