.site-header nav .nav-shop {
  border: 1px solid rgba(255,255,255,.55);
  margin: -.45rem 0;
  padding: .45rem .8rem;
}
.site-header nav .nav-shop:hover { background: #fff; color: #000; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.4rem; margin-top: 2rem; }
.hero-actions .arrow-link { margin-top: 0; }
.primary-button {
  display: inline-block;
  padding: 1rem 1.25rem;
  border: 1px solid #fff;
  background: #fff;
  color: #000;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-decoration: none;
  text-transform: uppercase;
  transition: background .2s, color .2s, transform .2s;
}
.primary-button:hover { background: transparent; color: #fff; transform: translateY(-2px); }
.opensea-cta {
  margin: 8rem auto 0;
  padding: clamp(4rem,8vw,7rem) clamp(1.5rem,6vw,6rem);
  border: 1px solid var(--line);
  background: linear-gradient(135deg,#0d0d0d,#121d36);
  text-align: center;
}
.opensea-cta h2 { font-size: clamp(2.8rem,6vw,6rem); }
.primary-button.light { margin-top: 1rem; }
.story { border-bottom: 1px solid #ccc; }
@media (max-width:820px) {
  .site-header nav .nav-shop { margin: 0; padding: .8rem; }
  .hero-actions { justify-content: flex-start; }
  .opensea-cta { margin-top: 5rem; }
}
@media (max-width:480px) {
  .hero-actions { align-items: flex-start; flex-direction: column; }
  .primary-button { width: 100%; text-align: center; }
  .hero-actions .arrow-link { margin-top: .5rem; }
  .opensea-cta .primary-button { width: auto; }
}