/* ─── ARCA Page Transitions — Cinematic Curtain ─── */
:root{--t-ink:#0A0A0A;--t-gold:#888888;--t-ease:cubic-bezier(.76,0,.24,1)}

.arca-curtain{position:fixed;inset:0;z-index:99999;pointer-events:none;display:flex}
.arca-curtain-panel{flex:1;background:var(--t-ink);transform:scaleY(0);transform-origin:top;transition:transform .55s var(--t-ease);will-change:transform;box-shadow:-2px 0 0 0 var(--t-ink),2px 0 0 0 var(--t-ink)}
.arca-curtain-panel:nth-child(2){transition-delay:60ms}
.arca-curtain-panel:nth-child(3){transition-delay:120ms}
.arca-curtain-panel:nth-child(4){transition-delay:180ms}
.arca-curtain-panel:nth-child(5){transition-delay:240ms}

.arca-curtain-logo{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100000;opacity:0;transition:opacity .3s ease;pointer-events:none}
.arca-curtain-progress{position:fixed;bottom:0;left:0;height:2px;background:var(--t-gold);z-index:100001;width:0;transition:width .5s cubic-bezier(.25,.46,.45,.94)}

/* Enter state — panels cover screen */
.arca-curtain.entering .arca-curtain-panel{transform:scaleY(1);transform-origin:bottom}
.arca-curtain.entering .arca-curtain-logo{opacity:1;transition-delay:.35s}

/* Exit state — panels slide away revealing new page */
.arca-curtain.exiting .arca-curtain-panel{transform:scaleY(0);transform-origin:top}

/* Page body fade on load */
.arca-page-loading{opacity:0}
.arca-page-ready{opacity:1;transition:opacity .4s ease .1s}

/* Fallback: if JS fails, ensure page is visible after 2s */
@keyframes arcaFallbackReveal{to{opacity:1}}
.arca-page-loading{animation:arcaFallbackReveal 0s 2s forwards}