@layer tokens,base,kit;@layer component{.iso{--u:clamp(.4px, .175cqw, .92px);--ln:var(--figure-line);--fill-front:var(--bg);--fill-top:var(--bg);--fill-side:var(--bg);--recess:var(--bg);--figure-label-floor:var(--font-16);--figure-label-cap:var(--font-20);--figure-label-weight:var(--fw-medium);width:100%;position:relative}@media (max-width:768px){.iso{--figure-label-floor:var(--font-12)}}.iso-svg{z-index:1;width:calc(var(--vb-w) * var(--u));height:calc(var(--vb-h) * var(--u));pointer-events:none;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.iso-svg__face--top{fill:var(--fill-top)}.iso-svg__face--front,.iso-svg__face--back{fill:var(--fill-front)}.iso-svg__face--left,.iso-svg__face--right,.iso-svg__face--bottom{fill:var(--fill-side)}.iso-svg__line{fill:none;stroke:var(--slab-line,var(--ln));stroke-width:1px;stroke-linejoin:miter;stroke-linecap:round;vector-effect:non-scaling-stroke}.iso-pad{stroke:var(--accent);stroke-opacity:.62;stroke-width:1px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 12px var(--accent-glow)) drop-shadow(0 0 22px var(--accent-glow))}.iso-pad--soft{stroke:none}.iso-aura{fill:var(--accent);stroke:none}.iso-dot{fill:var(--accent)}.iso-etch{fill:var(--recess);stroke:var(--ln);stroke-width:1px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.iso-etch *{vector-effect:non-scaling-stroke}.iso-etch--open{fill:none;stroke-linecap:round}.iso-shell{fill:var(--fill-side);stroke:var(--ln);stroke-width:1px;vector-effect:non-scaling-stroke}.iso-tongue{fill:var(--ln);stroke:none}.iso-socket{fill:var(--recess);stroke:var(--ln);stroke-width:1px}.iso-socket>*{vector-effect:non-scaling-stroke}.iso-socket.is-live{stroke:var(--accent);animation:iso-port-ingest var(--iso-ingest-dur,4.2s) ease-in-out infinite}@keyframes iso-port-ingest{0%,to{stroke-opacity:.62;filter:drop-shadow(0 0 2px var(--accent-glow))}50%{stroke-opacity:1;filter:drop-shadow(0 0 7px var(--accent-veil-strong))}}.iso-led--live{fill:var(--accent);stroke:none;filter:drop-shadow(0 0 7px var(--accent-veil))}.iso-led--idle{fill:var(--bg);stroke:var(--ln);stroke-width:1px;vector-effect:non-scaling-stroke}.iso-link{fill:none;stroke:var(--accent);stroke-opacity:.72;stroke-width:1px;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.iso-link--flow{stroke:var(--accent);stroke-width:2px}.iso-flow{filter:drop-shadow(0 0 3px var(--accent-glow))}.iso-mark{fill:none;stroke:var(--slab-line,var(--ln));stroke-width:1px;stroke-opacity:.55;stroke-linejoin:round;vector-effect:non-scaling-stroke}.iso-mark *{vector-effect:non-scaling-stroke}.iso-mark--tile{fill:var(--surface-1)}.iso-mark--rule{fill:none;stroke-linecap:round}.iso-mark--accent{stroke:var(--accent);stroke-opacity:.8}.iso-mark--live{fill:var(--accent);stroke:var(--accent);stroke-opacity:1}.iso-mark--pane{fill:var(--surface-2)}.iso-mark--ink{fill:var(--figure-line);stroke:none}.iso-labels{z-index:2;width:calc(var(--vb-w) * var(--u));height:calc(var(--vb-h) * var(--u));pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.iso-label-slot{top:calc(var(--label-y) * var(--u));position:absolute;transform:translateY(-50%)}.iso-label-slot--right{left:calc(var(--label-x) * var(--u))}.iso-label-slot--left{right:calc(var(--label-x) * var(--u))}.iso-label-name{color:var(--text);font-size:clamp(var(--figure-label-floor), calc(21 * var(--u)), var(--figure-label-cap));line-height:1;font-weight:var(--figure-label-weight);white-space:nowrap;pointer-events:auto;display:block}}@layer responsive,route;
@layer tokens,base,kit;@layer component{.iso--engine{--u:min(calc(100cqw / var(--vb-w)), calc(var(--fig-h,calc(var(--vb-h) * .83px)) / var(--vb-h)));--fill-front:var(--bg);--fill-top:var(--bg);--fill-side:var(--bg);height:calc(var(--vb-h) * var(--u))}.reveal-enabled .iso--engine.reveal,.reveal-enabled .iso--engine.reveal.is-visible{opacity:1;transition:none;transform:none}.iso-plane{filter:drop-shadow(0 0 5.4px var(--slab-glow)) drop-shadow(0 0 18px var(--slab-glow))}.reveal-enabled .iso--engine .iso-slab-in,.reveal-enabled .iso--engine .iso-plane,.reveal-enabled .iso--engine .iso-label-name{animation-duration:19s;animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused;animation-fill-mode:both}.reveal-enabled .iso--engine.is-visible .iso-slab-in,.reveal-enabled .iso--engine.is-visible .iso-plane,.reveal-enabled .iso--engine.is-visible .iso-label-name{animation-play-state:running}.reveal-enabled .iso--engine .iso-slab-in--0{animation-name:iso-slab-0,iso-slab-fade-0}.reveal-enabled .iso--engine .iso-slab-in--1{animation-name:iso-slab-1,iso-slab-fade-1}.reveal-enabled .iso--engine .iso-slab-in--2{animation-name:iso-slab-2,iso-slab-fade-2}.reveal-enabled .iso--engine .iso-slab-in--3{animation-name:iso-slab-3,iso-slab-fade-3}.reveal-enabled .iso--engine .iso-slab-in--4{animation-name:iso-slab-4,iso-slab-fade-4}.reveal-enabled .iso--engine .iso-slab-in--5{animation-name:iso-slab-5,iso-slab-fade-5}.reveal-enabled .iso--engine .iso-plane--0{animation-name:iso-slab-pulse-0}.reveal-enabled .iso--engine .iso-plane--1{animation-name:iso-slab-pulse-1}.reveal-enabled .iso--engine .iso-plane--2{animation-name:iso-slab-pulse-2}.reveal-enabled .iso--engine .iso-plane--3{animation-name:iso-slab-pulse-3}.reveal-enabled .iso--engine .iso-plane--4{animation-name:iso-slab-pulse-4}.reveal-enabled .iso--engine .iso-plane--5{animation-name:iso-slab-pulse-5}.reveal-enabled .iso--engine .iso-label-slot--0 .iso-label-name{animation-name:iso-label-0,iso-label-slide-left;animation-delay:0s,0s}.reveal-enabled .iso--engine .iso-label-slot--1 .iso-label-name{animation-name:iso-label-1,iso-label-slide-right;animation-delay:0s,.32s}.reveal-enabled .iso--engine .iso-label-slot--2 .iso-label-name{animation-name:iso-label-2,iso-label-slide-left;animation-delay:0s,.64s}.reveal-enabled .iso--engine .iso-label-slot--3 .iso-label-name{animation-name:iso-label-3,iso-label-slide-right;animation-delay:0s,.96s}.reveal-enabled .iso--engine .iso-label-slot--4 .iso-label-name{animation-name:iso-label-4,iso-label-slide-left;animation-delay:0s,1.28s}.reveal-enabled .iso--engine .iso-label-slot--5 .iso-label-name{animation-name:iso-label-5,iso-label-slide-right;animation-delay:0s,1.6s}@keyframes iso-slab-0{0%{animation-timing-function:cubic-bezier(.17,.84,.24,1);transform:translate(-200px,-16px)}7.368%,87.895%{animation-timing-function:cubic-bezier(.76,0,.83,.16);transform:translate(0)}95.263%,to{transform:translate(-200px,-16px)}}@keyframes iso-slab-fade-0{0%{opacity:0}5.6%,89.663%{opacity:1}92.611%,to{opacity:0}}@keyframes iso-slab-1{0%,1.684%{animation-timing-function:cubic-bezier(.17,.84,.24,1);transform:translate(200px,-16px)}9.053%,86.211%{animation-timing-function:cubic-bezier(.76,0,.83,.16);transform:translate(0)}93.579%,to{transform:translate(200px,-16px)}}@keyframes iso-slab-fade-1{0%,1.684%{opacity:0}7.284%,87.979%{opacity:1}90.926%,to{opacity:0}}@keyframes iso-slab-2{0%,3.368%{animation-timing-function:cubic-bezier(.17,.84,.24,1);transform:translate(-200px,-16px)}10.737%,84.526%{animation-timing-function:cubic-bezier(.76,0,.83,.16);transform:translate(0)}91.895%,to{transform:translate(-200px,-16px)}}@keyframes iso-slab-fade-2{0%,3.368%{opacity:0}8.968%,86.295%{opacity:1}89.242%,to{opacity:0}}@keyframes iso-slab-3{0%,5.053%{animation-timing-function:cubic-bezier(.17,.84,.24,1);transform:translate(200px,-16px)}12.421%,82.842%{animation-timing-function:cubic-bezier(.76,0,.83,.16);transform:translate(0)}90.211%,to{transform:translate(200px,-16px)}}@keyframes iso-slab-fade-3{0%,5.053%{opacity:0}10.653%,84.611%{opacity:1}87.558%,to{opacity:0}}@keyframes iso-slab-4{0%,6.737%{animation-timing-function:cubic-bezier(.17,.84,.24,1);transform:translate(-200px,-16px)}14.105%,81.158%{animation-timing-function:cubic-bezier(.76,0,.83,.16);transform:translate(0)}88.526%,to{transform:translate(-200px,-16px)}}@keyframes iso-slab-fade-4{0%,6.737%{opacity:0}12.337%,82.926%{opacity:1}85.874%,to{opacity:0}}@keyframes iso-slab-5{0%,8.421%{animation-timing-function:cubic-bezier(.17,.84,.24,1);transform:translate(200px,-16px)}15.789%,79.474%{animation-timing-function:cubic-bezier(.76,0,.83,.16);transform:translate(0)}86.842%,to{transform:translate(200px,-16px)}}@keyframes iso-slab-fade-5{0%,8.421%{opacity:0}14.021%,81.242%{opacity:1}84.189%,to{opacity:0}}@keyframes iso-slab-pulse-0{0%,16.316%{--slab-line:var(--figure-line);--slab-glow:var(--accent-transparent);animation-timing-function:cubic-bezier(.3,0,.4,1)}19.474%,20.789%{--slab-line:var(--accent);--slab-glow:var(--accent-veil);animation-timing-function:cubic-bezier(.5,0,.75,.35)}26.053%,to{--slab-line:var(--figure-line);--slab-glow:var(--accent-transparent)}}@keyframes iso-slab-pulse-1{0%,26.842%{--slab-line:var(--figure-line);--slab-glow:var(--accent-transparent);animation-timing-function:cubic-bezier(.3,0,.4,1)}30%,31.316%{--slab-line:var(--accent);--slab-glow:var(--accent-veil);animation-timing-function:cubic-bezier(.5,0,.75,.35)}36.579%,to{--slab-line:var(--figure-line);--slab-glow:var(--accent-transparent)}}@keyframes iso-slab-pulse-2{0%,37.368%{--slab-line:var(--figure-line);--slab-glow:var(--accent-transparent);animation-timing-function:cubic-bezier(.3,0,.4,1)}40.526%,41.842%{--slab-line:var(--accent);--slab-glow:var(--accent-veil);animation-timing-function:cubic-bezier(.5,0,.75,.35)}47.105%,to{--slab-line:var(--figure-line);--slab-glow:var(--accent-transparent)}}@keyframes iso-slab-pulse-3{0%,47.895%{--slab-line:var(--figure-line);--slab-glow:var(--accent-transparent);animation-timing-function:cubic-bezier(.3,0,.4,1)}51.053%,52.368%{--slab-line:var(--accent);--slab-glow:var(--accent-veil);animation-timing-function:cubic-bezier(.5,0,.75,.35)}57.632%,to{--slab-line:var(--figure-line);--slab-glow:var(--accent-transparent)}}@keyframes iso-slab-pulse-4{0%,58.421%{--slab-line:var(--figure-line);--slab-glow:var(--accent-transparent);animation-timing-function:cubic-bezier(.3,0,.4,1)}61.579%,62.895%{--slab-line:var(--accent);--slab-glow:var(--accent-veil);animation-timing-function:cubic-bezier(.5,0,.75,.35)}68.158%,to{--slab-line:var(--figure-line);--slab-glow:var(--accent-transparent)}}@keyframes iso-slab-pulse-5{0%,68.947%{--slab-line:var(--figure-line);--slab-glow:var(--accent-transparent);animation-timing-function:cubic-bezier(.3,0,.4,1)}72.105%,73.421%{--slab-line:var(--accent);--slab-glow:var(--accent-veil);animation-timing-function:cubic-bezier(.5,0,.75,.35)}78.684%,to{--slab-line:var(--figure-line);--slab-glow:var(--accent-transparent)}}@keyframes iso-label-0{0%,3.684%{opacity:0}6.263%,87.895%{opacity:1}90.474%,to{opacity:0}}@keyframes iso-label-1{0%,5.368%{opacity:0}7.947%,86.211%{opacity:1}88.789%,to{opacity:0}}@keyframes iso-label-2{0%,7.053%{opacity:0}9.632%,84.526%{opacity:1}87.105%,to{opacity:0}}@keyframes iso-label-3{0%,8.737%{opacity:0}11.316%,82.842%{opacity:1}85.421%,to{opacity:0}}@keyframes iso-label-4{0%,10.421%{opacity:0}13%,81.158%{opacity:1}83.737%,to{opacity:0}}@keyframes iso-label-5{0%,12.105%{opacity:0}14.684%,79.474%{opacity:1}82.053%,to{opacity:0}}@keyframes iso-label-slide-left{0%{transform:translate(calc(-48 * var(--u)), 0);animation-timing-function:cubic-bezier(.17,.84,.24,1)}7.368%,to{transform:translate(0)}}@keyframes iso-label-slide-right{0%{transform:translate(calc(48 * var(--u)), 0);animation-timing-function:cubic-bezier(.17,.84,.24,1)}7.368%,to{transform:translate(0)}}.iso--engine.is-still .iso-slab-in,.iso--engine.is-still .iso-plane{opacity:1;animation:none;transform:none}.reveal-enabled .arch-card__frame:has(.iso--engine)>.arch-grid{animation:19s linear infinite paused iso-engine-room}.reveal-enabled .arch-card__frame:has(.iso--engine)>.arch-card__pool{animation:19s linear infinite paused iso-engine-pool}:is(.reveal-enabled .arch-card__frame:has(.iso--engine.is-visible)>.arch-grid,.reveal-enabled .arch-card__frame:has(.iso--engine.is-visible)>.arch-card__pool){animation-play-state:running}.arch-card__frame:has(.iso--engine.is-still)>.arch-grid{opacity:1;animation:none}.arch-card__frame:has(.iso--engine.is-still)>.arch-card__pool{opacity:var(--pool-strength,1);animation:none}@keyframes iso-engine-room{0%,90.5%{opacity:1}94.5%,96.5%{opacity:0}to{opacity:1}}@keyframes iso-engine-pool{0%,90.5%{opacity:var(--pool-strength,1)}94.5%,96.5%{opacity:0}to{opacity:var(--pool-strength,1)}}@media (max-width:768px){.iso--engine .iso-label-name{max-width:calc((var(--vb-w) - var(--label-x)) * var(--u));font-size:var(--font-11);line-height:var(--lh-snug);white-space:normal}.iso--engine .iso-label-slot--left .iso-label-name{text-align:right}}@media (max-width:900px){.iso--engine{margin-bottom:calc(var(--vb-h) * var(--u) * -.214)}}}@layer responsive,route;@property --slab-line{syntax:"<color>";inherits:true;initial-value:#98a0aa}@property --slab-glow{syntax:"<color>";inherits:true;initial-value:#00d0bf00}