/* hero-scrub.css — Mina Surface homepage hero */

.hero-scrub {
  height: 260vh; /* scroll distance spanning the pour; raise for a slower scrub */
  position: relative;
}

.hero-scrub__pin {
  position: sticky;
  top: 0;
  height: 100vh;
  overflow: hidden;
  background: #141414; /* matches the frame vignette / dark hero */
}

.hero-scrub__poster,
.hero-scrub__canvas,
.hero-scrub__settle {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.hero-scrub__poster,
.hero-scrub__settle {
  object-fit: cover;
}

.hero-scrub__canvas {
  opacity: 0;
  transition: opacity 400ms ease;
}

.hero-scrub__canvas.is-ready {
  opacity: 1;
}

.hero-scrub__settle {
  opacity: 0;
  transition: opacity 350ms ease;
  pointer-events: none;
}

.hero-scrub__content {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  padding: clamp(24px, 6vw, 72px);
}