/* V13 — compact premium white home with consistent desktop/mobile story cards */
.hero-v12 .hero-sticky{
  padding:clamp(1.8rem,3.2vw,3rem) clamp(1rem,2.5vw,2rem) 1.35rem;
}
.hero-v12 .hero-copy{margin:0 auto 1rem}
.hero-v12 .hero-copy h1{margin-bottom:.4rem}
.hero-v12 .hero-copy p:last-child{max-width:720px}
.hero-v12 .premium-stage-wrap{max-width:1220px;padding:.35rem 0 .8rem}
.hero-v12 .premium-stage{
  gap:clamp(.8rem,1.6vw,1.35rem);
  padding:1.3rem .35rem 2rem;
}
.hero-v12 .premium-stage::before{inset:auto 4% .4rem 4%;height:28px;opacity:.9}
.hero-v12 .premium-stage::after{left:4%;right:4%;bottom:.72rem}
.hero-v12 .premium-item img{transition:transform .2s ease}
.hero-v12 .stage-vacuum{width:clamp(110px,10.5vw,165px)}
.hero-v12 .stage-oven{width:clamp(145px,14.2vw,220px)}
.hero-v12 .stage-washer{width:clamp(118px,11.2vw,178px)}
.hero-v12 .stage-fridge{width:clamp(175px,17vw,258px)}
.hero-v12 .stage-dishwasher{width:clamp(118px,11vw,176px)}
.hero-v12 .stage-microwave{width:clamp(116px,10.8vw,172px)}
.hero-v12 .panorama-hint{margin-top:.15rem;font-size:.94rem}
.hero-v12 .hero-bottom{margin-top:.75rem}
.hero-v12 .hero-caption{font-size:.72rem}

.chapter-divider{
  max-width:1100px;
  margin:0 auto;
  padding:0 20px;
}

/* compact story cards on both desktop and mobile */
.story{
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  padding:0;
  margin:0 0 18px;
  border-top:0 !important;
  overflow:visible;
}
.story .story-pin{
  position:static !important;
  top:auto !important;
  height:auto !important;
  min-height:0 !important;
  max-width:1100px;
  margin:0 auto;
  padding:0 20px;
  background:transparent !important;
}
.story .scene-layout{
  width:100% !important;
  height:auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  padding:0 !important;
  border:1px solid #e9eef3;
  border-radius:24px;
  overflow:hidden;
  background:#fff !important;
  box-shadow:0 14px 32px rgba(24,61,102,.05);
}
.story .scene-art{
  order:1 !important;
  width:100% !important;
  min-width:0;
  min-height:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff !important;
  padding:34px 24px 20px;
  overflow:hidden !important;
}
.story .scene-copy{
  order:2 !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:14px 28px 28px !important;
  text-align:right;
  opacity:1 !important;
  transform:none !important;
  background:#fff;
}
html[lang="en"] .story .scene-copy{text-align:left}
.story .scene-copy .chapter{font-size:.82rem;letter-spacing:.08em;color:#96a7b6}
.story .scene-copy .type{font-size:.92rem;color:#7a92a7;line-height:1.8;margin:0 0 .2rem}
.story .scene-copy h2{font-size:clamp(2rem,3.1vw,3rem);line-height:1.24;letter-spacing:-.03em;margin:.2rem 0 .55rem}
.story .scene-copy h2 br{display:none}
.story .scene-copy p{font-size:1rem;line-height:2;color:#70879c;margin:0 0 1rem;max-width:760px}
.story .category-link{
  width:max-content;
  min-height:48px;
  padding:11px 20px;
  gap:10px;
  border-radius:14px;
  background:#16447c !important;
  color:#fff !important;
  box-shadow:0 12px 24px rgba(22,68,124,.14);
}
.story .category-link:hover{transform:translateY(-1px)}
.story .story-progress{display:none !important}
.story .appliance,
.story .scene-film,
.story .fridge-film,
.story .washer-visual{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}
.story .scene-film,
.story .fridge-film{height:auto !important;max-height:none !important}
.story .scene-film .scene-scroll-video,
.story .fridge-film .fridge-scroll-video{
  width:100%;
  height:auto;
  object-fit:contain;
}
.story .washer-visual{
  max-width:320px;
  aspect-ratio:1638/2048;
  height:auto !important;
}
.story .washer-visual>img{width:100%;height:auto;object-fit:contain}
.story .scene-film--oven{max-width:530px}
.story .scene-film--oven .scene-scroll-video{transform:scale(1.06)}
.story .scene-film--dishwasher{max-width:310px}
.story .scene-film--microwave{max-width:470px}
.story .scene-film--microwave .scene-scroll-video{transform:scale(1.12)}
.story .scene-film--vacuum{max-width:300px}
.story .fridge-film{max-width:330px}
.story .scene-film.has-video-error,
.story .fridge-film.has-video-error{min-height:280px}

/* tighter flow after hero */
.categories{padding-top:40px !important}
.categories-heading{margin-bottom:20px !important}
.closing{padding-top:55px !important}

@media (max-width:980px){
  .hero-v12 .hero-copy h1{font-size:clamp(2rem,6.5vw,3rem)}
  .story .scene-copy h2{font-size:clamp(1.8rem,5.6vw,2.45rem)}
}

@media (max-width:780px){
  .hero-v12 .hero-sticky{padding:1rem .9rem 1rem;height:auto !important;min-height:0 !important;position:relative !important;top:auto !important;display:block !important;overflow:visible !important}
  .hero-v12 .hero-copy{margin-bottom:.7rem}
  .hero-v12 .premium-stage{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    justify-items:center;
    align-items:end;
    gap:1rem .75rem;
    padding:.9rem .3rem 1.35rem;
  }
  .hero-v12 .premium-stage::before{inset:auto 5% .52rem 5%;height:24px}
  .hero-v12 .premium-stage::after{left:5%;right:5%}
  .hero-v12 .premium-item{width:100% !important;max-width:170px}
  .hero-v12 .premium-item img{width:auto;max-width:100%;height:auto}
  .hero-v12 .stage-fridge img{max-height:226px}
  .hero-v12 .stage-oven img{max-height:192px}
  .hero-v12 .stage-washer img,.hero-v12 .stage-dishwasher img{max-height:170px}
  .hero-v12 .stage-vacuum img{max-height:160px}
  .hero-v12 .stage-microwave img{max-height:110px}
  .hero-v12 .panorama-hint{font-size:.88rem;line-height:1.8}
  .hero-v12 .hero-bottom{display:flex;flex-direction:column;gap:.65rem;align-items:stretch}
  .hero-v12 .scroll-down,.hero-v12 .replay{width:100%;justify-content:center}
  .hero-v12 .hero-caption{text-align:center}

  .chapter-divider{height:auto;padding:12px 16px;gap:8px}
  .chapter-divider p{font-size:14px}

  .story{margin:0 0 14px}
  .story .story-pin{padding:0 14px}
  .story .scene-layout{border-radius:18px}
  .story .scene-art{padding:20px 16px 10px;min-height:250px}
  .story .scene-copy{padding:10px 16px 18px !important}
  .story .scene-copy .chapter{font-size:.74rem}
  .story .scene-copy .type{font-size:.8rem}
  .story .scene-copy h2{font-size:clamp(1.65rem,8vw,2.25rem);line-height:1.22;margin:.15rem 0 .45rem}
  .story .scene-copy p{font-size:.92rem;line-height:1.85;margin-bottom:.85rem}
  .story .category-link{width:100%;justify-content:center;min-height:44px;padding:10px 16px;font-size:.95rem;border-radius:12px}
  .story .scene-film--oven{max-width:390px}
  .story .washer-visual{max-width:250px}
  .story .fridge-film{max-width:260px}
  .story .scene-film--dishwasher{max-width:250px}
  .story .scene-film--microwave{max-width:350px}
  .story .scene-film--microwave .scene-scroll-video{transform:scale(1.16)}
  .story .scene-film--vacuum{max-width:240px}

  .categories{padding-top:28px !important}
  .categories-heading h2{font-size:clamp(1.9rem,8vw,2.6rem)}
}