/* Página de proyecto: el mismo case study del modal, pero como página propia */
body.case-page { background: var(--fg); color: var(--bg); cursor: auto; }
body.case-page a, body.case-page button { cursor: pointer; }
.case-page .modal-inner { transform: none; opacity: 1; padding-top: 110px; }
.case-nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 50;
  display: flex; justify-content: space-between; align-items: center;
  padding: 22px 28px; background: linear-gradient(var(--fg) 60%, transparent);
  font-family: 'JetBrains Mono', monospace; font-size: 11px;
  text-transform: uppercase; letter-spacing: 0.08em;
}
.case-nav a { color: var(--bg); text-decoration: none; }
.case-back:hover { text-decoration: underline; text-underline-offset: 3px; }
.case-home {
  margin-top: 18px; font-family: 'JetBrains Mono', monospace; font-size: 11px;
  text-transform: uppercase; letter-spacing: 0.1em; color: rgba(212,225,64,0.6);
}
.case-home a, .case-more a { color: var(--bg); }
.case-more {
  border-top: 1px solid rgba(212,225,64,0.3); padding: 18px 0 40px;
  font-family: 'JetBrains Mono', monospace; font-size: 11px;
  text-transform: uppercase; letter-spacing: 0.1em;
}
.case-more div { display: flex; flex-wrap: wrap; gap: 8px 22px; margin-top: 12px; }
.case-more a { text-decoration: none; }
.case-more a:hover { text-decoration: underline; text-underline-offset: 3px; }
.case-page .gallery-item { cursor: auto; }
@media (max-width: 700px) {
  .case-nav { padding: 14px 16px; }
  .case-page .modal-inner { padding-top: 80px; }
}