:root{--red:#ec1932;--mint:#76f6cd;--paper:#f1eee9;--brass:#aa8b6c;--panel:#101113;--line:#3e3a3b}
*{box-sizing:border-box}
html{background:#060708;color:var(--paper);scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 76% 26%,#31121455,transparent 35%),linear-gradient(120deg,#070809 0 48%,#13090b 100%);font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
main{width:min(1240px,calc(100% - 48px));margin:auto;padding:76px 0 100px}
.labs-intro{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:18px 76px;margin-bottom:48px}.eyebrow{grid-column:1/-1;color:var(--red);text-transform:uppercase;letter-spacing:.2em;font:700 8px/1 Consolas,monospace}.labs-intro h1{margin:0;text-transform:uppercase;font:900 clamp(72px,10vw,142px)/.84 "Arial Narrow",Impact,Arial,sans-serif;letter-spacing:-.045em}.labs-intro p{max-width:505px;margin:0 0 5px;padding-left:20px;color:#c8c9cb;border-left:3px solid #4f5155;font-size:17px;line-height:1.58}
.experiment-bank{border:1px solid #4a3b31;background:#0b0c0ed9;box-shadow:0 20px 45px #0009,inset 0 0 0 5px #080708,inset 0 0 0 6px #614a38}.bank-heading{display:flex;justify-content:space-between;align-items:end;padding:24px 27px 20px;border-bottom:1px solid #4a3b31;background:linear-gradient(100deg,#231713,#0a0b0d 45%)}.bank-heading span{display:block;margin-bottom:7px;color:var(--red);letter-spacing:.17em;font:700 7px/1 Consolas,monospace}.bank-heading h2{margin:0;text-transform:uppercase;font:900 32px/1 "Arial Narrow",Impact,Arial,sans-serif}.bank-heading strong{color:var(--mint);text-shadow:0 0 7px #39c799;letter-spacing:.13em;font:700 9px/1 Consolas,monospace}
.experiment-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#49382f}.experiment-card{display:grid;grid-template-rows:270px 1fr;min-width:0;background:#0b0c0e}.experiment-screen{position:relative;overflow:hidden;margin:18px 18px 0;border:1px solid #80684f;border-radius:4px;background:#010504;box-shadow:inset 0 0 0 5px #080605,inset 0 0 45px #000,0 1px #d1b28c4a}.experiment-screen::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0000 0 3px,#0004 3px 4px),radial-gradient(circle,transparent 42%,#000a);pointer-events:none}.experiment-screen em{position:absolute;right:14px;bottom:12px;z-index:2;color:var(--mint);text-shadow:0 0 7px #39c799;letter-spacing:.13em;font:normal 700 7px/1 Consolas,monospace}
.vector-field{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,#0a2821,#010504 70%)}.vector-field i{position:absolute;width:52px;height:45px;border:2px solid #75eac6;filter:drop-shadow(0 0 5px #3ed6ab);clip-path:polygon(50% 0,90% 16%,100% 60%,67% 100%,21% 87%,0 43%,17% 10%)}.vector-field i:nth-child(1){left:12%;top:23%;transform:rotate(18deg)}.vector-field i:nth-child(2){right:14%;top:17%;width:34px;height:31px;transform:rotate(-30deg)}.vector-field i:nth-child(3){right:24%;bottom:17%;width:68px;height:59px;transform:rotate(42deg)}.vector-field b{position:absolute;left:48%;top:50%;width:36px;height:25px;border:2px solid #fff;filter:drop-shadow(0 0 5px #fff);clip-path:polygon(100% 50%,0 0,25% 50%,0 100%)}.vector-field span{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff}.vector-field span:nth-of-type(1){left:58%;top:48%}.vector-field span:nth-of-type(2){left:66%;top:44%}.vector-field span:nth-of-type(3){left:73%;top:40%}
.road-field{position:absolute;inset:0;background:#3e6ca1}.road-field::before,.road-field::after{content:"";position:absolute;right:0;left:0;height:36px;background:#d4b453;border-block:3px solid #f3e9b1}.road-field::before{top:0}.road-field::after{bottom:0}.road-field i{position:absolute;right:0;left:0;height:1px;background:#d9e1e8;box-shadow:0 20px #d9e1e8}.road-field i:nth-child(1){top:24%}.road-field i:nth-child(2){top:43%}.road-field i:nth-child(3){top:62%}.road-field i:nth-child(4){top:81%}.road-field b{position:absolute;left:47%;bottom:39px;width:23px;height:25px;background:#efe8d3;clip-path:polygon(48% 0,70% 27%,100% 38%,82% 63%,87% 100%,55% 84%,26% 100%,22% 65%,0 43%,31% 26%);filter:drop-shadow(0 0 5px #fff)}.road-field span{position:absolute;width:85px;height:20px;border-radius:4px;background:#ec1932;box-shadow:inset 0 -5px #8b1020,0 0 6px #000}.road-field span:nth-of-type(1){left:11%;top:30%}.road-field span:nth-of-type(2){right:8%;top:68%;background:#f0ca57;box-shadow:inset 0 -5px #9b7221,0 0 6px #000}
.experiment-copy{padding:25px 28px 30px}.experiment-copy>span{color:var(--red);letter-spacing:.17em;font:700 7px/1 Consolas,monospace}.experiment-copy h3{margin:11px 0 15px;text-transform:uppercase;font:900 clamp(38px,4vw,58px)/.82 "Arial Narrow",Impact,Arial,sans-serif;letter-spacing:-.025em}.experiment-copy p{min-height:78px;margin:0;color:#bfc0c3;font-size:14px;line-height:1.55}.experiment-copy dl{display:grid;grid-template-columns:1fr 1fr;margin:22px 0;border-block:1px solid #302a28}.experiment-copy dl div{padding:13px 0}.experiment-copy dl div+div{padding-left:18px;border-left:1px solid #302a28}.experiment-copy dt{margin-bottom:6px;color:#77716d;text-transform:uppercase;letter-spacing:.12em;font:700 6px/1 Consolas,monospace}.experiment-copy dd{margin:0;color:#e5dfd8;text-transform:uppercase;font:700 10px/1 Consolas,monospace}.experiment-copy>a{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;color:#fff;border:1px solid #5d4b40;background:linear-gradient(#382b28,#171312 55%,#0c0909);text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font:700 9px/1 Consolas,monospace}.experiment-copy>a:hover,.experiment-copy>a:focus-visible{border-color:var(--red);box-shadow:inset 4px 0 var(--red)}.experiment-copy>a b{color:var(--red);font-size:15px}
@media(max-width:900px){.labs-intro{grid-template-columns:1fr;gap:28px}.experiment-grid{grid-template-columns:1fr}.experiment-screen{height:270px}.experiment-copy p{min-height:0}}
@media(max-width:520px){main{width:calc(100% - 24px);padding-top:46px}.labs-intro h1{font-size:84px}.labs-intro p{font-size:15px}.bank-heading{align-items:flex-start;flex-direction:column;gap:15px}.experiment-card{grid-template-rows:210px 1fr}.experiment-screen{height:auto}.experiment-copy{padding:22px 19px 25px}.experiment-copy h3{font-size:43px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}