.page-state{justify-content:center;align-items:center;gap:var(--space-3);min-height:60dvh;padding:var(--space-8) var(--page-gutter-mobile);text-align:center;flex-direction:column;display:flex}.page-state h1{font-size:var(--text-heading);font-weight:var(--weight-heading);line-height:var(--leading-heading);margin:0}.page-state p{max-width:32rem;color:var(--muted-foreground);font-size:var(--text-label);line-height:var(--leading-label);margin:0}.page-state--loading{pointer-events:none;gap:0;width:100vw;min-height:0;position:fixed;inset:0}.page-preloader{width:3.5rem;height:2.625rem;color:var(--primary);gap:5%;display:flex}.page-preloader>span{background:currentColor;border-radius:1px;flex:1;animation:1.2s ease-in-out infinite page-preloader-bars}.page-preloader>span:nth-child(2){animation-delay:.2s}.page-preloader>span:nth-child(3){animation-delay:.4s}@keyframes page-preloader-bars{0%,to{opacity:.5;transform:scaleY(1)}50%{opacity:1;transform:scaleY(.6)}}.section-loading-status{font-size:var(--text-label);color:var(--muted-foreground);margin:0;padding:16px 0;animation:1ms .25s both section-loading-reveal}@keyframes section-loading-reveal{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.page-preloader>span{animation:none}}
