/* ═══════════════════════════════════════════════════════════════
   Hero kitchen snapshots — classic Polaroid instant photos
   ═══════════════════════════════════════════════════════════════ */

.hero-floater--snap {
  --snap-w: clamp(96px, 13vw, 140px);
  --snap-tilt: -6deg;
  --snap-paper: #faf8f3;
  --snap-paper-edge: #e8e2d8;
  --snap-ink: rgba(28, 24, 20, 0.08);
  width: var(--snap-w);
  height: auto;
  transform: rotate(var(--snap-tilt));
  transform-origin: center center;
  animation: snapFloat 6.4s ease-in-out infinite;
  animation-delay: calc(var(--snap-i, 0) * 0.5s);
}

.hero-floater--snap:nth-child(1) { --snap-tilt: -8deg; }
.hero-floater--snap:nth-child(2) { --snap-tilt: 6deg; animation-duration: 7s; }
.hero-floater--snap:nth-child(3) { --snap-tilt: -4deg; animation-duration: 5.8s; }
.hero-floater--snap:nth-child(4) { --snap-tilt: 7deg; animation-duration: 6.8s; }

.hero-snap {
  position: relative;
  display: block;
  filter: drop-shadow(0 10px 18px rgba(0, 0, 0, 0.28)) drop-shadow(0 2px 4px rgba(0, 0, 0, 0.12));
}

/* Classic Polaroid paper — square photo, wide bottom chin */
.hero-snap__paper {
  position: relative;
  background:
    linear-gradient(165deg, #ffffff 0%, var(--snap-paper) 42%, #f3efe8 100%);
  padding: 8px 8px 26px;
  border-radius: 2px;
  border: 1px solid var(--snap-paper-edge);
  box-shadow:
    0 1px 0 rgba(255, 255, 255, 0.95) inset,
    0 -1px 0 var(--snap-ink) inset,
    1px 0 0 rgba(255, 255, 255, 0.4) inset,
    -1px 0 0 var(--snap-ink) inset;
}

/* Faint aged-paper edge */
.hero-snap__paper::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.55);
  pointer-events: none;
  z-index: 3;
}

/* Photo window — clips zoomed image inside the white frame */
.hero-snap__photo {
  position: relative;
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
  background: #1a1a1a;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  z-index: 1;
}

.hero-snap__paper img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  background: #1a1a1a;
  filter: saturate(1.04) contrast(1.05) brightness(1.01);
}

/* Ground contact shadow */
.hero-snap__shadow {
  position: absolute;
  left: 14%;
  right: 14%;
  bottom: -8%;
  height: 16%;
  border-radius: 50%;
  background: radial-gradient(ellipse 100% 100% at 50% 50%, rgba(0, 0, 0, 0.26) 0%, transparent 74%);
  filter: blur(5px);
  z-index: -1;
  opacity: 0.75;
}

@keyframes snapFloat {
  0%, 100% {
    transform: rotate(var(--snap-tilt)) translateY(0);
  }
  50% {
    transform: rotate(calc(var(--snap-tilt) + 1deg)) translateY(-8px);
  }
}

body.site-depth .hero-floater--snap {
  filter: drop-shadow(0 14px 24px rgba(0, 0, 0, 0.34)) drop-shadow(0 3px 6px rgba(0, 0, 0, 0.16));
}

body.site-depth .hero-floater--snap .hero-snap__shadow {
  opacity: 0.85;
}

@media (max-width: 768px) {
  .hero-floater--snap {
    --snap-w: clamp(80px, 17vw, 108px);
  }

  .hero-snap__paper {
    padding: 6px 6px 20px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .hero-floater--snap {
    animation: none !important;
  }
}