.e404{isolation:isolate;background:radial-gradient(120% 90% at 50% 0%, #0c0d16 0%, var(--void) 48%, var(--void-deep) 100%);color:var(--on-dark);min-height:100svh;padding:calc(var(--nav-h,4.5rem) + 4rem) var(--pad-x) clamp(3rem, 7vw, 6rem);align-items:center;display:grid;position:relative;overflow:hidden}.e404__grid{z-index:0;pointer-events:none;background-image:repeating-linear-gradient(90deg, color-mix(in oklch, var(--on-dark) 6%, transparent) 0 1px, transparent 1px 44px), repeating-linear-gradient(0deg, color-mix(in oklch, var(--on-dark) 6%, transparent) 0 1px, transparent 1px 44px);position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 40%,#000 30%,#0000 82%);mask-image:radial-gradient(120% 90% at 50% 40%,#000 30%,#0000 82%)}.e404__glow{z-index:0;pointer-events:none;aspect-ratio:1;background:radial-gradient(circle, color-mix(in oklch, var(--accent) 26%, transparent), transparent 62%);width:min(70vw,46rem);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.e404__inner{z-index:1;width:100%;position:relative}.e404__frame{--cut:20px;background:linear-gradient(150deg, color-mix(in oklch, var(--on-dark) 5%, var(--void)) 0%, var(--void-deep) 70%);max-width:58rem;box-shadow:inset 0 0 0 1px color-mix(in oklch, var(--on-dark) 12%, transparent), 0 50px 120px -50px #000000e6, 0 0 90px -20px color-mix(in oklch, var(--accent) 40%, transparent);margin-inline:auto;padding:clamp(1.75rem,3.5vw,3rem) clamp(1.5rem,4vw,3.5rem) clamp(1.25rem,2.5vw,2rem);position:relative}.e404__hazard{opacity:.85;height:8px;position:absolute;top:0;left:0;right:0}.e404__top{border-bottom:1px solid color-mix(in oklch, var(--on-dark) 12%, transparent);font-family:var(--font-mono);font-weight:400;font-size:var(--fs-mono-sm);text-transform:uppercase;letter-spacing:var(--tracking-label);color:color-mix(in oklch, var(--on-dark) 60%, transparent);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:clamp(1.25rem,2.5vw,2rem);padding-bottom:1rem;display:flex}.e404__tag{color:var(--on-dark);align-items:center;gap:.7rem;display:inline-flex}.e404__err{color:color-mix(in oklch, var(--on-dark) 45%, transparent)}.e404__body{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);display:grid}.e404__num{line-height:.8;font-family:var(--font-display);letter-spacing:var(--tracking-display);margin:0;font-size:clamp(5.5rem,15vw,12rem);font-weight:500;position:relative}.e404__glitch{color:var(--on-dark);text-shadow:0 0 60px color-mix(in oklch, var(--accent) 30%, transparent);animation:5.2s step-end infinite e404-flicker;display:inline-block;position:relative}.e404__glitch:before,.e404__glitch:after{content:attr(data-text);pointer-events:none;mix-blend-mode:screen;width:100%;position:absolute;top:0;left:0}.e404__glitch:before{color:var(--accent);animation:3.7s step-end infinite e404-glitch-a}.e404__glitch:after{color:#fff;opacity:.85;animation:4.3s step-end infinite e404-glitch-b}.e404__num:after{content:"";z-index:2;pointer-events:none;mix-blend-mode:overlay;background-image:repeating-linear-gradient(0deg,#0000 0 2px,#00000080 2px 3px);position:absolute;inset:0}@keyframes e404-glitch-a{0%,5%,9%,32%,37%,63%,68%,to{clip-path:none;transform:translate(-3px)}6%{clip-path:inset(14% 0 60%);transform:translate(-15px,1px)}8%{clip-path:inset(56% 0 16%);transform:translate(11px,-1px)}33%{clip-path:inset(40% 0);transform:translate(14px)}35%{clip-path:inset(4% 0 74%);transform:translate(-13px,1px)}64%{clip-path:inset(72% 0 4%);transform:translate(-16px,-1px)}66%{clip-path:inset(26% 0 50%);transform:translate(10px,1px)}}@keyframes e404-glitch-b{0%,5%,9%,32%,37%,63%,68%,to{clip-path:none;transform:translate(3px)}6%{clip-path:inset(22% 0 50%);transform:translate(13px,-1px)}8%{clip-path:inset(48% 0 26%);transform:translate(-12px,1px)}33%{clip-path:inset(8% 0 68%);transform:translate(-15px)}35%{clip-path:inset(62% 0 10%);transform:translate(12px,-1px)}64%{clip-path:inset(32% 0 46%);transform:translate(16px,1px)}66%{clip-path:inset(64% 0 8%);transform:translate(-11px)}}@keyframes e404-flicker{0%,to,30%,60%{opacity:1}7%{opacity:.72}8%{opacity:1}34%{opacity:.85}35%{opacity:1}65%{opacity:.7}66%{opacity:1}}.e404__copy{min-width:0}.e404__eyebrow{color:color-mix(in oklch, var(--on-dark) 62%, transparent)}.e404__eyebrow:before{background:var(--accent)}.e404__title{max-width:18ch;font-family:var(--font-display);font-weight:500;font-size:var(--fs-h2);line-height:var(--lh-tight);letter-spacing:var(--tracking-display);text-wrap:balance;margin:.85rem 0 0}.e404__lede{max-width:46ch;font-size:var(--fs-lead);line-height:var(--lh-body);color:color-mix(in oklch, var(--on-dark) 76%, transparent);text-wrap:pretty;margin:.9rem 0 0}.e404__readout{border:1px solid color-mix(in oklch, var(--on-dark) 14%, transparent);grid-template-columns:1fr 1fr;gap:.7rem 1.5rem;margin:clamp(1.5rem,3vw,2rem) 0 0;padding:.9rem 1rem;display:grid}.e404__row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.e404__row dt{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-label);color:color-mix(in oklch, var(--on-dark) 50%, transparent);font-size:.6875rem;font-weight:300}.e404__row dd{font-family:var(--font-mono);font-weight:400;font-size:var(--fs-mono-sm);letter-spacing:.04em;color:var(--on-dark);font-variant-numeric:tabular-nums;margin:0}.e404__row dd.is-sig{color:var(--accent)}.e404__row--bar{grid-column:1/-1}.e404__sigbar{background:color-mix(in oklch, var(--on-dark) 14%, transparent);width:100%;height:4px;display:block;position:relative;overflow:hidden}.e404__sigbar>i{background:var(--accent);width:8%;position:absolute;inset:0 auto 0 0}.e404__cta{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:clamp(1.5rem,3vw,2.25rem);display:flex}.e404__foot{border-top:1px solid color-mix(in oklch, var(--on-dark) 12%, transparent);align-items:center;gap:1rem;margin-top:clamp(1.5rem,3vw,2.25rem);padding-top:1rem;display:flex}.e404__reg{color:color-mix(in oklch, var(--on-dark) 45%, transparent);gap:.6rem;display:inline-flex}.e404__reg .reg-mark{width:14px;height:14px;color:color-mix(in oklch, var(--on-dark) 45%, transparent)}.e404__code{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:var(--tracking-label);color:color-mix(in oklch, var(--on-dark) 45%, transparent);font-size:.625rem;font-weight:300}.e404__bar{--bar-c:color-mix(in oklch, var(--on-dark) 40%, transparent);width:clamp(6rem,14vw,11rem);height:20px;margin-left:auto}@media (max-width:720px){.e404__body{grid-template-columns:1fr;gap:1.25rem}.e404__num{font-size:clamp(4.5rem,26vw,8rem)}.e404__readout{grid-template-columns:1fr}}