.sb-404{background:var(--brand-off-white);color:var(--brand-off-black);min-height:100dvh;padding-top:var(--sb-nav-bar-height,58px);flex-direction:column;display:flex}.sb-404__scene{flex:1;min-height:70vh;position:relative;overflow:hidden}.sb-404__scene:before{background:linear-gradient(to bottom,var(--brand-off-white)0%,transparent 100%);content:"";pointer-events:none;z-index:5;height:140px;position:absolute;top:0;left:0;right:0}.sb-404__scene:after{background:linear-gradient(to top,var(--brand-off-white)0%,transparent 100%);content:"";pointer-events:none;z-index:5;height:140px;position:absolute;bottom:0;left:0;right:0}.sb-404__ascii-wrap{position:absolute;inset:0;overflow:hidden}.sb-404__ascii{width:100%;height:100%}.sb-404__overlay{pointer-events:none;z-index:10;align-items:center;display:flex;position:absolute;inset:0}.sb-404__overlay-content{padding:0 var(--sb-section-gutter);text-align:left;width:100%}.sb-404__heading{color:var(--brand-cosmic-grape);font-family:var(--font-neue-haas-display),sans-serif;pointer-events:none;text-shadow:0 0 40px #f0f0f0e6,0 0 80px #f0f0f099;text-transform:uppercase;margin:0 0 28px;font-size:clamp(26px,4vw,52px);font-weight:500;line-height:1.2;animation:.7s ease-out .2s both sb404FadeUp}.sb-404__projects-link{border:none;border-bottom:4px solid var(--brand-space-orange);color:var(--brand-space-orange);font-family:var(--font-neue-haas-display),sans-serif;pointer-events:auto;padding:0 0 5px;font-size:clamp(16px,1.8vw,22px);font-weight:500;text-decoration:none;transition:opacity .25s;animation:.7s ease-out .4s both sb404FadeUp;display:inline-block}.sb-404__projects-link:hover{opacity:.75}.sb-404__footer{padding:18px var(--sb-section-gutter)28px;justify-content:flex-end;display:flex}.sb-404__back-link{border:none;border-bottom:2px solid var(--brand-off-black);color:var(--brand-off-black);font-family:var(--font-neue-haas-text),sans-serif;padding:0 0 3px;font-size:clamp(14px,1.2vw,17px);font-weight:400;text-decoration:none;transition:opacity .25s;display:inline-block}.sb-404__back-link:hover{opacity:.55}@keyframes sb404FadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.sb-404__scene{min-height:58vh}.sb-404__heading{margin-bottom:20px;font-size:clamp(22px,6vw,36px)}.sb-404__footer{padding-bottom:20px}}@media (prefers-reduced-motion:reduce){.sb-404__heading,.sb-404__projects-link{animation:none}}