.e404{--red:#ff3b1f;--red-2:#d92a0f;--yellow:#ffd000;--cream:#fbf3e4;--ink:#111;--f-display:var(--font-anton),Impact,sans-serif;--f-body:var(--font-grotesk),system-ui,sans-serif;--f-mono:var(--font-smono),ui-monospace,monospace;background-color:var(--cream);min-height:640px;color:var(--ink);font-family:var(--f-body);background-image:radial-gradient(#11111112 1px,#0000 1.3px);background-size:9px 9px;grid-template-columns:1fr 600px;align-items:center;gap:40px;padding:40px 120px 60px 140px;display:grid;overflow:hidden}.e404 a{color:inherit;text-decoration:none}.e404 svg{display:block}.e404__k,.e404__more,.e404 .stk{font-family:var(--f-mono);text-transform:uppercase}.e404__k{letter-spacing:.2em;color:var(--red-2);margin:0 0 14px;font-size:12px}.e404 h1{font:900 132px/.92 var(--font-intertight),var(--f-body);letter-spacing:-.055em;margin:0}.e404 h1 em{color:var(--red);font-style:normal}.e404__p{max-width:470px;font:400 18px/1.55 var(--f-body);margin:22px 0 0}.e404__cta{flex-wrap:wrap;gap:14px;margin-top:30px;display:flex}.e404__cta a{border:3px solid var(--ink);height:58px;box-shadow:4px 4px 0 var(--ink);border-radius:10px;align-items:center;gap:9px;padding:0 24px;display:inline-flex}.e404__cta .b1{background:var(--red-2);color:var(--cream);font:400 24px var(--f-display);letter-spacing:.02em}.e404__cta .b1 svg{width:22px}.e404__cta .b2{font:700 16px var(--f-body);background:#fff}.e404__cta .b2 svg{width:18px}.e404__cta a:focus-visible,.e404__more a:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.e404__more{letter-spacing:.14em;margin-top:24px;font-size:12px}.e404__more a{text-underline-offset:4px;padding:12px 0;text-decoration:underline;display:inline-block}.e404__r{height:560px;position:relative}.e404 .lp{width:500px;height:500px;box-shadow:10px 10px 0 var(--yellow),inset 0 0 0 4px #000;background:repeating-radial-gradient(circle,#161616 0 2px,#050505 2px 5px);border-radius:50%;place-items:center;display:grid;position:absolute;top:30px;left:40px}.e404 .lp:after{content:"";background:conic-gradient(from 30deg,transparent 0 40deg,#ffffff14 50deg,transparent 70deg 220deg,#ffffff0f 235deg,transparent 250deg);border-radius:50%;position:absolute;inset:60px}.e404 .lp__lbl{z-index:1;background:var(--red);width:190px;height:190px;font:400 64px var(--f-display);color:var(--cream);letter-spacing:.02em;border:4px solid #000;border-radius:50%;place-items:center;display:grid;position:relative}.e404 .lp__lbl b{color:var(--yellow);font-weight:400}.e404 .arm{transform-origin:50% 20px;background:linear-gradient(90deg,#999,#ddd,#888);border:3px solid #111;border-radius:13px;width:26px;height:330px;position:absolute;top:0;right:20px;transform:rotate(22deg)}.e404 .arm:after{content:"";background:#111;border-radius:8px;width:52px;height:44px;position:absolute;bottom:-18px;left:-16px}.e404 .stk{background:var(--yellow);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);letter-spacing:.12em;padding:10px 14px;font-size:13px;line-height:1.5;position:absolute;bottom:20px;left:330px;transform:rotate(-4deg)}@media (prefers-reduced-motion:no-preference){.e404 .lp{animation:9s linear infinite e404spin}@keyframes e404spin{to{transform:rotate(360deg)}}}@media (max-width:1100px){.e404{grid-template-columns:1fr;min-height:0;padding:40px 24px 60px}}@media (max-width:767px){.e404{gap:24px;padding:32px 16px 48px}.e404 h1{font-size:68px}.e404__p{font-size:16px}.e404__cta a{height:54px}.e404__cta .b1{font-size:21px}.e404__r{max-width:340px;height:300px}.e404 .lp{width:260px;height:260px;top:10px;left:0}.e404 .lp:after{inset:30px}.e404 .lp__lbl{border-width:3px;width:100px;height:100px;font-size:34px}.e404 .arm{width:18px;height:180px;right:30px}.e404 .arm:after{width:36px;height:30px;bottom:-12px;left:-11px}.e404 .stk{font-size:11px;bottom:0;left:150px}}