.failure-state{margin-block:clamp(28px,6vh,72px)}.failure-layout{grid-template-columns:minmax(0,1fr) minmax(220px,.65fr);align-items:center;gap:clamp(20px,4vw,64px);padding:clamp(24px,5vw,64px);display:grid;overflow:hidden}.failure-copy{min-width:0}.failure-copy h1{text-wrap:balance;max-width:20ch;margin:12px 0 18px;font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.16}.failure-code{color:#9f722d;opacity:.6;letter-spacing:.04em;font-size:clamp(3rem,7vw,5.5rem);font-weight:700;line-height:1;display:block}.failure-description{max-width:48ch;margin:0 0 28px;font-size:clamp(1rem,1.6vw,1.125rem);line-height:1.7}.failure-actions{flex-wrap:wrap;gap:12px;display:flex}.failure-actions :is(a,button){min-height:48px;font:inherit;cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:650;text-decoration:none;display:inline-flex}.failure-primary{color:#fff9e8;background:#234438;border:1px solid #234438}.failure-secondary{color:#234438;background:#fffaf0;border:1px solid #b7a58a}.failure-actions :is(a,button):focus-visible{outline-offset:4px;outline:3px solid #cb963f}.failure-actions :is(a,button):hover{filter:brightness(1.08)}.failure-actions button[disabled]{opacity:.6;cursor:progress;filter:none}.failure-illustration{justify-content:center;min-width:0;display:flex}.failure-illustration img{object-fit:contain;width:min(100%,320px);height:auto;max-height:500px}.global-failure{background:linear-gradient(#152b2680,#152b2690),url(/storybook/forest-hero.webp) 50%/cover fixed;min-height:100dvh;display:flow-root}.global-failure .failure-state{padding-block:20px}[dir=rtl] .failure-actions svg{transform:scaleX(-1)}@media (max-width:640px){.failure-layout{grid-template-columns:minmax(0,1fr);gap:12px;padding:22px}.failure-illustration{grid-row:1}.failure-illustration img{width:180px;max-height:230px}.failure-copy h1{max-width:none;font-size:1.85rem}.failure-code{font-size:2.8rem}.failure-description{margin-bottom:20px}.failure-actions :is(a,button){flex:auto}}
