.signal-architecture{width:100%;height:100%;min-height:320px;color:var(--ink);isolation:isolate;pointer-events:none;background:0 0;position:relative;overflow:hidden}.signal-architecture__field,.signal-architecture__structures,.signal-architecture__rings,.signal-architecture__trace,.signal-architecture__axis{position:absolute}.signal-architecture__field{z-index:0;opacity:.085;background:radial-gradient(circle,currentColor 0 1.05px,#0000 1.55px) 0 0/10px 10px;inset:-8%;-webkit-mask-image:radial-gradient(78% 72% at 58%,#000 0 24%,#000000b8 52%,#0003 76%,#0000 94%);mask-image:radial-gradient(78% 72% at 58%,#000 0 24%,#000000b8 52%,#0003 76%,#0000 94%)}.signal-architecture__structures{z-index:1;border-bottom:1px solid color-mix(in srgb, var(--ink) 18%, transparent);inset:8% 3% 7% 5%;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 9% 91%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 9% 91%,#0000 100%)}.signal-architecture__structures>i{bottom:0;left:var(--structure-x);width:var(--structure-width);height:var(--structure-height);background:radial-gradient(circle, color-mix(in srgb, var(--ink) calc(var(--structure-tone) * 100%), transparent) 0 1.75px, transparent 2.3px) 0 0 / 9px 9px;clip-path:polygon(0 10%,18% 10%,18% 0,82% 0,82% 6%,100% 6%,100% 100%,0 100%);position:absolute}.signal-architecture__structures>i.is-signal{background-image:radial-gradient(circle, color-mix(in srgb, var(--signal) 72%, transparent) 0 1.75px, transparent 2.3px)}.signal-architecture__rings{z-index:2;aspect-ratio:1;border:1px solid color-mix(in srgb, var(--ink) 17%, transparent);border-radius:50%;width:min(42%,390px);top:12%;left:56%}.signal-architecture__rings:before,.signal-architecture__rings:after{content:"";border-radius:50%;position:absolute}.signal-architecture__rings:before{border:1px solid color-mix(in srgb, var(--signal) 28%, transparent);inset:16%}.signal-architecture__rings:after{border:1px dashed color-mix(in srgb, var(--ink) 22%, transparent);inset:38%}.signal-architecture__rings>i{background:var(--signal);width:7px;height:7px;box-shadow:0 0 0 7px color-mix(in srgb, var(--signal) 10%, transparent);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.signal-architecture__rings>span{border-top:1px solid color-mix(in srgb, var(--ink) 13%, transparent);width:164%;position:absolute;top:50%;left:-32%}.signal-architecture__trace{z-index:4;inset:0 2%}.signal-architecture__trace>i{background:color-mix(in srgb, var(--ink) 72%, transparent);border-radius:50%;width:5px;height:5px;position:absolute;transform:translate(-50%,-50%)}.signal-architecture__trace>i.is-signal{background:var(--signal);animation:signal-architecture-pulse 3.6s ease-in-out var(--trace-delay) infinite}.signal-architecture__axis{z-index:3;border-left:1px dashed color-mix(in srgb, var(--ink) 20%, transparent);top:10%;bottom:8%;left:50%}.signal-architecture__axis>i{background:var(--paper);border:1px solid color-mix(in srgb, var(--ink) 58%, transparent);border-radius:50%;width:8px;height:8px;position:absolute;left:-4px}.signal-architecture__axis>i:first-child{top:8%}.signal-architecture__axis>i:nth-child(2){background:var(--signal);border-color:var(--signal);top:50%}.signal-architecture__axis>i:nth-child(3){bottom:8%}.signal-architecture--career .signal-architecture__field{opacity:.11}.signal-architecture--career .signal-architecture__structures{inset:7% 1% 6% 3%}.signal-architecture--career .signal-architecture__rings{width:min(48%,420px);left:52%}.signal-architecture--career .signal-architecture__axis{left:.31rem}html[data-theme=dark] .signal-architecture__field{opacity:.075}html[data-theme=dark] .signal-architecture__structures>i{background-image:radial-gradient(circle, color-mix(in srgb, var(--ink) calc(var(--structure-tone) * 72%), transparent) 0 1.75px, transparent 2.3px)}html[data-theme=dark] .signal-architecture__structures>i.is-signal{background-image:radial-gradient(circle, color-mix(in srgb, var(--signal) 76%, transparent) 0 1.75px, transparent 2.3px)}@keyframes signal-architecture-pulse{0%,to{opacity:.48;transform:translate(-50%,-50%)scale(.82)}48%,62%{opacity:1;transform:translate(-50%,-50%)scale(1.18)}}@media (width<=620px){.signal-architecture{min-height:280px}.signal-architecture__structures>i{background-size:8px 8px}.signal-architecture__trace>i{width:4px;height:4px}.signal-architecture__rings{width:52%;left:48%}}@media (prefers-reduced-motion:reduce){.signal-architecture__trace>i.is-signal{opacity:.86;animation:none}}