.articles-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page-articles{height:100svh;overflow:hidden}.articles-console{position:relative;display:grid;place-items:center;height:100svh;padding:84px clamp(12px,2.5vw,40px) 12px;overflow:hidden;background:#101715;isolation:isolate}.articles-console:before{content:"";position:absolute;z-index:-1;top:72px;right:0;bottom:0;left:0;opacity:.4;background-image:linear-gradient(rgba(139,197,182,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(139,197,182,.09) 1px,transparent 1px);background-size:44px 44px;pointer-events:none}.articles-console:after{content:"";position:absolute;z-index:-1;left:0;right:0;bottom:0;height:15%;background:linear-gradient(0deg,rgba(4,10,9,.65),transparent);pointer-events:none}.articles-rig{--screen-accent: #8fd9cf;width:min(100%,1480px);max-height:100%;display:grid;grid-template-columns:minmax(0,1fr) clamp(150px,15vw,220px);align-items:end;gap:clamp(14px,2.5vw,38px)}.articles-rig[data-scene=assembly]{--screen-accent: #c6ff55}.articles-rig[data-scene=frida]{--screen-accent: #ff7892}.articles-rig[data-scene=pwn]{--screen-accent: #ffc857}.article-monitor{min-width:0;display:flex;flex-direction:column;align-items:center}.article-monitor__head{width:min(100%,1180px,calc(131svh - 156px));aspect-ratio:1.62;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 30px;padding:clamp(7px,1vw,12px) clamp(7px,1vw,12px) 0;border:2px solid #61716c;border-bottom-color:#2d3734;border-radius:8px 8px 5px 5px;background:linear-gradient(135deg,#303c39,#101817 24%,#212e2a 78%,#111918);box-shadow:0 24px 42px #0000006b,inset 0 1px #fff3,inset 0 -3px 9px #0000007a}.article-monitor__chin{display:flex;align-items:center;justify-content:center;gap:10px;color:#bdc9c0;font:700 .62rem var(--mono)}.article-monitor__chin i{width:5px;height:5px;border-radius:50%;background:#c6ff55;box-shadow:0 0 8px #c6ff55cc}.article-monitor__neck{width:16%;height:clamp(22px,5svh,48px);background:linear-gradient(90deg,#202a27,#43534d 47%,#1a2421);box-shadow:8px 2px 10px #00000040}.article-monitor__foot{width:36%;height:clamp(10px,1.8svh,18px);border:1px solid #5a6862;border-radius:5px 5px 3px 3px;background:linear-gradient(180deg,#52615a,#26332e 42%,#111917);box-shadow:0 9px 13px #00000061}.article-screen{--screen-accent: #8fd9cf;position:relative;min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid #40534c;border-radius:3px;background:#06100e;color:#edf4ee;box-shadow:inset 0 0 38px #000000b3,0 0 0 1px #08110f;cursor:pointer}.article-screen[data-scene=assembly]{--screen-accent: #c6ff55}.article-screen[data-scene=frida]{--screen-accent: #ff7892}.article-screen[data-scene=pwn]{--screen-accent: #ffc857}.article-screen__grain{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(216,244,227,.035) 3px 4px);opacity:.68;pointer-events:none}.article-screen__topline,.article-screen__bottomline{position:relative;z-index:3;display:flex;align-items:center;gap:12px;padding-inline:clamp(14px,2.3vw,32px);font:700 .64rem var(--mono)}.article-screen__topline{justify-content:space-between;min-height:46px;border-bottom:1px solid rgba(143,217,207,.21);color:#9cb8ad}.article-screen__status{color:var(--screen-accent);white-space:nowrap}.article-screen__status:before{content:"";display:inline-block;width:5px;height:5px;margin-right:8px;border-radius:50%;background:currentColor;box-shadow:0 0 8px currentColor;vertical-align:middle}.article-screen__content{position:relative;z-index:2;min-height:0;overflow:hidden}.article-scene{position:relative;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(22px,4.5vw,66px);overflow:hidden}.article-scene[hidden]{display:none}.article-scene__index{position:relative;z-index:1;color:var(--screen-accent);font:700 .73rem var(--mono)}.article-scene h2{position:relative;z-index:1;max-width:72%;margin:18px 0;font-size:3.25rem;font-weight:750;line-height:1.12;overflow-wrap:anywhere}.article-scene--start h2{font-size:3.65rem}.article-scene p{position:relative;z-index:1;max-width:54ch;margin:0;color:#bdcec3;font-size:1.05rem;line-height:1.72}.article-scene__read{position:relative;z-index:2;display:inline-flex;align-items:center;gap:24px;margin-top:27px;padding:0 0 8px;border-bottom:1px solid var(--screen-accent);color:var(--screen-accent);font:700 .78rem var(--mono)}.article-scene__read:hover,.article-scene__read:focus-visible{color:#fff;border-color:#fff;outline:0}.article-scene__trace{position:absolute;right:6%;top:50%;max-width:35%;margin:0;color:var(--screen-accent);font:700 .88rem/2 var(--mono);opacity:.22;transform:translateY(-50%);white-space:pre;pointer-events:none}.article-scene__fallback{position:absolute;right:8%;bottom:6%;display:flex;gap:12px;flex-wrap:wrap;font-size:.75rem}.article-scene__fallback a{color:#c6ff55;text-decoration:underline}.article-screen__bottomline{justify-content:space-between;min-height:60px;border-top:1px solid rgba(143,217,207,.21);background:#081612bf}.article-screen__counter{min-width:62px;color:#a4b5aa;white-space:nowrap}.article-screen__steps{display:flex;gap:7px;align-items:center}.article-screen__steps button{width:26px;height:8px;padding:0;border:1px solid #53665c;border-radius:0;background:#17261f;cursor:pointer}.article-screen__steps button.is-current{border-color:var(--screen-accent);background:var(--screen-accent);box-shadow:0 0 10px var(--screen-accent)}.article-screen__actions{display:flex;gap:8px}.article-screen__actions button{width:34px;height:34px;padding:0;border:1px solid #5d776b;border-radius:2px;background:#10221b;color:#edf4ee;font-size:1.15rem;line-height:1;cursor:pointer}.article-screen__actions button:hover:not(:disabled),.article-screen__actions button:focus-visible:not(:disabled){border-color:var(--screen-accent);color:var(--screen-accent);outline:0}.article-screen__actions button:disabled{opacity:.35;cursor:default}.article-screen__steps button:focus-visible,.article-scene__read:focus-visible{outline:2px solid #fff;outline-offset:3px}.article-keyboard{width:min(94%,1050px);height:clamp(60px,10svh,100px);display:flex;flex-direction:column;gap:3px;margin-top:clamp(12px,2svh,22px);padding:8px 12px 10px;border:1px solid #56645e;border-bottom-width:4px;border-radius:5px;background:linear-gradient(180deg,#3a4740,#202b26);box-shadow:0 13px 18px #0006}.article-keyboard__row{flex:1;min-height:0;display:flex;justify-content:center;gap:3px}.article-keyboard kbd{flex:1;min-width:0;display:grid;place-items:center;overflow:hidden;border:1px solid #25312b;border-bottom-color:#0c1711;border-radius:2px;background:#111b17;color:#879a8e;font:600 .5rem var(--mono);box-shadow:inset 0 1px #ffffff1f}.article-keyboard__row kbd:first-child,.article-keyboard__row kbd:last-child{flex:1.35}.article-keyboard kbd.article-keyboard__space{flex:3.4;color:#b5d1bc}.articles-rig.is-hacking .article-keyboard kbd:nth-child(3n){color:var(--screen-accent);box-shadow:inset 0 1px #ffffff1f,0 0 7px #c6ff5540}.article-tower{height:min(68svh,650px);min-height:230px;display:grid;grid-template-rows:48px minmax(0,1fr) 56px;padding:8px;border:2px solid #526159;border-right-color:#202b26;border-bottom-color:#1b2520;border-radius:7px;background:linear-gradient(90deg,#26322b,#131e19 26%,#293830 90%,#0d1511);box-shadow:17px 22px 32px #00000061,inset 1px 0 #ffffff1a}.article-tower__top,.article-tower__base{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:0 10px;color:#a7bbac;font:700 .58rem var(--mono)}.article-tower__top{border-bottom:1px solid #3d5346}.article-tower__top i{width:15px;height:15px;border:1px solid #607b67;border-radius:50%;background:#21362b;box-shadow:inset 0 0 0 3px #0b1d13}.article-tower__window{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;gap:8px;min-height:0;overflow:hidden;border:1px solid #385346;background:repeating-linear-gradient(90deg,rgba(143,217,207,.045) 0 1px,transparent 1px 14px),#0a1713;box-shadow:inset 0 0 22px #020b07}.article-tower__fan{position:relative;flex:0 1 auto;width:min(73%,114px);aspect-ratio:1;border:2px solid #315747;border-radius:50%;background:#13251e;box-shadow:0 0 13px #37b78347,inset 0 0 12px #000000a6}.article-tower__fan:before{content:"";position:absolute;top:12%;right:12%;bottom:12%;left:12%;border-radius:50%;background:repeating-conic-gradient(from 10deg,#4bb38ae0,#4bb38ae0 24deg,#081f16e6 25deg,#081f16e6 60deg);animation:article-fan-spin 7s linear infinite}.article-tower__fan:after{content:"";position:absolute;top:41%;right:41%;bottom:41%;left:41%;border:2px solid #5fc89a;border-radius:50%;background:#081a12;box-shadow:0 0 10px #5fc89a8c}.article-tower__window svg{width:52px;height:52px;opacity:.65}.article-tower__circuit{position:absolute;z-index:0;inset:0 auto 0 15%;width:1px;background:linear-gradient(transparent,var(--screen-accent),transparent);opacity:.5}.article-tower__base{justify-content:flex-start;border-top:1px solid #3d5346}.article-tower__base span{flex:1}.article-tower__base i{width:5px;height:5px;border-radius:50%;background:#4e6856}.article-tower__base i:first-of-type{background:var(--screen-accent);box-shadow:0 0 9px var(--screen-accent)}.articles-rig.is-hacking .article-tower__fan:before{animation-duration:.65s}.articles-rig.is-hacking .article-tower__base i{background:var(--screen-accent);animation:article-led .18s steps(2) infinite alternate}.article-breach{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;visibility:hidden;overflow:hidden;pointer-events:none}.article-screen.is-hacking .article-breach{visibility:visible}.article-breach>span{position:absolute;display:block;opacity:0}.article-breach__scan{left:0;right:0;top:-32%;height:32%;background:linear-gradient(0deg,transparent,rgba(198,255,85,.18) 35%,rgba(198,255,85,.95) 52%,rgba(9,23,16,.92) 54%,transparent);box-shadow:0 0 30px #c6ff5566}.article-screen[data-effect=scan].is-hacking .article-breach__scan{opacity:1;animation:article-hack-scan .86s ease-in-out both}.article-breach__split{top:0;right:0;bottom:0;left:0}.article-breach__split:before,.article-breach__split:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#1e3730}.article-breach__split:before{clip-path:polygon(0 0,100% 0,100% 42%,85% 53%,70% 35%,54% 61%,38% 39%,23% 66%,0 44%)}.article-breach__split:after{clip-path:polygon(0 48%,18% 70%,35% 43%,52% 66%,69% 40%,86% 58%,100% 45%,100% 100%,0 100%)}.article-screen[data-effect=split].is-hacking .article-breach__split{opacity:1}.article-screen[data-effect=split].is-hacking .article-breach__split:before{animation:article-hack-split-top .86s ease-in both}.article-screen[data-effect=split].is-hacking .article-breach__split:after{animation:article-hack-split-bottom .86s ease-in both}.article-breach__signal{top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,rgba(255,79,123,.52) 0 3px,transparent 3px 26px,rgba(44,229,211,.48) 26px 31px,transparent 31px 54px),repeating-linear-gradient(0deg,#06100e 0,#06100e 14px,#b7e6d8 14px,#b7e6d8 16px,#06100e 16px,#06100e 30px)}.article-screen[data-effect=signal].is-hacking .article-breach__signal{opacity:1;animation:article-hack-signal .86s steps(6) both}.article-breach__reboot{top:0;right:0;bottom:0;left:0;background:#c6ff55}.article-screen[data-effect=reboot].is-hacking .article-breach__reboot{opacity:1;animation:article-hack-reboot .86s steps(1) both}.article-screen.is-hacking .article-screen__content{animation:article-content-flicker .86s steps(1) both}@keyframes article-fan-spin{to{transform:rotate(360deg)}}@keyframes article-led{to{opacity:.18}}@keyframes article-content-flicker{0%,27%{opacity:1}32%,57%{opacity:0}62%{opacity:1}68%{opacity:.3}74%,to{opacity:1}}@keyframes article-hack-scan{0%{transform:translateY(0)}70%,to{transform:translateY(420%)}}@keyframes article-hack-split-top{0%,18%{transform:translate(0)}67%,to{transform:translate(-14%,-65%)}}@keyframes article-hack-split-bottom{0%,18%{transform:translate(0)}67%,to{transform:translate(15%,67%)}}@keyframes article-hack-signal{0%,17%{transform:translate(-30%);clip-path:inset(5% 0 67% 0)}18%,39%{transform:translate(18%);clip-path:inset(39% 0 36% 0)}40%,66%{transform:translate(-12%);clip-path:inset(66% 0 8% 0)}67%,to{transform:translate(0);clip-path:inset(0);opacity:0}}@keyframes article-hack-reboot{0%,25%{clip-path:inset(0);background:#06100e}32%,56%{clip-path:inset(49% 0 49% 0);background:#c6ff55}66%,to{clip-path:inset(0);opacity:0}}html[data-theme=light] .articles-console{background:#dce6df}html[data-theme=light] .articles-console:before{opacity:.6}@media (max-width: 1040px){.articles-console{padding-top:74px}.articles-console:before{top:64px}.articles-rig{grid-template-columns:minmax(0,1fr) clamp(90px,13vw,140px);gap:14px}.article-scene h2{max-width:100%;font-size:2.5rem}.article-scene--start h2{font-size:2.75rem}.article-scene__trace{display:none}.article-tower__fan{width:min(78%,88px)}}@media (max-width: 700px){.articles-console{padding-inline:10px}.articles-rig{grid-template-columns:minmax(0,1fr) 58px;gap:8px}.article-monitor__head{width:100%;height:min(58svh,380px);aspect-ratio:auto;grid-template-rows:minmax(0,1fr) 23px;padding:6px 6px 0}.article-monitor__chin{font-size:.49rem}.article-monitor__neck{height:20px}.article-monitor__foot{height:9px}.article-keyboard{width:98%;height:57px;margin-top:9px;padding:5px 6px 7px;gap:2px}.article-keyboard__row{gap:2px}.article-keyboard kbd{font-size:.36rem}.article-screen__topline{min-height:27px}.article-screen__bottomline{min-height:42px}.article-screen__topline,.article-screen__bottomline{gap:5px;padding-inline:9px;font-size:.5rem}.article-screen__status:before{width:4px;height:4px;margin-right:4px}.article-scene{padding:14px}.article-scene__index{font-size:.58rem}.article-scene h2,.article-scene--start h2{max-width:100%;margin:11px 0;font-size:1.75rem;line-height:1.13}.article-scene p{font-size:.83rem;line-height:1.48}.article-scene__read{margin-top:14px;padding-bottom:4px;font-size:.66rem}.article-screen__counter{min-width:43px}.article-screen__steps{gap:4px}.article-screen__steps button{width:11px;height:6px}.article-screen__actions{gap:3px}.article-screen__actions button{width:25px;height:25px;font-size:.92rem}.article-tower{height:min(53svh,350px);min-height:190px;grid-template-rows:24px minmax(0,1fr) 28px;padding:4px}.article-tower__top,.article-tower__base{justify-content:center;padding:0}.article-tower__top span,.article-tower__base span,.article-tower__window svg{display:none}.article-tower__top i{width:10px;height:10px}.article-tower__fan{width:min(80%,42px)}.article-tower__base i{width:3px;height:3px}.article-tower__circuit{left:9%}}@media (max-width: 390px){.articles-rig{grid-template-columns:minmax(0,1fr) 48px;gap:6px}.article-scene h2,.article-scene--start h2{font-size:1.55rem}.article-scene p{font-size:.77rem}.article-screen__topline,.article-screen__bottomline{font-size:.45rem}.article-tower__fan{width:min(82%,34px)}}@media (max-width: 340px){.article-scene{padding:10px 12px}.article-scene h2,.article-scene--start h2{margin:8px 0;font-size:1.45rem}.article-scene p{font-size:.75rem;line-height:1.42}.article-scene__read{margin-top:8px}}@media (max-height: 600px) and (min-width: 701px){.article-monitor__neck{height:18px}.article-monitor__foot{height:9px}.article-keyboard{height:55px;margin-top:9px}.article-screen__topline{min-height:32px}.article-screen__bottomline{min-height:42px}.article-scene{padding:18px 28px}.article-scene h2,.article-scene--start h2{margin:10px 0;font-size:2rem}.article-scene p{font-size:.86rem}.article-scene__read{margin-top:10px}}@media (max-height: 520px) and (max-width: 700px){.article-monitor__head{height:min(65svh,312px)}.article-monitor__neck{height:16px}.article-monitor__foot{height:7px}.article-keyboard{height:48px;margin-top:6px}.article-scene__index{line-height:1.1}.article-scene h2{margin-block:5px}.article-scene__read{margin-top:4px;padding-bottom:2px}}@media (prefers-reduced-motion: reduce){.article-tower__fan:before,.articles-rig.is-hacking .article-tower__base i{animation:none}.article-breach{display:none}}
