.assembly-story{--as-ink:#173a63;--as-blue:#337eb2;position:relative;color:var(--as-ink);background:#edf3f8}.assembly-story.is-ready{height:330svh}.assembly-stage{position:relative;height:calc(100svh - 78px);min-height:640px;max-height:1100px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#fff 0,#f3f7fb 46%,#e4eef6 100%)}.is-ready .assembly-stage{position:sticky;top:78px}.assembly-heading{position:absolute;left:5%;right:5%;top:35px;display:flex;align-items:end;justify-content:space-between;gap:25px;z-index:2;pointer-events:none}.assembly-kicker{font-size:10px;letter-spacing:.2em;color:#6e8daa}.assembly-heading h2{font-size:clamp(28px,3.1vw,47px);letter-spacing:-.05em;font-weight:500;line-height:1.08;margin:13px 0 0}.assembly-heading em{font-style:normal;color:#7194b3}.assembly-heading>p{font-size:12px;line-height:1.85;color:#71879c;margin:0 0 5px}.assembly-view{position:absolute;inset:142px 0 62px;touch-action:pan-y}.assembly-view canvas{width:100%;height:100%;display:block}.assembly-loading{position:absolute;inset:0;display:grid;place-content:center;color:#7994a9;font-size:13px;pointer-events:none}.assembly-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3;overflow:visible;color:#6a92b3}.assembly-leaders path{stroke:currentColor;stroke-width:1;fill:none}.assembly-leaders circle{fill:#2e739f;stroke:#fff;stroke-width:2}.assembly-leaders g{opacity:0}.assembly-label{position:absolute;width:190px;z-index:4;opacity:0;pointer-events:none;padding:14px 16px;border-top:1px solid #b6cadb;background:#f5f9fcdd;backdrop-filter:blur(8px);border-radius:0 0 8px 8px;transform:translateY(8px)}.assembly-label>span{font-size:8px;color:#7796ae;letter-spacing:.12em}.assembly-label h3{font-size:15px;font-weight:600;letter-spacing:-.03em;margin:7px 0}.assembly-label p{font-size:11px;color:#7890a7;line-height:1.65;margin:0}.label-ceramic{right:4%;top:29%}.label-body{left:4%;top:37%}.label-corner{left:4%;top:66%}.label-magnet{right:4%;top:64%}.assembly-bottom{position:absolute;bottom:22px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:10px;z-index:6}.assembly-step{min-width:160px;letter-spacing:.04em;color:#51738f}.assembly-controls{display:flex;gap:5px;border:1px solid #cedde9;padding:4px;border-radius:40px;background:#ffffff9c}.assembly-controls button{font:inherit;border:0;background:transparent;color:#597d9d;padding:9px 15px;border-radius:30px;cursor:pointer}.assembly-controls button[aria-pressed=true]{background:#1b4870;color:white}.assembly-controls button:focus-visible{outline:3px solid #73b9e9;outline-offset:3px}.assembly-scroll{font-size:9px;letter-spacing:.13em;color:#718da5}.assembly-progress{position:absolute;bottom:0;width:100%;height:3px;background:#d9e7f1}.assembly-progress>span{display:block;width:0;height:100%;background:#347daf}.assembly-nojs{padding:30px}.assembly-story.is-fallback{height:auto}.is-fallback .assembly-stage{height:auto;min-height:700px}.is-fallback .assembly-loading{padding:25px;text-align:center}.is-fallback .assembly-label{opacity:1!important;transform:none!important}.assembly-story.is-static{height:auto}.is-static .assembly-stage{position:relative;top:0}@media(max-width:1050px){.assembly-label{width:162px;padding:11px}.label-body,.label-corner{left:2%}.label-ceramic,.label-magnet{right:2%}.assembly-heading{left:4%;right:4%}.assembly-heading>p{max-width:220px}.assembly-label h3{font-size:13px}}@media(max-width:760px){.assembly-stage{height:calc(100svh - 66px);min-height:0;max-height:none}.is-ready .assembly-stage{top:66px}.assembly-heading{top:20px;left:6%;right:6%;display:block}.assembly-kicker{font-size:8px}.assembly-heading h2{font-size:29px;margin-top:9px;line-height:1.08}.assembly-heading>p{font-size:10px;line-height:1.5;margin-top:9px;max-width:none}.assembly-heading>p br{display:none}.assembly-view{inset:135px 0 226px}.assembly-label{width:42%;padding:6px 9px;bottom:auto;top:auto;transform:none}.assembly-label>span{font-size:7px}.assembly-label h3{font-size:12px;margin:3px 0}.assembly-label p{font-size:9px;line-height:1.35}.label-ceramic{left:6%;right:auto;bottom:146px}.label-body{left:auto;right:6%;bottom:146px}.label-corner{left:6%;bottom:62px}.label-magnet{right:6%;bottom:62px}.assembly-bottom{left:6%;right:6%;bottom:12px}.assembly-scroll{display:none}.assembly-step{min-width:0;font-size:8px;max-width:100px}.assembly-controls button{padding:7px 10px;font-size:9px}.assembly-controls{padding:3px}.assembly-leaders path{stroke-width:.9}.assembly-story.is-ready{height:310svh}}@media(prefers-reduced-motion:reduce){.assembly-story.is-ready{height:auto}.is-ready .assembly-stage{position:relative;top:0}}


@media(max-width:760px){.label-body{left:6%;right:6%;width:88%;bottom:151px}.label-corner,.label-magnet{bottom:62px}.assembly-label h3{line-height:1.25}.assembly-label p{line-height:1.4}}

.assembly-story{background:#0b2b4a;color:#f3f8ff}.assembly-stage{background:radial-gradient(ellipse at 50% 42%,#245f8c 0,#153f65 52%,#0b2848 100%)}.assembly-kicker{color:#a4c9e5}.assembly-heading em{color:#9ec9e9}.assembly-heading>p{color:#b0c9df}.assembly-label{background:#123d62eb;border-color:#5885a8}.assembly-label>span{color:#9abfdb}.assembly-label h3{color:#f2f8ff}.assembly-label p{color:#bed4e7}.assembly-leaders{color:#9bc7e8}.assembly-leaders circle{fill:#e2f2ff;stroke:#3078ac}.assembly-step,.assembly-scroll{color:#bfd8ed}.assembly-controls{background:#133d62;border-color:#477699}.assembly-controls button{color:#bcd6ea}.assembly-controls button[aria-pressed=true]{background:#e5f3ff;color:#173b5c}.assembly-progress{background:#173d5d}.assembly-progress>span{background:#9dd8ff}.assembly-loading{color:#bfd7e9}

@media(max-width:760px){
 .assembly-labels{position:absolute;left:6%;right:6%;bottom:66px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;z-index:4;pointer-events:none}
 .assembly-labels .assembly-label{position:relative;inset:auto;width:auto;min-width:0;margin:0;transform:none!important;height:auto}
 .assembly-labels .label-body{grid-column:1 / -1}
 .assembly-labels .assembly-label h3,.assembly-labels .assembly-label p{overflow-wrap:anywhere}
 .assembly-view{bottom:calc(var(--assembly-label-height,180px) + 90px)}
}