:root{--bg-color:#000;--text-main:#fff;--text-muted:#8b92a5;--accent-color:#fff;--accent-secondary:#eee;--glass-bg:#ffffff08;--glass-border:#ffffff14;--font-main:"Outfit", sans-serif;--gradient-1:linear-gradient(135deg, #fff, #888)}*{box-sizing:border-box;margin:0;padding:0}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}html,body{width:100%;overflow-x:hidden}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;line-height:1.6}.bg-effects{z-index:-3;pointer-events:none;background:0 0;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.bg-video{object-fit:cover;opacity:.5;z-index:-2;filter:saturate(1.1)brightness(1.1);width:100%;height:calc(100% + 150px);position:absolute;top:-150px;left:0;transform:scale(1.05)}.video-gradient-overlay{z-index:-1;background:radial-gradient(circle,#0000 0%,#0006 70%,#000 100%),linear-gradient(#000 0 60px,#0000 120px calc(100% - 30px),#000 100%);position:absolute;inset:-150px -20px -20px}.global-noise{display:none}.cursor{pointer-events:none;z-index:10000;mix-blend-mode:difference;will-change:transform;background:#fff;border-radius:50%;width:20px;height:20px;transition:width .3s,height .3s,background .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}@media (hover:none) and (pointer:coarse){.cursor{display:none!important}}.cursor.hovered{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);mix-blend-mode:normal;background:#fff3;border:1px solid #ffffff80;width:60px;height:60px}.blur-overlay{display:none}.global-particles{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.global-particles .particle{pointer-events:none;opacity:0;border-radius:50%;animation:linear infinite float-particle-side;position:absolute}.global-particles .particle.left{animation-name:float-particle-left;left:0}.global-particles .particle.right{animation-name:float-particle-right;right:0}@keyframes float-particle-left{0%{opacity:0;transform:translateY(0)translate(0)rotate(0)}10%{opacity:.6}90%{opacity:.4}to{opacity:0;transform:translate(60px,-100vh)rotate(180deg)}}@keyframes float-particle-right{0%{opacity:0;transform:translateY(0)translate(0)rotate(0)}10%{opacity:.6}90%{opacity:.4}to{opacity:0;transform:translate(-60px,-100vh)rotate(-180deg)}}.section-dim-overlay{pointer-events:none;z-index:2;border-radius:inherit;opacity:0;will-change:opacity;background:#000;transition:opacity .6s cubic-bezier(.165,.84,.44,1);position:absolute;inset:0}.bento-card.scroll-dimmed .section-dim-overlay,.coop-card.scroll-dimmed .section-dim-overlay{opacity:.4}@keyframes float{0%{transform:translate(0)rotate(0)scale(1)}33%{transform:translate(30px,-50px)rotate(120deg)scale(1.1)}66%{transform:translate(-20px,20px)rotate(240deg)scale(.9)}to{transform:translate(0)rotate(360deg)scale(1)}}.orbit-dot{display:inline-block}.dot-inner{animation:2s ease-in-out infinite dot-pulse;display:inline-block}.line-mask:first-child .dot-inner{animation-duration:2s}.line-mask:nth-child(2) .dot-inner{animation-duration:2.6s;animation-delay:.3s}.line-mask:nth-child(3) .dot-inner{animation-duration:1.8s;animation-delay:.6s}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.3}}.content-wrapper{z-index:1;backface-visibility:hidden;max-width:1200px;margin:0 auto;padding:120px 2rem 0;position:relative;transform:translateZ(0)}.navbar{z-index:100;will-change:padding, background;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:1rem 5%;transition:padding .3s cubic-bezier(.23,1,.32,1),background .3s cubic-bezier(.23,1,.32,1);animation:1s ease-out fadeDown;display:flex;position:fixed;top:0;left:0}.navbar:before{content:"";-webkit-backdrop-filter:none;opacity:0;z-index:-1;pointer-events:none;background:0 0;transition:opacity .4s;position:absolute;inset:0}.navbar.scrolled:before{opacity:1;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);background:#000000d9}.portfolio-page .navbar{border-bottom:none}.portfolio-page .navbar.scrolled{border-bottom:1px solid var(--glass-border)}.navbar{-webkit-backdrop-filter:none;background:0 0}.navbar.scrolled{box-shadow:none;border-bottom:none;padding:.8rem 5%}@media (width<=768px){.navbar{background:0 0;padding:.8rem 1.5rem}.navbar.scrolled:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:1;background:#000000f2}}.logo-container{align-items:center;gap:1.5rem;display:flex}.back-btn{color:var(--text-muted);border:1px solid var(--glass-border);background:var(--glass-bg);border-radius:50px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex}.back-btn:hover{color:var(--text-main);background:#ffffff1a;transform:translate(-5px)}.logo{letter-spacing:2px;align-items:center;font-size:1.5rem;font-weight:800;display:flex}.logo svg{width:auto;height:32px;display:block}.logo span{color:var(--accent-color)}.gradient-text{color:#fff;display:inline-block}.contact-btn{border:1px solid var(--glass-border);background:var(--glass-bg);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform;border-radius:50px;padding:.8rem 1.8rem;font-weight:600;transition:background .3s,color .3s,transform .3s cubic-bezier(.25,1,.5,1)}.contact-btn:hover{color:var(--bg-color);background:#fff}.hero{background:0 0;align-items:center;width:100vw;min-height:85vh;margin-bottom:-2px;margin-left:-50vw;margin-right:-50vw;padding:2rem 0;display:flex;position:relative;left:50%;right:50%;overflow:visible}.hero-container{grid-template-columns:1fr 1fr;align-items:stretch;gap:2rem;width:100%;max-width:1200px;min-height:70vh;margin:0 auto;padding:0 2rem;display:grid}.hero-text-col{z-index:2;will-change:transform;flex-direction:column;justify-content:center;gap:1.5rem;padding-right:2rem;display:flex}.hero-title-main{letter-spacing:-.03em;color:#fff;margin-top:auto;font-size:clamp(4rem,8vw,7.5rem);font-weight:800;line-height:.9}.line-mask{overflow:hidden}.title-line{opacity:0;white-space:nowrap;transition:transform .8s cubic-bezier(.19,1,.22,1),opacity .5s;transform:translateY(110%)}.title-line.animate-in{opacity:1;transform:translateY(0)}.bt-char{cursor:default;will-change:font-weight, color, transform;transition:font-weight .3s ease-in-out,color .3s ease-in-out,transform .3s cubic-bezier(.34,1.56,.64,1);display:inline-block}.bt-char[data-dist="0"]{color:#fff;font-weight:900;transform:scale(1.08)translateY(-2px)}.bt-char[data-dist="1"]{color:#ffffffd9;font-weight:600;transform:scale(1.02)}.bt-char[data-dist="2"]{color:#ffffffa6;font-weight:400}.bubble-text-line:hover .bt-char:not([data-dist]){color:#ffffff73;font-weight:300}.line-mask:first-child .title-line{transition-delay:.1s}.line-mask:nth-child(2) .title-line{transition-delay:.2s}.line-mask:nth-child(3) .title-line{transition-delay:.3s}.hero-meta{color:var(--text-muted);opacity:0;max-width:450px;font-size:clamp(1.1rem,1.8vw,1.3rem);font-weight:300;line-height:1.5;animation:1s ease-out .6s forwards fadeUp}.hero-bottom-info{opacity:0;justify-content:flex-start;align-items:flex-end;margin-top:auto;padding-top:2rem;animation:1s ease-out .8s forwards fadeUp;display:flex}.hero-arrow{color:#fff;margin-left:-37px;text-decoration:none;transition:transform .3s;display:inline-flex}.hero-arrow:hover{transform:translate(5px,5px)}.hero-visual-col{opacity:0;transform-origin:50%;min-height:400px;transition:opacity 1.2s ease-out;position:relative;transform:scale(1)}.hero-visual-col.animate-in{opacity:1}.orb-container{z-index:110;pointer-events:none;justify-content:center;align-items:center;width:100%;height:110%;display:flex;position:absolute;top:-10%;left:0}.orb{filter:blur(50px);will-change:transform, opacity;backface-visibility:hidden;border-radius:50%;animation:20s cubic-bezier(.4,0,.2,1) infinite alternate orb-move;position:absolute;transform:translateZ(0)}.orb-1{background:#f24e1e66;width:450px;height:450px;margin-top:-140px;margin-left:-120px;animation-duration:22s}.orb-2{background:#a259ff59;width:550px;height:550px;margin-top:40px;margin-left:100px;animation-duration:26s;animation-direction:alternate-reverse}.orb-3{mix-blend-mode:screen;background:#1abcfe59;width:380px;height:380px;margin-top:-30px;margin-left:-20px;animation-duration:18s}@keyframes orb-move{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(20%,25%)scale(1.1)rotate(5deg)}to{transform:translate(-20%,-20%)scale(.9)rotate(-5deg)}}.glass-cover,.noise-overlay{display:none}@keyframes floatShape{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(-5%,10%)scale(1.1)rotate(5deg)}to{transform:translate(5%,-5%)scale(.9)rotate(-5deg)}}.portfolio-categories{background:#000;margin-top:0;padding:6rem 0}.section-title{text-align:center;background:linear-gradient(90deg,#fff,#8b92a5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:3rem;font-size:2.5rem;font-weight:600}.bento-grid{grid-template-columns:repeat(2,1fr);grid-auto-flow:dense;gap:20px;max-width:1000px;margin:0 auto;display:grid}.bento-card{background:var(--glass-bg);border:1px solid var(--glass-border);cursor:pointer;will-change:transform, opacity;backface-visibility:hidden;border-radius:24px;flex-direction:column;justify-content:flex-end;min-height:280px;padding:2.5rem;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;position:relative;overflow:hidden;transform:translateZ(0)}.bento-card#category-social{overflow:visible}.bento-card .card-content{z-index:10;position:relative}.bento-card.revealed{opacity:1;transform:translateY(0)}.bento-card.large{grid-column:span 2}.bento-card:before{content:"";z-index:0;pointer-events:none;opacity:.6;background:radial-gradient(circle at 50% 110%,#00d2ff1f,#0000 65%);animation:4s ease-in-out infinite breathe-glow;position:absolute;inset:0}.bento-card:nth-child(2):before{animation-delay:1s}.bento-card:nth-child(3):before{animation-delay:2s}.bento-card:nth-child(4):before{animation-delay:1.5s}@keyframes breathe-glow{0%,to{opacity:.4;transform:scale(.95)}50%{opacity:.8;transform:scale(1.05)}}.bento-card:hover{background:#ffffff14;border-color:#fff6;transform:perspective(1000px)translateY(-10px)rotateX(2deg);box-shadow:0 30px 60px #0009}.hero-particles{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.particle{pointer-events:none;will-change:transform, opacity;backface-visibility:hidden;background:#fff6;border-radius:50%;animation:linear infinite float-particle;position:absolute}@keyframes float-particle{0%{opacity:0;transform:translateY(0)rotate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh)rotate(360deg)}}.card-content h3{color:#fff;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.card-content p{color:var(--text-muted);max-width:80%;font-size:1rem}.card-glow{background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y), #ffffff4d, transparent 50%);z-index:1;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.bento-card:hover .card-glow{opacity:1}.quick-nav{text-align:center;padding:4rem 0 0}.quick-nav-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:2rem;font-size:1.2rem}.filter-pills{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.pill{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-main);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;padding:.8rem 1.8rem;font-weight:500;text-decoration:none;transition:all .3s}.pill:hover{background:var(--text-main);color:var(--bg-color);transform:translateY(-2px);box-shadow:0 10px 20px #ffffff1a}.footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--glass-border);margin-top:4rem;padding:3rem 0}.modal-overlay{-webkit-backdrop-filter:blur(20px);z-index:1000;opacity:0;background:#0b0c10d1;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .4s;display:none;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;display:flex}.modal-content{background:var(--bg-color);border:1px solid var(--glass-border);border-radius:24px;width:90%;max-width:500px;padding:3rem;transition:all .4s cubic-bezier(.2,.8,.2,1);position:relative;transform:translateY(30px);box-shadow:0 25px 50px -12px #00000080}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;transition:color .3s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.modal-close:hover{color:var(--text-main)}.modal-title{margin-bottom:.5rem;font-size:2.2rem;font-weight:800}.modal-subtitle{color:var(--text-muted);margin-bottom:2.5rem;font-size:1.1rem}.contact-links{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.contact-card{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem;text-decoration:none;transition:all .3s;display:flex}.contact-card svg{color:var(--text-muted);transition:color .3s}.contact-card span{font-weight:600;transition:all .3s}.contact-card.show-address span{color:#fff;font-size:.85rem}.contact-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-3px)}.contact-card.email{grid-column:span 2}.contact-card.telegram:hover svg{color:#08c}.contact-card.max:hover svg{color:var(--accent-color)}.contact-card.whatsapp:hover svg{color:#25d366}.contact-card.email:hover svg{color:#ea4335}.contact-card.behance:hover svg{color:#1769ff}.portfolio-content{flex-direction:column;max-width:900px;max-height:90vh;display:flex}.portfolio-gallery{background:#0003;border-radius:12px;flex:1;justify-content:center;align-items:flex-start;margin-top:1.5rem;padding:10px;display:flex;overflow-y:auto}.portfolio-img{border-radius:8px;width:100%;height:auto;animation:.6s ease-out fadeUp;box-shadow:0 10px 30px #00000080}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background-color:var(--glass-border);border-radius:10px}.clients-section{padding:2rem 0 6rem}.client-logos{flex-wrap:wrap;justify-content:center;align-items:center;gap:5rem;max-width:900px;margin:0 auto;display:flex}.logo-item{opacity:.4;filter:grayscale()brightness(200%);cursor:pointer;justify-content:center;align-items:center;transition:all .5s cubic-bezier(.19,1,.22,1);display:flex}.logo-item:hover{opacity:1;filter:grayscale(0%)brightness();transform:scale(1.1)}.client-logo-img{object-fit:contain;filter:grayscale()brightness(200%);opacity:.4;width:auto;max-width:160px;height:48px;transition:all .5s cubic-bezier(.19,1,.22,1);display:block}.logo-item:hover .client-logo-img{filter:grayscale(0%)brightness();opacity:1}.logo-item svg{transition:fill .5s}.portfolio-main{backface-visibility:hidden;min-height:100vh;padding:180px 5% 100px;transform:translateZ(0)}.portfolio-header{text-align:center;background:0 0;width:100vw;margin-bottom:-2px;margin-left:-50vw;margin-right:-50vw;padding:6rem 2rem;position:relative;left:50%;right:50%;overflow:visible}.portfolio-header h1{margin-bottom:1rem;font-size:clamp(3rem,8vw,6rem);font-weight:800}.masonry-grid{column-count:3;perspective:1000px;column-gap:2rem;width:100%;position:relative;transform:translateZ(0)}.masonry-item{cursor:pointer;opacity:0;break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;width:100%;margin:0 0 2rem;transition:transform .4s cubic-bezier(.165,.84,.44,1),opacity .6s,border-color .4s,box-shadow .4s;display:block;position:relative;overflow:hidden;transform:translateY(20px)}.masonry-item.revealed{opacity:1;transform:translateY(0)}.iframe-window-preview{aspect-ratio:16/10;background:#111;border-radius:4px;width:100%;position:relative;overflow:hidden}.window-bar{background:#ffffff0d;border-bottom:1px solid #ffffff0d;align-items:center;height:1.5rem;padding:0 .8rem;display:flex}.window-bar .dots{gap:6px;display:flex}.window-bar .dots span{background:#fff3;border-radius:50%;width:8px;height:8px}.window-bar .dots span:first-child{background:#ff5f57}.window-bar .dots span:nth-child(2){background:#ffbd2e}.window-bar .dots span:nth-child(3){background:#28c840}.iframe-window-preview iframe{transform-origin:0 0;pointer-events:none;filter:brightness(.9);border:none;width:430%;height:430%;transition:filter .3s;overflow:hidden;transform:scale(.235)}.masonry-item:hover iframe{filter:brightness(1.1)}.masonry-item.is-link .site-item-overlay{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.masonry-item:hover{border-color:#fff3;transform:translateY(-8px);box-shadow:0 20px 40px #0006}.site-item-overlay{opacity:0;z-index:5;background:linear-gradient(#0000 0%,#000000e6 100%);flex-direction:column;justify-content:flex-end;padding:2rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.masonry-item:hover .site-item-overlay{opacity:1}.site-item-info h4{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:700;transition:transform .4s cubic-bezier(.23,1,.32,1);transform:translateY(10px)}.site-item-info span{color:var(--accent-color);letter-spacing:1px;text-transform:uppercase;font-size:.9rem;font-weight:600;transition:transform .4s cubic-bezier(.23,1,.32,1) .1s;display:block;transform:translateY(10px)}.masonry-item:hover .site-item-info h4,.masonry-item:hover .site-item-info span{transform:translateY(0)}.masonry-item.is-link:after{content:"↗";-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;opacity:0;z-index:10;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .3s;display:flex;position:absolute;top:1.5rem;right:1.5rem;transform:scale(.8)}.masonry-item.is-link:hover:after{opacity:1;transform:scale(1)}.masonry-item img,.masonry-item video{pointer-events:none;width:100%;transition:transform .6s;display:block}.masonry-item:hover img,.masonry-item:hover video{transform:scale(1.02)}.lightbox-overlay{z-index:10000;cursor:zoom-out;background:#000000f2;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.lightbox-content{background:var(--bg-color);border:1px solid var(--glass-border);cursor:default;border-radius:24px;flex-direction:row;width:auto;max-width:95vw;max-height:90vh;position:relative;overflow:hidden;box-shadow:0 40px 100px #000c;display:flex!important}.lightbox-close{color:#fff;border:1px solid var(--glass-border);cursor:pointer;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:2.22rem;line-height:1;transition:all .3s cubic-bezier(.23,1,.32,1);position:absolute;top:20px;right:20px;display:flex!important}.lightbox-close:hover{background:#ffffff26;border-color:#fff6;transform:rotate(90deg)}.lightbox-controls-side{width:100%;margin-top:auto;padding-top:2rem}.lightbox-img-wrapper{background:#000;flex:1;justify-content:center;align-items:center;min-width:0;display:flex;position:relative;overflow:hidden}.lightbox-img-wrapper img,.lightbox-img-wrapper video{object-fit:contain;will-change:opacity, transform;backface-visibility:hidden;max-width:100%;max-height:90vh;transition:opacity .4s cubic-bezier(.23,1,.32,1),transform .4s cubic-bezier(.23,1,.32,1)}.lightbox-img-wrapper video{display:none}.lightbox-img.switching,.lightbox-video.switching{opacity:0;transform:perspective(1000px)rotateY(8deg)scale(.98)translate(20px)}.lightbox-img.switching-prev,.lightbox-video.switching-prev{opacity:0;transform:perspective(1000px)rotateY(-8deg)scale(.98)translate(-20px)}.lightbox-media-overlay{z-index:40;pointer-events:none;opacity:1;background:linear-gradient(#0000 0%,#000c 100%);justify-content:center;align-items:center;width:100%;padding:3rem 2rem;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0}.lightbox-media-overlay .lightbox-contact-btn{pointer-events:auto;color:#fff;-webkit-backdrop-filter:blur(15px);background:#0006;border:1px solid #ffffff26;border-radius:50px;align-items:center;padding:1rem 2.5rem;font-size:1.1rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 20px 50px #00000080}.lightbox-media-overlay .lightbox-contact-btn:hover{background:#ffffff14;border-color:#ffffff80;transform:translateY(-5px)}.lightbox-info{display:none!important}.lightbox-nav{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;z-index:20;background:#0000004d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:20px;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-50%)scale(1.1)}.lightbox-nav.prev{left:30px}.lightbox-nav.next{right:30px}@media (width<=768px){.lightbox-nav{display:none!important}.lightbox-content{flex-direction:column;width:auto;max-width:95vw;height:auto;max-height:95vh;overflow:hidden}.lightbox-info p{font-size:1.05rem}.lightbox-img-wrapper img{max-height:50vh}.lightbox-actions{bottom:15px}.lightbox-close{width:40px;height:40px;background:#00000080!important;font-size:1.8rem!important;top:15px!important;right:15px!important}.lightbox-controls-side{margin-top:2rem;padding-top:0}}.lightbox-actions{z-index:10;gap:1rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.lightbox-contact-btn{-webkit-backdrop-filter:blur(10px);color:#fff;font-family:var(--font-main);cursor:pointer;white-space:nowrap;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;padding:.8rem 1.8rem;font-weight:600;transition:all .3s;display:flex}.lightbox-contact-btn:hover{background:#fff3;border-color:#fff6;transform:translateY(-3px)}.lightbox-close{color:#fff;z-index:1001;cursor:pointer;-webkit-backdrop-filter:blur(10px);background:#0006;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:2rem;transition:all .3s;position:absolute;top:1.5rem;right:1.5rem;display:flex!important}.lightbox-close:hover{color:#000;background:#fff;transform:rotate(90deg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.masonry-grid{column-count:2;column-gap:1.5rem}.portfolio-main{padding-top:140px}}@media (width<=480px){.masonry-grid{column-count:1;column-gap:1.2rem}}@media (width<=1024px){.hero-container{grid-template-columns:1fr;gap:3rem}.hero-text-col{padding-right:0}.hero-title-main{font-size:clamp(4rem,10vw,6rem)}.hero-visual-col{min-height:350px}.bento-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:0 1.5rem}.bento-card.large{grid-column:span 2}}@media (width<=768px){.navbar{padding:1rem 1.5rem}.logo svg{width:140px}.hero{background:0 0;width:100vw;min-height:auto;margin-bottom:-2px;margin-left:-50vw;padding:100px 0 2rem;position:relative;left:50%;overflow:visible}.video-gradient-overlay{background:radial-gradient(circle,#0000 0%,#00000073 80%,#000 100%),linear-gradient(#000 0 60px,#0000 120px 80%,#000 100%);inset:-150px 0 0}.navbar{background:var(--bg-color)!important;-webkit-backdrop-filter:none!important;border-bottom:1px solid var(--glass-border)!important;z-index:1000!important;padding:.8rem 1.5rem!important}.hero-visual-col{z-index:-1;pointer-events:none;width:140%;height:100%;min-height:auto;display:block;position:absolute;top:0;left:-20%;opacity:1!important}.orb-container{justify-content:center;align-items:center;overflow:visible;visibility:visible!important;opacity:1!important;height:100%!important;display:flex!important;top:0%!important}.orb{filter:blur(120px)!important;opacity:.6!important;width:400px!important;height:400px!important;display:block!important}.bg-effects{z-index:-1;height:100%;min-height:150vh;position:absolute;overflow:hidden}.hero-particles{z-index:-1;height:100%}.hero-title-main{letter-spacing:-.04em;z-index:2;font-size:clamp(3rem,14vw,4.5rem);position:relative}.hero-meta{z-index:2;max-width:100%;margin-top:1rem;font-size:1.1rem;position:relative}.portfolio-main{padding:80px 1.5rem 40px}.portfolio-categories{background:#000;width:100vw;margin-left:-50vw;padding:4rem 1.5rem;position:relative;left:50%}.portfolio-header h1{font-size:3.5rem}.portfolio-categories{padding:.5rem 0}.bento-grid{grid-template-columns:1fr;gap:1.2rem;padding:0 1.5rem}.bento-card.large{grid-column:span 1}.bento-card{min-height:180px;padding:1.5rem}.client-logos{gap:3rem;padding:0 1.5rem}}@media (width<=480px){.hero-title-main{font-size:clamp(2.2rem,15vw,3.8rem)}.contact-links{grid-template-columns:1fr;gap:1rem}.modal-content{width:92%;padding:2.5rem 1.5rem}.modal-title{font-size:1.8rem}.contact-card{padding:1.2rem}.masonry-grid{column-count:1}}.occupancy-container{max-width:600px;margin:4rem auto 0;padding:0 1.5rem}.occupancy-info{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.occupancy-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:.9rem}.occupancy-percentage{color:#fff;font-size:1.2rem;font-weight:700}.occupancy-track{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;width:100%;height:8px;position:relative;overflow:hidden}.occupancy-bar{background:var(--gradient-1);border-radius:50px;width:0;height:100%;position:absolute;top:0;left:0;box-shadow:0 0 20px #00d2ff66}@media (width<=768px){.occupancy-container{margin-top:2.5rem}}.cooperation-section{max-width:1000px;margin:0 auto;padding:4rem 0}.cooperation-grid{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:3rem;display:grid}.coop-card{cursor:pointer;justify-content:flex-start;position:relative;overflow:hidden}.coop-card .card-content{padding-top:6.5rem}.coop-card .coop-num{text-align:left;letter-spacing:-.04em;font-variant-numeric:tabular-nums;opacity:.12;color:#ffffff0a;z-index:2;-webkit-text-fill-color:transparent;--coop-stroke:#ffffff3d;--coop-shadow:#80e2ff29;--coop-outline-gradient:linear-gradient(120deg, #78ecfff2, #ffffffb3, #5c98fff2);--coop-droplet:radial-gradient(circle, #fffffffa 0%, #a8eefff2 26%, #6fc6ff8c 46%, #6fc6ff00 62%);background-position:-40% -40%;background-repeat:no-repeat;background-size:38% 38%;-webkit-background-clip:text;background-clip:text;background-image:var(--coop-droplet);width:2ch;font-size:clamp(5rem,7vw,6.5rem);font-weight:800;line-height:.9;transition:opacity .3s,transform .3s;animation:8.5s linear infinite coop-droplet-orbit;position:absolute;top:.75rem;left:2.5rem}.coop-card.project .coop-num{--coop-stroke:#86e3ff57;--coop-shadow:#52c2ff38;--coop-outline-gradient:linear-gradient(120deg, #83f3ff 0%, #edf8ff 38%, #7ca8ff 70%, #83f3ff 100%);--coop-droplet:radial-gradient(circle, #f5feff 0%, #98f3fff5 24%, #5ac2ff99 46%, #5ac2ff00 62%);animation-duration:8s}.coop-card.subscription .coop-num{--coop-stroke:#ffc48d57;--coop-shadow:#ff935c33;--coop-outline-gradient:linear-gradient(120deg, #ffd29a 0%, #fff1c4 35%, #ff9a68 68%, #ff74aa 100%);--coop-droplet:radial-gradient(circle, #fff8e9fa 0%, #ffd28af2 24%, #ff80689e 44%, #ff806800 61%);animation-duration:9.25s;animation-delay:-2.4s}.coop-card .coop-num:before,.coop-card .coop-num:after{content:attr(data-num);pointer-events:none;position:absolute;inset:0}.coop-card .coop-num:before{color:#0000;-webkit-text-stroke:1.2px #ffffff29;filter:blur(1.8px);opacity:.7}.coop-card .coop-num:after{color:#0000;background-image:var(--coop-outline-gradient);-webkit-text-fill-color:transparent;-webkit-text-stroke:1px var(--coop-stroke);filter:drop-shadow(0 0 10px var(--coop-shadow));opacity:.55;background-position:50%;background-size:180% 180%;-webkit-background-clip:text;background-clip:text}.coop-card:hover .coop-num{opacity:.18;transform:translateY(-2px)}.coop-card h3{color:#fff;margin-bottom:1rem;font-size:1.8rem;font-weight:700}.coop-card p{color:var(--text-muted);max-width:min(78%,34ch);line-height:1.6}@keyframes coop-droplet-orbit{0%{background-position:12% 12%}14%{background-position:58% 8%}28%{background-position:88% 24%}42%{background-position:90% 62%}57%{background-position:74% 92%}71%{background-position:30% 94%}86%{background-position:8% 56%}to{background-position:12% 12%}}@media (width<=768px){.cooperation-grid{grid-template-columns:1fr;gap:1.2rem;padding:0 1.5rem}.coop-card{min-height:180px;padding:1.5rem}.coop-card .card-content{padding-top:5.5rem}.coop-card .coop-num{left:1.5rem}.coop-card p{max-width:100%;padding-right:3rem}.cooperation-section{padding:2rem 0}}.side-bg-orbs{z-index:110;pointer-events:none;opacity:0;backface-visibility:hidden;will-change:opacity;width:100vw;height:100vh;transition:opacity 1.2s cubic-bezier(.165,.84,.44,1);position:fixed;top:0;left:0;overflow:hidden}.side-bg-orbs.visible{opacity:1}.bg-orb{filter:blur(120px);will-change:transform;opacity:.3;border-radius:50%;animation:60s cubic-bezier(.4,0,.2,1) infinite alternate orb-float;position:absolute;transform:translateZ(0)}.bg-orb-1{background:#a259ff80;width:700px;height:700px;animation-duration:50s;top:15%;left:-350px}.bg-orb-2{background:#1abcfe66;width:600px;height:600px;animation-duration:45s;animation-delay:-10s;bottom:10%;right:-300px}.bg-orb-3{opacity:.15;background:#f24e1e4d;width:450px;height:450px;animation-duration:55s;top:60%;left:10%}.bg-orb-4{opacity:.12;background:#00d2ff4d;width:400px;height:400px;animation-duration:42s;top:40%;right:5%}@keyframes orb-float{0%{transform:translate(0,0)scale(1)}33%{transform:translate(80px,100px)scale(1.05)}66%{transform:translate(-60px,140px)scale(.98)}to{transform:translate(40px,-120px)scale(1.05)}}.nav-actions{align-items:center;gap:1rem;display:flex}.redesign-btn{background:#ffffff0d;border-color:#ffffff1a;transition:all .3s}.redesign-btn:hover{color:#fff;background:linear-gradient(135deg,#4834d4 0%,#686de0 50%,#9b59b6 100%);border-color:#0000;transform:translateY(-2px);box-shadow:0 10px 30px #6d48d766}.hero-redesign-btn{color:#000;cursor:pointer;background:#fff;border-radius:100px;align-items:center;gap:1rem;width:fit-content;margin-top:2rem;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .4s cubic-bezier(.23,1,.32,1);display:inline-flex;box-shadow:0 0 20px #fff3}.hero-redesign-btn:hover{color:#fff;background:linear-gradient(135deg,#4834d4 0%,#686de0 50%,#9b59b6 100%);transform:translateY(-5px)scale(1.05);box-shadow:0 15px 50px #6d48d780,inset 0 0 15px #fff3}.hero-redesign-btn:hover svg{stroke:#fff}.hero-redesign-btn span{white-space:nowrap}.hero-redesign-btn{animation:2s infinite pulse-button}@keyframes pulse-button{0%{box-shadow:0 0 #fff6}70%{box-shadow:0 0 0 15px #fff0}to{box-shadow:0 0 #fff0}}.redesign-content{max-width:500px!important}.redesign-form{flex-direction:column;gap:1.5rem;margin-top:2rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--text-muted);font-size:.85rem;font-weight:500}.form-group input{border:1px solid var(--glass-border);color:#fff;background:#ffffff0d;border-radius:12px;padding:1rem;font-family:inherit;transition:border-color .3s}.form-group input:focus{border-color:#ffffff4d;outline:none}.file-input-wrapper{border:1px dashed var(--glass-border);text-align:center;cursor:pointer;background:#ffffff0d;border-radius:12px;padding:1.5rem;transition:all .3s;position:relative}.file-input-wrapper:hover{background:#ffffff14;border-color:#ffffff4d}.file-input-wrapper input[type=file]{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.file-name{color:var(--text-muted);font-size:.9rem}.submit-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:12px;margin-top:1rem;padding:1rem;font-weight:700;transition:all .3s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ffffff1a}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-status{text-align:center;min-height:1.4em;font-size:.9rem}.form-status.success{color:#0f8}.form-status.error{color:#ff4b2b}@media (width<=768px){.nav-actions .redesign-btn{display:none}.hero-bottom-info{flex-direction:column;gap:1.5rem;align-items:flex-start!important}.hero-redesign-bubble{margin-left:0}}