/* Project archive page — small additions over the shared design system */

.page-hero {
  padding: calc(var(--header-h) + clamp(3rem, 8vw, 5.5rem)) 0 0;
  position: relative;
}
.page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(37, 99, 235, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37, 99, 235, 0.08) 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: radial-gradient(760px 380px at 30% 0%, #000 25%, transparent 78%);
  -webkit-mask-image: radial-gradient(760px 380px at 30% 0%, #000 25%, transparent 78%);
  pointer-events: none;
}
.page-hero .container { position: relative; }

.page-back { margin-top: 3rem; text-align: center; }