@keyframes mrHeroIn{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes mrRise{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
@keyframes mrSwayA{0%,100%{transform:rotate(0)}50%{transform:rotate(.5deg)}}
@keyframes mrSwayB{0%,100%{transform:rotate(0)}50%{transform:rotate(-.65deg) translateY(-2px)}}
@keyframes mrStainIn{from{opacity:0}to{opacity:1}}
@keyframes mrFallDrop{to{transform:translateY(88px) scale(.9,.7);opacity:.85}}
@keyframes mrCaret{0%,45%{opacity:1}50%,100%{opacity:0}}
.mr-hero{opacity:0;animation:mrHeroIn .9s cubic-bezier(.22,1,.36,1) forwards}
@supports (animation-timeline:view()){.mr-reveal{animation:mrRise both;animation-timeline:view();animation-range:entry 5% entry 45%}}
.mr-caret{display:inline-block;width:.045em;height:.82em;background:var(--berry);margin-left:.06em;vertical-align:-.08em;animation:mrCaret .9s steps(1) infinite}
.mr-plant{position:absolute;bottom:-500px;right:max(-140px,-8vw);width:min(66vw,940px);aspect-ratio:1100/1005;pointer-events:none;z-index:2;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,0),#000 38%);mask-image:linear-gradient(to right,rgba(0,0,0,0),#000 38%)}
.mr-plant img{position:absolute;inset:0;width:100%;height:100%;display:block;user-select:none;-webkit-user-drag:none}
.mr-lean{position:absolute;inset:0;transition:transform 1.4s cubic-bezier(.33,1,.68,1)}
.mr-sway-a{position:absolute;inset:0;animation:mrSwayA 9s ease-in-out infinite;transform-origin:50% 96%}
.mr-sway-b{position:absolute;inset:0;animation:mrSwayB 6.5s ease-in-out infinite;transform-origin:52% 100%;clip-path:inset(0 0 44% 0)}
#top:hover .mr-lean-a{transform:rotate(.45deg)}#top:hover .mr-lean-b{transform:rotate(-.7deg) translateY(-2px)}
.mr-berry{position:absolute;width:44px;height:44px;transform:translate(-50%,-50%);background:none;border:none;padding:0;cursor:pointer;pointer-events:auto;border-radius:50%}
.mr-stain{position:absolute;mix-blend-mode:multiply;pointer-events:none;animation:mrStainIn .5s ease-out both}
.mr-fall{position:absolute;width:11px;height:13px;border-radius:45% 55% 50% 50%/40% 40% 60% 60%;background:radial-gradient(circle at 35% 30%,#7b1b33,#2e0511 70%);animation:mrFallDrop .5s cubic-bezier(.55,0,.85,.4) forwards;pointer-events:none}
@media (min-width:761px) and (max-width:1100px){.mr-plant{right:max(-160px,-16vw);width:62vw;bottom:-490px}}
@media (max-width:760px){.mr-plant{bottom:-190px;right:-22vw;width:120vw;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0),#000 16%);mask-image:linear-gradient(to bottom,rgba(0,0,0,0),#000 16%)}#top{padding-bottom:min(80vw,320px)!important}#top p.mr-hero{background:rgba(250,247,242,.92);border-radius:12px;padding:12px 14px}}
@media (prefers-reduced-motion:reduce){.mr-hero{animation:none;opacity:1}.mr-reveal{animation:none}.mr-sway-a,.mr-sway-b{animation:none}.mr-lean{transition:none}.mr-fall{display:none}}
