/* Services-stack doodle reveal. GENERATED for 44 pen slices, 2026-08-28.

   v1 had 14 slices and Mena's verdict was that it did not feel like being
   drawn: fourteen regions fading in reads as blocks, not a pen. 44 slices
   at a 34ms cadence is a line extending across the card (~1.5s on, ~0.5s
   off in reverse, the pen lifting away the way it came).

   No dim anywhere: Mena, "hover shouldnt dim anytihng".

   No will-change: 44 slice images across three cards would promote 132
   compositor layers, and the hero wheel taught us tonight that bulk layer
   promotion makes WebKit WORSE. Plain opacity transitions are already the
   cheapest thing a compositor does.

   nth-child IS the pen order; services-stack.js emits the slices in draw
   order and this file must be regenerated together with them
   (make_slices2.py + the generator in the build log).

   TOUCH TRIGGER IS is-doodle, NOT is-top (2026-08-31). is-top flips the
   instant a swipe cycles the deck, which started ~88 staggered slice
   transitions (old card lifting off + new card drawing on) WHILE three
   cards were spring-animating and the headline was cross-fading — the
   phone swipe lag Mena reported. services-stack.js now grants is-doodle
   to the top card only once the springs settle, so the pen draws on a
   still deck. Desktop hover is untouched. */
/* The STACK (one per card, three total) gets its own layer so the 44
   slice fades re-raster only the ink surface, not the card face under it
   (2026-08-31 iPhone bisect: the reveal storm was the ~70-90ms spikes at
   card-landing). This does NOT contradict the no-will-change note below:
   that warns against promoting all 132 slice IMGs individually. */
.hvo-doodle-stack{position:absolute;inset:0;pointer-events:none;transform:translateZ(0)}
.hvo-doodle-stack img{position:absolute;opacity:0;transition:opacity 90ms ease-in}
@media (hover:hover) and (pointer:fine){
 .hvo-sstack-card:hover .hvo-doodle-stack img,.hvo-sstack-card:focus-visible .hvo-doodle-stack img{opacity:1;transition:opacity 110ms ease-out}}
@media (hover:none){
 .hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img{opacity:1;transition:opacity 110ms ease-out}}
.hvo-doodle-stack img:nth-child(1){transition-delay:473ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(1),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(1),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(1){transition-delay:0ms}
.hvo-doodle-stack img:nth-child(2){transition-delay:462ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(2),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(2),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(2){transition-delay:34ms}
.hvo-doodle-stack img:nth-child(3){transition-delay:451ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(3),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(3),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(3){transition-delay:68ms}
.hvo-doodle-stack img:nth-child(4){transition-delay:440ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(4),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(4),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(4){transition-delay:102ms}
.hvo-doodle-stack img:nth-child(5){transition-delay:429ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(5),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(5),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(5){transition-delay:136ms}
.hvo-doodle-stack img:nth-child(6){transition-delay:418ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(6),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(6),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(6){transition-delay:170ms}
.hvo-doodle-stack img:nth-child(7){transition-delay:407ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(7),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(7),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(7){transition-delay:204ms}
.hvo-doodle-stack img:nth-child(8){transition-delay:396ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(8),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(8),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(8){transition-delay:238ms}
.hvo-doodle-stack img:nth-child(9){transition-delay:385ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(9),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(9),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(9){transition-delay:272ms}
.hvo-doodle-stack img:nth-child(10){transition-delay:374ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(10),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(10),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(10){transition-delay:306ms}
.hvo-doodle-stack img:nth-child(11){transition-delay:363ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(11),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(11),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(11){transition-delay:340ms}
.hvo-doodle-stack img:nth-child(12){transition-delay:352ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(12),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(12),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(12){transition-delay:374ms}
.hvo-doodle-stack img:nth-child(13){transition-delay:341ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(13),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(13),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(13){transition-delay:408ms}
.hvo-doodle-stack img:nth-child(14){transition-delay:330ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(14),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(14),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(14){transition-delay:442ms}
.hvo-doodle-stack img:nth-child(15){transition-delay:319ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(15),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(15),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(15){transition-delay:476ms}
.hvo-doodle-stack img:nth-child(16){transition-delay:308ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(16),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(16),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(16){transition-delay:510ms}
.hvo-doodle-stack img:nth-child(17){transition-delay:297ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(17),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(17),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(17){transition-delay:544ms}
.hvo-doodle-stack img:nth-child(18){transition-delay:286ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(18),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(18),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(18){transition-delay:578ms}
.hvo-doodle-stack img:nth-child(19){transition-delay:275ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(19),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(19),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(19){transition-delay:612ms}
.hvo-doodle-stack img:nth-child(20){transition-delay:264ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(20),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(20),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(20){transition-delay:646ms}
.hvo-doodle-stack img:nth-child(21){transition-delay:253ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(21),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(21),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(21){transition-delay:680ms}
.hvo-doodle-stack img:nth-child(22){transition-delay:242ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(22),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(22),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(22){transition-delay:714ms}
.hvo-doodle-stack img:nth-child(23){transition-delay:231ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(23),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(23),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(23){transition-delay:748ms}
.hvo-doodle-stack img:nth-child(24){transition-delay:220ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(24),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(24),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(24){transition-delay:782ms}
.hvo-doodle-stack img:nth-child(25){transition-delay:209ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(25),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(25),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(25){transition-delay:816ms}
.hvo-doodle-stack img:nth-child(26){transition-delay:198ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(26),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(26),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(26){transition-delay:850ms}
.hvo-doodle-stack img:nth-child(27){transition-delay:187ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(27),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(27),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(27){transition-delay:884ms}
.hvo-doodle-stack img:nth-child(28){transition-delay:176ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(28),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(28),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(28){transition-delay:918ms}
.hvo-doodle-stack img:nth-child(29){transition-delay:165ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(29),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(29),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(29){transition-delay:952ms}
.hvo-doodle-stack img:nth-child(30){transition-delay:154ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(30),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(30),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(30){transition-delay:986ms}
.hvo-doodle-stack img:nth-child(31){transition-delay:143ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(31),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(31),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(31){transition-delay:1020ms}
.hvo-doodle-stack img:nth-child(32){transition-delay:132ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(32),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(32),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(32){transition-delay:1054ms}
.hvo-doodle-stack img:nth-child(33){transition-delay:121ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(33),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(33),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(33){transition-delay:1088ms}
.hvo-doodle-stack img:nth-child(34){transition-delay:110ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(34),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(34),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(34){transition-delay:1122ms}
.hvo-doodle-stack img:nth-child(35){transition-delay:99ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(35),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(35),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(35){transition-delay:1156ms}
.hvo-doodle-stack img:nth-child(36){transition-delay:88ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(36),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(36),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(36){transition-delay:1190ms}
.hvo-doodle-stack img:nth-child(37){transition-delay:77ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(37),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(37),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(37){transition-delay:1224ms}
.hvo-doodle-stack img:nth-child(38){transition-delay:66ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(38),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(38),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(38){transition-delay:1258ms}
.hvo-doodle-stack img:nth-child(39){transition-delay:55ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(39),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(39),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(39){transition-delay:1292ms}
.hvo-doodle-stack img:nth-child(40){transition-delay:44ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(40),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(40),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(40){transition-delay:1326ms}
.hvo-doodle-stack img:nth-child(41){transition-delay:33ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(41),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(41),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(41){transition-delay:1360ms}
.hvo-doodle-stack img:nth-child(42){transition-delay:22ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(42),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(42),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(42){transition-delay:1394ms}
.hvo-doodle-stack img:nth-child(43){transition-delay:11ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(43),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(43),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(43){transition-delay:1428ms}
.hvo-doodle-stack img:nth-child(44){transition-delay:0ms}
.hvo-sstack-card:hover .hvo-doodle-stack img:nth-child(44),.hvo-sstack-card:focus-visible .hvo-doodle-stack img:nth-child(44),.hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img:nth-child(44){transition-delay:1462ms}
@media (prefers-reduced-motion:reduce){
 .hvo-doodle-stack img,.hvo-sstack-card:hover .hvo-doodle-stack img,
 .hvo-sstack-card.is-doodle.is-onscreen .hvo-doodle-stack img{
  transition:opacity 240ms linear!important;transition-delay:0ms!important}}