@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=IBM+Plex+Mono:wght@400;600&display=swap');
:root{--ink:#090b13;--paper:#e8e5d8;--acid:#c9ff18;--hot:#ff3d9a;--cyan:#16e8ff;--violet:#5344ff;--line:#17192a;--mono:'IBM Plex Mono',monospace;--display:'Archivo Black',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--mono);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.skip{position:fixed;top:-5rem;left:1rem;z-index:99;background:var(--acid);padding:1rem;color:var(--ink)}.skip:focus{top:1rem}header{height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:3px solid var(--ink);padding:0 3vw;position:relative;z-index:5}.logo{display:inline-flex;align-items:stretch;text-decoration:none;color:inherit;width:max-content;transform:skew(-5deg)}.logo span{font:1.45rem var(--display);background:var(--ink);color:white;padding:.45rem .6rem}.logo b{font-size:.85rem;background:var(--hot);color:var(--ink);padding:.65rem .45rem}header nav{display:flex;gap:2rem}header nav a,.lang a{color:inherit;font-weight:600;text-decoration-thickness:2px;text-underline-offset:4px}.lang{justify-self:end}.lang i{font-style:normal;margin:.35rem}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;background:var(--ink);color:white;border-bottom:3px solid var(--ink)}.hero-copy{padding:7vw 4vw}.eyebrow{font-weight:600;letter-spacing:.09em;font-size:.77rem}.hero .eyebrow{color:var(--acid)}h1,h2,h3{font-family:var(--display);text-transform:uppercase;margin:.2em 0;line-height:.95}h1{font-size:clamp(3.5rem,8vw,8.5rem);letter-spacing:-.07em}h1 span{display:block}h1 span:nth-child(2){color:var(--hot);transform:translateX(4vw)}h1 span:nth-child(3){color:var(--cyan)}.hero-copy>p:not(.eyebrow){max-width:700px;font-size:1.05rem;line-height:1.7}.actions{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.button,form button,.resultbar button{font:600 .78rem var(--mono);border:2px solid currentColor;background:transparent;color:inherit;padding:.85rem 1.1rem;cursor:pointer;box-shadow:4px 4px 0 var(--cyan)}.button.hot{background:var(--acid);color:var(--ink);box-shadow:5px 5px 0 var(--hot)}button:hover,.button:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--hot)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid var(--cyan);outline-offset:3px}.machine{position:relative;min-height:560px;overflow:hidden;background:linear-gradient(145deg,var(--violet),#130f31 65%);clip-path:polygon(8% 0,100% 0,100% 100%,0 100%);padding:10%}.screen{border:6px ridge #8b8b9b;background:#07180e;color:#5aff6c;padding:1.4rem;box-shadow:inset 0 0 30px #35ff6a66,10px 10px 0 #000;font-size:.8rem}.screen strong{font:clamp(2rem,5vw,5rem) var(--display);display:block}.bars{height:110px;margin:1rem 0;background:repeating-linear-gradient(90deg,transparent 0 5%,#59ff6c 5% 6%),repeating-linear-gradient(0deg,#1a6628 0 3px,transparent 3px 12px);clip-path:polygon(0 65%,6% 45%,12% 70%,20% 10%,28% 80%,36% 38%,43% 59%,51% 4%,59% 73%,68% 35%,75% 88%,83% 20%,90% 55%,100% 40%,100% 100%,0 100%)}.disc{width:180px;aspect-ratio:1;border-radius:50%;border:25px dotted var(--hot);background:radial-gradient(circle,var(--cyan) 0 10%,#111 11% 30%,#333 31% 40%,#111 41%);margin:2rem auto;animation:spin 12s linear infinite}.keys{background:#aaa;color:#111;padding:1rem;box-shadow:8px 8px 0 var(--hot);text-align:center}@keyframes spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.disc{animation:none}}.ticker{display:flex;justify-content:space-around;gap:2rem;overflow:hidden;padding:1rem;background:var(--acid);border-bottom:3px solid;white-space:nowrap;font-size:.8rem}.section{padding:7rem 4vw;border-bottom:3px solid}.section h2{font-size:clamp(2.5rem,6vw,6rem);letter-spacing:-.05em}.context>div:first-child,.section-head,.method>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.scene-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:4rem;border:3px solid}.scene-grid article{padding:1.5rem;min-height:230px;border-right:3px solid}.scene-grid article:last-child{border:0}.scene-grid article:nth-child(1){background:var(--hot)}.scene-grid article:nth-child(2){background:var(--acid)}.scene-grid article:nth-child(3){background:var(--cyan)}.scene-grid article:nth-child(4){background:#aaa1ff}.scene-grid b{font-size:2rem}.archive{background:#b7b4aa}.section-head>p{line-height:1.7;max-width:650px}form{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:1rem;background:var(--ink);color:white;padding:1.5rem;margin:3rem 0 1rem}label span{display:block;font-size:.7rem;margin-bottom:.4rem;color:var(--acid)}input,select{width:100%;font:inherit;border:2px solid #fff;background:#171927;color:white;padding:.7rem;min-height:45px}form button{align-self:end;height:45px}.resultbar{display:flex;justify-content:space-between;align-items:center;border-block:2px solid}.resultbar button{box-shadow:none;padding:.5rem}.resultbar button[aria-pressed=true]{background:var(--hot)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:var(--ink);border:3px solid var(--ink)}.card{background:var(--paper);min-width:0}.art{aspect-ratio:4/3;position:relative;overflow:hidden;background:var(--c1)}.art:before,.art:after{content:"";position:absolute}.art:before{width:70%;height:70%;left:15%;top:15%;background:var(--c2);clip-path:var(--shape);transform:rotate(var(--rot))}.art:after{inset:0;background:repeating-linear-gradient(var(--angle),transparent 0 12px,var(--c3) 13px 16px);mix-blend-mode:difference}.art span{position:absolute;z-index:2;left:.7rem;top:.5rem;background:var(--ink);color:white;padding:.3rem}.card-body{padding:1.2rem}.card h3{font-size:1.5rem;overflow-wrap:anywhere}.meta{font-size:.75rem}.tags{display:flex;flex-wrap:wrap;gap:.3rem;margin:1rem 0}.tags i{font-style:normal;font-size:.65rem;border:1px solid;padding:.2rem}.open{font:600 .75rem var(--mono);background:var(--ink);color:white;border:0;padding:.7rem;cursor:pointer}.grid.list{grid-template-columns:1fr}.grid.list .card{display:grid;grid-template-columns:160px 1fr}.grid.list .art{aspect-ratio:auto;min-height:150px}.method{background:var(--cyan)}.method ol{counter-reset:item;list-style:none;margin:4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border:3px solid}.method li{padding:1.5rem;border-right:3px solid;min-height:220px}.method li:last-child{border:0}.method b{font-family:var(--display)}footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;padding:4rem 4vw;background:var(--ink);color:white}footer a{color:var(--acid)}dialog{width:min(1000px,92vw);max-height:88vh;padding:0;border:4px solid var(--ink);background:var(--paper);box-shadow:14px 14px 0 var(--hot)}dialog::backdrop{background:#090b13d9}.close{position:sticky;float:right;top:0;z-index:3;border:0;background:var(--hot);font-size:2rem;width:50px;height:50px;cursor:pointer}.dialog-layout{display:grid;grid-template-columns:38% 62%}.dialog-art{min-height:480px;background:var(--c1);position:relative;overflow:hidden}.dialog-art:after{content:"";position:absolute;inset:10%;border:35px dotted var(--c2);transform:rotate(var(--rot))}.dialog-main{padding:3rem}.dialog-main h2{font-size:clamp(2.5rem,6vw,5rem);overflow-wrap:anywhere}.evidence{border-left:8px solid var(--acid);padding:1rem;background:white}.dialog-main audio{width:100%;margin:1rem 0}.dialog-main a{color:#3524d5;font-weight:600}#toast{position:fixed;bottom:2rem;right:2rem;background:var(--acid);color:var(--ink);padding:1rem;z-index:50;transform:translateY(200%);transition:.2s}#toast.show{transform:none}
@media(max-width:980px){header{grid-template-columns:1fr auto}header nav{display:none}.hero{grid-template-columns:1fr}.machine{clip-path:none;min-height:500px}form{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}.scene-grid,.method ol{grid-template-columns:repeat(2,1fr)}.scene-grid article,.method li{border-bottom:3px solid}.dialog-layout{grid-template-columns:1fr}.dialog-art{min-height:280px}.context>div:first-child,.section-head,.method>div:first-child{grid-template-columns:1fr}}
@media(max-width:600px){header{height:68px;padding:0 1rem}.hero-copy{padding:5rem 1rem}.hero{min-height:0}.machine{min-height:420px;padding:2.5rem 1.2rem}.disc{width:130px}.ticker{justify-content:flex-start;overflow-x:auto}.section{padding:5rem 1rem}.scene-grid,.method ol,.grid,form{grid-template-columns:1fr}.scene-grid article,.method li{border-right:0}.grid.list .card{grid-template-columns:100px 1fr}.grid.list .art{min-height:130px}.resultbar{align-items:flex-start;gap:1rem}.dialog-main{padding:1.5rem}footer{grid-template-columns:1fr;padding:3rem 1rem}}