/* Two expressive intro headings and one reversible, locally contained scene. */
.kinetic-line{display:block;padding-bottom:.14em;margin-bottom:-.14em}.kinetic-word{display:inline-block}.motion-ready:not(.motion-off) [data-kinetic]{perspective:900px}.motion-ready:not(.motion-off) [data-kinetic] .kinetic-line{overflow:clip}.motion-ready:not(.motion-off) [data-kinetic] .kinetic-word{--line-p:clamp(0,calc((var(--heading-p,1) - var(--line-index,0)*.09)/.76),1);transform:translate3d(0,calc((1 - var(--line-p))*110%),0) rotateX(calc((1 - var(--line-p))*45deg));transform-origin:center bottom;opacity:var(--line-p)}
.transformation{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line);--assembly:1;--scene-p:1}.transformation-pin{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:6%;padding:90px 0 100px;min-height:650px;isolation:isolate;overflow:clip}.motion-ready:not(.motion-off) .transformation{height:205svh}.motion-ready:not(.motion-off) .transformation-pin{position:sticky;top:132px;height:calc(100svh - 132px);min-height:0;padding:45px 0 100px}.scene-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.transformation-copy{min-width:0;max-width:100%}.transformation-copy .eyebrow{font-size:11px;max-width:260px}.transformation-copy h2{font-size:clamp(49px,5.4vw,86px)}.transformation-copy>p:last-child{font-size:19px;line-height:1.8;color:var(--muted);margin-top:28px;max-width:340px}.assembly-space{position:relative;min-width:0;max-width:100%;width:100%;height:410px}.variant-viewport{position:absolute;inset:0 0 30px;overflow:hidden;isolation:isolate;border:1px solid var(--line);background:#171719}.variant-viewport svg{display:block;width:100%;height:100%;overflow:hidden}.visual-base{fill:#171719}.visual-label{fill:#aaa9a3;font:10px Arial,sans-serif;letter-spacing:1px}.topology-edge{stroke:#646468;stroke-width:1.5;opacity:.8}.topology-node circle{fill:#222225;stroke:#65656a;stroke-width:1}.topology-node text{fill:var(--ink);font:10px Arial,sans-serif;text-anchor:middle;dominant-baseline:middle}.topology-node.core circle{stroke:var(--accent);stroke-width:1.8}.topology-guide{stroke:var(--line);stroke-width:1;stroke-dasharray:3 8;opacity:var(--assembly)}.topology-trace{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--assembly));opacity:var(--assembly)}.assembly-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;gap:16px;font-size:9px;line-height:1.5;letter-spacing:.03em;color:var(--quiet)}.assembly-caption>span:last-child{max-width:150px;text-align:right;font-size:8px}.scene-footer{position:absolute;bottom:30px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:25px}.scene-steps{display:flex;gap:24px}.scene-steps span{padding-top:12px;border-top:1px solid var(--line);color:var(--quiet);font-size:11px}.scene-steps span.active{border-color:var(--accent);color:var(--accent)}.scene-footer>p{color:var(--quiet);font-size:9px;letter-spacing:.06em}.scene-footer>p>span{color:var(--accent);margin-left:12px}.motion-off .transformation{height:auto}.motion-off .transformation-pin{position:relative;top:auto;height:auto}.motion-off .kinetic-word{transform:none;opacity:1}
@media(max-width:1000px){.assembly-space{height:340px}.transformation-pin{gap:4%}.transformation-copy h2{font-size:58px}.transformation-copy>p:last-child{font-size:17px}.scene-steps{gap:16px}.scene-steps span{font-size:10px}}
@media(max-width:760px){.transformation-pin{grid-template-columns:minmax(0,1fr);gap:30px;padding:65px 0 95px;min-height:0}.motion-ready:not(.motion-off) .transformation{height:190svh}.motion-ready:not(.motion-off) .transformation-pin{top:112px;height:calc(100svh - 112px);grid-template-rows:auto minmax(0,1fr);padding:25px 0 83px;gap:20px}.transformation-copy h2{font-size:50px}.transformation-copy .eyebrow{max-width:none;font-size:10px;margin-bottom:16px}.transformation-copy>p:last-child{font-size:16px;line-height:1.7;margin-top:20px;max-width:360px}.assembly-space{height:300px;max-height:360px}.motion-ready:not(.motion-off) .assembly-space{height:100%;min-height:0}.assembly-caption{font-size:8px}.assembly-caption>span:last-child{display:none}.scene-footer{bottom:25px;gap:15px}.scene-steps{gap:15px;flex-wrap:wrap}.scene-steps span{font-size:10px}.scene-footer>p{display:none}}
@media(max-height:760px) and (max-width:760px){.transformation-copy>p:last-child{display:none}.transformation-copy h2{font-size:43px}.motion-ready:not(.motion-off) .transformation-pin{gap:15px}}
@media(max-height:600px){.motion-ready:not(.motion-off) .transformation{height:auto}.motion-ready:not(.motion-off) .transformation-pin{position:relative;top:auto;height:auto;padding:45px 0 90px}.assembly-space,.motion-ready:not(.motion-off) .assembly-space{height:300px}.transformation-copy h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){.motion-ready .transformation{height:auto!important}.motion-ready .transformation-pin{position:relative!important;top:auto!important;height:auto!important}.kinetic-word{transform:none!important;opacity:1!important}}