.hero-floating-section{padding:60px 0;overflow:visible}.hero-floating-container{position:relative;text-align:center;padding:40px 20px;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.floating-image-wrapper{position:absolute;top:var(--image-offset-y);left:50%;transform:translate(-50%) translate(var(--image-offset-x)) rotate(-8deg);z-index:10;animation:float 3s ease-in-out infinite}.floating-image{max-width:var(--image-size);width:var(--image-size);height:auto;filter:drop-shadow(0 20px 40px rgba(0,0,0,.15));transition:transform .3s ease}.floating-image:hover{transform:translateY(-5px) rotate(2deg)}@keyframes float{0%,to{transform:translate(-50%) translate(var(--image-offset-x)) rotate(-8deg) translateY(0)}50%{transform:translate(-50%) translate(var(--image-offset-x)) rotate(-8deg) translateY(-10px)}}.hero-floating-content{position:relative;z-index:5;max-width:800px}.hero-floating-title{font-weight:700;line-height:1.1;margin:0 0 20px;color:rgb(var(--color-foreground));font-family:var(--font-heading-family)}.hero-floating-subtitle{font-size:18px;line-height:1.6;margin-bottom:30px;color:rgba(var(--color-foreground),.75)}.hero-floating-button-wrapper{margin-top:30px}.hero-floating-button-wrapper .button{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease}.hero-floating-button-wrapper .button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000001a}.hero-floating-button-wrapper .button svg{transition:transform .3s ease}.hero-floating-button-wrapper .button:hover svg{transform:translate(4px)}@media screen and (max-width: 989px){.floating-image{max-width:calc(var(--image-size) * .75);width:calc(var(--image-size) * .75)}.hero-floating-title{font-size:clamp(36px,8vw,72px)!important}}@media screen and (max-width: 749px){.hero-floating-section{padding:40px 0}.floating-image-wrapper{position:relative;transform:translate(0) rotate(-8deg);left:auto;top:auto;margin-bottom:30px}.floating-image{max-width:calc(var(--image-size) * .6);width:calc(var(--image-size) * .6)}.hero-floating-container{min-height:auto}.hero-floating-title{font-size:clamp(32px,10vw,48px)!important}.hero-floating-subtitle{font-size:16px}@keyframes float{0%,to{transform:translate(0) rotate(-8deg) translateY(0)}50%{transform:translate(0) rotate(-8deg) translateY(-8px)}}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/section-hero-floating-image.css.map */