/* The water layer is drawn once at device resolution, then physically cleared by the blade. */
.draft-b .hero .water-glass,.draft-b .hero .squeegee{display:none!important}
.garden-water{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none}
.garden-blade{position:absolute;z-index:5;left:0;top:0;height:145px;pointer-events:none;transform-origin:50% 0;filter:drop-shadow(0 3px 2px #10201838);will-change:transform;opacity:0}
.garden-blade .blade-channel{position:absolute;top:-12px;left:0;width:100%;height:14px;border-radius:2px;background:linear-gradient(180deg,#f3f5f5 0%,#b5bdbf 15%,#778286 29%,#e1e6e7 40%,#fafbfb 48%,#abb5b8 66%,#737f83 88%,#d4dadc 100%);border:1px solid #6d797d;box-shadow:inset 0 1px 0 #ffffffb3}
.garden-blade .blade-channel:before,.garden-blade .blade-channel:after{content:'';position:absolute;top:-1px;width:5px;height:14px;border-radius:2px;background:linear-gradient(90deg,#30383b,#576164,#252c2e)}
.garden-blade .blade-channel:before{left:-1px}.garden-blade .blade-channel:after{right:-1px}
.garden-blade .blade-rubber{position:absolute;left:-2px;right:-2px;top:1px;height:4px;border-radius:0 0 1px 1px;background:linear-gradient(#42494a,#101718 65%);box-shadow:0 1px 0 #efffff70}
.garden-blade .blade-neck{position:absolute;left:calc(50% - 23px);top:-15px;width:46px;height:43px;clip-path:polygon(6% 0,94% 0,100% 26%,75% 68%,67% 100%,33% 100%,25% 68%,0 26%);background:linear-gradient(90deg,#667478,#d4dcdf 22%,#f4f6f7 44%,#aebbbf 65%,#5d6d73);box-shadow:inset 0 2px 0 #fff}
.garden-blade .blade-neck:after{content:'';position:absolute;width:9px;height:9px;left:18px;top:9px;border:1px solid #6a777b;border-radius:50%;background:linear-gradient(135deg,#f6f8f8 41%,#748084 44%,#748084 54%,#c2cdd0 57%);box-shadow:0 1px 2px #1d282b55}
.garden-blade .blade-grip{position:absolute;left:calc(50% - 14px);top:22px;width:28px;height:106px;border:1px solid #172023;border-radius:6px 6px 13px 13px;background:linear-gradient(90deg,#172125,#354348 24%,#28363b 55%,#10191c 100%);box-shadow:inset 1px 0 1px #7b898a70,inset 0 -4px 2px #0b1417;transform:rotate(-5deg);transform-origin:top}
.garden-blade .blade-grip:before{content:'';position:absolute;left:2px;right:2px;top:4px;height:7px;border-radius:2px;background:linear-gradient(90deg,#506652,#8a9e7f,#455c4b)}
.garden-blade .blade-grip:after{content:'';position:absolute;inset:22px 5px 17px;border-radius:6px 6px 9px 9px;background:linear-gradient(90deg,#1b292d,#2b3a3e 45%,#1b292d);box-shadow:inset 0 0 0 1px #ffffff08}
.draft-b .hero.garden-running .hero-copy{opacity:0!important;animation:none!important;transform:translateY(8px);pointer-events:none}
.draft-b .hero.garden-ready .hero-copy{opacity:1!important;animation:none!important;transform:none;transition:opacity .65s ease,transform .65s ease}
.draft-b .hero.garden-running .hero-bottom{z-index:7}
.draft-b .hero.garden-ready #replay,.draft-b .hero.garden-ready .hero-bottom>a{visibility:visible}
.draft-b .hero.garden-running #replay,.draft-b .hero.garden-running .hero-bottom>a{visibility:hidden}
.draft-b .hero.garden-ready #pause-film{display:none}
.draft-b .hero .hero-bottom #pause-film{box-shadow:0 1px 12px #193b2220;font-size:11px;letter-spacing:.02em;background:#fafaf2e8}
@media(prefers-reduced-motion:reduce){.garden-water,.garden-blade{display:none!important}.draft-b .hero.garden-ready .hero-copy{transition:none}}

/* Photographic cutout: rubber contact edge aligns with the canvas wipe line. */
.garden-blade .blade-photo{position:absolute;display:block;left:-.8%;top:0;width:101.6%;height:auto;max-width:none;transform:translateY(-26.5%);user-select:none}
.garden-blade{filter:drop-shadow(0 2px 1px #10201830)}