.steps{padding-block:var(--section)}.steps__title{max-width:16em}.steps__lead{max-width:44ch;font-size:var(--step-lead);margin-top:20px;font-weight:500;line-height:1.3}.steps__credit{max-width:54ch;color:var(--muted);font-size:var(--step-small);margin-top:40px;line-height:1.5}.steps__list{column-gap:var(--gutter);grid-template-rows:auto auto;grid-template-columns:repeat(3,minmax(0,1fr));margin:64px 0 0;padding:0;list-style:none;display:grid}.step{grid-row:span 2;grid-template-rows:subgrid;min-width:0;display:grid}.step__say{max-width:34ch;padding-top:24px;line-height:1.5}.step__length{font-family:var(--font-display);font-size:var(--step-lead);letter-spacing:-.01em;margin-bottom:8px;font-weight:700;line-height:1}.step__name{font-size:1em;font-weight:600;display:inline}.step__name:after{content:"."}.step__text{display:inline}@media (max-width:1099px){.steps__list{grid-template-rows:none;grid-template-columns:minmax(0,1fr);row-gap:48px;margin-top:48px}.step{column-gap:var(--gutter);grid-row:auto;grid-template-rows:none;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center}.step__say{max-width:40ch;padding-top:0}}@media (max-width:599px){.steps__list{row-gap:48px;margin-top:40px}.step{grid-template-columns:minmax(0,1fr)}.step__say{padding-top:20px}}.steps [data-ui].step__shot{background:var(--surface);min-width:0;color:var(--text);font-family:var(--font-body);padding:28px 24px 32px;font-size:15px;line-height:1.4}.steps [data-ui] p{margin:0}.steps [data-ui] .shot__statement{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance;font-size:40px;font-weight:700;line-height:.9}.steps [data-ui]>.shot__statement{margin-bottom:22px}.steps [data-ui] .shot__drop{background:var(--surface-2);align-items:center;gap:16px;min-height:200px;padding:22px;display:flex}.steps [data-ui] .shot__upload{background:var(--action);width:52px;height:52px;color:var(--action-ink);flex:none;place-items:center;display:grid}.steps [data-ui] .shot__words{gap:6px;min-width:0;display:grid}.steps [data-ui] .shot__drop-title{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;font-size:28px;font-weight:700;line-height:.95}.steps [data-ui] .shot__hint{color:var(--muted)}.steps [data-ui] .shot__link{background:var(--surface-3);min-height:60px;color:var(--muted);align-items:center;gap:12px;margin-top:2px;padding:4px 8px 4px 16px;font-size:17px;display:flex}.steps [data-ui] .shot__link svg{flex:none}.steps [data-ui] .shot__limits{color:var(--muted);margin-top:14px;font-size:14px;line-height:1.6}.steps [data-ui] .shot__head{align-items:flex-start;gap:12px;margin-bottom:22px;display:flex}.steps [data-ui] .shot__who{flex:1;min-width:0}.steps [data-ui] .shot__badge{background:var(--surface-3);min-height:22px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;margin-top:10px;padding:2px 8px;font-size:13px;font-weight:500;line-height:1.2;display:inline-flex}.steps [data-ui] .shot__source{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:10px;font-size:14px;overflow:hidden}.steps [data-ui] .shot__hide{min-height:36px;color:var(--muted);flex:none;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:600;display:inline-flex}.steps [data-ui] .shot__bar{background:var(--surface-3);height:4px;position:relative;overflow:hidden}.steps [data-ui] .shot__bar i{position:absolute;top:0;bottom:0}.steps [data-ui] .shot__fill{width:var(--fill,0%);background:var(--action);left:0}.steps [data-ui] .shot__working{left:var(--fill,0%);width:var(--segment,25%);background:color-mix(in srgb, var(--action) 14%, transparent);overflow:hidden}.steps [data-ui] .shot__working:after{content:"";background:var(--action);width:34%;position:absolute;top:0;bottom:0;left:0;transform:translate(100%)}@keyframes stage-sweep{0%{transform:translate(-100%)}to{transform:translate(300%)}}.steps [data-ui] .shot__stages{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin:18px 0 0;padding:0;list-style:none;display:grid}.steps [data-ui] .shot__stages li{color:var(--muted);align-items:center;gap:10px;font-size:14px;line-height:1.3;display:flex}.steps [data-ui] .shot__stages i{background:var(--surface-3);flex:none;width:16px;height:4px}.steps [data-ui] .shot__stages [data-state] i{background:var(--action)}.steps [data-ui] .shot__stages [data-state=active]{color:var(--text);font-weight:600}@keyframes stage-breathe{0%{opacity:.5}to{opacity:1}}.steps [data-ui] .shot__note{color:var(--muted);margin-top:18px;line-height:1.55}.steps [data-ui] .shot__check{background:var(--action);width:36px;height:36px;color:var(--action-ink);flex:none;place-items:center;display:grid}.steps [data-ui].step__shot{container-type:inline-size}.steps [data-ui] .shot__clips{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;max-width:312px;margin:4px 0 0;padding:0;list-style:none;display:grid}@container (min-width:460px){.steps [data-ui] .shot__clips{grid-template-columns:repeat(5,minmax(0,1fr));max-width:none}}.steps [data-ui] .shot__clips li{flex-direction:column;gap:8px;min-width:0;display:flex}.steps [data-ui] .shot__thumb{aspect-ratio:9/16;background:var(--surface-3);display:block;position:relative;overflow:hidden}.steps [data-ui] .shot__thumb img{object-fit:cover;width:100%;height:100%;display:block}.steps [data-ui] .shot__thumb:after{content:attr(data-n);background:var(--action);min-width:24px;height:22px;color:var(--action-ink);font:700 12px/1 var(--font-body);font-variant-numeric:tabular-nums;place-items:center;padding:0 4px;display:grid;position:absolute;bottom:8px;left:8px}.steps [data-ui] .shot__clips .shot__more{aspect-ratio:9/16;background:var(--surface-2);color:var(--muted);place-items:center;font-size:14px;font-weight:600;display:grid}.steps [data-ui] .shot__title{color:var(--muted);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.35;display:-webkit-box;overflow:hidden}.steps [data-ui] .shot__actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.steps [data-ui] :is(.shot__primary,.shot__ghost){white-space:nowrap;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:600;line-height:1.1;display:inline-flex}.steps [data-ui] .shot__primary{background:var(--action);color:var(--action-ink)}.steps [data-ui] .shot__ghost{background:var(--surface-3);color:var(--text)}@media (min-width:1100px){.steps [data-ui].step__shot{flex-direction:column;display:flex}.steps [data-ui] .shot__drop{flex:1}.steps [data-ui] .shot__bar{margin-top:auto}.steps [data-ui] .shot__stages{margin-bottom:auto}.steps [data-ui] .shot__clips{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;max-width:none;margin-top:0}.steps [data-ui] .shot__clips li{gap:0}.steps [data-ui] .shot__title{display:none}.steps [data-ui] .shot__thumb:after{min-width:18px;height:17px;padding:0 3px;font-size:11px;bottom:4px;left:4px}.steps [data-ui] .shot__clips .shot__more{text-align:center;padding:0 4px;font-size:12px;line-height:1.2}.steps [data-ui] .shot__actions{margin-top:auto;padding-top:28px}}@media (max-width:599px){.steps [data-ui].step__shot{padding:24px 20px 28px}}@media (prefers-reduced-motion:no-preference){.steps [data-ui][data-live] .shot__working:after{animation:stage-sweep 1.8s var(--ease-in-out) infinite}.steps [data-ui][data-live] .shot__stages [data-state=active] i{animation:stage-breathe .9s var(--ease-in-out) infinite alternate}}