/* Intro "Sonyachna Berehynia". Visible only while <html> carries .brn-intro-on (set by the head snippet). */
.brn-intro{display:none}
html.brn-intro-on .brn-intro{
  --brn-intro-w:min(86vw,62vh,720px);
  --brn-intro-u:calc(var(--brn-intro-w) / 600);
  --brn-intro-line:max(1.5px,calc(var(--brn-intro-u) * 2.4));
  display:flex!important;flex-direction:column;align-items:center;justify-content:center;
  position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;
  margin:0;padding:0;border:0;overflow:hidden;contain:strict;
  background:#FFFDF7;cursor:default;
  -webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;
  animation:brn-intro-out .4s cubic-bezier(.4,0,.2,1) 1.5s forwards
}
@media print,(prefers-reduced-motion:reduce){html.brn-intro-on .brn-intro{display:none!important}}
.brn-intro *{box-sizing:border-box;margin:0;padding:0;border:0}
.brn-intro-stage{
  display:flex;flex-direction:column;align-items:center;width:var(--brn-intro-w);margin-bottom:4vh;
  font:400 16px/1 sans-serif;letter-spacing:0;word-spacing:0;text-align:center;text-indent:0;text-transform:none;white-space:nowrap;
  -webkit-font-smoothing:antialiased;
  animation:brn-intro-lift .4s cubic-bezier(.4,0,.2,1) 1.5s forwards
}
.brn-intro-sky{position:relative;width:100%;height:calc(var(--brn-intro-u) * 80);overflow:hidden}
.brn-intro-sky>span{display:block;position:absolute;left:50%;bottom:0}
.brn-intro-glow{
  width:calc(var(--brn-intro-u) * 150);height:calc(var(--brn-intro-u) * 150);
  margin:0 0 calc(var(--brn-intro-u) * -75) calc(var(--brn-intro-u) * -75);
  background:radial-gradient(closest-side,rgba(255,201,60,.34),rgba(255,201,60,0));
  animation:brn-intro-shine .9s ease-out .3s both
}
.brn-intro-ray{
  width:calc(var(--brn-intro-u) * 6);height:calc(var(--brn-intro-u) * 74);margin-left:calc(var(--brn-intro-u) * -3);
  transform-origin:50% 100%;transform:rotate(var(--brn-intro-a));
  animation:brn-intro-fan .5s cubic-bezier(.2,.7,.2,1) .46s both
}
.brn-intro-ray::before{content:"";position:absolute;top:0;left:0;width:100%;height:calc(var(--brn-intro-u) * 22);border-radius:99px;background:#FFC93C}
.brn-intro-ray.brn-intro-short{height:calc(var(--brn-intro-u) * 66)}
.brn-intro-short::before{height:calc(var(--brn-intro-u) * 12)}
.brn-intro-sun{
  width:calc(var(--brn-intro-u) * 80);height:calc(var(--brn-intro-u) * 80);margin-left:calc(var(--brn-intro-u) * -40);
  border-radius:50%;background:#FFC93C;transform:translateY(50%);
  animation:brn-intro-rise .66s cubic-bezier(.22,.8,.3,1) .1s both
}
.brn-intro-horizon{
  display:block;position:relative;width:calc(var(--brn-intro-u) * 360);height:var(--brn-intro-line);
  margin-top:calc(var(--brn-intro-line) / -2);border-radius:9px;
  background:linear-gradient(90deg,rgba(30,79,168,0),#1E4FA8 22%,#1E4FA8 78%,rgba(30,79,168,0));
  animation:brn-intro-grow .55s cubic-bezier(.3,.7,.2,1) both
}
.brn-intro-orn{display:block;width:100%;height:calc(var(--brn-intro-u) * 40);margin-top:calc(var(--brn-intro-u) * 18);overflow:hidden}
.brn-intro-orn path{fill:none;stroke-width:2.4}
.brn-intro-chain{stroke:#1E4FA8;stroke-dasharray:1;stroke-dashoffset:1;animation:brn-intro-draw .72s cubic-bezier(.35,.45,.3,1) .36s forwards}
.brn-intro-orn .brn-intro-core{stroke:#1E4FA8}
.brn-intro-cross{stroke:#5BB4F0}
.brn-intro-orn .brn-intro-dots{stroke:#5BB4F0;stroke-width:2.8;stroke-linecap:round;stroke-dasharray:0 24;animation:brn-intro-appear .5s ease-out .78s both}
.brn-intro-orn .brn-intro-gold>path{fill:#FFC93C;stroke:none}
.brn-intro-core,.brn-intro-cross>path,.brn-intro-gold>path{
  transform-box:fill-box;transform-origin:50% 50%;
  animation:brn-intro-pop .34s cubic-bezier(.3,1.5,.5,1) both;
  animation-delay:calc(.4s + var(--brn-intro-k) * 56ms)
}
.brn-intro-orn .brn-intro-core{animation-delay:.28s}
.brn-intro-word{
  margin-top:calc(var(--brn-intro-u) * 26);padding-left:.05em;
  font:600 clamp(22px,calc(var(--brn-intro-u) * 56),68px)/1 'Unbounded',sans-serif;
  letter-spacing:.05em;color:#1E4FA8
}
.brn-intro-word>span{display:inline-block;animation:brn-intro-letter .42s cubic-bezier(.2,.75,.25,1) both;animation-delay:calc(.5s + var(--brn-intro-i) * 50ms)}
.brn-intro-sub{
  margin-top:calc(var(--brn-intro-u) * 14);
  font:500 clamp(12px,calc(var(--brn-intro-u) * 21),22px)/1.25 'Manrope',sans-serif;
  letter-spacing:.02em;color:rgba(27,42,74,.7);
  animation:brn-intro-letter .46s cubic-bezier(.2,.75,.25,1) .9s both
}
@keyframes brn-intro-out{to{opacity:0;visibility:hidden}}
@keyframes brn-intro-lift{to{transform:translateY(-2%) scale(1.03)}}
@keyframes brn-intro-shine{from{opacity:0;transform:scale(.5)}}
@keyframes brn-intro-fan{from{opacity:0;transform:rotate(0deg) scaleY(.55)}}
@keyframes brn-intro-rise{from{transform:translateY(104%)}}
@keyframes brn-intro-grow{from{transform:scaleX(0)}}
@keyframes brn-intro-draw{to{stroke-dashoffset:0}}
@keyframes brn-intro-pop{from{opacity:0;transform:scale(0)}}
@keyframes brn-intro-appear{from{opacity:0}}
@keyframes brn-intro-letter{from{opacity:0;transform:translateY(.42em)}}
