:root{--blue:#071b55;--yellow:#ffd329;--red:#df3e2c;--steel:#aeb6b9;--concrete:#d2d0c9;--black:#101319}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--blue);color:white;font-family:Arial,sans-serif;overflow-x:hidden}a,button{font:inherit}header{height:80px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#081644;border-bottom:4px solid var(--yellow);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;color:white;text-decoration:none;font:800 11px monospace;letter-spacing:.12em}.brand b{background:var(--yellow);color:var(--black);padding:12px;font-size:16px}nav{display:flex;gap:30px}nav a,header small{color:#aeb7d0;text-decoration:none;font:10px monospace;text-transform:uppercase;letter-spacing:.14em}.hero{min-height:calc(100vh - 80px);display:flex;align-items:center;background-image:linear-gradient(90deg,#071b55 0%,#071b55ee 38%,#071b5500 68%),url("../assets/images/nightworks-factory.png");background-size:cover;background-position:center}.hero-copy{margin-left:7vw;width:min(650px,86vw)}.hero-copy>p,.line-head p,.orders>p{color:var(--yellow);font:800 10px monospace;letter-spacing:.2em}.hero h1{font:900 clamp(60px,9vw,132px)/.74 Impact,Arial Narrow,sans-serif;letter-spacing:.015em;margin:24px 0}.hero h1 em{font-style:normal;color:var(--yellow)}.hero-copy>span{display:block;max-width:500px;line-height:1.65;color:#c4cbe0;font-size:17px}.hero a{display:inline-block;margin-top:25px;background:var(--red);color:white;padding:17px 23px;text-decoration:none;font:800 11px monospace;box-shadow:6px 6px 0 var(--yellow)}.line-section{padding:100px max(4vw,15px);background:var(--concrete);color:var(--black);background-image:repeating-linear-gradient(90deg,#00000008 0 1px,transparent 1px 24px)}.line-head{max-width:1180px;margin:auto;display:flex;justify-content:space-between;align-items:end}.line-head p{color:var(--red)}.line-head h2{font:900 clamp(40px,6vw,76px)/.9 Impact,Arial Narrow;margin:10px 0}.line-stats{display:flex;gap:8px}.line-stats span{background:var(--black);color:#aeb6b9;padding:12px;font:9px monospace}.line-stats b{display:block;color:var(--yellow);font-size:18px}.factory{max-width:1180px;margin:32px auto 0;border:8px solid var(--black);background:#222931}.order{padding:18px 22px;border-bottom:4px solid var(--yellow);display:flex;align-items:center;gap:30px}.order span{font:9px monospace;color:#aeb6b9}.order h3{font:900 25px Impact;margin:0;color:var(--yellow)}.order p{margin-left:auto;font:11px monospace;color:#bbc2c4}.belt{height:250px;position:relative;overflow:hidden;background:linear-gradient(#161b20 68%,#3c4549 68%)}.rollers{position:absolute;left:0;right:0;bottom:5px;height:72px;background:repeating-radial-gradient(circle at 35px 35px,#859095 0 22px,#20262a 23px 28px,transparent 29px 70px)}.canister{position:absolute;width:125px;height:150px;left:50%;bottom:58px;transform:translateX(-50%);border:8px solid #111;border-radius:5px;background:var(--can,#ffd329);display:grid;place-items:center;box-shadow:8px 8px 0 #0006;transition:.25s}.canister i{position:absolute;top:-18px;width:80%;height:20px;background:#111}.canister b{font:900 52px Arial Black;color:#111}.canister.enter{animation:enter .35s ease-out}@keyframes enter{from{transform:translateX(400%) rotate(8deg)}to{transform:translateX(-50%)}}.belt-light{position:absolute;left:50%;top:0;width:2px;height:80px;background:var(--yellow);box-shadow:0 0 40px 14px var(--yellow)}.bays{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:16px}.bays button{background:var(--blue);border:2px solid #667280;color:white;padding:17px;display:flex;justify-content:space-between;align-items:center;font:800 12px monospace}.bays button:hover{border-color:var(--yellow)}kbd{background:var(--yellow);color:#111;padding:7px;font:900 13px Arial}.dispatch{display:grid;grid-template-columns:1fr 180px;align-items:center;border-top:1px solid #697378;padding:15px}.dispatch p{font:11px monospace;color:#aeb6b9}.dispatch button{background:var(--red);color:white;border:0;padding:14px;font:900 10px monospace}.orders{padding:120px 7vw;background:var(--blue)}.orders h2{font:900 clamp(48px,7vw,92px)/.84 Impact,Arial Narrow}.orders>div{display:grid;grid-template-columns:repeat(3,1fr);border-top:3px solid var(--yellow)}.orders article{padding:30px;border-right:1px solid #ffffff2b}.orders article>b{font:900 50px Impact;color:var(--yellow)}.orders h3{font:800 18px monospace}.orders p{line-height:1.65;color:#b9c2da}footer{padding:38px 5vw;background:#070d20;color:#7e8aab;display:flex;justify-content:space-between;font:10px monospace}footer b{color:white}footer a{color:inherit}dialog{border:0;background:transparent;color:var(--black)}dialog::backdrop{background:#020718e8}dialog>div{width:min(500px,90vw);background:var(--yellow);border:8px solid var(--red);padding:50px;text-align:center}dialog h2{font:900 47px Impact}dialog button{background:var(--blue);color:white;border:0;padding:15px 24px;font-weight:bold}@media(max-width:740px){nav,header small{display:none}.hero{background-position:68% center}.hero-copy{margin-left:24px;width:calc(100vw - 48px);padding-top:220px}.hero h1{font-size:53px}.line-head{display:block}.line-stats{margin-top:18px}.order{display:block}.order p{margin:10px 0}.bays{grid-template-columns:1fr}.orders>div{grid-template-columns:1fr}footer{flex-direction:column;gap:14px}}