.notfound{background-color:var(--color-carbon);min-height:100dvh;padding:clamp(100px, 12vh, 160px) var(--container-padding);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.notfound-coord{font-family:var(--font-mono);letter-spacing:.14em;color:var(--color-mist);opacity:.15;font-size:10px;font-weight:400;position:absolute;top:clamp(96px,12vh,140px);right:clamp(24px,5vw,80px)}.notfound-ghost{font-family:var(--font-display);color:var(--color-bone);opacity:.02;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;font-size:clamp(200px,30vw,500px);font-style:italic;font-weight:400;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.notfound-compass{opacity:.5;pointer-events:none;z-index:0;width:clamp(120px,18vw,200px);height:clamp(120px,18vw,200px);animation:10s ease-in-out infinite notfound-compass-drift;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes notfound-compass-drift{0%{transform:translate(-50%,-50%)rotate(-15deg)}50%{transform:translate(-50%,-50%)rotate(15deg)}to{transform:translate(-50%,-50%)rotate(-15deg)}}.notfound-content{z-index:1;text-align:center;max-width:520px;position:relative}.notfound-label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-driftwood);margin-bottom:clamp(20px,3vw,32px);font-size:10px;font-weight:500}.notfound-h1{font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-bone);margin-bottom:clamp(20px,3vw,28px);font-size:clamp(36px,6vw,72px);font-weight:400;line-height:1.1}.notfound-h1 em{color:var(--color-driftwood);font-style:italic}.notfound-body{font-family:var(--font-body);color:var(--color-mist);opacity:.55;max-width:400px;margin:0 auto clamp(32px,4vw,44px);font-size:16px;font-weight:300;line-height:1.8}.notfound-ctas{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.notfound-btn-primary{background-color:var(--color-driftwood);color:var(--color-bone);font-family:var(--font-body);letter-spacing:.07em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast), box-shadow var(--duration-fast);white-space:nowrap;justify-content:center;align-items:center;padding:15px 32px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.notfound-btn-primary:hover{background-color:var(--color-driftwood-hover);box-shadow:0 4px 20px #b8956a4d}.notfound-btn-primary:focus-visible{outline:2px solid var(--color-driftwood);outline-offset:2px}.notfound-btn-ghost{color:var(--color-mist);font-family:var(--font-body);letter-spacing:.07em;text-transform:uppercase;border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--duration-fast), color var(--duration-fast);white-space:nowrap;background:0 0;border:1px solid #d0dcea4d;justify-content:center;align-items:center;padding:15px 32px;font-size:13px;font-weight:400;text-decoration:none;display:inline-flex}.notfound-btn-ghost:hover{color:var(--color-bone);border-color:#d0dceaa6}.notfound-btn-ghost:focus-visible{outline:2px solid var(--color-driftwood);outline-offset:2px}.notfound-tagline{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--color-mist);opacity:.12;white-space:nowrap;font-size:9px;font-weight:400;position:absolute;bottom:clamp(28px,4vh,48px);left:50%;transform:translate(-50%)}@media (max-width:639px){.notfound-ctas{flex-direction:column;align-items:center}.notfound-btn-primary,.notfound-btn-ghost{justify-content:center;width:100%;max-width:280px}.notfound-coord,.notfound-tagline{display:none}}@media (prefers-reduced-motion:reduce){.notfound-compass{animation:none;transform:translate(-50%,-50%)}}