:root{--bg-color:#030303;--text-color:#f5f5f7;--text-muted:#86868b;--accent-blue:#05f;--accent-green:#0fa;--glow-color:#0055ff26;--glass-bg:#0808088c;--glass-border:#ffffff0d;--glass-blur:blur(25px);--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth:all .5s cubic-bezier(.16, 1, .3, 1);--transition-fast:all .25s cubic-bezier(.16, 1, .3, 1);--line-gap:3px}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;overflow-x:hidden}.scroll-locked{height:100vh!important;overflow:hidden!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#050505}::-webkit-scrollbar-thumb{background:#1a1a1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}section{z-index:1;flex-direction:column;justify-content:center;width:100%;min-height:100vh;padding:120px 8% 80px;display:flex;position:relative}.section-tag{text-transform:uppercase;letter-spacing:.3em;color:var(--accent-green);margin-bottom:12px;font-size:.85rem;font-weight:500;display:block}.section-title{letter-spacing:-.044em;background:linear-gradient(135deg,#fff 40%,#ffffff80);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:48px;font-family:League Spartan,sans-serif;font-size:clamp(2.2rem,5.5vw,3.5rem);font-weight:700;line-height:1.1}.canvas-container{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:0 12px 40px #00000080}.btn-primary{background:linear-gradient(135deg, var(--accent-blue), #04c);color:#fff;cursor:pointer;transition:var(--transition-fast);border:none;border-radius:30px;align-items:center;gap:8px;padding:14px 32px;font-size:.95rem;font-weight:500;display:inline-flex;box-shadow:0 4px 15px #0055ff59}.btn-primary:hover{background:linear-gradient(135deg,#06f,#05f);transform:translateY(-2px);box-shadow:0 8px 24px #0055ff80}.btn-secondary{background:var(--glass-bg);color:#fff;border:1px solid var(--glass-border);cursor:pointer;transition:var(--transition-fast);-webkit-backdrop-filter:var(--glass-blur);border-radius:30px;align-items:center;gap:8px;padding:14px 32px;font-size:.95rem;font-weight:500;display:inline-flex}.btn-secondary:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.navbar-header{z-index:100;width:100%;height:80px;transition:var(--transition-smooth);align-items:center;display:flex;position:fixed;top:0;left:0}.navbar-header.scrolled{height:70px;-webkit-backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--glass-border);background:#040404b3}.navbar-container{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 8%;display:flex}.logo-container{cursor:pointer;align-items:center;gap:10px;display:flex}.logo-dot{background:linear-gradient(135deg, var(--accent-blue), var(--accent-green));width:10px;height:10px;box-shadow:0 0 10px var(--accent-blue);border-radius:50%}.logo-text{letter-spacing:-.044em;background:linear-gradient(135deg,#fff,#888);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:League Spartan,sans-serif;font-size:1.55rem;font-weight:700}.nav-links-desktop{gap:40px;display:flex}.nav-link{color:var(--text-muted);letter-spacing:.05em;font-size:.95rem;font-weight:400;position:relative}.nav-link:hover{color:var(--text-color)}.nav-link:after{content:"";background:linear-gradient(90deg, var(--accent-blue), var(--accent-green));width:0;height:2px;transition:var(--transition-fast);position:absolute;bottom:-6px;left:0}.nav-link:hover:after{width:100%}.mobile-toggle{color:#fff;cursor:pointer;background:0 0;border:none;display:none}.nav-menu-mobile{width:100%;height:0;-webkit-backdrop-filter:var(--glass-blur);transition:var(--transition-smooth);z-index:99;background:#040404f2;flex-direction:column;justify-content:center;align-items:center;gap:30px;display:flex;position:fixed;top:80px;left:0;overflow:hidden}.nav-menu-mobile.open{height:calc(100vh - 80px)}.mobile-nav-link{color:var(--text-muted);font-size:1.5rem;font-weight:500}.mobile-nav-link:hover{color:#fff}.hero-section{justify-content:center;align-items:center;height:100vh;padding:0}.hero-video-wrapper{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.hero-video-element{object-fit:cover;opacity:.45;width:100%;height:100%}.hero-overlay{z-index:1;background:radial-gradient(circle,#03030333 0%,#030303d9 90%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-content{z-index:2;text-align:center;max-width:900px;padding:0 20px;position:relative}.hero-text-container{flex-direction:column;align-items:center;display:flex}.hero-badge{letter-spacing:.35em;color:var(--accent-blue);background:#0055ff14;border:1px solid #05f3;border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:.8rem;font-weight:600;box-shadow:0 0 15px #0055ff1a}.hero-title{letter-spacing:-.044em;color:#fff;margin-bottom:24px;font-family:League Spartan,sans-serif;font-size:clamp(2.8rem,7.5vw,5.2rem);font-weight:700;line-height:1.05}.hero-title span{background:linear-gradient(135deg, var(--accent-blue), var(--accent-green));-webkit-text-fill-color:transparent;text-shadow:0 0 40px #0055ff1a;-webkit-background-clip:text}.hero-subtitle{color:var(--text-muted);max-width:650px;margin-bottom:40px;font-size:clamp(1rem,2vw,1.25rem);font-weight:300;line-height:1.6}.hero-actions{gap:20px;display:flex}.hero-scroll-indicator{z-index:2;cursor:pointer;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.indicator-icon{color:var(--text-muted);transition:var(--transition-fast)}.hero-scroll-indicator:hover .indicator-icon{color:#fff}.work-section{padding-bottom:40px}.section-header-wrapper{justify-content:space-between;align-items:flex-end;margin-bottom:20px;display:flex}.carousel-controls{gap:12px;margin-bottom:48px;display:flex}.carousel-arrow{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;cursor:pointer;width:44px;height:44px;transition:var(--transition-fast);-webkit-backdrop-filter:var(--glass-blur);border-radius:50%;justify-content:center;align-items:center;display:flex}.carousel-arrow:hover{background:#ffffff14;border-color:#fff3;transform:scale(1.05)}.carousel-viewport{scroll-behavior:smooth;scrollbar-width:none;width:116%;margin-left:-8%;padding-left:8%;overflow-x:auto}.carousel-viewport::-webkit-scrollbar{display:none}.carousel-track{gap:30px;padding-bottom:20px;padding-right:8%;display:flex}.carousel-card-wrapper{cursor:pointer;flex:0 0 270px}.carousel-card{height:480px;transition:var(--transition-smooth);border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.carousel-card:hover{border-color:#0055ff40;transform:translateY(-8px);box-shadow:0 20px 40px #0055ff26}.card-video-container{background:#080808;height:100%;position:relative;overflow:hidden}.card-video{object-fit:cover;width:100%;height:100%;transition:transform .7s}.carousel-card:hover .card-video{transform:scale(1.05)}.card-video-overlay{width:100%;height:100%;transition:var(--transition-fast);background:#0000001a;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.carousel-card:hover .card-video-overlay{background:#00000059}.play-indicator{-webkit-backdrop-filter:blur(10px);opacity:0;width:50px;height:50px;transition:var(--transition-fast);background:#ffffff26;border:1px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;display:flex;transform:scale(.9)}.carousel-card:hover .play-indicator{opacity:1;background:var(--accent-blue);border-color:var(--accent-blue);transform:scale(1.1);box-shadow:0 0 15px #0055ff80}.carousel-progress-container{background:#ffffff0d;border-radius:2px;width:100%;height:2px;margin-top:40px;overflow:hidden}.carousel-progress-bar{background:linear-gradient(90deg, var(--accent-blue), var(--accent-green));height:100%;transition:width .1s}.reels-modal-backdrop{z-index:1000;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.reels-blur-bg{-webkit-backdrop-filter:blur(25px);z-index:1;background:#000c;width:100%;height:100%;position:absolute;top:0;left:0}.reels-close-btn{color:#fff;cursor:pointer;z-index:10;width:50px;height:50px;transition:var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:30px;right:40px}.reels-close-btn:hover{background:#ffffff26;transform:scale(1.05)}.reels-container{z-index:5;border-radius:20px;width:min(440px,49.5vh,100vw);height:min(780px,88vh);position:relative;overflow:hidden}.reels-scroll-viewport{scroll-snap-type:y mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;width:100%;height:100%;overflow-y:scroll}.reels-scroll-viewport::-webkit-scrollbar{display:none}.reels-slide{scroll-snap-align:start;width:100%;height:100%;position:relative;overflow:hidden}.reel-video-wrapper{cursor:pointer;background:#000;width:100%;height:100%;position:relative}.reel-video{object-fit:cover;width:100%;height:100%}.reel-video-overlay{pointer-events:none;background:linear-gradient(#00000080 0%,#0003 50%,#000000d9 100%);width:100%;height:100%;position:absolute;top:0;left:0}.reel-state-indicator{-webkit-backdrop-filter:blur(10px);pointer-events:none;background:#00000080;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;animation:.6s ease-out forwards pulseFade;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulseFade{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.05)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(.95)}}.reel-details-panel{pointer-events:none;z-index:3;width:100%;padding:30px 60px 40px 30px;position:absolute;bottom:0;left:0}.reel-badge{color:var(--accent-green);background:#00ffaa1a;border-radius:12px;margin-bottom:12px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-block}.reel-title{color:#fff;margin-bottom:8px;font-size:1.4rem;font-weight:600}.reel-desc{color:#ffffffb3;font-size:.85rem;font-weight:300;line-height:1.45}.reels-sidebar{z-index:4;flex-direction:column;align-items:center;gap:20px;display:flex;position:absolute;bottom:40px;right:15px}.sidebar-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);width:44px;height:44px;transition:var(--transition-fast);background:#ffffff14;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.sidebar-btn:hover{background:#fff3}.reels-counter{-webkit-backdrop-filter:blur(5px);background:#0006;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;font-size:.8rem;font-weight:500;display:flex}.reels-counter .divider{opacity:.3}.desktop-arrow-controls{z-index:5;flex-direction:column;gap:15px;display:flex;position:absolute;top:50%;right:-70px;transform:translateY(-50%)}.arrow-nav{color:#fff;cursor:pointer;width:46px;height:46px;transition:var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.arrow-nav:hover:not(:disabled){background:var(--accent-blue);border-color:var(--accent-blue);transform:scale(1.05)}.arrow-nav:disabled{opacity:.3;cursor:not-allowed}.bento-grid{gap:var(--line-gap);background-color:var(--glass-border);border:var(--line-gap) solid var(--glass-border);border-radius:12px;grid-template-columns:repeat(3,1fr);grid-auto-rows:280px;display:grid;overflow:hidden}.gallery-item{cursor:pointer;background-color:#050505;position:relative;overflow:hidden}.gallery-img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.gallery-item:hover .gallery-img{transform:scale(1.04)}.gallery-item-overlay{opacity:0;background:linear-gradient(#0000001a 30%,#000c 100%);justify-content:space-between;align-items:flex-end;width:100%;height:100%;padding:24px;transition:opacity .4s;display:flex;position:absolute;top:0;left:0}.gallery-item:hover .gallery-item-overlay{opacity:1}.gallery-item-category{text-transform:uppercase;color:var(--accent-green);letter-spacing:.15em;margin-bottom:4px;font-size:.7rem;font-weight:600;display:block}.gallery-item-title{color:#fff;font-size:1.15rem;font-weight:500}.gallery-item-icon{color:#fff;-webkit-backdrop-filter:blur(5px);width:38px;height:38px;transition:var(--transition-fast);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;display:flex;transform:translateY(10px)}.gallery-item:hover .gallery-item-icon{transform:translateY(0)}.grid-col-1{grid-column:span 1}.grid-col-2{grid-column:span 2}.grid-row-1{grid-row:span 1}.grid-row-2{grid-row:span 2}.lightbox-backdrop{z-index:1100;justify-content:center;align-items:center;width:100vw;height:100vh;padding:40px;display:flex;position:fixed;top:0;left:0}.lightbox-blur-bg{-webkit-backdrop-filter:blur(25px);z-index:1;background:#030303ed;width:100%;height:100%;position:absolute;top:0;left:0}.lightbox-close-btn{color:#fff;cursor:pointer;z-index:10;width:50px;height:50px;transition:var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:30px;right:40px}.lightbox-close-btn:hover{background:#ffffff26;transform:scale(1.05)}.lightbox-nav-btn{color:#fff;cursor:pointer;z-index:10;width:60px;height:60px;transition:var(--transition-fast);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav-btn:hover{background:#ffffff26;border-color:#ffffff40}.lightbox-nav-btn.prev{left:40px}.lightbox-nav-btn.next{right:40px}.lightbox-content{border:1px solid var(--glass-border);z-index:5;background:#000;border-radius:16px;width:100%;max-width:900px;max-height:85vh;position:relative;overflow:hidden;box-shadow:0 20px 50px #000c}.lightbox-slider-wrapper{background:#000;justify-content:center;align-items:center;width:100%;height:62vh;display:flex;position:relative;overflow:hidden}.lightbox-img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.lightbox-details{border-top:1px solid var(--glass-border);background:#080808;padding:24px 30px;position:relative}.lightbox-category{text-transform:uppercase;color:var(--accent-green);letter-spacing:.15em;margin-bottom:6px;font-size:.75rem;font-weight:600;display:block}.lightbox-title{color:#fff;font-size:1.35rem;font-weight:500}.lightbox-counter{color:var(--text-muted);border:1px solid var(--glass-border);background:#ffffff08;border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:500;position:absolute;bottom:24px;right:30px}@media (width<=1024px){.lightbox-nav-btn{width:46px;height:46px}.lightbox-nav-btn.prev{left:15px}.lightbox-nav-btn.next{right:15px}}@media (width<=768px){.lightbox-backdrop{padding:10px}.lightbox-nav-btn{background:#00000080;width:40px;height:40px}.lightbox-nav-btn.prev{left:10px}.lightbox-nav-btn.next{right:10px}.lightbox-slider-wrapper{height:50vh}.lightbox-details{padding:20px}.lightbox-counter{margin-top:15px;display:inline-block;position:static}}.contact-section{text-align:center;justify-content:center;align-items:center;min-height:auto;padding-top:100px;padding-bottom:120px}.contact-content-wrapper{width:100%;max-width:750px}.contact-subtitle{color:var(--text-muted);margin-bottom:50px;font-size:1.1rem;font-weight:300;line-height:1.6}.contact-cards-container{justify-content:center;gap:30px;width:100%;margin-bottom:100px;display:flex}.contact-card{text-align:left;max-width:320px;transition:border-color var(--transition-fast);border-radius:20px;flex:1;align-items:center;gap:18px;padding:30px 24px;display:flex;position:relative}.contact-icon-wrapper{color:#fff;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.contact-icon-wrapper.email{color:var(--accent-blue);background:#0055ff1a;border:1px solid #05f3}.contact-icon-wrapper.phone{color:var(--accent-green);background:#00ffaa1a;border:1px solid #0fa3}.contact-card-details{flex-direction:column;display:flex}.contact-label{color:var(--text-muted);letter-spacing:.15em;margin-bottom:4px;font-size:.7rem;font-weight:600}.contact-value{color:#fff;font-size:1.05rem;font-weight:500}.contact-arrow{color:var(--text-muted);opacity:.4;transition:var(--transition-fast);position:absolute;top:20px;right:20px}.contact-card:hover .contact-arrow{opacity:1;color:#fff;transform:translate(2px,-2px)}.footer-credits{border-top:1px solid var(--glass-border);color:var(--text-muted);padding-top:40px;font-size:.85rem;font-weight:300}@media (width<=991px){.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:240px}.grid-col-2{grid-column:span 2}.grid-col-1{grid-column:span 1}.grid-row-2{grid-row:span 1}.contact-cards-container{flex-direction:column;align-items:center}.contact-card{width:100%}}@media (width<=768px){.nav-links-desktop{display:none}.mobile-toggle{display:block}.navbar-container{padding:0 5%}.carousel-card-wrapper{flex:0 0 220px}.carousel-card{height:390px}.card-video-container{height:100%}.reels-container{border-radius:0;max-width:100%;height:100vh}.reels-close-btn,.lightbox-close-btn{width:44px;height:44px;top:20px;right:20px}.desktop-arrow-controls{display:none}.hero-actions{flex-direction:column;gap:12px;width:100%;padding:0 20px}.hero-actions button{justify-content:center;width:100%}}@media (width<=480px){.bento-grid{grid-template-columns:1fr;grid-auto-rows:240px}.grid-col-2,.grid-col-1{grid-column:span 1}.section-header-wrapper{flex-direction:column;align-items:flex-start}.carousel-controls{margin-top:15px;margin-bottom:20px}}