.story-box{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:4rem 0;margin:3rem 0;position:relative;overflow:hidden;transition:all .3s ease;width:100vw;margin-left:calc(-50vw + 50%);box-shadow:0 8px 32px #0000001f}.story-box-container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:2}.story-box:hover{box-shadow:0 12px 40px #00000026}.story-box:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57);background-size:200% 100%;animation:gradientShift 3s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.story-box:after{content:"";position:absolute;top:50%;right:5%;width:120px;height:120px;background:linear-gradient(135deg,#ffffff26,#ffffff08);border-radius:50%;opacity:.6;transform:translateY(-50%)}.story-box h3{color:#2c3e50;font-size:1.75rem;margin-bottom:1.25rem;font-weight:700;line-height:1.3;position:relative}.story-box h3:after{content:"";position:absolute;bottom:-8px;left:0;width:50px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.story-box p{color:#5a6c7d;line-height:1.7;margin-bottom:2rem;font-size:1.1rem;font-weight:400}.story-cta{display:inline-flex;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:14px 28px;border-radius:30px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 15px #667eea4d;position:relative;overflow:hidden}.story-cta:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.story-cta:hover:before{left:100%}.story-cta:hover{transform:translateY(-3px);box-shadow:0 8px 25px #667eea66;color:#fff;text-decoration:none}.story-cta:after{content:"\2192";margin-left:8px;transition:transform .3s ease}.story-cta:hover:after{transform:translate(4px)}@media screen and (max-width: 749px){.story-box{padding:3rem 0;margin:2rem 0}.story-box-container{padding:0 1.5rem}.story-box h3{font-size:1.5rem;margin-bottom:1rem}.story-box p{font-size:1rem;margin-bottom:1.5rem}.story-cta{padding:12px 24px;font-size:.95rem}.story-box:after{width:80px;height:80px;right:3%}}@media screen and (max-width: 480px){.story-box{padding:2.5rem 0;margin:1.5rem 0}.story-box-container{padding:0 1rem}.story-box h3{font-size:1.25rem}.story-box p{font-size:.95rem;line-height:1.6}.story-cta{padding:10px 20px;font-size:.9rem;width:100%;text-align:center;justify-content:center}.story-box:after{width:60px;height:60px}}@media (prefers-color-scheme: dark){.story-box{background:linear-gradient(135deg,#2d3748,#4a5568);box-shadow:0 8px 32px #0000004d}.story-box h3{color:#e2e8f0}.story-box p{color:#cbd5e0}.story-box:after{background:linear-gradient(135deg,#ffffff1a,#ffffff05)}}.story-box.scroll-trigger{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.story-box.scroll-trigger.animate--slide-in{opacity:1;transform:translateY(0)}.story-box.with-particles:before{background-image:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,200,255,.3) 0%,transparent 50%);animation:particleFloat 6s ease-in-out infinite}@keyframes particleFloat{0%,to{background-position:0% 0%,100% 100%,50% 50%}33%{background-position:30% 70%,70% 30%,80% 20%}66%{background-position:70% 30%,30% 70%,20% 80%}}
/*# sourceMappingURL=/cdn/shop/t/114/assets/story-box.css.map */