/* /404 — page not found. Layout and spacing only; body type comes from styles.css. */
.dz-404 .nf { background: var(--black); color: var(--white); border-bottom: 6px solid var(--lime); }
.dz-404 .nf-grid { display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); gap: 48px 80px; align-items: center; min-height: calc(100vh - 150px); padding-top: 72px; padding-bottom: 72px; }
.dz-404 .nf-copy .nf-code { font-family: "Anton", sans-serif; font-size: clamp(6rem, 17vw, 15rem); line-height: .8; color: var(--lime); margin: 0 0 36px; }
.dz-404 .nf-copy h1 { color: var(--white); margin: 0 0 24px; }
.dz-404 .nf-copy p { color: #e6e5df; max-width: 34em; }
.dz-404 .nf-copy a { color: var(--white); }
.dz-404 .nf-call { margin-top: 28px; padding-top: 24px; border-top: 1px solid #3a3a36; }
.dz-404 .nf-call a { font-weight: 900; text-decoration: none !important; }
.dz-404 .nf-call a:hover { text-decoration: underline !important; }
.dz-404 .nf-tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.dz-404 .nf-tile { display: flex; flex-direction: column; justify-content: flex-end; min-height: 200px; padding: 28px; border: 2px solid #3a3a36; border-radius: var(--radius); color: var(--white); position: relative; transition: background .15s, border-color .15s; }
.dz-404 .nf-tile::before { content: "\2192"; position: absolute; top: 22px; right: 26px; font-size: 1.8rem; font-weight: 900; color: var(--lime); line-height: 1; }
.dz-404 .nf-tile span { font-family: "Anton", sans-serif; font-size: clamp(1.8rem, 2.8vw, 2.6rem); line-height: 1.02; }
.dz-404 .nf-tile:hover { border-color: var(--white); background: #1c1c1a; }
.dz-404 .nf-tile.nf-lime { background: var(--lime); border-color: var(--lime); color: var(--black); }
.dz-404 .nf-tile.nf-lime::before { color: var(--black); }
.dz-404 .nf-tile.nf-lime:hover { background: var(--lime-deep); border-color: var(--lime-deep); }
@media (max-width: 900px) {
  .dz-404 .nf-grid { grid-template-columns: minmax(0, 1fr); min-height: 0; padding-top: 48px; padding-bottom: 48px; gap: 40px; }
  .dz-404 .nf-copy .nf-code { margin-bottom: 24px; }
  .dz-404 .nf-tile { min-height: 132px; padding: 20px; }
  .dz-404 .nf-tile::before { top: 16px; right: 18px; font-size: 1.5rem; }
  .dz-404 .nf-tiles { gap: 12px; }
}