.pg-404 .e-card,.pg-error .e-card{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:56px;margin-top:32px;display:grid}.pg-404 .e-art,.pg-error .e-art{aspect-ratio:1;border-radius:var(--r-lg);background:var(--well);position:relative;overflow:hidden}.pg-404 .e-art img,.pg-error .e-art img{object-fit:cover;width:100%;height:100%}.pg-404 .e-art:after,.pg-error .e-art:after{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-variant-numeric:tabular-nums;color:var(--ink);background:#fcfaf7e6;border-radius:999px;padding:6px 12px;font-size:.8rem;font-weight:600;position:absolute;bottom:18px;left:18px}.pg-404 .e-art:after{content:"404"}.pg-error .e-art:after{content:"500"}.pg-404 .e-kicker,.pg-error .e-kicker{color:var(--muted);margin:0 0 14px;font-size:.86rem;font-weight:500}.pg-404 .e-title,.pg-error .e-title{letter-spacing:-.045em;text-wrap:balance;max-width:14ch;font-size:clamp(2.2rem,4.4vw,3.5rem);line-height:1.04}.pg-404 .e-lead,.pg-error .e-lead{max-width:48ch;color:var(--ink-2);text-wrap:pretty;margin:18px 0 0;font-size:1.08rem;line-height:1.55}.pg-404 .e-search{gap:10px;max-width:520px;margin-top:28px;display:flex}.pg-404 .e-search .field{min-width:0;height:52px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);transition:box-shadow .2s var(--ease);background:#fff;border-radius:999px;flex:1;align-items:center;gap:10px;padding:0 18px;display:flex}.pg-404 .e-search .field:hover{box-shadow:inset 0 0 0 1px #cfc6ba}.pg-404 .e-search .field:focus-within{box-shadow:inset 0 0 0 1.5px var(--ink), 0 0 0 4px #1a253314}.pg-404 .e-search .btn{height:52px}.pg-404 .e-quick{margin-top:72px}.pg-404 .e-quick h2{margin-bottom:20px}.pg-404 .e-quick ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.pg-404 .e-quick a{border-radius:var(--r-md);background:var(--well);letter-spacing:-.015em;transition:background-color .2s var(--ease), transform .3s var(--ease-out);grid-template-columns:48px 1fr 18px;align-items:center;gap:14px;padding:10px 14px 10px 10px;font-weight:600;display:grid}.pg-404 .e-quick a:hover{background:var(--well-2);transform:translateY(-2px)}.pg-404 .e-quick a:active{transform:scale(.98)}.pg-404 .e-quick a>svg{color:var(--muted);transition:transform .35s var(--ease-out)}.pg-404 .e-quick a:hover>svg{transform:translate(3px)}.pg-404 .e-thumb{width:48px;height:48px;color:var(--ink-2);background:#fff;border-radius:12px;place-items:center;display:grid;overflow:hidden}.pg-404 .e-thumb img{object-fit:cover;width:100%;height:100%}.pg-404 .e-quick .deal{color:var(--deal)}.pg-404 .e-quick .deal .e-thumb{background:var(--deal-soft);color:var(--deal)}.pg-error .e-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.pg-error .e-ref{max-width:52ch;color:var(--muted);margin:22px 0 0;font-size:.8rem;line-height:1.55}.pg-error .e-ref code{background:var(--well);color:var(--ink-2);overflow-wrap:anywhere;border-radius:6px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem}.pg-error .e-ref a{color:var(--ink-2);text-underline-offset:2px;text-decoration:underline}.pg-global-error{width:min(560px,100% - 32px);min-height:100dvh;padding:48px 0 calc(48px + env(safe-area-inset-bottom));flex-direction:column;justify-content:center;margin:0 auto;display:flex}.pg-global-error .logo{margin-bottom:40px}@media (max-width:900px){.pg-404 .e-card,.pg-error .e-card{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:16px}.pg-404 .e-art,.pg-error .e-art{aspect-ratio:16/10}.pg-404 .e-art img,.pg-error .e-art img{object-position:50% 30%}.pg-404 .e-quick{margin-top:56px}.pg-404 .e-quick ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.pg-404 .e-art,.pg-error .e-art{aspect-ratio:4/3;border-radius:18px}.pg-404 .e-title,.pg-error .e-title{font-size:2.1rem}.pg-404 .e-lead,.pg-error .e-lead{font-size:1rem}.pg-404 .e-search{flex-direction:column}.pg-404 .e-search .btn{width:100%}.pg-404 .e-quick{margin-top:48px}.pg-404 .e-quick ul{gap:8px}.pg-404 .e-quick a{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:8px 10px 8px 8px;font-size:.92rem}.pg-404 .e-quick a>svg{display:none}.pg-404 .e-thumb{border-radius:10px;width:40px;height:40px}.pg-error .e-actions{flex-direction:column}.pg-error .e-actions>*{width:100%}}
