.brand-loader{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));
  background:var(--drz-cream,#f5f0e6);
  color:var(--drz-navy,#071a31);
  opacity:1;
  visibility:visible;
  transition:opacity 300ms cubic-bezier(.22,1,.36,1),visibility 0s linear 300ms;
  animation:brand-loader-failsafe 1ms linear 8s forwards;
}
.brand-loader.is-complete{opacity:0;visibility:hidden;pointer-events:none}
body[data-authoritative-loader="true"] .brand-loader{animation:none}
.brand-loader__frame{width:min(520px,100%);min-height:360px;display:grid;place-items:center;position:relative;text-align:center}
.brand-loader__stage{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;opacity:0;transform:translateY(8px);transition:opacity 360ms ease,transform 480ms cubic-bezier(.22,1,.36,1)}
.brand-loader__stage--drz{opacity:1;transform:none}
.brand-loader__stage--drz img{width:min(180px,52vw);height:auto;object-fit:contain}
.brand-loader__stage--khedera img{width:min(360px,82vw);height:auto;object-fit:contain}
.brand-loader__stage--khedera p{margin:0 0 17px;color:#6f6d67;font:750 10px/1.4 var(--drz-sans,system-ui,sans-serif);letter-spacing:.12em;text-transform:uppercase}
.brand-loader.is-khedera .brand-loader__stage--drz{opacity:0;transform:translateY(-7px)}
.brand-loader.is-khedera .brand-loader__stage--khedera{opacity:1;transform:none}
.brand-loader__destination{position:absolute;bottom:11px;left:50%;width:100%;margin:0;transform:translate(-50%,5px);color:#7a7468;font:750 9px/1.4 var(--drz-sans,system-ui,sans-serif);letter-spacing:.13em;text-transform:uppercase;opacity:0;transition:opacity 260ms ease,transform 260ms ease}
.brand-loader.is-destination .brand-loader__destination{opacity:1;transform:translate(-50%,0)}
@keyframes brand-loader-failsafe{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(max-width:430px){
  .brand-loader__frame{min-height:320px}
  .brand-loader__stage--drz img{width:min(168px,48vw)}
  .brand-loader__stage--khedera img{width:min(310px,86vw)}
}
@media(prefers-reduced-motion:reduce){
  .brand-loader,.brand-loader__stage,.brand-loader__destination{transition-duration:1ms!important}
  .brand-loader__stage{transform:none!important}
}