/* Assembly sequence: a suspended chapter joins the layers already presented. */
.system{background:#f3f4f0;padding-top:80px;scroll-margin-top:72px}.system .section-heading{margin-bottom:35px}.system h2{font-size:clamp(36px,3.6vw,56px);font-weight:500;letter-spacing:-2px}.system .section-heading p{font-size:20px;color:#4d5b52;margin-top:20px}.system-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(0,1.8fr);gap:6%;min-height:650px;align-items:center}.system-visual{height:650px;min-width:0}.stack-scene.rendered-glass-scene{inset:0;overflow:hidden;cursor:default}.glass-stack{position:absolute;inset:55px 0 30px;container-type:inline-size;isolation:isolate}.glass-slab{position:absolute;left:0;top:calc(40% - var(--plate)*5%);width:100%;aspect-ratio:1.5;transform:translateY(calc(var(--lift)*-95px));transition:opacity .65s,filter .8s,transform .6s cubic-bezier(.22,1,.36,1);pointer-events:none}.glass-slab-image{width:100%;height:100%;object-fit:contain;filter:saturate(.25) brightness(1.02)}.glass-slab.is-active .glass-slab-image{filter:saturate(.7) brightness(1.025)}.glass-slab.is-future{opacity:0;transform:translateY(-220px);visibility:hidden}.glass-slab.is-built{opacity:1}.glass-slab-face{position:absolute;left:50%;top:47%;display:flex;gap:1.3cqw;font-size:2.6cqw;line-height:1.2;white-space:nowrap;color:#173b2b;transform:translate(-50%,-50%) matrix(1,.4,-.85,.48,0,0);transform-origin:center; font-style:normal;opacity:0;transition:opacity .5s}.glass-slab.is-active .glass-slab-face{opacity:1}.glass-slab-face>span:first-child{opacity:.55}.glass-stack-shadow{position:absolute;left:17%;right:12%;height:15%;bottom:4%;background:radial-gradient(ellipse,#243f2630,transparent 67%);filter:blur(17px)}.chapter-caption{position:absolute;top:8px;left:12%;right:5%;display:flex;flex-direction:column;gap:10px}.chapter-caption span{font-size:11px;letter-spacing:1.5px;color:#596b5d}.chapter-caption strong{font-size:27px;font-weight:400;letter-spacing:-.6px}.system .layer-button{font-size:17px;padding:18px 16px;gap:14px}.system .layer-button .num{font-size:12px}.system .layer-description{font-size:16px;line-height:1.65}.system .layer-description p{padding-left:44px;padding-right:22px}.system .layer-item.active{background:#e1ebd8;border-radius:5px}.system .stack-caption{bottom:10px;left:12%;right:5%;font-size:12px}.system .player{bottom:-35px}.system .player button{min-width:40px;min-height:35px;font-size:17px}.system-bottom{margin-top:65px}.stack-scene .stack-fallback{display:none}
@media(max-width:1100px){.system-layout{grid-template-columns:310px minmax(0,1fr);gap:2%}.system-visual{height:580px}.glass-slab{top:calc(45% - var(--plate)*4%)}.chapter-caption{left:5%}.chapter-caption strong{font-size:24px}}
@media(max-width:800px){.system-layout{display:flex;flex-direction:column-reverse;gap:65px;min-height:0}.system-visual{width:100%;height:auto;aspect-ratio:1.05;max-width:650px}.glass-stack{inset:65px 0 0}.glass-slab{top:calc(34% - var(--plate)*4%);transform:translateY(calc(var(--lift)*-50px))}.chapter-caption{top:0;left:5%}.chapter-caption strong{font-size:24px}.glass-slab-face{font-size:2.8cqw}.system .stack-caption{bottom:-4px;left:5%;right:5%}.system .player{bottom:-50px}.layer-list{width:100%}.system .layer-button{font-size:16px}.system .layer-description{font-size:16px}.system .section-heading{margin-bottom:40px}.system-bottom{margin-top:35px}.system h2{letter-spacing:-1.3px}.system .section-heading p{font-size:18px}}
@media(prefers-reduced-motion:reduce){.glass-slab,.glass-slab-face{transition:none!important}}body.motion-paused .glass-slab{transition:none}
@media(min-width:801px){.glass-stack{transform:scale(.86);transform-origin:50% 0}.glass-slab{top:calc(26% - var(--plate)*5%)}}