.hero{background:#242725}
.sakura-background{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 85% 45%,#56574a66,transparent 65%),linear-gradient(120deg,#1a1a1a,#353832)}
.sakura-background>img{position:absolute;right:0;top:0;width:100%;height:100%;object-fit:cover;object-position:right center}
.sakura-background:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1a1a1ae8, #1a1a1a88 40%,transparent 75%)}
.sakura-petals{position:absolute;inset:0}.sakura-petals i{position:absolute;left:var(--x);top:-10%;width:var(--size);height:calc(var(--size)*1.5);border-radius:80% 0 80% 30%;background:#e5c8c5;opacity:0;animation:sakura-fall var(--duration) var(--delay) linear infinite}
@keyframes sakura-fall{0%{transform:translate(0,-20px) rotate(0deg);opacity:0}10%{opacity:.65}85%{opacity:.45}100%{transform:translate(-220px,110vh) rotate(380deg);opacity:0}}
@media(max-width:800px){.sakura-background>img{width:160%;max-width:none;right:-30%;opacity:.65}.sakura-background:after{background:linear-gradient(90deg,#1a1a1acc,#1a1a1a66)}.sakura-petals i:nth-child(even){display:none}}
@media(prefers-reduced-motion:reduce){.sakura-petals i{animation:none;display:none}}
.sakura-background>.sakura-branches{transform-origin:100% 0;animation:sakura-wind 9s ease-in-out infinite;will-change:transform}
@keyframes sakura-wind{0%,100%{transform:rotate(-.7deg) translateY(-3px)}35%{transform:rotate(1.3deg) translateY(4px)}70%{transform:rotate(.2deg) translateY(1px)}}
@media(prefers-reduced-motion:reduce){.sakura-background>.sakura-branches{animation:none;will-change:auto}}
.sakura-petals i{background:linear-gradient(135deg,#f0b0bb,#d7748c);border-radius:85% 10% 85% 25%}