.mirror-page{width:min(92rem,100%);margin:0 auto;padding:clamp(6.8rem,11vw,9rem) clamp(1.2rem,4vw,3.2rem) 7rem}.mirror-page__nav{color:#f1eee87a;letter-spacing:.18em;text-transform:lowercase;border-bottom:1px solid #f1eee81f;justify-content:space-between;align-items:center;gap:2rem;padding-bottom:clamp(2.8rem,6vw,5rem);font-size:.58rem;font-weight:300;display:flex}.mirror-page__nav .project-back{margin:0}.mirror-intro{grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);align-items:end;gap:clamp(3rem,8vw,8rem);min-height:min(54rem,76svh);padding:clamp(4rem,10vw,9rem) 0 clamp(4rem,8vw,7rem);display:grid}.mirror-intro h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.5rem,7.6vw,7.8rem);font-weight:200;line-height:.84}.mirror-intro h1 span{display:block}.mirror-intro h1 span:last-child{background:linear-gradient(90deg,#76e7ff 0%,#7c80ff 24%,#df80ff 48%,#ffad9e 72%,#ffd977 100%);color:#0000;-webkit-background-clip:text;background-clip:text;padding-left:clamp(1.3rem,5vw,5.4rem)}.mirror-intro__copy{color:#f1eee899;max-width:37rem;padding-bottom:.35rem;font-size:clamp(.86rem,1.3vw,1rem);font-weight:300;line-height:1.7}.mirror-intro__copy p{margin:0}.mirror-intro__copy p+p{margin-top:1.25rem}.mirror-intro__lead{color:#f1eee8f0;font-size:clamp(1.08rem,2vw,1.5rem);line-height:1.38}.mirror-workbench{border-top:1px solid #f1eee81f;padding:clamp(2.2rem,5vw,4rem) 0 clamp(5rem,10vw,9rem)}.mirror-workbench__meta,.mirror-ledger__heading{justify-content:space-between;align-items:flex-start;gap:2rem;display:flex}.mirror-workbench__meta{margin-bottom:1rem}.mirror-label,.mirror-subtle,.mirror-runtime,.mirror-ledger__heading span{letter-spacing:.16em;text-transform:lowercase;margin:0;font-size:.57rem;font-weight:300}.mirror-label{color:#f1eee8c7}.mirror-subtle,.mirror-runtime,.mirror-ledger__heading span{color:#f1eee866}.mirror-runtime{text-align:right;max-width:30rem}.mirror-stage{isolation:isolate;background:#050505;border-top:1px solid #f1eee829;border-bottom:1px solid #f1eee829;outline:none;width:100%;min-height:clamp(29rem,59vw,49rem);position:relative;overflow:hidden}.mirror-stage:focus-visible{outline-offset:5px;outline:1px solid #f1eee8b8}.mirror-camera-source{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.mirror-canvas{width:100%;height:100%;position:absolute;inset:0}.mirror-stage__surface{opacity:.36;pointer-events:none;background:linear-gradient(90deg,#0000,#76e7ff29 15%,#7c80ff38 35%,#df80ff33 50%,#ffad9e33 68%,#ffd97726 84%,#0000);height:1px;transition:opacity .36s;position:absolute;top:52%;left:4%;right:4%}.mirror-stage[data-active=true] .mirror-stage__surface{opacity:.72}.mirror-stage__instruction,.mirror-stage__status{z-index:2;pointer-events:none;letter-spacing:.12em;text-transform:lowercase;margin:0;font-size:.56rem;font-weight:300;position:absolute;left:clamp(.85rem,2vw,1.5rem);right:clamp(.85rem,2vw,1.5rem)}.mirror-stage__instruction{color:#f1eee847;top:clamp(.9rem,2vw,1.45rem)}.mirror-stage__status{color:#f1eee88a;bottom:clamp(.9rem,2vw,1.45rem)}.mirror-readouts{border-bottom:1px solid #f1eee81f;grid-template-columns:minmax(0,2fr) repeat(3,minmax(7rem,1fr));display:grid}.mirror-readout,.mirror-readouts>div{min-width:0;padding:1rem .9rem 1.05rem 0}.mirror-readouts>div+div{border-left:1px solid #f1eee81a;padding-left:.9rem}.mirror-readouts span,.mirror-readouts strong{letter-spacing:.14em;text-transform:lowercase;font-size:.57rem;font-weight:300;display:block}.mirror-readouts span{color:#f1eee861;margin-bottom:.45rem}.mirror-readouts strong{color:#f1eee8e0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mirror-controls{border-top:1px solid #f1eee81f;border-bottom:1px solid #f1eee81f;flex-wrap:wrap;gap:0;margin-top:1.25rem;display:flex}.mirror-control{color:#f1eee894;cursor:pointer;letter-spacing:.14em;text-transform:lowercase;background:0 0;border:0;border-right:1px solid #f1eee81f;border-radius:0;min-height:3.35rem;padding:.9rem 1.25rem;font-size:.58rem;font-weight:300;transition:color .18s,background .18s}.mirror-control--primary{color:#f1eee8eb}.mirror-control:focus-visible:not(:disabled),.mirror-control[aria-pressed=true]{color:#f1eee8fa;background:#f1eee80b}@media (hover:hover) and (pointer:fine){:where(html[data-hover-input=fine]) .mirror-control:hover:not(:disabled){color:#f1eee8fa;background:#f1eee80b}}.mirror-control:focus-visible{outline-offset:-4px;outline:1px solid #f1eee8b3}.mirror-control:disabled{color:#f1eee82e;cursor:default}.mirror-ledger{border-bottom:1px solid #f1eee81f;grid-template-columns:minmax(12rem,.7fr) minmax(0,1.3fr);gap:clamp(2rem,6vw,6rem);padding:clamp(2.4rem,5vw,4.5rem) 0;display:grid}.mirror-ledger__heading{display:block}.mirror-ledger__heading span{margin-top:.65rem;line-height:1.5;display:block}.mirror-ledger ol{margin:0;padding:0;list-style:none}.mirror-ledger li{border-bottom:1px solid #f1eee812;grid-template-columns:minmax(0,1fr) auto;gap:1.5rem;padding:.72rem 0;display:grid}.mirror-ledger li:first-child{padding-top:0}.mirror-ledger li span,.mirror-ledger li b{letter-spacing:.12em;text-transform:lowercase;font-size:.62rem;font-weight:300}.mirror-ledger li span{color:#f1eee8a8;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mirror-ledger li b{color:#f1eee85c}.mirror-ledger li[data-archetype=fluid] span{color:#76e7ffcc}.mirror-ledger li[data-archetype=radial] span{color:#df80ffcc}.mirror-ledger li[data-archetype=bilateral] span{color:#ffad9ecc}.mirror-ledger li[data-archetype=structural] span{color:#ffd977cc}.mirror-ledger li[data-archetype=mechanic] span{color:#7c80ffd1}.mirror-ledger li[data-archetype=organic] span{color:#a8e6c2d1}.mirror-privacy{color:#f1eee861;max-width:61rem;margin:1.35rem 0 0 auto;font-size:.65rem;font-weight:300;line-height:1.65}.mirror-underneath,.mirror-system{border-top:1px solid #f1eee81f;grid-template-columns:minmax(14rem,.65fr) minmax(0,1.35fr);gap:clamp(3rem,8vw,8rem);padding:clamp(5rem,10vw,9rem) 0;display:grid}.mirror-underneath__heading h2,.mirror-system h2{letter-spacing:-.025em;max-width:28rem;margin:1rem 0 0;font-size:clamp(1.45rem,3.3vw,2.75rem);font-weight:200;line-height:1.1}.mirror-underneath__grid{border-top:1px solid #f1eee81f;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.mirror-underneath__grid article{border-bottom:1px solid #f1eee81a;min-height:12rem;padding:1.25rem 1.25rem 1.5rem 0}.mirror-underneath__grid article:nth-child(2n){border-left:1px solid #f1eee81a;padding-left:1.25rem}.mirror-underneath__grid article p:last-child,.mirror-system__details>p{color:#f1eee88c;margin:1.4rem 0 0;font-size:.78rem;font-weight:300;line-height:1.65}.mirror-system__details dl{border-top:1px solid #f1eee81f;margin:0}.mirror-system__details dl div{border-bottom:1px solid #f1eee814;grid-template-columns:minmax(8rem,.42fr) minmax(0,1fr);gap:1.5rem;padding:.9rem 0;display:grid}.mirror-system__details dt,.mirror-system__details dd{margin:0;font-size:.62rem;font-weight:300;line-height:1.5}.mirror-system__details dt{color:#f1eee857;letter-spacing:.12em;text-transform:lowercase}.mirror-system__details dd{color:#f1eee8ad}@media (width<=800px){.mirror-intro,.mirror-underneath,.mirror-system{grid-template-columns:1fr}.mirror-intro{align-content:end;gap:2.4rem;min-height:min(49rem,78svh)}.mirror-intro h1{font-size:clamp(2.45rem,13.5vw,5rem)}.mirror-intro h1 span:last-child{padding-left:.7em}.mirror-stage{min-height:72svh;max-height:45rem}.mirror-readouts{grid-template-columns:repeat(2,minmax(0,1fr))}.mirror-readouts>div:nth-child(3){border-top:1px solid #f1eee81a;border-left:0}.mirror-readouts>div:nth-child(4){border-top:1px solid #f1eee81a}.mirror-ledger{grid-template-columns:1fr;gap:2rem}.mirror-privacy{margin-left:0}}@media (width<=520px){.mirror-page{padding-left:1rem;padding-right:1rem}.mirror-page__nav{gap:1rem}.mirror-page__nav>span{text-align:right;max-width:10rem}.mirror-workbench__meta{display:block}.mirror-runtime{text-align:left;margin-top:.7rem}.mirror-stage{min-height:68svh}.mirror-controls{grid-template-columns:1fr 1fr;display:grid}.mirror-control{text-align:left;border-bottom:1px solid #f1eee814;border-right:1px solid #f1eee81f;width:100%}.mirror-control:nth-child(2n){border-right:0}.mirror-control:last-child{border-right:0;grid-column:1/-1}.mirror-underneath__grid{grid-template-columns:1fr}.mirror-underneath__grid article:nth-child(2n){border-left:0;padding-left:0}.mirror-system__details dl div{grid-template-columns:1fr;gap:.35rem}}@media (prefers-reduced-motion:reduce){.mirror-stage__surface,.mirror-control{transition:none}}