.hero-image{background-image:url('assets/hero-cafe-branded.webp')}
.interactive-plant{--plant-turn:0deg;--plant-x:0px;--plant-y:0px;position:absolute;z-index:4;left:-16px;top:-92px;width:128px;transform-origin:12% 5%;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.plant-leaves{display:block;width:100%;height:auto;max-width:none;transform-origin:12% 4%;transform:translate3d(var(--plant-x),var(--plant-y),0) rotate(var(--plant-turn));transition:transform 950ms cubic-bezier(.22,1.55,.36,1),filter 700ms ease;filter:drop-shadow(2px 5px 4px #0d230e26);pointer-events:auto}
@media(hover:hover) and (pointer:fine){.interactive-plant:hover{--plant-turn:-4deg;--plant-x:3px}.interactive-plant:hover .plant-leaves{filter:brightness(1.07) drop-shadow(3px 7px 5px #0d230e30)}.interactive-plant.is-following .plant-leaves{transition:transform 160ms ease-out,filter 500ms ease}}
@media(min-width:1700px){.interactive-plant{width:145px;top:-106px;left:-18px}}
@media(max-width:1080px){.interactive-plant{width:104px;top:-76px;left:-18px}}
@media(max-width:800px){.interactive-plant{width:77px;top:-53px;left:-16px}}
@media(max-width:540px){.interactive-plant{width:66px;top:-48px;left:-17px;pointer-events:none}.plant-leaves{pointer-events:none}}
@media(prefers-reduced-motion:reduce){.interactive-plant{pointer-events:none}.plant-leaves{transform:none!important;transition:none!important;filter:drop-shadow(2px 5px 4px #0d230e26)!important;pointer-events:none}}