.film[data-astro-cid-vv4kmj7w]{margin-block:var(--space-7)}.frames[data-astro-cid-vv4kmj7w]{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));margin:0;padding:0;list-style:none;display:grid}.frame[data-astro-cid-vv4kmj7w]{margin:0}.frame[data-astro-cid-vv4kmj7w] img{border-radius:var(--r-button);block-size:auto;inline-size:100%}.hud[data-astro-cid-vv4kmj7w]{display:none}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.track[data-astro-cid-vv4kmj7w]{block-size:calc(100svh + var(--n) * 52svh);view-timeline:--film block}.stage[data-astro-cid-vv4kmj7w]{align-content:center;justify-items:center;gap:var(--space-4);block-size:100svh;padding-block:var(--space-5);grid-template-rows:auto auto;display:grid;position:sticky;inset-block-start:0}.frames[data-astro-cid-vv4kmj7w]{grid-template-columns:none;min-block-size:0;display:grid}.frame[data-astro-cid-vv4kmj7w]{opacity:0;grid-area:1/1;place-items:center;min-block-size:0;display:grid}.frame[data-astro-cid-vv4kmj7w] img{border-radius:var(--r-button);filter:drop-shadow(0 1.5rem 2rem oklch(20% .04 288/.22));block-size:auto;max-block-size:min(62svh,30rem);inline-size:auto;max-inline-size:100%}.hud[data-astro-cid-vv4kmj7w]{gap:var(--space-2);justify-items:center;display:grid}.count[data-astro-cid-vv4kmj7w],.titles[data-astro-cid-vv4kmj7w]{place-items:center;min-block-size:1.4em;margin:0;display:grid}.num[data-astro-cid-vv4kmj7w],.title[data-astro-cid-vv4kmj7w]{opacity:0;grid-area:1/1}.count[data-astro-cid-vv4kmj7w]{font-size:var(--step--2);letter-spacing:.14em;color:var(--text-muted);font-variant-numeric:tabular-nums}.title[data-astro-cid-vv4kmj7w]{font-family:var(--font-display);font-size:var(--step-2);letter-spacing:-.02em;color:var(--text-strong);text-align:center;line-height:1.1}.meter[data-astro-cid-vv4kmj7w]{background:color-mix(in oklab, currentColor 22%, transparent);block-size:2px;inline-size:min(100%,22rem);overflow:hidden}.meter[data-astro-cid-vv4kmj7w] span[data-astro-cid-vv4kmj7w]{background:var(--accent);transform-origin:0;block-size:100%;display:block;transform:scaleX(0)}.frame[data-astro-cid-vv4kmj7w],.num[data-astro-cid-vv4kmj7w],.title[data-astro-cid-vv4kmj7w],.meter[data-astro-cid-vv4kmj7w] span[data-astro-cid-vv4kmj7w]{animation-duration:1s;animation-timing-function:linear;animation-iteration-count:1;animation-fill-mode:both}.frame[data-astro-cid-vv4kmj7w]{animation-name:film-frame}.num[data-astro-cid-vv4kmj7w],.title[data-astro-cid-vv4kmj7w]{animation-name:film-label;animation-timing-function:step-end}.meter[data-astro-cid-vv4kmj7w] span[data-astro-cid-vv4kmj7w]{animation-name:film-meter}.film[data-astro-cid-vv4kmj7w].film [data-astro-cid-vv4kmj7w]:is(.frame,.num,.title,.meter span){animation-timeline:--film}.film[data-astro-cid-vv4kmj7w].film .meter[data-astro-cid-vv4kmj7w] span[data-astro-cid-vv4kmj7w]{animation-range:contain}.film[data-astro-cid-vv4kmj7w].film [data-astro-cid-vv4kmj7w]:is(.frame,.num,.title):first-child{animation-range:contain contain 14.3%}.film[data-astro-cid-vv4kmj7w].film [data-astro-cid-vv4kmj7w]:is(.frame,.num,.title):nth-child(2){animation-range:contain 14.3% contain 28.6%}.film[data-astro-cid-vv4kmj7w].film [data-astro-cid-vv4kmj7w]:is(.frame,.num,.title):nth-child(3){animation-range:contain 28.6% contain 42.9%}.film[data-astro-cid-vv4kmj7w].film [data-astro-cid-vv4kmj7w]:is(.frame,.num,.title):nth-child(4){animation-range:contain 42.9% contain 57.2%}.film[data-astro-cid-vv4kmj7w].film [data-astro-cid-vv4kmj7w]:is(.frame,.num,.title):nth-child(5){animation-range:contain 57.2% contain 71.5%}.film[data-astro-cid-vv4kmj7w].film [data-astro-cid-vv4kmj7w]:is(.frame,.num,.title):nth-child(6){animation-range:contain 71.5% contain 85.8%}.film[data-astro-cid-vv4kmj7w].film [data-astro-cid-vv4kmj7w]:is(.frame,.num,.title):nth-child(7){animation-range:contain 85.8%}.film[data-astro-cid-vv4kmj7w].film .frame[data-astro-cid-vv4kmj7w]:nth-child(7){animation-name:film-frame-last}.film[data-astro-cid-vv4kmj7w].film [data-astro-cid-vv4kmj7w]:is(.num,.title):nth-child(7){animation-name:film-label-last}}}@keyframes film-frame{0%{opacity:0;transform:scale(1.035)}14%{opacity:1}86%{opacity:1}to{opacity:0;transform:scale(1)}}@keyframes film-label{0%{opacity:0}14%{opacity:1}86%{opacity:0}to{opacity:0}}@keyframes film-frame-last{0%{opacity:0;transform:scale(1.035)}14%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes film-label-last{0%{opacity:0}14%{opacity:1}to{opacity:1}}@keyframes film-meter{0%{transform:scaleX(0)}to{transform:scaleX(1)}}