/* One continuous presentation; named snapshots keep the brand and navigation steady. */
.site-header,.gateway>header{view-transition-name:presentation-chrome}
main#content{view-transition-name:presentation-content}
::view-transition{pointer-events:none}
.brand>img{view-transition-name:expanse-brand}
@keyframes section-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes section-out{to{opacity:0;transform:translateY(-9px)}}
::view-transition-old(presentation-content){animation:section-out .18s ease both}
::view-transition-new(presentation-content){animation:section-in .38s cubic-bezier(.2,.7,.2,1) both}
::view-transition-group(presentation-chrome),::view-transition-group(expanse-brand){animation-duration:.32s}
.navigation-pending:after{content:'';position:fixed;inset:0 15% auto 15%;height:3px;background:var(--tea);z-index:100;box-shadow:0 0 12px #c7ab7166}
.navigation-status{position:fixed;bottom:24px;inset-inline:24px;margin-inline:auto;width:fit-content;max-width:calc(100vw - 48px);padding:13px 20px;background:#0e2d28;color:#f4ead4;border:1px solid #c7ab7180;box-shadow:0 12px 35px #102d2833;font-size:13px;z-index:90;display:flex;align-items:center;gap:20px}
.navigation-status[hidden]{display:none}.navigation-status button{background:transparent;border:0;border-bottom:1px solid #e9d0a1;color:#e9d0a1;padding:3px;font-size:13px}
@media(prefers-reduced-motion:reduce){::view-transition-old(presentation-content),::view-transition-new(presentation-content),::view-transition-group(presentation-chrome),::view-transition-group(expanse-brand){animation:none}}
@media print{.navigation-status,.navigation-pending:after{display:none}}