.inside-system{border-top:1px solid var(--color-border);position:relative}.system-scene,.system-explanation{position:relative}.system-scene:before{content:"";pointer-events:none;background:radial-gradient(ellipse at 67% 38%, #263d2e75, transparent 63%), var(--color-canvas);position:absolute;inset:0}.system-scene__sticky{z-index:1;align-items:center;padding-block:clamp(3.5rem,9vw,8rem);display:grid;position:relative}.system-scene__layout{grid-template-columns:minmax(0,.72fr) minmax(0,1.65fr);align-items:center;gap:clamp(1.65rem,4.2vw,4rem);display:grid}.system-intro{min-width:0}.system-kicker,.system-figure__registration,.system-figure figcaption,.system-flow,.system-layer__number{font-family:var(--font-mono);letter-spacing:.075em;text-transform:uppercase}.system-kicker{color:var(--color-muted);font-size:.71rem}.system-kicker b,.system-intro h2 span{color:var(--color-accent)}.system-intro h2{max-inline-size:9.5ch;color:var(--color-ink);letter-spacing:-.065em;margin-block:.7rem 1.15rem;font-size:clamp(2.85rem,5.5vw,4.95rem);font-weight:600;line-height:.98}.system-intro__statement{color:var(--color-ink);font-size:clamp(1.14rem,1.65vw,1.48rem);line-height:1.3}.system-intro__body,.system-explanation__intro>p:not(.system-kicker){max-inline-size:42ch;color:var(--color-muted);margin-block:.8rem 1.35rem;font-size:1rem}.system-link{border:1px solid var(--color-border);background:var(--color-canvas);min-height:2.75rem;color:var(--color-ink);align-items:center;gap:.65rem;padding:.45rem .75rem;font-size:.85rem;font-weight:600;display:inline-flex}.system-link span,.system-layer__body a span{color:var(--color-accent)}.system-link:is(:hover,:focus-visible){border-color:var(--color-accent)}.system-figure{min-width:0;margin:0}.system-figure__frame{background:linear-gradient(#94a69b15 1px,#0000 1px) 0 0/36px 36px,linear-gradient(90deg,#94a69b15 1px,#0000 1px) 0 0/36px 36px,radial-gradient(#253b30,#121d17 74%);border:1px solid #4a5e51;padding:clamp(.35rem,.9vw,.75rem);position:relative}.system-figure__frame:before,.system-figure__frame:after{z-index:1;border:solid var(--color-muted);content:"";pointer-events:none;width:.75rem;height:.75rem;position:absolute}.system-figure__frame:before{border-width:1px 0 0 1px;inset:-1px auto auto -1px}.system-figure__frame:after{border-width:0 1px 1px 0;inset:auto -1px -1px auto}.system-figure__registration{z-index:2;color:var(--color-muted);white-space:nowrap;background:#16221a;padding-inline:.45rem;font-size:.64rem;position:absolute;inset:-.58rem auto auto .9rem}.system-figure .scroll-driven-video{aspect-ratio:16/9;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 6% 94%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.scroll-driven-video :is(img,video){object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.scroll-driven-video video{opacity:0}.system-figure [data-video-state=loading]{background:url(/system/assembly-opening.webp) 50%/cover}.scroll-driven-video[data-video-state=loading] img{visibility:hidden}.scroll-driven-video:is([data-video-state=ready],[data-video-state=buffering]) video{opacity:1}.system-figure figcaption{color:var(--color-muted);text-transform:none;flex-wrap:wrap;gap:.22rem .72rem;margin-block-start:.72rem;font-size:.75rem;line-height:1.5;display:flex}.system-figure figcaption strong{color:var(--color-accent);text-transform:uppercase}.system-explanation{scroll-margin-top:var(--header-height)}.system-explanation__layout{z-index:1;border-top:1px solid var(--color-border);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,6vw,6rem);padding-block:clamp(3rem,7vw,6.5rem);display:grid;position:relative}.system-explanation h3{max-inline-size:14ch;color:var(--color-ink);letter-spacing:-.06em;margin-block-start:.65rem;font-size:clamp(2rem,4.3vw,4.4rem);font-weight:600;line-height:1.03}.system-flow{counter-reset:system-flow;max-width:24rem;color:var(--color-muted);grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-block:1.2rem 1.5rem;font-size:.66rem;display:grid}.system-flow li{border:1px solid var(--color-border);background:var(--color-canvas);counter-increment:system-flow;align-items:center;gap:.45rem;min-height:2.4rem;padding:.35rem .55rem;display:flex}.system-flow li:before{color:var(--color-accent);content:"0" counter(system-flow)}.system-layer-list{border-top:1px solid var(--color-border);background:var(--color-canvas);align-self:start;min-width:0}.system-layer-list details{border-bottom:1px solid var(--color-border)}.system-layer-list summary{min-height:3.35rem;color:var(--color-ink);cursor:pointer;grid-template-columns:1.35rem minmax(0,1fr) 1rem;align-items:center;gap:.7rem;padding:.65rem .9rem;font-size:1rem;font-weight:600;list-style:none;display:grid}.system-layer-list summary::-webkit-details-marker{display:none}.system-layer-list summary:hover,.system-layer-list details[open] summary{background:var(--color-surface)}.system-layer-list details[open]{border-inline-start:1px solid var(--color-accent);background:var(--color-surface)}.system-layer__number{color:var(--color-accent);font-size:.68rem;font-weight:400}.system-layer__indicator{width:.85rem;height:.85rem;position:relative}.system-layer__indicator:before,.system-layer__indicator:after{background:var(--color-accent);content:"";height:1px;position:absolute;inset:50% 0 auto}.system-layer__indicator:after{rotate:90deg}.system-layer-list details[open] .system-layer__indicator:after{visibility:hidden}.system-layer__body{color:var(--color-muted);flex-wrap:wrap;column-gap:1rem;padding:0 .9rem .85rem 2.95rem;font-size:.95rem;display:flex}.system-layer__body p{flex-basis:100%;max-inline-size:60ch}.system-layer__body a{min-height:2.75rem;color:var(--color-ink);text-underline-offset:.2em;align-items:center;gap:.4rem;font-size:.8rem;text-decoration:underline;display:inline-flex}@media (min-width:64rem) and (min-height:42rem) and (prefers-reduced-motion:no-preference){.system-scene{min-height:185svh}.system-scene__sticky{top:var(--header-height);min-height:calc(100svh - var(--header-height));padding-block:2.5rem;position:sticky}}@media not (min-width:64rem){.system-scene__layout{grid-template-columns:minmax(0,1fr);gap:2.5rem}.system-intro h2{max-inline-size:none}.system-figure{justify-self:center;width:min(100%,46rem)}}@media not (min-width:48rem){.system-scene__sticky{padding-block:3rem 2.8rem}.system-scene__layout{gap:2rem}.system-explanation__layout{grid-template-columns:minmax(0,1fr)}}