.collator-figure{--anatomy-paper:var(--color-ink);--anatomy-face:var(--color-ink);--anatomy-top:var(--color-ink);--anatomy-shade-0:color-mix(in srgb, var(--color-ink), var(--color-paper) 24%);--anatomy-shade-1:color-mix(in srgb, var(--color-ink), var(--color-paper) 16%);--anatomy-shade-2:color-mix(in srgb, var(--color-ink), var(--color-paper) 9%);--anatomy-shade-3:color-mix(in srgb, var(--color-ink), var(--color-paper) 3%);--anatomy-hi:color-mix(in srgb, var(--color-accent), var(--color-paper) 30%);--anatomy-mid:var(--color-accent);--anatomy-lo:color-mix(in srgb, var(--color-accent), var(--color-ink) 20%);--anatomy-faint:color-mix(in srgb, var(--color-accent), var(--color-ink) 35%);--anatomy-lit:var(--color-accent);--anatomy-lit-top:color-mix(in srgb, var(--color-accent) 22%, var(--color-ink));--anatomy-lit-shade:color-mix(in srgb, var(--color-accent) 13%, var(--color-ink));--anatomy-dot:var(--anatomy-detail);--anatomy-label:var(--anatomy-detail);--anatomy-weight:.6px;--collator-detail:var(--color-paper);--collator-shadow-ink:var(--color-paper);--collator-glow:color-mix(in srgb, var(--color-accent) 7%, transparent);isolation:isolate;overflow-clip-margin:40px;--anatomy-detail:var(--color-paper);margin:0;padding-top:0;position:relative;overflow:clip}html.dark .collator-figure{--anatomy-top:color-mix(in srgb, var(--color-ink), var(--color-paper) 5.2%);--anatomy-face:color-mix(in srgb, var(--color-ink), var(--color-paper) 3.5%);--anatomy-shade-0:color-mix(in srgb, var(--color-ink), var(--color-paper) 0.5%);--anatomy-shade-1:color-mix(in srgb, var(--color-ink), var(--color-paper) 1.8%);--anatomy-shade-2:color-mix(in srgb, var(--color-ink), var(--color-paper) 3.4%);--anatomy-shade-3:color-mix(in srgb, var(--color-ink), var(--color-paper) 4.6%);--anatomy-hi:color-mix(in srgb, var(--color-accent), var(--color-paper) 25%);--anatomy-mid:color-mix(in srgb, var(--color-accent), var(--color-paper) 20%);--anatomy-lo:color-mix(in srgb, var(--color-accent), var(--color-paper) 15%);--anatomy-faint:color-mix(in srgb, var(--anatomy-lo), var(--color-ink) 25%);--anatomy-weight:.65px;--anatomy-lit-top:color-mix(in srgb, var(--color-accent), var(--color-paper) 20%);--anatomy-lit-shade:color-mix(in srgb, var(--color-accent) 56%, var(--color-ink));--collator-shadow-ink:color-mix(in srgb, var(--color-ink) 68%, black);--collator-glow:color-mix(in srgb, var(--color-accent) 3%, transparent)}.collator-experience{grid-template-columns:minmax(0,1fr);gap:0;display:grid}.collator-caption{width:36ch;max-width:30%;height:5.4em;color:var(--color-paper);font:400 12px/1.6 var(--font-mono);pointer-events:none;position:absolute;top:0;left:62.5%}.collator-caption-moment[hidden]{display:none}.collator-step-title,.collator-step-copy{display:block}.collator-step-title{font-weight:500}.collator-step-copy{color:var(--color-mute)}.collator-leader{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.collator-leader polyline{fill:none;stroke:var(--color-paper);stroke-opacity:.45;stroke-width:.65px;vector-effect:non-scaling-stroke}.collator-leader circle{fill:var(--color-paper)}.collator-stage-marks{pointer-events:auto;justify-content:center;gap:4px;display:flex}.collator-stage-marks button{border:0;border-top:1px solid var(--color-line);width:40px;height:40px;color:var(--color-mute);font:400 11px/1 var(--font-mono);cursor:pointer;background:0 0;padding:0}.collator-stage-marks button[aria-pressed=true]{border-color:var(--color-accent);color:var(--color-paper)}.collator-stage-marks button:hover{color:var(--color-paper)}.collator-stage-marks button:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.collator-stage{width:100%;min-width:0;margin-inline:auto;position:relative}.collator-stage:before{content:"";pointer-events:none;background:radial-gradient(ellipse at 53% 58%, var(--collator-glow), transparent 68%);position:absolute;inset:-12% -8% -18%}.collator-depth,.collator-arrival{position:relative}.collator-stage .iso-svg{width:100%;height:auto;display:block;overflow:visible}.collator-shadow{pointer-events:none;transform-origin:50% 75%;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.collator-shadow path{fill:var(--collator-shadow-ink);stroke:none}.collator-shadow-ambient{opacity:.14;filter:blur(13px)}.collator-shadow-base{opacity:.2;filter:blur(5px)}.collator-shadow-foot{opacity:.22;filter:blur(2px)}.collator-shadow-contact{opacity:.3;filter:blur(.6px)}.collator-stage[data-entering] .collator-arrival{animation:.6s cubic-bezier(.16,1,.3,1) both collator-land}.collator-stage[data-entering] .collator-shadow{animation:.6s cubic-bezier(.16,1,.3,1) both collator-shadow-land}@keyframes collator-land{0%{opacity:.6;transform:translateY(12px)}to{opacity:1;transform:translate(0,0)}}@keyframes collator-shadow-land{0%{opacity:.45;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.collator-figure>figcaption{color:var(--color-mute);margin-top:28px;font-size:14px;line-height:1.7}.collator-figure .iso-svg path,.collator-figure .iso-svg circle{vector-effect:non-scaling-stroke}.collator-figure .iso-fill{fill:var(--anatomy-paper);stroke:none}.collator-figure .iso-shade,.collator-figure .iso-top{stroke:none}.collator-figure .iso-shade[data-shade="0"]{fill:var(--anatomy-shade-0)}.collator-figure .iso-shade[data-shade="1"]{fill:var(--anatomy-shade-1)}.collator-figure .iso-shade[data-shade="2"]{fill:var(--anatomy-shade-2)}.collator-figure .iso-shade[data-shade="3"]{fill:var(--anatomy-shade-3)}.collator-figure .iso-top{fill:var(--anatomy-top)}.collator-figure .iso-solid[data-lit]>.iso-top{fill:var(--anatomy-lit-top)}.collator-figure .iso-solid[data-lit]>.iso-shade{fill:var(--anatomy-lit-shade)}.collator-figure .iso-solid[data-lit]>.iso-edge{stroke:var(--anatomy-lit)}.collator-figure .iso-line{fill:none;stroke:var(--collator-detail);stroke-opacity:.55;stroke-width:var(--anatomy-weight);stroke-linecap:round;stroke-linejoin:round}.collator-figure .iso-line.iso-edge,.collator-figure .iso-line.iso-crease{stroke:var(--anatomy-hi);stroke-opacity:1}.collator-figure [data-part$=\.plate] .iso-line,.collator-figure [data-part*=".fastener."] .iso-line,.collator-figure [data-part*=".rivet."] .iso-line,.collator-figure [data-part*=".pivot."] .iso-line,.collator-figure [data-part=link\.pivot] .iso-line{stroke:var(--collator-detail);stroke-opacity:.55}.collator-figure .iso-dots circle{fill:var(--collator-detail);stroke:none;opacity:.55}.collator-figure .iso-face-text{fill:var(--collator-detail);fill-opacity:.6;font-family:var(--font-mono);letter-spacing:.04em}html.dark .collator-figure :where(.iso-edge){stroke-width:.7px}html.dark .collator-figure .collator-active .iso-face-text{fill:var(--color-ink)}.collator-figure .collator-active .iso-top{fill:var(--anatomy-lit-top)}.collator-figure .collator-active .iso-shade{fill:var(--anatomy-lit-shade)}.collator-figure .collator-active .iso-edge{stroke:var(--color-accent);stroke-width:1px}@media (min-width:1024px){.collator-figure [data-part=maker\.plate] .iso-face-text{font-size:clamp(7.78px,20.45px - .76vw,9.6px)}.collator-stage-marks{margin-top:-3%}.collator-depth{margin-top:max(0px,57.6px - 5.833%)}.collator-figure .collator-caption{text-wrap:balance;width:auto;max-width:none;height:auto;top:auto;bottom:91.25%;right:0}}@media (max-width:1023px){.collator-depth{margin-bottom:80px}.collator-leader{display:none}.collator-figure .collator-caption{width:100%;max-width:none;height:72px;padding-top:12px;font-size:12px;top:auto;bottom:-80px;left:0}}@media (max-width:767px){.collator-figure{overflow-clip-margin:0}.collator-stage:before{inset-inline:0}}@media (prefers-reduced-motion:reduce){.collator-depth,.collator-arrival,.collator-shadow,.collator-stage[data-entering] .collator-arrival,.collator-stage[data-entering] .collator-shadow{opacity:1;transition:none;animation:none;transform:none!important}}
