/* Local to the operating-reality scene. The final state is the no-JS default. */
#reality.el-reality{padding:90px 0 66px;position:relative;overflow:visible;background:#f2efe8;color:#14191c}
.el-reality .el-wrap{position:relative}
.el-reality .reality-composition{display:grid;grid-template-columns:56% 44%;align-items:center;gap:0;margin-top:38px}
.el-reality #reality-statement{font-family:var(--el-font);font-size:clamp(38px,4.1vw,64px);line-height:1.08;letter-spacing:-.058em;font-weight:400;margin:0;position:relative;z-index:1}
.el-reality .reality-premise,.el-reality .reality-conclusion{display:block}
.el-reality .reality-premise{color:#68706d}
.el-reality #reality-statement span>span{display:block}
.el-reality .reality-conclusion{margin-top:38px;font-size:1.075em;font-weight:500;color:#14191c}
.el-reality .reality-system{margin:15px 0 0 -10px;display:grid;grid-template-columns:1fr 1fr;gap:26px 24px;position:relative}
.el-reality .reality-stage{display:flex;gap:12px;font-size:10px;line-height:1.5;letter-spacing:.09em;text-transform:uppercase;margin:0 0 25px;color:#38423f}
.el-reality .reality-stage>span{color:#7b8580;font-size:9px;letter-spacing:.02em}
.el-reality .reality-inputs{grid-column:1/-1;border-bottom:1px solid #c0c4bb;padding-bottom:25px}
.el-reality .reality-inputs ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0;margin:0}
.el-reality .reality-inputs li{list-style:none;font-size:10px;line-height:1.5;color:#505b56;min-width:0}
.el-reality .reality-module{display:flex;align-items:flex-end;gap:4px;height:48px;width:58px;margin:0 0 20px;position:relative;transform:translate(0,0);transition:transform 1.1s cubic-bezier(.2,.65,.3,1) .5s}
.el-reality .reality-module i{display:block;border:1px solid #7e8983;width:12px;height:29px;background:#faf8f3}
.el-reality .reality-module i:nth-child(2){height:43px}.el-reality .reality-module i:nth-child(3){height:20px}
.el-reality .reality-inputs li:nth-child(2) i{height:25px}.el-reality .reality-inputs li:nth-child(3) i{height:35px;width:9px}.el-reality .reality-inputs li:nth-child(4) i{width:17px}
.el-reality .reality-framework{height:175px;position:relative;border:1px solid #7b8881;margin:0 16px 0 12px;box-shadow:8px 8px 0 #f2efe8,9px 9px 0 #b1b9b2}
.el-reality .reality-framework:before,.el-reality .reality-framework:after{content:'';position:absolute;left:-13px;right:-13px;border-top:1px solid #b1b9b2;top:29px}
.el-reality .reality-framework:after{top:auto;bottom:29px}
.el-reality .reality-framework>i{position:absolute;left:16px;right:16px;top:35px;height:1px;background:#7f8c85;transform-origin:left;transition:transform .9s ease .1s,opacity .9s ease .1s}
.el-reality .reality-framework>i:nth-of-type(2){top:70px}.el-reality .reality-framework>i:nth-of-type(3){top:105px}.el-reality .reality-framework>i:nth-of-type(4){top:140px}
.el-reality .reality-axis{position:absolute;top:-13px;bottom:-13px;left:50%;border-left:1px solid #19b8ae;transform-origin:top;transition:transform 1s ease .15s}
.el-reality .reality-joint{position:absolute;left:calc(50% - 3px);top:67px;width:7px;height:7px;background:#19b8ae;transition:opacity .6s ease 1.2s}
.el-reality .reality-result{position:relative}
.el-reality .reality-result:before{content:'';position:absolute;left:-37px;top:calc(50% + 11px);width:54px;border-top:1px solid #19b8ae;transform-origin:left;transition:transform .8s ease 1s}
.el-reality .reality-assembly{height:175px;position:relative;margin-left:14px;border-left:1px solid #19b8ae;border-right:1px solid #8a9690;transition:opacity .8s ease 1.2s}
.el-reality .reality-assembly>i{position:absolute;left:0;right:0;top:0;height:29px;background:#e3e6dd;border-top:1px solid #64756b;border-bottom:1px solid #a2aea4;transform:skewY(-8deg);transition:transform 1.2s cubic-bezier(.2,.65,.3,1) .65s}
.el-reality .reality-assembly>i:nth-child(2){top:45px}.el-reality .reality-assembly>i:nth-child(3){top:90px}.el-reality .reality-assembly>i:nth-child(4){top:135px}
.el-reality .reality-assembly>span{position:absolute;width:6px;height:6px;background:#19b8ae;bottom:7px;left:-3px}
.el-reality .reality-closing{font-size:12px;line-height:1.7;color:#505b56;margin:55px 0 0;padding-top:20px;border-top:1px solid #bfc6bc;max-width:56%}
.el-reality .reality-continuation{position:absolute;right:10%;bottom:-98px;width:1px;height:98px;background:#19b8ae;z-index:2;opacity:.65}
.el-reality.is-awaiting .reality-module{transform:translate(7px,-11px) rotate(-9deg)}
.el-reality.is-awaiting .reality-inputs li:nth-child(even) .reality-module{transform:translate(-5px,8px) rotate(8deg)}
.el-reality.is-awaiting .reality-framework>i,.el-reality.is-awaiting .reality-result:before{transform:scaleX(0);opacity:0}
.el-reality.is-awaiting .reality-axis{transform:scaleY(0)}
.el-reality.is-awaiting .reality-joint{opacity:0}
.el-reality.is-awaiting .reality-assembly{opacity:.35}
.el-reality.is-awaiting .reality-assembly>i{transform:translateX(12px) skewY(0)}
@media(max-width:1000px){.el-reality .reality-composition{grid-template-columns:54% 46%}.el-reality #reality-statement{font-size:clamp(34px,4.4vw,47px)}.el-reality .reality-system{margin-left:0;gap:26px 18px}.el-reality .reality-inputs ol{grid-template-columns:repeat(2,1fr);gap:18px}.el-reality .reality-inputs li{display:flex;align-items:center;gap:9px}.el-reality .reality-module{flex-shrink:0;width:39px;height:40px;margin:0}.el-reality .reality-module i{width:8px}.el-reality .reality-inputs li:nth-child(4) i{width:9px}.el-reality .reality-stage{font-size:9px;gap:8px}}
@media(max-width:700px){#reality.el-reality{padding:62px 0 56px}.el-reality .reality-composition{display:block;margin-top:30px}.el-reality #reality-statement{font-size:clamp(30px,7.8vw,49px);line-height:1.12}.el-reality .reality-conclusion{margin-top:28px}.el-reality .reality-system{display:block;margin:50px 0 0;padding-left:25px;border-left:1px solid #9fa99f}.el-reality .reality-stage{font-size:12px;letter-spacing:.08em;margin-bottom:25px;position:relative}.el-reality .reality-stage:before{content:'';position:absolute;left:-29px;top:5px;width:7px;height:7px;background:#19b8ae}.el-reality .reality-stage>span{font-size:10px}.el-reality .reality-inputs{border:0;padding-bottom:30px}.el-reality .reality-inputs ol{gap:24px 16px}.el-reality .reality-inputs li{font-size:12px;display:block}.el-reality .reality-module{margin-bottom:12px}.el-reality .reality-structure{margin:22px 0 42px}.el-reality .reality-framework{height:150px;margin:0 25px 0 12px}.el-reality .reality-framework>i:nth-of-type(4){top:125px}.el-reality .reality-result:before{left:50%;top:-30px;width:1px;height:20px;border-top:0;border-left:1px solid #19b8ae}.el-reality .reality-result{padding-top:5px}.el-reality .reality-assembly{margin:35px 25px 0 12px;height:175px}.el-reality .reality-closing{max-width:none;margin-top:38px;font-size:12px;padding-right:20px}.el-reality .reality-continuation{right:25px;bottom:-80px;height:64px}}
@media(prefers-reduced-motion:reduce){.el-reality *{transition:none!important}.el-reality.is-awaiting .reality-module,.el-reality.is-awaiting .reality-inputs li:nth-child(even) .reality-module{transform:none}.el-reality.is-awaiting .reality-framework>i,.el-reality.is-awaiting .reality-result:before,.el-reality.is-awaiting .reality-axis{transform:none;opacity:1}.el-reality.is-awaiting .reality-joint,.el-reality.is-awaiting .reality-assembly{opacity:1}.el-reality.is-awaiting .reality-assembly>i{transform:skewY(-8deg)}}

/* A visual transformation within the existing editorial composition. */
.el-reality .reality-system { gap: 16px 24px; }
.el-reality .reality-inputs { border: 0; padding-bottom: 0; }
.el-reality .reality-inputs .reality-stage { margin-bottom: 18px; }
.el-reality .reality-module { width: 72px; height: 54px; margin-bottom: 12px; transform: rotate(-3deg) translateY(-3px); }
.el-reality .reality-inputs li:nth-child(even) .reality-module { transform: rotate(3deg) translateY(5px); }
.el-reality .reality-module svg { width: 100%; height: 100%; stroke: #7e8983; stroke-width: .85; }
.el-reality .reality-alignment { grid-column: 1/-1; position: relative; padding-top: 3px; }
.el-reality .reality-alignment .reality-stage { margin: 0; font-size: 9px; }
.el-reality .reality-alignment svg { display: block; width: 100%; height: 52px; stroke: #9fa99f; stroke-width: .75; transition: opacity .7s ease .15s; }
.el-reality .reality-teal { fill: #19b8ae; stroke: none; }
.el-reality .reality-core,.el-reality .reality-resolved { width: 100%; height: 190px; display: block; overflow: visible; }
.el-reality .reality-structure>.reality-stage,.el-reality .reality-result>.reality-stage { margin-bottom: 0; }
.el-reality .reality-core-planes { fill: #f2efe8; stroke: #64756b; stroke-width: 1; transition: opacity .8s ease .55s, transform .9s ease .55s; transform-origin: center; }
.el-reality .reality-core-planes path:nth-child(2) { fill: #e3e6dd; }
.el-reality .reality-core-planes path:nth-child(3) { fill: #faf8f3; }
.el-reality .reality-core-grid { stroke: #7f8c85; stroke-width: .6; opacity: .65; transition: opacity .7s ease .8s; }
.el-reality .reality-core-axis { stroke: #19b8ae; stroke-width: 1; transition: opacity .7s ease .95s; }
.el-reality .reality-resolved-planes { fill: #e3e6dd; stroke: #7f8c85; stroke-width: .8; }
.el-reality .reality-resolved-planes path:last-child { fill: #faf8f3; }
.el-reality .reality-resolved-guides { stroke: #7f8c85; stroke-width: .6; opacity: .5; }
.el-reality .reality-resolved { transition: opacity .8s ease 1.25s, transform 1s ease 1.15s; }
.el-reality .reality-result::before { top: 59%; left: -17px; width: 30px; }
.el-reality.is-awaiting .reality-alignment svg,.el-reality.is-awaiting .reality-core-grid,.el-reality.is-awaiting .reality-core-axis { opacity: 0; }
.el-reality.is-awaiting .reality-core-planes { opacity: .35; transform: translateY(8px); }
.el-reality.is-awaiting .reality-resolved { opacity: .25; transform: translateY(9px); }
@media(min-width:701px) and (max-width:1000px) {
 .el-reality .reality-module { width: 48px; height: 40px; }
 .el-reality .reality-inputs li { font-size: 10px; }
 .el-reality .reality-core,.el-reality .reality-resolved { height: 160px; }
}
@media(max-width:700px) {
 .el-reality .reality-module { width: 80px; height: 54px; }
 .el-reality .reality-alignment { margin: 32px 0; }
 .el-reality .reality-alignment .reality-stage { font-size: 12px; margin-bottom: 18px; }
 .el-reality .reality-alignment svg { height: 70px; }
 .el-reality .reality-core,.el-reality .reality-resolved { height: 240px; max-width: 340px; margin-inline: auto; }
 .el-reality .reality-structure { margin-bottom: 38px; }
 .el-reality .reality-result::before { display: none; }
}
@media(prefers-reduced-motion:reduce) {
 .el-reality.is-awaiting .reality-alignment svg,.el-reality.is-awaiting .reality-core-grid,.el-reality.is-awaiting .reality-core-axis,.el-reality.is-awaiting .reality-core-planes,.el-reality.is-awaiting .reality-resolved { opacity: 1; transform: none; }
}
.el-reality .reality-result::before { display: none; }