/* Pinned menu: once the page nav scrolls out of view, a slim bar with just
   the menu links stays at the top. Shared by the homepage, Media and Press Kit. */
.pin-nav {
  position: fixed; top: 0; left: 0; right: 0; z-index: 100;
  background: var(--bg);
  border-bottom: 1px solid var(--line);
  transform: translateY(-100%);
  visibility: hidden;
  transition: transform .2s ease, visibility 0s linear .2s;
}
.pin-nav.is-on { transform: none; visibility: visible; transition: transform .2s ease; }
.pin-nav-inner {
  max-width: 1280px; margin: 0 auto; padding: 0 clamp(16px, 4vw, 48px);
  display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 0 24px;
}
.pin-links { display: flex; flex-wrap: wrap; gap: 0 24px; }
.pin-nav a.pin-brand {
  font-family: 'Domine', Georgia, serif; font-weight: 600; font-size: 18px;
  letter-spacing: -0.01em; color: var(--strong);
}
.pin-nav a.pin-brand:hover { text-decoration: none; }
.pin-nav a {
  display: inline-block; padding: 12px 0; border: 0;
  font-family: 'DM Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  font-size: 15px; font-weight: 500; line-height: 1.5;
  color: var(--text); text-decoration: none;
}
.pin-nav a:hover, .pin-nav a[aria-current="page"] {
  color: var(--strong);
  text-decoration: underline; text-decoration-color: var(--wire);
  text-decoration-thickness: 2px; text-underline-offset: 5px;
}
.pin-nav a:focus-visible { outline: 2px solid var(--text); outline-offset: 2px; }
/* Phones: name on its own row, menu links on one row below */
@media (max-width: 720px) {
  .pin-nav a.pin-brand { flex: 1 1 100%; padding: 10px 0 0; }
  .pin-links { gap: 0 12px; }
}
/* Narrowest phones: links scroll sideways instead of wrapping */
@media (max-width: 359px) {
  .pin-links { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; max-width: 100%; }
  .pin-links::-webkit-scrollbar { display: none; }
  .pin-links a { flex: none; }
}
@media (prefers-reduced-motion: reduce) { .pin-nav, .pin-nav.is-on { transition: none; } }