/* V3 — product storytelling refinement */
.topbar { isolation: isolate; }
.hero {
  min-height: 108svh;
  --hero-progress: 0;
}
.hero-copy { transform: translateY(calc(var(--hero-progress) * -10px)); opacity: calc(1 - var(--hero-progress) * .2); }
.hero-copy, .hero-product, .hero-status { transition: opacity 80ms linear; }
.hero-reveal-line {
  position: absolute;
  z-index: 4;
  left: 50%;
  bottom: calc(12px + var(--safe-bottom));
  width: 44px;
  height: 2px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.15);
  transform: translateX(-50%);
}
.hero-reveal-line::after {
  display: block;
  width: calc(var(--hero-progress) * 100%);
  height: 100%;
  border-radius: inherit;
  background: rgba(255,255,255,.76);
  content: "";
}

.emotion {
  --mood-rgb: 111,124,245;
  transition: background-color 600ms var(--ease-in-out);
}
.emotion > * { position: relative; z-index: 1; }


/* Hero gallery refinement */
.hero-actions .button,
.hero-actions .text-button {
  font-size: 13px;
  line-height: 1.2;
}
.hero-actions .button {
  padding: 10px 16px;
}
@media (min-width:760px) {
  .hero-actions .button,
  .hero-actions .text-button { font-size: 14px; }
}
@media (prefers-reduced-motion:reduce) {
  .hero-copy { transform:none!important; opacity:1!important; }
}