.hero-v12{
  background:linear-gradient(180deg,#ffffff 0%,#f7fbff 100%);
}
.hero-v12 .hero-sticky{
  max-width:1380px;
  margin:0 auto;
  min-height:auto;
  display:block;
  padding:clamp(2rem,4vw,4rem) clamp(1rem,3vw,2.25rem) 2.25rem;
}
.hero-v12 .hero-copy{
  max-width:820px;
  margin:0 auto 1.4rem;
  text-align:center;
}
.hero-v12 .hero-copy p:last-child{
  max-width:620px;
  margin-inline:auto;
}
.hero-v12 .premium-stage-wrap{
  position:relative;
  max-width:1280px;
  margin:0 auto;
  padding:1rem 0 1.5rem;
}
.hero-v12 .premium-stage{
  direction:ltr;
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:clamp(.5rem,1.2vw,1rem);
  padding:1.25rem 0 2.65rem;
  isolation:isolate;
}
.hero-v12 .premium-stage::before{
  content:"";
  position:absolute;
  inset:auto 3% .55rem 3%;
  height:34px;
  border-radius:999px;
  background:radial-gradient(ellipse at center, rgba(32,85,148,.10) 0%, rgba(32,85,148,.06) 48%, rgba(32,85,148,0) 78%);
  z-index:0;
}
.hero-v12 .premium-stage::after{
  content:"";
  position:absolute;
  left:1.5%;
  right:1.5%;
  bottom:.8rem;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(22,68,124,.22), rgba(22,68,124,.22), transparent);
  z-index:0;
}
.hero-v12 .premium-item{
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  flex:0 0 auto;
  text-decoration:none;
  opacity:0;
  transform:translateY(-84px) scale(.98);
  transition:transform .78s cubic-bezier(.22,.9,.22,1), opacity .42s ease;
  will-change:transform, opacity;
}
.hero-v12 .premium-item.is-landed{
  opacity:1;
  transform:translateY(0) scale(1);
}
.hero-v12 .premium-item img{
  display:block;
  width:100%;
  height:auto;
  position:relative;
  z-index:2;
  filter:drop-shadow(0 12px 20px rgba(8,31,61,.16));
}
.hero-v12 .premium-item:hover img,
.hero-v12 .premium-item:focus-visible img{
  transform:translateY(-2px);
}
.hero-v12 .premium-item .stage-shadow{
  position:absolute;
  left:50%;
  bottom:.2rem;
  transform:translateX(-50%);
  width:72%;
  height:14px;
  border-radius:50%;
  background:rgba(16,45,77,.18);
  filter:blur(12px);
  z-index:1;
  opacity:.58;
}
.hero-v12 .stage-vacuum{width:clamp(102px,11vw,168px)}
.hero-v12 .stage-oven{width:clamp(112px,11.5vw,182px)}
.hero-v12 .stage-washer{width:clamp(108px,10.8vw,168px)}
.hero-v12 .stage-fridge{width:clamp(126px,12.8vw,210px)}
.hero-v12 .stage-dishwasher{width:clamp(108px,10.8vw,168px)}
.hero-v12 .stage-microwave{width:clamp(122px,12vw,188px)}
.hero-v12 .panorama-hint{
  margin:.3rem auto 0;
  text-align:center;
  color:#6f89a6;
  font-size:.98rem;
}
.hero-v12 .hero-bottom{
  margin-top:1.15rem;
}
.hero-v12 .replay{cursor:pointer}
.hero-v12 .replay:focus-visible,
.hero-v12 .premium-item:focus-visible{
  outline:2px solid rgba(22,68,124,.35);
  outline-offset:4px;
  border-radius:24px;
}

@media (max-width: 900px){
  .hero-v12 .hero-sticky{padding-inline:1rem}
  .hero-v12 .premium-stage{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    justify-items:center;
    align-items:end;
    gap:1rem .65rem;
    padding:1rem 0 1.25rem;
  }
  .hero-v12 .premium-stage::before,
  .hero-v12 .premium-stage::after{
    left:6%; right:6%;
  }
  .hero-v12 .premium-item{width:100% !important; max-width:150px}
  .hero-v12 .premium-item img{max-width:100%; max-height:186px; width:auto}
  .hero-v12 .stage-fridge img{max-height:220px}
  .hero-v12 .stage-vacuum img{max-height:170px}
  .hero-v12 .stage-microwave img{max-height:120px}
  .hero-v12 .panorama-hint{font-size:.93rem}
}

@media (max-width: 620px){
  .hero-v12 .premium-stage{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1.05rem .85rem;
  }
  .hero-v12 .premium-item{max-width:170px}
  .hero-v12 .stage-fridge img{max-height:230px}
  .hero-v12 .hero-bottom{
    flex-direction:column;
    align-items:stretch;
    gap:.75rem;
  }
  .hero-v12 .scroll-down,
  .hero-v12 .replay{
    width:100%;
    justify-content:center;
  }
  .hero-v12 .hero-caption{
    text-align:center;
  }
}