/* Overlay menu */
.overlay {
  position:fixed; inset:0; background:#000000; z-index:40;
  display:flex; flex-direction:column; justify-content:center;
  padding:0 32px;
  clip-path:inset(0 0 100% 0);
  transition:clip-path .8s cubic-bezier(0.76,0,0.24,1);
}
.overlay.open { clip-path:inset(0 0 0% 0); }
@media(min-width:768px){ .overlay{ padding:0 64px; } }
.overlay .item { margin-bottom:8px; opacity:0; transform:translateX(-60px); transition:opacity .5s ease, transform .5s ease; }
.overlay.open .item { opacity:1; transform:translateX(0); }
.overlay.open .item:nth-child(1){ transition-delay:.2s; }
.overlay.open .item:nth-child(2){ transition-delay:.3s; }
.overlay.open .item:nth-child(3){ transition-delay:.4s; }
.overlay.open .item:nth-child(4){ transition-delay:.5s; }
.overlay.open .item:nth-child(5){ transition-delay:.6s; }
.overlay .num { font-size:12px; color:rgba(255,255,255,0.5); letter-spacing:.1em; }
.overlay .link {
  display:block; background:none; border:none; cursor:pointer;
  font-family:'Space Grotesk',sans-serif;
  font-size:clamp(48px,9vw,128px); font-weight:700;
  letter-spacing:-0.03em; line-height:1.1;
  color:rgba(255,255,255,0.4);
  transition:color .3s;
}
.overlay .link:hover { color:#fff; }