._trace_1az2j_2{margin:var(--ad-xl) 0 0;grid-column:1/-1}._head_1az2j_3{max-width:40rem;margin-bottom:var(--ad-l)}._kicker_1az2j_4{margin:0 0 var(--ad-s);color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}._head_1az2j_3 h3{font-size:var(--ad-subsection);font-weight:500;line-height:var(--ad-subsection-line,1.12);letter-spacing:-.035em;margin:0}._chain_1az2j_7{--gap:clamp(20px,3vw,48px);gap:var(--ad-m) var(--gap);grid-template-columns:repeat(5,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}._step_1az2j_8{min-width:0;position:relative}._stage_1az2j_9{margin-bottom:var(--ad-s);color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;display:block}._step_1az2j_8 strong{margin-top:var(--ad-s);font-weight:500;display:block}._step_1az2j_8 p{color:var(--muted);margin:.35rem 0 0;font-size:.92rem;line-height:1.5}._specimen_1az2j_14{aspect-ratio:4/3;background:#f1f2f8;place-items:center;padding:clamp(12px,1.6vw,22px);display:grid;position:relative}._specimen_1az2j_14 img{width:100%;height:auto;display:block}._component_1az2j_16 img{box-shadow:0 1px #0000000a}._product_1az2j_17 img{box-shadow:0 10px 24px -14px #2a2b3c59}._step_1az2j_8:not(:last-child) ._specimen_1az2j_14:after{content:"";width:var(--gap);background:var(--thread);transform-origin:0;z-index:1;height:2px;margin-top:-1px;position:absolute;top:50%;left:100%}._step_1az2j_8:not(:first-child) ._specimen_1az2j_14:before{content:"";background:var(--thread);width:10px;height:10px;box-shadow:0 0 0 3px var(--canvas);z-index:2;border-radius:50%;margin-top:-5px;position:absolute;top:50%;left:-5px}._scale_1az2j_24{grid-template-columns:.7fr 2.8fr .7fr;gap:5px;width:100%;height:78%;display:grid}._scale_1az2j_24 span{color:#0f2a1b;border-radius:6px;flex-direction:column;justify-content:space-between;padding:8px;font-size:.72rem;display:flex;position:relative}._scale_1az2j_24 ._chosen_1az2j_26{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--thread);padding:10px 12px}._scale_1az2j_24 b{font-weight:600}._scale_1az2j_24 i{font-family:var(--font-mono);align-self:flex-start;font-size:.68rem;font-style:normal}._roleCard_1az2j_31{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}._roleCard_1az2j_31 code{color:#2a2b3c;font-family:var(--font-mono);background:#e1e3ee;border-radius:4px;grid-column:1/-1;justify-self:start;padding:3px 8px;font-size:.8rem}._mode_1az2j_33{background:var(--ground);color:var(--ink);border-radius:6px;justify-items:start;gap:4px;padding:10px;font-size:.75rem;display:grid;box-shadow:0 0 0 1px #2a2b3c14}._mode_1az2j_33 i{border-radius:4px;width:100%;height:clamp(22px,2.4vw,34px)}._mode_1az2j_33 small{font-family:var(--font-mono);opacity:.75;font-size:.68rem}._specimen_1az2j_14._code_1az2j_37{background:#15151e}._codeBlock_1az2j_38{color:#e1e1ea;width:100%;font-family:var(--font-mono);white-space:pre;text-overflow:ellipsis;margin:0;font-size:clamp(.66rem,.86vw,.84rem);line-height:1.7;overflow:hidden}._comment_1az2j_39{color:#7e7e99}._prop_1az2j_40{color:#bb9ce3}._dim_1az2j_41{color:#a9a9bc}._caption_1az2j_43{margin-top:var(--ad-m);max-width:60ch;color:var(--muted);font-size:var(--ad-meta);line-height:1.5}._trace_1az2j_2[data-trace=ready] ._step_1az2j_8{opacity:0;transform:translateY(14px)}._trace_1az2j_2[data-trace=ready] ._specimen_1az2j_14:after{transform:scaleX(0)}._trace_1az2j_2[data-trace=ready] ._specimen_1az2j_14:before{transform:scale(0)}._trace_1az2j_2[data-trace=drawn] ._step_1az2j_8{opacity:1;transition:opacity .6s ease calc(var(--i) * .55s), transform .8s cubic-bezier(.16,1,.3,1) calc(var(--i) * .55s);transform:none}._trace_1az2j_2[data-trace=drawn] ._specimen_1az2j_14:after{transition:transform .45s cubic-bezier(.65,0,.35,1) calc(var(--i) * .55s + .35s);transform:scaleX(1)}._trace_1az2j_2[data-trace=drawn] ._specimen_1az2j_14:before{transition:transform .3s cubic-bezier(.34,1.56,.64,1) calc(var(--i) * .55s - 50ms);transform:scale(1)}@media (width<=1199px){._codeBlock_1az2j_38{font-size:.85rem}._chain_1az2j_7{gap:var(--ad-l);grid-template-columns:1fr;padding-left:28px;position:relative}._chain_1az2j_7:before{content:"";background:var(--thread);width:2px;position:absolute;top:6px;bottom:6px;left:8px}._step_1az2j_8:before{content:"";background:var(--thread);width:10px;height:10px;box-shadow:0 0 0 3px var(--canvas);border-radius:50%;position:absolute;top:2px;left:-25px}._specimen_1az2j_14{aspect-ratio:16/10;max-width:34rem}._step_1az2j_8:not(:last-child) ._specimen_1az2j_14:after,._step_1az2j_8:not(:first-child) ._specimen_1az2j_14:before{display:none}._trace_1az2j_2[data-trace=ready] ._chain_1az2j_7:before{transform-origin:top;transform:scaleY(0)}._trace_1az2j_2[data-trace=drawn] ._chain_1az2j_7:before{transform-origin:top;transition:transform 2s cubic-bezier(.65,0,.35,1);transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){._trace_1az2j_2 ._step_1az2j_8,._trace_1az2j_2 ._specimen_1az2j_14:after,._trace_1az2j_2 ._specimen_1az2j_14:before,._trace_1az2j_2 ._chain_1az2j_7:before{opacity:1;transition:none;transform:none}}._trace_1az2j_2._trace_1az2j_2 ._kicker_1az2j_4{font-size:.75rem;line-height:1.4}._trace_1az2j_2._trace_1az2j_2 ._step_1az2j_8 p{margin-top:.35rem;font-size:.92rem;line-height:1.5}
