#page-loader{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,rgba(255,247,242,.98) 0%,rgba(253,240,234,.98) 100%);
  opacity:1;
  visibility:visible;
  transition:opacity .48s ease,visibility .48s ease;
}
#page-loader.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.page-loader__inner{
  width:min(560px,calc(100vw - 48px));
  text-align:center;
  display:grid;
  gap:18px;
  justify-items:center;
}
.page-loader__flight{
  position:relative;
  width:min(420px,70vw);
  height:88px;
  overflow:hidden;
}
.page-loader__trail{
  position:absolute;
  left:6%;
  right:6%;
  top:50%;
  height:1px;
  transform:translateY(-50%);
  background:linear-gradient(90deg,rgba(231,163,154,0) 0%,rgba(231,163,154,.55) 18%,rgba(139,85,80,.22) 50%,rgba(231,163,154,.55) 82%,rgba(231,163,154,0) 100%);
}
.page-loader__trail::before,.page-loader__trail::after{
  content:'';
  position:absolute;
  top:50%;
  width:8px;height:8px;border-radius:999px;
  transform:translateY(-50%);
  background:rgba(231,163,154,.48);
}
.page-loader__trail::before{left:0;}
.page-loader__trail::after{right:0;}
.page-loader__bee-wrap{
  position:absolute;
  left:4%;
  top:50%;
  width:56px;
  height:56px;
  display:grid;
  place-items:center;
  transform:translateY(-50%);
  animation:gbb-loader-flight 2.35s cubic-bezier(.6,.02,.18,.98) infinite;
}
.page-loader__bee-wrap::before{
  content:'';
  position:absolute;
  inset:-8px;
  border-radius:999px;
  background:radial-gradient(circle,rgba(231,163,154,.22) 0%,rgba(231,163,154,0) 70%);
  animation:gbb-loader-glow 1.8s ease-in-out infinite;
}
.page-loader__bee{
  width:30px;
  height:auto;
  display:block;
  filter:drop-shadow(0 8px 18px rgba(139,85,80,.15));
  animation:gbb-loader-bob .8s ease-in-out infinite alternate;
}
.page-loader__label{
  margin:0;
  font:500 13px/1.5 'DM Sans',system-ui,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#8b5550;
}
@keyframes gbb-loader-flight{
  0%{left:4%;transform:translateY(-50%);}
  50%{left:46%;transform:translateY(-54%);}
  100%{left:calc(96% - 56px);transform:translateY(-50%);}
}
@keyframes gbb-loader-bob{
  from{transform:translateY(-2px) rotate(-3deg);}
  to{transform:translateY(3px) rotate(3deg);}
}
@keyframes gbb-loader-glow{
  0%,100%{opacity:.45;transform:scale(.9);}
  50%{opacity:.9;transform:scale(1.08);}
}
@media(max-width:760px){
  .page-loader__inner{width:min(420px,calc(100vw - 34px));gap:16px;}
  .page-loader__flight{width:min(320px,76vw);height:78px;}
  .page-loader__bee-wrap{width:50px;height:50px;}
  @keyframes gbb-loader-flight{
    0%{left:4%;transform:translateY(-50%);}
    50%{left:45%;transform:translateY(-54%);}
    100%{left:calc(96% - 50px);transform:translateY(-50%);}
  }
  .page-loader__bee{width:26px;}
  .page-loader__label{font-size:11px;letter-spacing:.14em;}
}