/* Shared portfolio navigation and restrained, paper-like motion. */
.archive-nav { display:flex;align-items:center;gap:24px;margin-bottom:36px;font-family:var(--mono);font-size:12px;color:var(--cobalt); }
.archive-nav a { text-decoration:none;border-bottom:1px solid transparent;padding:8px 0; }
.archive-nav a:hover { border-color:currentColor; }
.archive-nav a:first-child { margin-right:auto; }
.archive-nav button { border:1px solid var(--cobalt);border-radius:20px;padding:8px 12px; }
.archive-nav button:disabled { opacity:.6;cursor:default; }
:focus-visible { outline:2px dashed var(--cobalt);outline-offset:5px; }
.archive-skip { position:fixed;top:12px;left:12px;transform:translateY(-200%);padding:12px;background:var(--white);z-index:50; }
.archive-skip:focus { transform:none; }
.folder { scroll-margin-top:24px; }
.sheet-head:focus-visible { outline-color:var(--fg); }
.viewer .bar { flex-wrap:wrap;overflow-wrap:anywhere; }
body:has(dialog[open]) { overflow:hidden; }
@keyframes archive-enter { from { opacity:0;transform:translateY(16px); } to { opacity:1;transform:none; } }
@keyframes archive-star { from { transform:rotate(8deg); } to { transform:rotate(20deg); } }
@media (prefers-reduced-motion:no-preference) {
  .hero { animation:archive-enter .7s ease both; }
  .cabinet { animation:archive-enter .7s .15s ease both; }
  .star.s1 { animation:archive-star 6s ease-in-out 2 alternate; }
}
.motion-paused *, .motion-paused *::before, .motion-paused *::after { animation:none!important;transition:none!important;scroll-behavior:auto!important; }
@media(max-width:760px) {
  .archive-nav { gap:12px;font-size:10px;flex-wrap:wrap; }
  .sheet-head h2 { overflow-wrap:anywhere; }
  .sheet-head .count { font-size:10px; }
  .gallery,.gallery.tall { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .signos-body { padding:22px 18px; }
  .tab { max-width:85%;letter-spacing:.03em; }
}