/* Paczka02 curtain /08 progress; neutral graphite and navy section surfaces. */
@view-transition{navigation:auto}
:root{--scene-graphite:#242c39;--scene-ink:#151d28;--scene-mint:#1c2431}
.scene-panel{position:relative;isolation:isolate;background:var(--scene-tone,var(--scene-graphite));transition:background-color .65s ease;border-top-color:transparent!important}
.scene-panel[data-scene=ink]{--scene-tone:var(--scene-ink)}
.scene-panel[data-scene=mint]{--scene-tone:var(--scene-mint)}
.scene-panel.wrap{box-shadow:0 0 0 100vmax var(--scene-tone,var(--scene-graphite));clip-path:inset(0 -100vmax)}
.scene-panel::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--mint,#91e5c2);transform:scaleX(var(--scene-divider,.14));transform-origin:left;opacity:.85;pointer-events:none;transition:transform .8s cubic-bezier(.16,1,.3,1)}
.scene-panel.is-scene-visible{--scene-divider:1}
.scene-heading{position:relative;transform-origin:left center}
.scene-heading.scene-heading-enter{animation:scene-curtain .95s cubic-bezier(.16,1,.3,1) both}
@keyframes scene-curtain{from{opacity:.15;clip-path:inset(0 0 100% 0);transform:translate3d(0,80px,0) skewY(3deg)}55%{opacity:1}to{opacity:1;clip-path:inset(0);transform:translate3d(0,0,0) skewY(0)}}
[data-scene-type]{translate:0 var(--scene-type-y,0px);transition:translate .12s linear;will-change:translate}
::view-transition-old(root){animation:scene-page-out .23s ease both}
::view-transition-new(root){animation:scene-page-in .48s cubic-bezier(.16,1,.3,1) both}
@keyframes scene-page-out{to{opacity:0;transform:translateY(-24px)}}
@keyframes scene-page-in{from{opacity:0;clip-path:inset(12% 0 0);transform:translateY(48px)}to{opacity:1;clip-path:inset(0);transform:none}}
@media(max-width:740px){[data-scene-type]{translate:0 calc(var(--scene-type-y,0px)*.5)}}
@media(prefers-reduced-motion:reduce){.scene-panel,.scene-panel::before{transition:none}.scene-heading.scene-heading-enter{animation:none!important;opacity:1;clip-path:none;transform:none}[data-scene-type]{translate:none!important;transition:none;will-change:auto}::view-transition-old(root),::view-transition-new(root){animation:none!important}}
@media print{.scene-panel{background:transparent}.scene-panel::before{display:none}.scene-heading.scene-heading-enter{animation:none!important;opacity:1;clip-path:none;transform:none}[data-scene-type]{translate:none!important;will-change:auto}}
