.prof-container{max-width:1100px;margin:0 auto;padding:0 20px;display:flex;align-items:center;position:relative}.prof-image-wrap{flex:0 0 60%;aspect-ratio:1 / 1;border-radius:10px;overflow:hidden;z-index:1}.prof-img{width:100%;height:100%;object-fit:cover;display:none;filter:grayscale(20%)}.prof-img.active{display:block;animation:softFade 1.2s ease}.prof-content-card{flex:0 0 85%;margin-left:-12%;background:#fff;padding:60px 50px;box-shadow:20px 40px 80px #0000000f;z-index:2;border-radius:4px;min-height:480px;display:flex;flex-direction:column;justify-content:center}.prof-slide{display:none}.prof-slide.active{display:block}.prof-slide.active .prof-label,.prof-slide.active .prof-quote,.prof-slide.active .prof-author{animation:maskReveal 1s cubic-bezier(.2,1,.3,1) forwards;clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}.prof-label{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:#999;margin-bottom:25px;display:block;animation-delay:.1s}.prof-quote{font-size:26px;line-height:1.35;color:#1a1a1a;margin-bottom:35px;font-weight:500;animation-delay:.3s}.prof-author{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#444;display:flex;align-items:center;gap:12px;animation-delay:.5s}.prof-author:before{content:"";width:0;height:1.5px;background:var(--accent);transition:width .8s ease .8s}.prof-slide.active .prof-author:before{width:25px}@keyframes maskReveal{0%{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);transform:translate(30px)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:translate(0)}}.prof-nav{display:flex;gap:15px;margin-top:50px}.prof-btn{width:48px;height:48px;border-radius:50%;border:1px solid #e8e8e8;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1)}.prof-btn:hover{background:#1a1a1a;border-color:#1a1a1a;transform:translateY(-2px)}.prof-btn svg{width:16px;fill:none;stroke:#888;stroke-width:2px;transition:stroke .3s ease}.prof-btn:hover svg{stroke:#fff}@keyframes softFade{0%{opacity:0}to{opacity:1}}@media(max-width:850px){.prof-container{flex-direction:column;padding:0}.prof-image-wrap{flex:0 0 auto;width:100%;border-radius:0}.prof-content-card{margin-left:0;width:90%;margin-top:-50px;padding:40px 30px;min-height:auto;box-shadow:0 10px 30px #0000001a}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/testimonial-custom.css.map */