/* One short story: question → second question → answer. Resting layout is unchanged. */
@media (prefers-reduced-motion: no-preference) {
  .home .hero-expert:not([data-offer]) .hero-sticker {
    --sticker-x: 80%;
    --sticker-y: 8%;
    --sticker-tilt: 5deg;
    --sticker-rest: -9deg;
    --sticker-overshoot: -12deg;
    --sticker-peek: -5%;
    --sticker-hidden: inset(-35% 100% -35% -35%);
    animation: hero-sticker-unfold calc(880ms * var(--hero-motion-speed,1)) cubic-bezier(.22,.75,.25,1) both;
    animation-delay: calc(320ms * var(--hero-motion-speed,1));
    transform-origin: 80% 60%;
  }

  .home .hero-expert:not([data-offer]) .hero-sticker--services {
    --sticker-x: 92%;
    --sticker-y: -12%;
    --sticker-tilt: 8deg;
    --sticker-rest: -3deg;
    --sticker-overshoot: -6deg;
    animation-delay: calc(1270ms * var(--hero-motion-speed,1));
    transform-origin: 85% 35%;
  }

  .home .hero-expert:not([data-offer]) .hero-sticker--answer {
    --sticker-x: -78%;
    --sticker-y: 12%;
    --sticker-tilt: -7deg;
    --sticker-rest: 8deg;
    --sticker-overshoot: 11deg;
    --sticker-peek: 5%;
    --sticker-hidden: inset(-35% -35% -35% 100%);
    animation-delay: calc(2350ms * var(--hero-motion-speed,1));
    animation-duration: calc(1000ms * var(--hero-motion-speed,1));
    transform-origin: 20% 60%;
  }

  @keyframes hero-sticker-unfold {
    0% {
      opacity: 0;
      clip-path: var(--sticker-hidden);
      transform: translate(var(--sticker-x),var(--sticker-y)) rotate(var(--sticker-tilt)) scale(.92);
      filter: drop-shadow(0 0 0 #25304a00);
    }
    18% { opacity: 1; }
    72% {
      opacity: 1;
      clip-path: inset(-35% -35% -35% -35%);
      transform: translate(var(--sticker-peek),-2%) rotate(var(--sticker-overshoot)) scale(1.025);
      filter: drop-shadow(0 7px 5px #25304a19);
    }
    100% {
      opacity: 1;
      clip-path: inset(-35% -35% -35% -35%);
      transform: translate(0,0) rotate(var(--sticker-rest)) scale(1);
      filter: drop-shadow(0 3px 3px #25304a10);
    }
  }
}

@media print {
  .home .hero-expert .hero-sticker { animation: none !important; }
}

/* Slightly larger hero questions and answer at each layout breakpoint. */
.home .hero-sticker { font-size: clamp(18px,1.85vw,28px); }
.home .hero-sticker--services { font-size: clamp(17px,1.74vw,26px); }
.home .hero-sticker--question { padding-inline: 12px; }
.home .hero-sticker > span { white-space: nowrap; }
@media (min-width:761px) and (max-width:1000px) {
  .home .hero-sticker { font-size: 17px; }
  .home .hero-sticker--services { font-size: 16px; }
  .home .hero-sticker--question { min-width: 160px; }
}
@media (max-width:760px) {
  .home .hero-sticker { font-size: 16px; }
  .home .hero-sticker--services { font-size: 15px; }
  .home .hero-sticker--question { padding-inline: 7px; }
  .home .hero-sticker--answer { padding-inline: 13px; }
}
@media (max-width:370px) {
  .home .hero-sticker { font-size: 15px; }
  .home .hero-sticker--services { font-size: 14px; }
  .home .hero-sticker--question { min-width: 134px; }
  .home .hero-sticker--answer { padding-inline: 10px; }
}