.hero{position:relative;width:100%;height:100vh;min-height:720px;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:var(--cblack)}@media (max-width:991px){.hero{height:92dvh;min-height:600px}}.hero-video-wrap{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.hero-bg-slideshow{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden;pointer-events:none}.hero-bg-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;z-index:1;transition:opacity 1.8s cubic-bezier(0.4,0,0.2,1),visibility 1.8s cubic-bezier(0.4,0,0.2,1);will-change:opacity,transform}.hero-bg-slide.is-active{opacity:0.65;visibility:visible;z-index:3}.hero-bg-slide.is-prev{opacity:0.65;visibility:visible;z-index:2}.hero-bg-slide img{width:100%;height:100%;object-fit:cover;object-position:center;filter:contrast(1.05) brightness(0.85);transform:scale(1);transition:transform 7s cubic-bezier(0.25,1,0.5,1);will-change:transform}.hero-bg-slide.is-active img{transform:scale(1.05)}.hero-bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;opacity:0.6;filter:contrast(1.05) brightness(0.85);transition:opacity 0.5s ease,filter 0.5s ease}#heroVideo{width:100%;height:100%;object-fit:cover;display:block;opacity:0.55;filter:contrast(1.1) brightness(0.9);transition:opacity 0.5s ease,filter 0.5s ease}.hero-ambient-canvas{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 75% 25%,rgba(255,96,0,0.18) 0%,transparent 55%),radial-gradient(circle at 20% 70%,rgba(255,119,26,0.12) 0%,transparent 50%),linear-gradient(180deg,rgba(8,8,8,0.3) 0%,rgba(8,8,8,0.8) 100%);pointer-events:none}.hero .filter{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(8,8,8,0.4) 0%,rgba(8,8,8,0.2) 50%,var(--cblack) 100%);z-index:2;pointer-events:none;transition:opacity 0.4s ease}.hero-ticker-mask{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient( 90deg,transparent 0%,rgba(0,0,0,0.15) calc(var(--ticker-fade-width,14%) * 0.25),rgba(0,0,0,0.65) calc(var(--ticker-fade-width,14%) * 0.65),#000 var(--ticker-fade-width,14%),#000 calc(100% - var(--ticker-fade-width,14%)),rgba(0,0,0,0.65) calc(100% - var(--ticker-fade-width,14%) * 0.65),rgba(0,0,0,0.15) calc(100% - var(--ticker-fade-width,14%) * 0.25),transparent 100% );mask-image:linear-gradient( 90deg,transparent 0%,rgba(0,0,0,0.15) calc(var(--ticker-fade-width,14%) * 0.25),rgba(0,0,0,0.65) calc(var(--ticker-fade-width,14%) * 0.65),#000 var(--ticker-fade-width,14%),#000 calc(100% - var(--ticker-fade-width,14%)),rgba(0,0,0,0.65) calc(100% - var(--ticker-fade-width,14%) * 0.65),rgba(0,0,0,0.15) calc(100% - var(--ticker-fade-width,14%) * 0.25),transparent 100% )}.hero-ticker-mask.no-fade,.hero-ticker-mask[style*="--ticker-fade-width:0%"]{-webkit-mask-image:none !important;mask-image:none !important}@media (max-width:768px){.hero-ticker-mask:not(.no-fade){-webkit-mask-image:linear-gradient( 90deg,transparent 0%,rgba(0,0,0,0.2) 2.5%,rgba(0,0,0,0.7) 6%,#000 10%,#000 90%,rgba(0,0,0,0.7) 94%,rgba(0,0,0,0.2) 97.5%,transparent 100% );mask-image:linear-gradient( 90deg,transparent 0%,rgba(0,0,0,0.2) 2.5%,rgba(0,0,0,0.7) 6%,#000 10%,#000 90%,rgba(0,0,0,0.7) 94%,rgba(0,0,0,0.2) 97.5%,transparent 100% )}}.hero .swipers{position:absolute;top:50%;left:50%;width:150vw;transform:translate(-50%,-50%);z-index:3;display:flex;flex-direction:column;gap:20px;pointer-events:none;overflow:visible;user-select:none;padding:40px 0}@media (max-width:991px){.hero .swipers{gap:14px;padding:24px 0}}.crossSwiper,.crossSwiper2{width:100%;overflow:hidden;display:flex;padding:20px 0;transform-origin:center center;will-change:transform}.crossSwiper{transform:rotate(var(--ticker-rotate-1,-3deg))}.crossSwiper2{transform:rotate(var(--ticker-rotate-2,-3deg))}.crossSwiper .ticker-track,.crossSwiper2 .ticker-track{display:flex;white-space:nowrap;width:max-content;will-change:transform}.crossSwiper .ticker-track{animation:tickerLeft var(--ticker-duration-1,35s) linear infinite}.crossSwiper2 .ticker-track{animation:tickerRight var(--ticker-duration-2,30s) linear infinite}@keyframes tickerLeft{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes tickerRight{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}.ticker-item{font-family:var(--ticker-1-font,var(--font-heading));font-size:var(--ticker-font-size,clamp(48px,6.5vw,100px));font-weight:var(--ticker-1-weight,900);text-transform:uppercase;letter-spacing:0;line-height:var(--ticker-line-height,1.25);color:var(--cwhite);padding:12px 24px;display:inline-flex;align-items:center;font-feature-settings:"locl" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.ticker-item.outline{color:var(--cblack);font-family:var(--ticker-2-font,Arial,'Helvetica Neue',Helvetica,sans-serif);font-weight:var(--ticker-2-weight,800);letter-spacing:var(--ticker-2-spacing,0.04em);-webkit-text-stroke:var(--ticker-2-stroke,1.5px) rgba(255,255,255,0.9);text-shadow:none;paint-order:stroke fill}.ticker-dot{display:inline-block;margin:0 20px;color:inherit;font-family:inherit;font-size:inherit;line-height:inherit;background:none;border-radius:0;width:auto;height:auto;vertical-align:baseline;text-shadow:inherit;-webkit-text-stroke:inherit}@media (max-width:768px){.hero .swipers{gap:8px;padding:10px 0}.crossSwiper,.crossSwiper2{padding:6px 0}.ticker-item{font-size:var(--ticker-mobile-font-size,36px) !important;padding:8px 16px;line-height:var(--ticker-mobile-line-height,1.25) !important}.ticker-dot{margin:0 10px}}.hero .contents{position:absolute;bottom:60px;left:0;right:0;z-index:4;display:flex;align-items:flex-end;justify-content:space-between}@media (max-width:991px){.hero .contents{bottom:26px;flex-direction:column;align-items:stretch;gap:16px}}.hero .contents .left{display:flex;align-items:center;gap:16px}@media (max-width:576px){.hero .contents{bottom:18px;gap:12px}.hero .contents .left{width:100%;flex-direction:column;gap:8px}.hero .contents .left .playReel,.hero .contents .left .buton{width:100%;min-width:unset;text-align:center;justify-content:center}}.hero .playReel{display:inline-block}.hero .pauseReel{display:none}.hero .contents .left .instagram-btn{border-color:rgba(255,255,255,0.22)}.hero .contents .left .instagram-btn .icon svg{width:17px;height:17px;stroke:none;fill:#ffffff;transition:transform 0.35s cubic-bezier(0.25,1,0.5,1),fill 0.3s ease}.hero .contents .left .instagram-btn:hover{border-color:rgba(225,48,108,0.75);background:rgba(225,48,108,0.16);transform:translateY(-2px);box-shadow:0 8px 25px rgba(225,48,108,0.3)}.hero .contents .left .instagram-btn:hover .icon{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);box-shadow:0 4px 15px rgba(214,36,159,0.45)}.hero .contents .left .instagram-btn:hover .icon svg{transform:scale(1.12);fill:#ffffff}.hero .contents .right{background:rgba(18,18,22,0.65);border:1px solid var(--cborder_color_1);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:100px;padding:8px 10px 8px 18px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all 0.3s ease;text-decoration:none;max-width:100%;box-shadow:0 8px 25px rgba(0,0,0,0.3)}.hero .contents .right:hover{border-color:var(--cmain);background:rgba(255,96,0,0.15);transform:translateY(-2px);box-shadow:0 8px 25px rgba(255,96,0,0.25)}.hero .contents .right .preview-logos{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.hero .contents .right .preview-logos img,.hero .contents .right .preview-logos svg{height:var(--client-logo-h,20px);max-height:var(--client-logo-h,20px);width:auto;max-width:75px;object-fit:contain;opacity:0.78;filter:brightness(0) invert(1);transition:opacity 0.3s ease,transform 0.3s ease;flex-shrink:0;-webkit-user-select:none;user-select:none;pointer-events:none}.hero .contents .right:hover .preview-logos img,.hero .contents .right:hover .preview-logos svg{opacity:1}.hero .contents .right .scroll-arrow{width:32px;height:32px;border-radius:50%;background:var(--cmain);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 0.3s ease,background 0.3s ease,box-shadow 0.3s ease;box-shadow:0 4px 12px rgba(255,96,0,0.4)}.hero .contents .right:hover .scroll-arrow{transform:translateY(2px);background:var(--cmain-hover);box-shadow:0 6px 18px rgba(255,96,0,0.6)}.hero .contents .right .scroll-arrow img,.hero .contents .right .scroll-arrow svg{width:14px;height:14px;display:block;filter:brightness(0) invert(1);pointer-events:none}@media (max-width:991px){.hero .contents .right{width:100%;box-sizing:border-box;justify-content:space-between;padding:8px 12px 8px 16px;gap:12px}.hero .contents .right .preview-logos{gap:12px;justify-content:space-around;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.hero .contents .right .preview-logos::-webkit-scrollbar{display:none}.hero .contents .right .preview-logos img,.hero .contents .right .preview-logos svg{height:20px;max-height:20px;max-width:65px}}@media (max-width:576px){.hero .contents .right{display:flex !important;width:100%;box-sizing:border-box;padding:7px 8px 7px 14px;gap:10px;border-radius:100px;background:rgba(18,18,22,0.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 4px 18px rgba(0,0,0,0.35)}.hero .contents .right .preview-logos{display:flex;align-items:center;justify-content:space-evenly;gap:8px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:2px 0}.hero .contents .right .preview-logos::-webkit-scrollbar{display:none}.hero .contents .right .preview-logos img,.hero .contents .right .preview-logos svg{height:18px !important;max-height:18px !important;max-width:52px;width:auto;object-fit:contain;flex-shrink:0;opacity:0.88;pointer-events:none;-webkit-user-select:none;user-select:none}.hero .contents .right .scroll-arrow{width:30px;height:30px;flex-shrink:0;box-shadow:0 3px 10px rgba(255,96,0,0.4)}.hero .contents .right .scroll-arrow img,.hero .contents .right .scroll-arrow svg{width:12px;height:12px;filter:brightness(0) invert(1);pointer-events:none}}@media (max-width:380px){.hero .contents .right{padding:6px 6px 6px 10px;gap:6px}.hero .contents .right .preview-logos{gap:6px;justify-content:space-between}.hero .contents .right .preview-logos img,.hero .contents .right .preview-logos svg{height:14px !important;max-height:14px !important;max-width:40px}.hero .contents .right .scroll-arrow{width:26px;height:26px}.hero .contents .right .scroll-arrow img,.hero .contents .right .scroll-arrow svg{width:10px;height:10px}}.closeVideo{position:fixed;top:30px;right:30px;width:54px;height:54px;border-radius:50%;background:rgba(20,20,20,0.8);border:1px solid rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:200;opacity:0;visibility:hidden;transform:scale(0.8);transition:all 0.35s cubic-bezier(0.16,1,0.3,1)}.closeVideo svg{width:24px;height:24px;stroke:#ffffff}.closeVideo:hover{background:var(--cmain);border-color:var(--cmain);transform:scale(1.05)}body.reelActive .header,body.reelActive .hero .swipers,body.reelActive .hero .contents .right,body.reelActive .hero .filter,body.reelActive .hero-bg-slideshow,body.reelActive .hero-bg-img{opacity:0 !important;pointer-events:none !important;transition:opacity 0.4s ease}body.reelActive #heroVideo{opacity:1;filter:none}body.reelActive .closeVideo{opacity:1;visibility:visible;transform:scale(1)}body.reelActive .playReel{display:none}body.reelActive .pauseReel{display:inline-block}