h1,h2,h3,h4,h5,h6{font-family:'Futura',sans-serif;font-weight:700}body,p,span,li{font-family:'Lato',sans-serif;font-weight:400}.portfolio-tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:40px}.tab-btn{padding:10px 18px;border-radius:30px;border:2px solid #2bbcd7;background:0 0;color:#000;cursor:pointer;font-size:18px;transition:all .3s ease}.tab-btn:hover,.tab-btn.active{background:#2bbcd7;color:#fff;border:2px solid #2bbcd7}.portfolio-item.hide{display:none !important}.portfolio-row-ltr,.portfolio-row-rtl{animation-timing-function:linear;animation-iteration-count:infinite}.portfolio-row{display:flex;gap:20px;width:max-content;animation-name:slide-ltr;animation-timing-function:linear;animation-iteration-count:infinite}.portfolio-row-wrapper{overflow:hidden;width:100%}.portfolio-row{display:flex;gap:20px;width:max-content}.portfolio-row:hover{animation-play-state:paused}@keyframes slide-ltr{0%{transform:translateX(0)}100%{transform:translateX(calc(-100% - 20px))}}.portfolio-item{width:450px;background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.2);transition:all .3s ease;flex-shrink:0}.portfolio-item:hover{transform:translateY(-8px)}.portfolio-media{position:relative;padding-bottom:58%}.portfolio-media img{position:absolute;width:100%;height:100%;object-fit:cover}.play-button{position:absolute;top:15px;left:15px;width:45px;height:45px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.play-icon{width:0;height:0;border-left:14px solid #667eea;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:3px}.portfolio-info{padding:15px}.portfolio-title{font-size:15px;font-weight:600;color:#333}.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.95);z-index:9999;justify-content:center;align-items:center}.modal-overlay.active{display:flex}.modal-content{width:100%;max-width:1100px}.modal-close{position:absolute;top:30px;right:30px;font-size:40px;background:0 0;border:none;color:#fff;cursor:pointer}.modal-video{position:relative;padding-bottom:56.25%}.modal-video iframe{position:absolute;width:100%;height:100%}.portfolio-section{padding:50px 0}.portfolio-header{max-width:736px;margin:0 auto 80px;padding:0 20px;text-align:center}.portfolio-header h2{color:#fff;font-size:48px;font-weight:700;margin-bottom:16px}.portfolio-header p{color:rgba(255,255,255,.9);font-size:18px;line-height:1.6}.portfolio-row-wrapper{overflow:hidden;width:100%;display:grid;gap:40px;margin-bottom:20px}.portfolio-row{display:flex;gap:20px;width:max-content}@keyframes slide-ltr{0%{transform:translateX(0)}100%{transform:translateX(calc(-100% - 20px))}}@keyframes slide-rtl{0%{transform:translateX(calc(-100% - 20px))}100%{transform:translateX(0)}}.portfolio-row:hover{animation-play-state:paused}.portfolio-set{display:flex;gap:20px;margin-bottom:50px}.portfolio-item{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.2);width:450px;flex-shrink:0}.portfolio-item:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.3)}.portfolio-media{position:relative;width:100%;padding-bottom:58.54%;overflow:hidden;background:#f0f0f0}.portfolio-media img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.portfolio-item:hover .portfolio-media img{transform:scale(1.05)}.play-button{position:absolute;top:16px;left:16px;width:48px;height:48px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2;transition:transform .3s ease}.portfolio-item:hover .play-button{transform:scale(1.1)}.play-icon{width:0;height:0;border-left:16px solid #667eea;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}.portfolio-info{padding:20px}.portfolio-title{font-size:16px;font-weight:600;color:#333;line-height:1.4}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.95);z-index:9999;justify-content:center;align-items:center;padding:20px}.modal-overlay.active{display:flex}.modal-content{position:relative;width:100%;max-width:1200px;background:#000;border-radius:12px;overflow:hidden}.modal-close{position:absolute;top:-50px;right:0;background:0 0;border:none;color:#fff;font-size:40px;cursor:pointer;z-index:10000;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.modal-close:hover{color:#667eea}.modal-video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}.modal-video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.cta-section{text-align:center;margin-top:60px;padding:60px 20px}.cta-btn{display:inline-block;padding:16px 40px;background:#fff;color:#667eea;font-size:18px;font-weight:600;text-decoration:none;border-radius:50px;transition:all .3s ease;box-shadow:0 4px 15px rgba(0,0,0,.2)}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3);background:#f8f8f8}@media (max-width:768px){.portfolio-header h2{font-size:32px}.portfolio-header p{font-size:16px}.portfolio-item{width:350px}.play-button{width:40px;height:40px}.play-icon{border-left-width:12px;border-top-width:8px;border-bottom-width:8px}}@media (max-width:450px){.tab-btn{font-size:13px}.portfolio-section{padding:2px 0}.portfolio-item{width:250px}.portfolio-info{padding:10px}.portfolio-info{font-size:14px}.portfolio-row-wrapper{gap:10px}.portfolio-row-wrapper{margin-bottom:10px}}.portfolio-media iframe{pointer-events:none}.portfolio-media{position:relative;width:100%;padding-bottom:56.25%;overflow:hidden;background:#000}.portfolio-media iframe{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.portfolio-row{display:flex;gap:20px;will-change:transform}@keyframes marquee-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes marquee-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}