@keyframes reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.not-found-page{background:var(--color-brand-sky);width:100vw;color:var(--color-ink);padding:0 0 96px;padding-top:var(--layout-header-reserved-space);margin-left:calc(50% - 50vw)}@media (width>=768px){.not-found-page{padding-bottom:112px}}@media (width>=1024px){.not-found-page{padding-top:var(--layout-header-reserved-space-lg)}}.not-found-hero{width:min(calc(100% - (2 * var(--layout-page-padding-inline))), var(--layout-landing-wide-width));margin:0 auto;padding:clamp(48px,8vw,112px) 0 clamp(72px,10vw,128px)}.not-found-hero-inner{text-align:center;justify-items:center;gap:var(--size-xl);display:grid}.not-found-hero-illustration{opacity:0;animation:reveal var(--motion-duration-slow) var(--motion-easing-emphasized) forwards;justify-content:center;align-items:center;gap:clamp(10px,2vw,36px);animation-delay:60ms;display:flex}.not-found-hero-illustration img{width:clamp(74px,16vw,141px);height:auto;display:block}.not-found-zero-glyph{width:clamp(108px,22vw,227px);height:auto;stroke:var(--color-ink);stroke-width:8px;stroke-linecap:round;fill:none;overflow:visible}.not-found-hero-title{opacity:0;animation:reveal var(--motion-duration-slow) var(--motion-easing-emphasized) forwards;font-family:var(--font-family-base);letter-spacing:0;font-size:2.5rem;line-height:1.1;font-weight:var(--font-weight-bold);margin:0;animation-delay:.12s}@media (width>=1024px){.not-found-hero-title{font-size:3.25rem}}.not-found-hero-description{opacity:0;animation:reveal var(--motion-duration-slow) var(--motion-easing-emphasized) forwards;width:min(100%,36rem);margin:var(--size-sm) auto 0;font-family:var(--font-family-base);font-size:var(--font-size-body);line-height:var(--line-height-default);letter-spacing:0;animation-delay:.18s}@media (width>=1024px){.not-found-hero-description{font-size:var(--font-size-body-xl)}}.not-found-back-home-link{opacity:0;animation:reveal var(--motion-duration-slow) var(--motion-easing-emphasized) forwards;justify-content:center;align-items:center;gap:var(--size-xxxs);border-radius:var(--radius-capsule);background:var(--color-light);min-height:50px;color:var(--color-ink);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-button);transition:transform var(--motion-duration-fast) var(--motion-easing-standard), box-shadow var(--motion-duration-fast) var(--motion-easing-standard), background-color var(--motion-duration-fast) var(--motion-easing-standard);padding:12px 18px;text-decoration:none;animation-delay:.24s;display:inline-flex}.not-found-back-home-link:hover{box-shadow:var(--shadow-md);background:#ffffffeb;transform:translateY(-2px)}.not-found-back-home-link:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.not-found-resources{width:min(calc(100% - (2 * var(--layout-page-padding-inline))), var(--layout-landing-wide-width));margin:0 auto}.not-found-resource-panel{opacity:0;animation:reveal var(--motion-duration-slow) var(--motion-easing-emphasized) forwards;border-radius:var(--radius-panel);background:var(--color-brand-sky-muted);box-shadow:var(--shadow-sky-glow);gap:clamp(28px,4vw,48px);padding:clamp(28px,4vw,54px);animation-delay:.3s;display:grid}.not-found-resources-title{text-align:center;font-family:var(--font-family-base);letter-spacing:0;font-size:2.5rem;line-height:1.1;font-weight:var(--font-weight-bold);margin:0}@media (width>=1024px){.not-found-resources-title{font-size:3.25rem}}.not-found-resources-description{max-width:44rem;margin:var(--size-sm) auto 0;text-align:center;font-family:var(--font-family-base);font-size:var(--font-size-body);line-height:var(--line-height-default);letter-spacing:0}@media (width>=1024px){.not-found-resources-description{font-size:var(--font-size-body-xl)}}.not-found-resource-grid{gap:var(--size-xl);display:grid}@media (width>=768px){.not-found-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.not-found-resource-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.not-found-resource-card{gap:var(--size-xs);padding:var(--size-lg);border-radius:var(--radius-card-lg);background:var(--color-light);color:var(--color-ink);box-shadow:var(--shadow-sm);transition:transform var(--motion-duration-fast) var(--motion-easing-standard);text-decoration:none;display:grid}.not-found-resource-card:hover{transform:translateY(-4px)}.not-found-resource-card:focus-visible{outline:2px solid var(--color-ink);outline-offset:4px}.not-found-resource-card-tag{border-radius:var(--radius-pill);background:var(--color-brand-sky-muted);color:var(--color-ink);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);justify-self:start;padding:4px 10px}.not-found-resource-card h3{font-family:var(--font-family-base);font-size:1.125rem;font-weight:var(--font-weight-bold);letter-spacing:0;margin:0;line-height:1.3}.not-found-resource-card p{color:var(--color-hero-text-muted);line-height:var(--line-height-relaxed);margin:0}.not-found-resource-card-read-time{color:var(--color-hero-text-muted);font-size:var(--font-size-body-sm)}