.pg-404{display:contents}body:where(:has(.pg-404)){flex-direction:column;min-height:100svh;display:flex}:where(.pg-404) main{padding:clamp(10px,3vh,40px) var(--pad) clamp(40px,6vh,70px);flex:1;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,80px);display:grid}:where(.pg-404) .num{font-family:var(--big);letter-spacing:-.02em;-webkit-user-select:none;user-select:none;font-size:clamp(150px,27vw,420px);font-weight:900;line-height:.8;display:flex}:where(.pg-404) .num span{background:var(--c);color:#0000;-webkit-background-clip:text;background-clip:text;transition:transform .6s cubic-bezier(.3,1.5,.5,1)}:where(.pg-404) .num:hover span{background:var(--img) center/cover,var(--c);-webkit-background-clip:text;background-clip:text}:where(.pg-404) .num span:nth-child(2){transition-delay:50ms}:where(.pg-404) .num span:nth-child(3){transition-delay:.1s}:where(.pg-404) .num:hover span{transform:translateY(-10px)}:where(.pg-404) .txt h1{font-size:clamp(44px,5vw,84px)}:where(.pg-404) .txt p{max-width:40ch;color:var(--ink-2);margin-top:16px;font-size:clamp(16px,1.3vw,19px)}:where(.pg-404) .acts{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}:where(.pg-404) .picks{color:var(--muted);margin-top:34px;font-size:14.5px}:where(.pg-404) .picks div{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}:where(.pg-404) .picks a{color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-weight:500;text-decoration:none;transition:box-shadow .25s;display:inline-flex;box-shadow:inset 0 0 0 1.5px #16112b33}:where(.pg-404) .picks a:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}:where(.pg-404) .picks i{background:var(--c);border-radius:50%;width:22px;height:22px}@media (max-width:820px){:where(.pg-404) main{grid-template-columns:1fr}:where(.pg-404) .num{font-size:44vw}}