/* Error pages (404.php) */
.err{position:relative;overflow:hidden;isolation:isolate;padding-block:72px 90px;background:var(--ink);color:var(--on-ink)}
.err .hero__net{opacity:.7}
.err__grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.err__title{margin:0;font-size:44px;line-height:1.4;font-weight:900;color:#fff}
.err__lead{margin:14px 0 0;max-width:560px;font-size:17px;line-height:2;color:var(--on-ink-2)}
.err__search{display:flex;align-items:center;gap:8px;max-width:560px;margin-top:26px;padding:6px;padding-inline-start:16px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:var(--on-ink-2)}
.err__search input{flex:1;min-width:0;min-height:46px;border:0;background:transparent;color:#fff;font:inherit;font-weight:600;outline:0}
.err__search input::placeholder{color:var(--on-ink-2)}
.err__search .btn{border-radius:999px}
.err .page-hero__cta kbd{margin-inline-start:6px;padding:1px 6px;border-radius:6px;background:rgba(255,255,255,.12);font-family:var(--font-lat);font-size:11px}
.err__art svg{display:block;width:100%;max-width:520px;margin-inline:auto;overflow:visible;direction:ltr}
.err__digits text{font-family:var(--font-lat);font-size:190px;font-weight:800;fill:rgba(255,255,255,.92);text-anchor:middle}
.err__radar{fill:none;stroke:rgba(243,188,0,.22);stroke-width:1.5;stroke-dasharray:4 7}
.err__sweep{fill:rgba(243,188,0,.14);transform-origin:240px 165px}
.err__orb{fill:url(#none);fill:#1d3a7a;stroke:rgba(255,255,255,.18);stroke-width:2}
.err__ring{fill:none;stroke:#F3BC00;stroke-width:5;opacity:.85}
.err__crater{fill:rgba(255,255,255,.12)}
.err__sat{transform:translate(240px,165px)}
.err__sat-body rect{fill:#fff}
.err__sat-body .err__panel{fill:#F3BC00}
.err__beam{fill:rgba(243,188,0,.18)}
.err__stars circle{fill:#fff;opacity:.7}
.err [data-err-depth]{transition:translate .3s ease-out}
.has-motion .err__sweep{animation:ar-spin 4s linear infinite}
.has-motion .err__sat{animation:err-orbit 9s linear infinite}
.has-motion .err__sat-body{animation:err-tilt 9s linear infinite}
.has-motion .err__beam{animation:s-twinkle 1.8s ease-in-out infinite}
.has-motion .err__stars circle{animation:s-twinkle 2.6s ease-in-out infinite}
.has-motion .err__stars circle:nth-child(2n){animation-delay:-1.2s}
@keyframes err-orbit{from{transform:translate(240px,165px) rotate(0deg) translate(150px) rotate(0deg)}to{transform:translate(240px,165px) rotate(360deg) translate(150px) rotate(-360deg)}}
@keyframes err-tilt{50%{transform:rotate(14deg)}}
.err-guess__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.err-guess__item{display:flex;flex-direction:column;gap:6px;color:var(--text)}
.err-guess__item:hover{color:var(--text)}
.err-guess__item small{font-size:12px;font-weight:800;color:var(--gold-ink)}
.err-guess__item b{font-size:16px;line-height:1.8;color:var(--ink-text)}
.err-guess__item span{display:flex;align-items:center;gap:4px;margin-top:auto;font-size:13px;font-weight:800;color:var(--navy)}
.err-guess__item svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.2}
.err-links__grid{max-width:960px;margin-inline:auto}
@media (max-width:900px){.err__grid{grid-template-columns:minmax(0,1fr)}.err__art{order:-1}.err__art svg{max-width:360px}.err__title{font-size:32px}}
@media (pointer:coarse){.err kbd{display:none}}
@media (prefers-reduced-motion:reduce){.err *{animation:none!important}}
