.not-found{width:100%;overflow:clip}.not-found__hero{background:var(--dark);min-height:100svh;color:var(--light);justify-content:center;align-items:center;padding:200px 56px 100px;display:flex}.not-found__content{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:60px;width:100%;max-width:1328px;display:flex}.not-found__art{aspect-ratio:421/240;object-fit:contain;width:min(100%,462px);height:auto;animation:.9s cubic-bezier(.22,1,.36,1) both not-found-art-in}.not-found__text,.not-found__copy{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.not-found__text{gap:40px}.not-found__copy{gap:10px}.not-found__copy h1{width:100%;max-width:763px;font-family:var(--font-display);font-variation-settings:"ELGR" 1, "ELSH" 2;letter-spacing:0;text-transform:uppercase;text-wrap:balance;font-size:130px;font-weight:700;line-height:1;animation:.8s cubic-bezier(.22,1,.36,1) .12s both not-found-title-in}.not-found__copy p{width:100%;max-width:470px;font-family:var(--font-body);letter-spacing:-.04em;text-transform:uppercase;text-wrap:balance;font-size:16px;font-weight:400;line-height:1.4;animation:.7s cubic-bezier(.22,1,.36,1) .25s both not-found-fade-up}.not-found__button.btn-dark{background:var(--light);border-color:var(--light);color:var(--dark);font-family:var(--font-mono);letter-spacing:-.08em;font-weight:500;animation:.7s cubic-bezier(.22,1,.36,1) .36s both not-found-fade-up}.not-found__button.btn-dark:hover{background:var(--primary);border-color:var(--primary);color:var(--dark)}@keyframes not-found-art-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes not-found-title-in{0%{opacity:0;transform:perspective(600px)rotateX(12deg)rotateY(18deg)translateY(18px)}to{opacity:1;transform:perspective(600px)rotateX(0)rotateY(0)translateY(0)}}@keyframes not-found-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:980px){.not-found__art{width:min(100%,403px)}.not-found__copy h1{font-size:100px}}@media (max-width:640px){.not-found__hero{padding:160px 20px 80px}.not-found__content{gap:48px}.not-found__art{width:min(100%,240px)}.not-found__text{gap:36px}.not-found__copy h1{max-width:360px;font-size:58px}.not-found__copy p{max-width:380px}}@media (prefers-reduced-motion:reduce){.not-found__art,.not-found__copy h1,.not-found__copy p,.not-found__button.btn-dark{animation:none}}