/* Product photography stays decorative; the copy and links never move. */
.hero-motion { isolation:isolate; }
.hero-motion .hero-inner { display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:36px;align-items:center;z-index:auto; }
.hero-motion .hero-copy { min-width:0;position:relative;z-index:2; }
.hero-motion h1 { font-size:clamp(38px,4.8vw,64px); }
.hero-stage { position:relative;min-width:0;width:100%;height:440px;perspective:1000px;isolation:isolate;mix-blend-mode:screen; }
.hero-stage[hidden] { display:none; }
.hero-motion:not(.has-hero-images) .hero-inner { grid-template-columns:1fr; }
.hero-stage::after { content:"";position:absolute;left:13%;right:8%;bottom:24px;height:18px;border-radius:50%;background:var(--ink-000);opacity:.07;filter:blur(16px); }
.hero-photo { position:absolute;top:38px;left:24%;width:65%;height:340px;margin:0;transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) rotate(-9deg);transition:transform .5s cubic-bezier(.2,.7,.2,1);z-index:2; }
.hero-photo img { width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 22px 18px #0006);mix-blend-mode:screen; }
.hero-photo--pair { left:-2%;top:0;width:104%;height:420px; }
.hero-photo--back { left:0;top:62px;width:57%;height:305px;z-index:1;transform:translate3d(calc(var(--hero-x,0px) * -.6),calc(var(--hero-y,0px) * -.6),-40px) rotate(12deg); }
.hero-stage.is-entering .hero-photo { animation:hero-arrive .95s cubic-bezier(.16,1,.3,1) both; }
.hero-stage.is-entering .hero-photo img { animation:hero-settle 4s ease-in-out both; }
@keyframes hero-settle { 0%,100%{transform:translateY(0) rotate(0)} 40%{transform:translateY(-8px) rotate(1.5deg)} 72%{transform:translateY(3px) rotate(-.5deg)} }
.hero-stage.is-entering .hero-photo--back { animation-name:hero-arrive-back;animation-delay:.1s; }
@keyframes hero-arrive { from { opacity:0;transform:translate3d(10px,-52px,20px) rotate(-16deg); } to { opacity:1;transform:translate3d(0,0,0) rotate(-9deg); } }
@keyframes hero-arrive-back { from { opacity:0;transform:translate3d(-8px,-36px,-40px) rotate(18deg); } to { opacity:1;transform:translate3d(0,0,-40px) rotate(12deg); } }
@media(max-width:767px) {
  .hero-motion .hero-inner { grid-template-columns:1fr;gap:12px; }
  .hero-motion h1 { font-size:clamp(34px,8vw,46px); }
  .hero-stage { height:190px;max-width:320px;justify-self:center; }
  .hero-photo { height:210px;width:53%;left:34%;top:6px; }
  .hero-photo--back { height:185px;width:47%;left:13%;top:20px; }
  .hero-photo--pair { left:14%;top:0;width:72%;height:190px; }
  .hero-motion .hero-ctas { gap:8px; }
  .hero-motion .hero-ctas a { min-height:44px;padding:10px 14px;display:inline-flex;align-items:center;justify-content:center; }
  .hero-motion .stat-row { gap:20px;margin-top:24px; }
}
@media(prefers-reduced-motion:reduce) {
  .hero-stage .hero-photo,.hero-stage .hero-photo img { animation:none!important;transition:none; }
  .hero-motion .eyebrow::before { animation:none; }
}