#sbr-intro { display:none; }
.sbr-intro-active #sbr-intro { position:fixed;inset:0;z-index:1000;display:grid;place-items:center;background:#080808;color:white;opacity:1;transition:opacity 380ms ease;animation:sbr-intro-safety 1ms 6s forwards; }
#sbr-intro.sbr-intro-leaving { opacity:0;pointer-events:none; }
.sbr-intro-content { display:flex;flex-direction:column;align-items:center;gap:28px;padding:32px;text-align:center; }
.sbr-intro-logo { width:min(64vw,300px);height:auto;display:block;animation:sbr-logo-in 750ms cubic-bezier(.22,1,.36,1) both; }
.sbr-intro-caption { margin:0;color:#bbb;font:400 10px Montserrat,sans-serif;letter-spacing:.3em;text-transform:uppercase;animation:sbr-logo-in 850ms 120ms both; }
.sbr-intro-line { width:120px;height:1px;background:#333;overflow:hidden; }
.sbr-intro-line::after { content:'';display:block;width:100%;height:100%;background:white;transform-origin:left;animation:sbr-line-in 3250ms cubic-bezier(.22,1,.36,1) both; }
#sbr-skip-intro { position:absolute;right:28px;bottom:26px;background:none;color:#aaa;border:0;border-bottom:1px solid #555;padding:8px 0;font:400 10px Montserrat,sans-serif;letter-spacing:.18em;text-transform:uppercase;cursor:pointer; }
@keyframes sbr-logo-in { from { opacity:0;transform:translateY(10px);filter:blur(3px); } to { opacity:1;transform:translateY(0);filter:blur(0); } }
@keyframes sbr-line-in { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@keyframes sbr-intro-safety { to { visibility:hidden;pointer-events:none; } }
@media (prefers-reduced-motion:reduce) { .sbr-intro-active #sbr-intro { display:none; } }

.sbr-intro-active #sbr-intro { overflow:hidden;isolation:isolate; }
.sbr-intro-content, #sbr-skip-intro { position:relative;z-index:2; }
#sbr-skip-intro { position:absolute;left:28px;right:auto; }
.sbr-confetti { position:absolute;inset:0;overflow:hidden;pointer-events:none;perspective:700px;z-index:0; }
.sbr-confetti-piece { position:absolute;left:var(--origin-x,50%);top:var(--origin-y,44%);width:var(--size);height:calc(var(--size) * 1.65);opacity:0;animation:sbr-confetti-burst 1550ms var(--delay) cubic-bezier(.12,.55,.25,1) both;will-change:transform; }
.sbr-confetti-piece i { display:block;width:100%;height:100%;background:var(--color);box-shadow:0 1px 3px #0006;animation:sbr-confetti-flip 1550ms var(--delay) ease-out both; }
@keyframes sbr-confetti-burst {
  0% { opacity:0;transform:translate3d(0,0,-70px) rotate(0deg) scale(.2); }
  8% { opacity:1; }
  54% { opacity:1;transform:translate3d(calc(var(--dx) * .84),var(--dy),35px) rotate(calc(var(--turn) * .65)) scale(1); }
  100% { opacity:0;transform:translate3d(var(--dx),calc(var(--dy) + 110px),0) rotate(var(--turn)) scale(.85); }
}
@keyframes sbr-confetti-flip { from { transform:rotateX(0deg) rotateY(0deg); } to { transform:rotateX(460deg) rotateY(230deg); } }
@media (max-width:600px) { .sbr-confetti-piece { width:calc(var(--size) * .8);height:calc(var(--size) * 1.3); } }
@media (prefers-reduced-motion:reduce) { .sbr-confetti { display:none; } .sbr-confetti-piece, .sbr-confetti-piece i { animation:none; } }