.work-hero{background:#fff;padding:80px 40px}.work-hero-content{max-width:1200px;margin:0 auto}.hero-intro{font-size:clamp(1.1rem, 2vw, 1.3rem);line-height:1.6;text-align:center;margin:0 0 50px 0;color:#333;font-weight:500}.work-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:50px}.work-feature{background:#fafafa;padding:30px;border-radius:8px;border:2px solid #e5e5e5;text-align:center;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.work-feature:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.1);border-color:#000}.feature-icon{margin-bottom:20px;color:#000}.feature-icon svg{display:block;margin:0 auto}.work-feature h3{font-size:1.2rem;font-weight:700;margin:0 0 15px 0;color:#000}.work-feature p{font-size:.95rem;line-height:1.6;color:#666;margin:0}.hero-cta{font-size:clamp(1rem, 1.5vw, 1.1rem);line-height:1.7;text-align:center;color:#444;margin:0;font-style:italic}.ready-to-chat{background:#1a1a1a;padding:80px 40px;text-align:center}.ready-to-chat-content{max-width:800px;margin:0 auto}.ready-to-chat h2{font-size:clamp(2rem, 4vw, 3rem);font-weight:700;color:#fff;margin:0 0 20px 0}.ready-to-chat p{font-size:clamp(1rem, 2vw, 1.2rem);color:rgba(255,255,255,.8);margin:0 0 40px 0;line-height:1.6}.ready-to-chat [data-tf-live] button{padding:15px 40px!important;background:#fff!important;color:#000!important;border:none!important;border-radius:30px!important;font-size:1.1rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important}.ready-to-chat [data-tf-live] button:hover{background:#f0f0f0!important;transform:translateY(-2px)!important;box-shadow:0 4px 12px rgba(255,255,255,.3)!important}.work-grid-section{background:#fff;padding:120px 40px 60px}.work-page-title{font-size:clamp(1.5rem, 3vw, 2rem);font-weight:700;letter-spacing:.02em;margin:0 auto 30px;line-height:1.2;text-align:center;max-width:1600px}.work-filters{max-width:1600px;margin:0 auto 40px;display:flex;gap:15px;flex-wrap:wrap;justify-content:center}.filter-btn{padding:12px 24px;background:0 0;border:2px solid #000;color:#000;font-size:14px;font-weight:600;cursor:pointer;transition:all .5s ease;text-transform:uppercase;letter-spacing:.5px}.filter-btn:hover{background:#000;color:#fff}.filter-btn.active{background:#000;color:#fff}.work-grid-container{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;opacity:1;transition:opacity .5s ease}.portfolio-item{position:relative;cursor:pointer}.portfolio-item-inner{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#000}.portfolio-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease,opacity .3s ease}.portfolio-item:hover .portfolio-image{transform:scale(1.05);opacity:.7}.portfolio-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-title{color:#000;font-size:14px;font-weight:400;margin:12px 0 0 0;text-align:left;line-height:1.4}.portfolio-title strong{font-weight:700}.project-name{text-transform:uppercase;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}.play-icon{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;font-size:20px;color:#000;transition:transform .3s ease}.portfolio-item:hover .play-icon{transform:scale(1.1)}.video-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);z-index:10000;align-items:center;justify-content:center}.video-overlay-content{position:relative;width:90%;max-width:1200px;aspect-ratio:16/9}.video-close-btn{position:absolute;top:-50px;right:0;background:0 0;border:none;color:#fff;font-size:40px;cursor:pointer;z-index:10003;transition:transform .3s ease,opacity .3s ease}.video-close-btn:hover{transform:rotate(90deg);opacity:.7}.video-overlay-content iframe{width:100%;height:100%}.vpla-video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0,rgba(0,0,0,.7) 50%,transparent 100%);padding:20px;opacity:0;transition:opacity .3s ease;z-index:10002}.video-overlay-content:hover .vpla-video-controls{opacity:1}.vpla-progress-bar{width:100%;height:5px;background:rgba(255,255,255,.3);border-radius:3px;cursor:pointer;margin-bottom:15px;position:relative;transition:height .2s ease}.vpla-progress-bar:hover{height:7px}.vpla-progress-filled{height:100%;background:#fff;border-radius:3px;width:0%;transition:width .1s linear;pointer-events:none}.vpla-controls-bottom{display:flex;align-items:center;gap:15px}.vpla-fullscreen-btn,.vpla-play-btn{background:0 0;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.vpla-fullscreen-btn{margin-left:auto}.vpla-fullscreen-btn:hover,.vpla-play-btn:hover{transform:scale(1.1)}.vpla-time-display{color:#fff;font-size:14px;font-weight:500;min-width:100px}.vpla-volume-control{flex:1;max-width:100px}.vpla-volume-slider{width:100%;height:4px;background:rgba(255,255,255,.3);border-radius:2px;outline:0;appearance:none;-webkit-appearance:none}.vpla-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer}.vpla-volume-slider::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;border:none}@media (max-width:1400px){.work-grid-container{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.work-grid-container{grid-template-columns:repeat(3,1fr)}.work-hero{padding:100px 20px 50px}}@media (max-width:768px){.work-hero{min-height:35vh;padding:100px 20px 40px}.work-grid-section{padding:40px 20px}.work-grid-container{grid-template-columns:repeat(2,1fr);gap:15px}.portfolio-overlay{opacity:1!important;visibility:visible!important;background:0 0!important}.play-icon{opacity:1!important;visibility:visible!important;width:60px;height:60px;background:0 0!important;border-radius:0!important;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)!important;z-index:10;font-size:0!important;color:transparent!important;display:flex!important;align-items:center;justify-content:center}.play-icon::before{content:''!important;display:block;width:0;height:0;border-style:solid;border-width:18px 0 18px 30px;border-color:transparent transparent transparent #fff;filter:drop-shadow(0 3px 10px rgba(0, 0, 0, .8));margin-left:5px}.video-overlay-content{width:95%}.video-close-btn{top:-40px;font-size:35px}}@media (max-width:480px){.work-grid-container{grid-template-columns:1fr}}.portfolio-video-controls,.video-controls{display:none!important}