.our-work{padding:120px 2rem;background:linear-gradient(180deg,#000,#0a0a0a);position:relative;overflow:hidden}.our-work-container{max-width:1400px;margin:0 auto}.our-work-header{text-align:center;margin-bottom:40px}.our-work-title{font-size:3rem;font-weight:700;color:#fff;margin-bottom:1rem;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.our-work-subtitle{font-size:1.2rem;color:#ffffffb3;max-width:600px;margin:0 auto;line-height:1.6}.category-tabs{display:flex;justify-content:center;gap:16px;margin-bottom:50px;flex-wrap:wrap}.category-tab{padding:14px 32px;font-size:1.05rem;font-weight:600;color:#fff9;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.category-tab:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#603fbd33,#2563eb33);opacity:0;transition:opacity .3s ease}.category-tab:hover{color:#ffffffe6;border-color:#603fbd80;transform:translateY(-2px)}.category-tab:hover:before{opacity:1}.category-tab.active{color:#fff;background:linear-gradient(135deg,#603fbd,#7c5cdb);border-color:#603fbd;box-shadow:0 4px 20px #603fbd66}.category-tab span{position:relative;z-index:1}.reels-scroll-container{width:100%;overflow-x:auto;overflow-y:hidden;margin-bottom:60px;padding:20px 0;scrollbar-width:thin;scrollbar-color:rgba(96,63,189,.5) transparent}.reels-scroll-container::-webkit-scrollbar{height:8px}.reels-scroll-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.reels-scroll-container::-webkit-scrollbar-thumb{background:#603fbd80;border-radius:10px;-webkit-transition:background .3s ease;transition:background .3s ease}.reels-scroll-container::-webkit-scrollbar-thumb:hover{background:#603fbdcc}.reels-wrapper{display:flex;gap:24px;padding:10px}.reel-item{flex:0 0 auto;width:340px;height:600px;position:relative;border-radius:20px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;text-decoration:none;box-shadow:0 8px 32px #0006}.reel-item:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 20px 60px #603fbd80}.video-thumbnail{width:100%;height:100%;position:relative;background:linear-gradient(135deg,#603fbd4d,#2563eb4d);cursor:pointer}.video-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e)}.video-placeholder-loading{width:100%;height:100%;position:relative;background:linear-gradient(135deg,#1a1a2e,#16213e);overflow:hidden}.placeholder-shimmer{width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(96,63,189,.1) 20%,rgba(96,63,189,.2) 40%,rgba(96,63,189,.1) 60%,transparent 100%);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.video-thumbnail-iframe{width:100%;height:100%;border:none;position:absolute;top:0;left:0;pointer-events:none}.reel-gradient{position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);pointer-events:none}.video-thumbnail:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;opacity:0;transition:opacity .3s ease;pointer-events:none}.reel-item:hover .video-thumbnail:before{opacity:1}.play-button{width:80px;height:80px;background:#603fbde6;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:scale(.9);transition:all .3s ease;box-shadow:0 8px 24px #603fbd99}.play-button-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#603fbde6;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 8px 24px #603fbd99;pointer-events:none}.reel-item:hover .play-button{transform:scale(1.1);background:#603fbd}.reel-item:hover .play-button-overlay{transform:translate(-50%,-50%) scale(1.1);background:#603fbd}.our-work-cta{text-align:center;padding-top:20px}.our-work-cta-button{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#603fbd,#7c5cdb);color:#fff;padding:18px 40px;border-radius:12px;font-weight:600;font-size:1.1rem;text-decoration:none;transition:all .3s ease;border:2px solid transparent;box-shadow:0 4px 20px #603fbd66}.our-work-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 30px #603fbd99;background:linear-gradient(135deg,#7c5cdb,#603fbd)}.our-work-cta-button svg{transition:transform .3s ease}.our-work-cta-button:hover svg{transform:translate(5px)}@media (max-width: 768px){.our-work{padding:80px 1.5rem}.our-work-title{font-size:2.2rem}.our-work-subtitle{font-size:1rem}.our-work-header{margin-bottom:30px}.category-tabs{margin-bottom:40px;gap:12px}.category-tab{padding:12px 24px;font-size:.95rem}.reels-wrapper{gap:16px}.reel-item{width:300px;height:520px}.play-button{width:70px;height:70px}.play-button svg{width:56px;height:56px}.our-work-cta-button{padding:16px 32px;font-size:1rem}}@media (max-width: 480px){.our-work{padding:60px 1rem}.our-work-title{font-size:1.8rem}.our-work-subtitle{font-size:.95rem}.category-tabs{margin-bottom:30px;gap:10px}.category-tab{padding:10px 20px;font-size:.9rem}.reels-wrapper{gap:12px}.reel-item{width:280px;height:480px}.play-button{width:60px;height:60px}.play-button svg{width:48px;height:48px}.our-work-cta-button{padding:14px 24px;font-size:.95rem;gap:8px}.our-work-cta-button svg{width:16px;height:16px}}.video-player-wrapper{width:100%;height:100%;position:relative;background:#000;border-radius:20px;overflow:hidden;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-loader{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000e6;z-index:5;animation:fadeIn .2s ease}.loader-spinner{width:60px;height:60px;border:4px solid rgba(96,63,189,.2);border-top:4px solid #603FBD;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-loader p{color:#ffffffe6;font-size:1rem;font-weight:500;margin:0}.video-iframe{width:100%;height:100%;border:none;border-radius:20px}.video-close-button{position:absolute;top:10px;right:10px;background:#000000b3;border:2px solid rgba(255,255,255,.3);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-close-button:hover{background:#000000e6;transform:rotate(90deg)}@media (max-width: 768px){.video-close-button{width:32px;height:32px}.video-close-button svg{width:18px;height:18px}}@media (max-width: 480px){.video-close-button{width:28px;height:28px}.video-close-button svg{width:16px;height:16px}}.influencer-stat{text-align:center;padding:30px 20px;margin:20px auto 40px;max-width:800px;background:linear-gradient(135deg,#603fbd1a,#2563eb1a);border-radius:16px;border:2px solid rgba(96,63,189,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.influencer-stat p{font-size:1.3rem;color:#fff;font-weight:600;margin:0;line-height:1.5;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width: 768px){.influencer-stat{padding:24px 16px;margin:16px auto 32px}.influencer-stat p{font-size:1.1rem}}@media (max-width: 480px){.influencer-stat{padding:20px 12px;margin:12px auto 24px}.influencer-stat p{font-size:1rem}}.video-thumbnail-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.reel-item.personal-branding-video{width:350px;height:620px}.reel-item.personal-branding-video .video-iframe{border:none;border-radius:0}.reel-item.personal-branding-video .video-player-wrapper{border-radius:0}.reel-item.personal-branding-video .video-thumbnail{background:linear-gradient(135deg,#603fbd26,#2563eb26)}@media (max-width: 768px){.reel-item.personal-branding-video{width:310px;height:550px}}@media (max-width: 480px){.reel-item.personal-branding-video{width:290px;height:515px}}