/* One quiet object; the scroll gesture opens it. */
.hero-journey{position:relative;height:190svh}
.hero-journey .hero{position:sticky;top:0;height:100svh}
.hero-canvas{width:55%;height:100%;top:0;right:0;opacity:1}
.hero-object-caption{position:absolute;right:12%;top:73%;display:flex;flex-direction:column;gap:9px;font:9px 'IBM Plex Mono',monospace;letter-spacing:.2em;color:#c88b52;pointer-events:none}
.hero-object-caption span:last-child{color:#717969;font-size:8px}
.hero-product-targets{position:absolute;inset:0;pointer-events:none}
.hero-product-target{position:absolute;background:transparent;border:0;pointer-events:auto;cursor:pointer;border-radius:8px;opacity:0}
.hero-product-target:hover{box-shadow:0 0 0 1px #b0ff0055,0 0 32px #b0ff0012}
.hero-product-target:focus-visible{opacity:1;outline:1px solid var(--acc);outline-offset:8px}
.hero-product-target[hidden]{display:none}
@media(max-width:768px){
  .hero-journey{height:165svh}
  .hero-canvas{width:100%;height:48%;top:50px;opacity:1}
  .hero-object-caption{right:24px;top:43%;font-size:8px;gap:6px}
}
@media(prefers-reduced-motion:reduce){
  .hero-journey{height:auto;min-height:0}
}