/* Homepage opening animation; inactive without JavaScript. */
.pibc-intro { display: none; }
html.pibc-loading { overflow: hidden; scrollbar-gutter: stable; }
html.pibc-loading .pibc-intro {
  display: grid; position: fixed; inset: 0; z-index: 2147483000;
  place-items: center; isolation: isolate; overflow: hidden;
}
.pibc-intro__panel {
  position: absolute; top: 0; bottom: 0; width: 50.1%; background: #fff;
  transition: transform 1100ms cubic-bezier(.76, 0, .24, 1);
  will-change: transform;
}
.pibc-intro__panel--left { left: 0; border-right: 1px solid #005b2b12; }
.pibc-intro__panel--right { right: 0; }
.pibc-intro__brand {
  position: relative; width: min(340px, 72vw); text-align: center;
  transition: opacity 300ms ease, transform 500ms ease;
}
.pibc-intro__brand img { display: block; width: 100%; height: auto; }
.pibc-intro__progress {
  display: block; width: 100px; height: 3px; margin: 28px auto 0;
  background: #005b2b13; overflow: hidden; border-radius: 3px;
}
.pibc-intro__progress::after {
  content: ''; display: block; width: 45%; height: 100%;
  background: linear-gradient(90deg, #005b2b 65%, #fa913b);
  animation: pibc-progress 1100ms ease-in-out infinite;
}
.pibc-intro--opening .pibc-intro__brand { opacity: 0; transform: scale(.95); }
.pibc-intro--opening .pibc-intro__panel--left { transform: translateX(-101%); }
.pibc-intro--opening .pibc-intro__panel--right { transform: translateX(101%); }
@keyframes pibc-progress { from { transform: translateX(-110%); } to { transform: translateX(335%); } }
@media (prefers-reduced-motion: reduce) {
  .pibc-intro__panel, .pibc-intro__brand { transition: opacity 150ms ease; }
  .pibc-intro__progress::after { animation: none; width: 100%; }
  .pibc-intro--opening .pibc-intro__panel { opacity: 0; transform: none; }
}