/* DIYIA 32.3: continuity between real document navigations.
   CSS remains unobtrusive if JavaScript is disabled. */
.page-transition-curtain{display:none}
html.page-transition-ready .page-transition-curtain{
  position:fixed;inset:0;z-index:300;display:grid;place-items:center;
  background:radial-gradient(ellipse at 50% 42%,#20231b 0%,#0c100e 46%,#060908 100%);
  color:#f5f2e9;opacity:1;visibility:visible;pointer-events:none;
  transition:none;
}
.page-transition-inner{display:flex;flex-direction:column;align-items:center;gap:13px;transform:translateY(-3px);text-align:center}
.page-transition-brand{font-size:clamp(1.85rem,4vw,2.7rem);line-height:1;font-weight:700;letter-spacing:.18em;margin-right:-.18em}
.page-transition-subtitle{font-size:.58rem;letter-spacing:.25em;color:#b7b8ae;margin-right:-.25em}
.page-transition-rule{display:block;width:64px;height:2px;background:linear-gradient(90deg,transparent,#f58220,transparent);transform-origin:center;animation:diyiaEntranceRule 1.65s ease-in-out infinite}
@keyframes diyiaEntranceRule{0%,100%{opacity:.45;transform:scaleX(.52)}50%{opacity:1;transform:scaleX(1)}}
html.page-transition-ready.page-entered .page-transition-curtain{
  opacity:0;visibility:hidden;
  transition:opacity .82s cubic-bezier(.22,1,.36,1),visibility 0s linear .82s;
}
html.page-transition-ready.page-exiting .page-transition-curtain{
  opacity:1;visibility:visible;
  transition:opacity .42s cubic-bezier(.64,0,.78,0),visibility 0s linear 0s;
}
@media (prefers-reduced-motion:reduce){
  html.page-transition-ready .page-transition-curtain{display:none!important;animation:none!important;transition:none!important}
}