/* 05 Nostalgia: drugstore prints. Photos drop and settle with a tilt; hover straightens them. */
[data-world="nostalgia"] {
  --grain: 0.05;
  --enter: settle 400ms ease-out;
}
@keyframes settle { from { opacity: 0; transform: translateY(-14px); } to { opacity: 1; transform: none; } }

[data-world="nostalgia"] .hero-title { font-weight: 400; font-optical-sizing: auto; }
/* a warm light leak in one corner of the hero */
[data-world="nostalgia"] .hero-fx::before {
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(55% 70% at 100% 0%, color-mix(in srgb, var(--bitcoin) 22%, transparent), transparent 70%);
}
[data-world="nostalgia"] .hero-fx { mix-blend-mode: multiply; }
/* prints with a white border and rounded corners (gallery only; the hero stays square) */
[data-world="nostalgia"] .shot .shot-link,
[data-world="nostalgia"] .shot .ph {
  display: block; background: color-mix(in srgb, var(--ground) 30%, white); padding: 8px 8px 26px;
  border: 0; border-radius: var(--radius);
  box-shadow: 0 6px 14px color-mix(in srgb, var(--ink) 18%, transparent);
  transform: rotate(var(--tilt, -2deg)); transition: transform 400ms ease-out;
}
[data-world="nostalgia"] .shot .ph { background: var(--raised); outline: 8px solid color-mix(in srgb, var(--ground) 30%, white); outline-offset: -8px; }
[data-world="nostalgia"] .shot .shot-img img { border-radius: calc(var(--radius) / 2); }
[data-world="nostalgia"] .grid-shots .shot:nth-child(3n + 2) { --tilt: 2.5deg; }
[data-world="nostalgia"] .grid-shots .shot:nth-child(3n) { --tilt: -3deg; }
[data-world="nostalgia"] .grid-shots .shot:nth-child(4n) { --tilt: 2deg; }
[data-world="nostalgia"] .shot:hover .shot-link, [data-world="nostalgia"] .shot:hover .ph,
[data-world="nostalgia"] .shot-link:focus-visible { transform: none; }
[data-world="nostalgia"] .grid-shots { gap: var(--space-5) var(--space-4); padding: var(--space-2); }