@media (scripting:enabled) and (prefers-reduced-motion:no-preference){:root:not([data-static]) #galeri:not([data-stack]) section{content-visibility:auto;contain-intrinsic-size:auto 100svh}:root:not([data-static]) #galeri:not([data-stack]) section:first-child{margin-top:200svh}}#galeri[data-stack] section{flex-direction:column;height:100svh;padding-block:clamp(28px,6svh,64px) clamp(20px,4svh,40px);display:flex}#galeri[data-stack] section>div:last-child{flex:1;place-items:center;min-height:0;margin-top:clamp(20px,4svh,40px);display:grid;container-type:size}#galeri[data-stack] figure{background:var(--color-paper);width:min(30rem,92cqw,80cqh - 4rem);box-shadow:0 22px 32px -22px #1e1c1273, 0 0 0 1px color-mix(in oklab, var(--color-line) 30%, transparent);border-radius:4px;grid-area:1/1;padding:.5rem .5rem .75rem}#galeri[data-stack] figure>div{box-shadow:none;padding:0}
#intro{animation:.23s ease-in .77s reverse both intro-fade}#intro svg>g>path:last-child{--from:inset(-4px calc(100% + 4px) -4px -4px);animation:.38s cubic-bezier(.65,0,.35,1) both intro-draw}#intro svg>g>path:nth-child(2){--from:inset(calc(100% + 4px) -4px -4px -4px);animation:.3s cubic-bezier(.65,0,.35,1) .18s both intro-draw}#intro svg>g>path:nth-child(3){animation:.3s ease-out .38s both intro-fade}#intro svg>g>g>*{transform-origin:0 0;animation:.32s cubic-bezier(.16,1,.3,1) .45s both intro-bloom}#intro svg>g>g:nth-of-type(n+2)>*{animation-delay:.39s}#intro svg>g>g:nth-of-type(n+4)>*{animation-delay:.34s}#intro svg>g>path:first-child,#intro svg>g:last-child{animation:.26s ease-out .5s both intro-fade}@keyframes intro-draw{0%{clip-path:var(--from)}to{clip-path:inset(-4px)}}@keyframes intro-bloom{0%{opacity:0;transform:scale(.2)}}@keyframes intro-fade{0%{opacity:0}}