/* A short two-layer brand wipe. CSS entry still completes when JavaScript is unavailable. */
.pg-layer{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;pointer-events:none}
.pg-layer--primary{background:var(--blue)}.pg-layer--secondary{background:var(--ink);z-index:999998}
.transition-logo{width:112px;height:auto}
#layer-out-1,#layer-out-2{animation:page-reveal .42s cubic-bezier(.77,0,.18,1) both}
#layer-out-2{animation-delay:.05s}
#layer-in-1,#layer-in-2{transform:translateY(-100%);transition:transform .42s cubic-bezier(.77,0,.18,1)}
#layer-in-1{transition-delay:.05s}
.page-is-leaving #layer-in-1,.page-is-leaving #layer-in-2{transform:translateY(0);pointer-events:auto}
.transition-reset .pg-layer{animation:none;transition:none}
.transition-reset #layer-out-1,.transition-reset #layer-out-2,.page-has-entered #layer-out-1,.page-has-entered #layer-out-2{animation:none;transform:translateY(100%);visibility:hidden}
@keyframes page-reveal{from{transform:translateY(0);visibility:visible}to{transform:translateY(100%);visibility:hidden}}
@media(prefers-reduced-motion:reduce){.page-transition{display:none}}
@media print{.page-transition{display:none}}