.stage{gap:var(--space-7);min-height:0;padding:calc(var(--header-h) + var(--space-7)) var(--gutter) var(--space-8);flex-direction:column;flex:auto;display:flex}.stage__head{justify-content:space-between;align-items:baseline;gap:var(--space-3) var(--space-7);padding-bottom:var(--space-5);border-bottom:1px solid var(--rule);flex-wrap:wrap;display:flex}.stage__title{max-width:26ch;color:var(--text);text-wrap:balance;margin:0}.stage__body{grid-template-columns:minmax(0,1fr);align-items:start;min-height:0;display:grid}.stage__composition{min-width:0}.stage__steps{align-content:start;gap:var(--space-5);padding:.125rem 0 .125rem var(--space-5);margin:0;list-style:none;display:none;position:relative}.stage__steps:before,.stage__steps:after{content:"";top:0;width:1px;position:absolute;inset-inline-start:0}.stage__steps:before{background-color:var(--rule);bottom:0}.stage__steps:after{height:calc(var(--stage-progress,1) * 100%);background-color:var(--accent)}.stage__steps-row{color:var(--text-2);transition:color var(--duration-control) var(--ease-out);grid-template-columns:2rem minmax(0,1fr);font-size:.9375rem;font-weight:500;line-height:1.4;display:grid}.stage__steps-number{font-family:var(--font-mono);letter-spacing:.08em;font-size:.75rem;font-weight:400;line-height:1.85}.stage__steps-row[aria-current=step]{color:var(--text)}.stage__steps-row[aria-current=step] .stage__steps-number{color:var(--accent-text)}.stage-step{align-items:baseline;gap:var(--space-3);margin:0 0 var(--space-3);color:var(--text-2);font-size:.875rem;font-weight:500;line-height:1.4;display:flex}.stage-step__number{font-family:var(--font-mono);letter-spacing:.08em;color:var(--accent-text);font-size:.75rem;font-weight:400}@media (prefers-reduced-motion:no-preference) and (min-height:600px) and (min-width:768px){.stage__body{grid-template-columns:minmax(9rem,2fr) minmax(0,10fr);column-gap:clamp(2rem,4vw,4.5rem)}.stage__steps{display:grid}.stage-step{display:none}}.stage-reveal,.stage-mark{--span:clamp(0, (var(--stage-progress,1) - var(--at,0)) / var(--width,.1), 1)}.stage-reveal{opacity:var(--span);translate:0 calc((1 - var(--span)) * .625rem)}.stage-mark{color:inherit;background-color:#0000;background-image:linear-gradient(var(--accent), var(--accent));background-position:0 100%;background-repeat:no-repeat;background-size:calc(var(--span) * 100%) 2px;padding-bottom:1px}.stage-typed{display:grid}.stage-typed>span{grid-area:1/1}.stage-typed__shown{display:none}[data-stage-playing] .stage-typed__shown{display:block}[data-stage-playing] .stage-typed__full{color:#0000}.try-band{gap:var(--space-7);padding:var(--space-9) var(--gutter) calc(var(--space-9) + var(--radius-lg));grid-template-columns:minmax(0,1fr);display:grid}.try-band__head{min-width:0}.try-band__title{margin:0 0 var(--space-3);color:var(--text)}.try-band__lead{max-width:36ch;color:var(--text-2);margin:0;line-height:1.6}.try-band__result{min-width:0;padding-top:var(--space-7);border-top:1px solid var(--rule)}@media (min-width:768px){.try-band{padding-block:var(--space-10) calc(var(--space-10) + var(--radius-lg))}}@media (min-width:1024px){.try-band{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(2.5rem,5.5vw,7rem)}.try-band__result{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.stage__steps-row{transition:none}}
/*# sourceMappingURL=0o0r_j0jm814-.css.map*/