*{box-sizing:border-box}body{margin:0;background:#080b0d;color:#e9f0ef;font-family:"Arial Narrow",Arial,"Yu Gothic",sans-serif}a{color:inherit}.fiction{padding:7px 20px;background:#d8ddd9;color:#080b0d;font:10px monospace}.fiction a{float:right}.machine-head{height:86px;display:grid;grid-template-columns:180px 1fr auto;align-items:center;padding:0 3vw;border-bottom:1px solid #354044;font-family:monospace}.machine-head>b{font:800 18px/.8 Arial}.machine-head>div{display:flex;gap:10px}.machine-head span{padding:8px 12px;border:1px solid #354044;font-size:10px}.machine-head i,.green{color:#62e4ca;font-style:normal}.machine-head time{font-size:11px}.machine-hero{min-height:760px;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;padding:6vw;background:linear-gradient(90deg,#080b0df2 0 42%,transparent 78%),url("../images/showcase-manufacturing-hero.png") center/cover}.hero-copy h1{font-size:clamp(64px,10vw,148px);line-height:.86;letter-spacing:-.07em;margin:.2em 0;font-weight:300}.hero-copy p{max-width:590px}.hero-copy small{font-family:monospace;color:#62e4ca}.readout{justify-self:end;display:grid;min-width:300px;border:1px solid #62e4ca;background:#08100edb}.readout>*{padding:13px 18px;border-bottom:1px solid #2b625a;font-family:monospace}.readout i{color:#62e4ca}.matrix{padding:90px 4vw;background:#e8e7e0;color:#282b2b}.matrix header{display:flex;justify-content:space-between;align-items:end}.matrix h2{font-size:clamp(40px,6vw,80px);font-weight:300;margin:.2em 0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:45px;font-family:monospace}th,td{padding:20px 12px;text-align:left;border-block:1px solid #777}th{font-size:10px}td:first-child{font:700 19px Arial}.inspection{display:grid;grid-template-columns:1fr 1fr;min-height:760px}.specimen{position:relative;background:radial-gradient(circle at center,#5e6868 0 17%,#1a2023 18% 27%,#091013 28% 48%,#62e4ca 49% 49.5%,#080b0d 50%)}.specimen span{position:absolute;font:12px monospace;color:#62e4ca}.specimen span:nth-child(1){top:20%;left:22%}.specimen span:nth-child(2){top:65%;left:72%}.specimen span:nth-child(3){top:48%;left:48%}.inspection article{align-self:center;padding:8vw 6vw}.inspection h2{font-size:clamp(42px,6vw,78px);line-height:1;letter-spacing:-.05em;font-weight:300}.gauges{display:grid;grid-template-columns:1fr 120px;gap:12px;margin:50px 0}.gauges meter{width:100%;height:20px}.trace{background:#13181b}.trace header{display:flex;justify-content:space-between;padding:20px 3vw;border-bottom:1px solid #354044;font:11px monospace}.trace ol{margin:0;padding:0;list-style:none}.trace li{display:grid;grid-template-columns:120px 1fr 1fr;padding:32px 4vw;border-bottom:1px solid #354044}.trace time{color:#62e4ca;font-family:monospace}.trace span{font-family:monospace;font-size:11px}.factory-terminal{padding:70px 5vw;background:#050708;font-family:Consolas,monospace}.factory-terminal nav{display:flex;border-bottom:1px solid #62e4ca}.factory-terminal nav button{padding:14px 22px;border:0;background:transparent;color:#9da8a5;font-family:inherit}.factory-terminal nav button.active{background:#62e4ca;color:#050708}.panel{display:none;min-height:380px;padding:50px 0}.panel.active{display:block}.panel h2{font-size:30px;color:#62e4ca}.panel p{padding:14px;border-bottom:1px dotted #354044}.amber{color:#ffbf4b}.panel label{display:block;margin:18px 0}.panel input,.panel select{margin-left:20px;padding:10px;background:#111;color:#fff;border:1px solid #62e4ca}.panel button{padding:12px 20px;background:#62e4ca;border:0}.factory-terminal footer{border-top:1px solid;padding:15px 0;font-size:10px}@media(max-width:760px){.machine-head{grid-template-columns:1fr auto}.machine-head>div{display:none}.machine-hero{display:block;min-height:720px;padding:80px 20px 30px}.hero-copy h1{font-size:68px}.readout{margin-top:90px;min-width:0}.matrix{padding:70px 20px}.matrix header{display:block}.inspection{grid-template-columns:1fr;min-height:0}.specimen{min-height:500px}.inspection article{padding:70px 22px}.trace li{grid-template-columns:70px 1fr}.trace li span{grid-column:2}.factory-terminal{padding:60px 18px}.factory-terminal nav{overflow:auto}.factory-terminal nav button{white-space:nowrap}.panel h2{font-size:22px}}
