:root{--bg: #0A0A0A;--surface: #111111;--surface-2: #1A1A1A;--border: rgba(255, 255, 255, .08);--border-lit: rgba(180, 255, 100, .3);--accent: #B4FF64;--accent-dim: rgba(180, 255, 100, .15);--cyan: #5CE0D8;--purple: #A78BFA;--white: #F0F0F0;--muted: #7A7A7A;--dark: #0A0A0A;--font-display: "Space Grotesk", "Cairo", sans-serif;--font-body: "DM Sans", "Cairo", sans-serif;--font-mono: "Space Mono", "Cairo", monospace;--ease-out: cubic-bezier(.25, 1, .5, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--grid-color: rgba(255, 255, 255, .04);--grid-size: 40px;--border-strong: rgba(255, 255, 255, .15);--stroke: rgba(255, 255, 255, .2);--placeholder: rgba(255, 255, 255, .15);--ghost: rgba(255, 255, 255, .03);--ghost-faint: rgba(255, 255, 255, .015);--veil: rgba(255, 255, 255, .04);--nav-blend: difference;--on-media: #F0F0F0;--on-media-accent: #B4FF64;--on-accent: #0A0A0A}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}html,body{overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--bg);color:var(--white);overflow-x:hidden;min-height:100vh;background-image:radial-gradient(circle,var(--grid-color) 1px,transparent 1px);background-size:var(--grid-size) var(--grid-size)}@media(pointer:fine){html[data-custom-cursor] *,html[data-custom-cursor] a,html[data-custom-cursor] button,html[data-custom-cursor] input,html[data-custom-cursor] textarea,html[data-custom-cursor] select{cursor:none!important}}@media(max-width:900px),(hover:none)and (pointer:coarse){.cursor,.cursor-follower{display:none!important;visibility:hidden!important;opacity:0!important}*,a,button,input,textarea,select,.magnetic{cursor:auto!important}}body:before{content:"";position:fixed;inset:0;z-index:9000;pointer-events:none;border:1px solid rgba(92,224,216,.06);box-shadow:inset 0 0 80px #5ce0d805,inset 0 0 200px #a78bfa03}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;line-height:1;font-weight:700}a{color:inherit;text-decoration:none}.gradient-text{background:linear-gradient(135deg,var(--white),var(--muted));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.tag{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);letter-spacing:.15em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.6rem}.tag:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);animation:tagPulse 2s ease-in-out infinite}@keyframes tagPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.cursor{position:fixed;width:12px;height:12px;margin-left:-6px;margin-top:-6px;background:var(--accent);border-radius:50%;pointer-events:none;z-index:99999;mix-blend-mode:normal;transition:width .3s var(--ease-out),height .3s var(--ease-out),margin .3s var(--ease-out),background-color .2s ease,opacity .3s,border-radius .3s var(--ease-out);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:0;font-weight:700;color:var(--dark);letter-spacing:.05em;text-transform:uppercase;opacity:0}html[data-custom-cursor] .cursor{opacity:1}.cursor.hovered{width:70px;height:70px;margin-left:-35px;margin-top:-35px;background:var(--accent);font-size:.55rem;color:var(--dark);border-radius:50%}.cursor-follower{position:fixed;width:40px;height:40px;margin-left:-20px;margin-top:-20px;border:1px solid rgba(180,255,100,.25);border-radius:50%;pointer-events:none;z-index:99998;transition:width .45s var(--ease-out),height .45s var(--ease-out),margin .45s var(--ease-out),opacity .3s;opacity:0}html[data-custom-cursor] .cursor-follower:not(.hidden){opacity:1}.cursor-follower.hidden{width:0;height:0;margin-left:0;margin-top:0;opacity:0}.site-nav{position:fixed;top:0;left:0;right:0;z-index:9500;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;mix-blend-mode:var(--nav-blend)}.nav-logo{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--white);text-decoration:none;letter-spacing:.04em;text-transform:uppercase;display:flex;align-items:center;gap:.6rem;direction:ltr!important}.nav-logo img{width:28px;height:28px;object-fit:contain;filter:brightness(10)}.nav-links{display:flex;align-items:center;gap:2.5rem;list-style:none}.nav-links a{font-family:var(--font-mono);font-size:.7rem;font-weight:400;color:var(--white);text-decoration:none;letter-spacing:.12em;text-transform:uppercase;position:relative;padding-bottom:2px;transition:opacity .3s ease}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#fff;transition:width .3s var(--ease-out)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-controls{display:flex;align-items:center;gap:1rem}.nav-theme-toggle{background:none;border:1px solid var(--border-strong);color:var(--white);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;transition:border-color .3s ease,background .3s ease;cursor:none}.nav-theme-toggle:hover{border-color:var(--accent);background:#b4ff6414}.tool-label{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:.6rem;color:var(--purple);background:#a78bfa14;border:1px solid rgba(167,139,250,.15);border-radius:4px;padding:.25rem .6rem;letter-spacing:.06em;pointer-events:none;white-space:nowrap}.tool-label.green{color:var(--accent);background:#b4ff640f;border-color:#b4ff6426}.tool-label.cyan{color:var(--cyan);background:#5ce0d80f;border-color:#5ce0d826}.btn-primary{display:inline-flex;align-items:center;gap:.6rem;background:var(--accent);color:var(--dark);font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:1rem 2.2rem;border-radius:100px;border:none;transition:background .3s ease,transform .2s var(--ease-out),box-shadow .3s ease}.btn-primary:hover{background:#c8ff8a;transform:translateY(-2px);box-shadow:0 8px 30px #b4ff6426}.btn-secondary{display:inline-flex;align-items:center;gap:.6rem;background:transparent;color:var(--white);font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;padding:1rem 2.2rem;border-radius:100px;border:1px solid rgba(255,255,255,.15);transition:border-color .3s ease,color .3s ease,transform .2s var(--ease-out)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(5rem,9vh,6.5rem) 6% clamp(5.5rem,11vh,7rem);overflow:hidden}.hero-eyebrow{margin-bottom:clamp(.75rem,2.2vh,2rem)}.hero .hero-title{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;font-size:clamp(2.5rem,min(13vw,17vh),13rem);line-height:.92;color:var(--white);margin-bottom:.15em;position:relative}.hero .hero-title .outline{-webkit-text-stroke:1.5px var(--stroke);color:transparent}.hero .hero-title .accent{color:var(--accent)}.hero-labels{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;z-index:1}.hero-labels .tool-label{position:absolute;animation:floatLabel 6s ease-in-out infinite}.hero-labels .tool-label:nth-child(1){top:22%;left:8%;animation-delay:0s}.hero-labels .tool-label:nth-child(2){top:35%;right:6%;animation-delay:-2s}.hero-labels .tool-label:nth-child(3){bottom:25%;left:12%;animation-delay:-4s}@keyframes floatLabel{0%,to{transform:translateY(0);opacity:.7}50%{transform:translateY(-8px);opacity:1}}.hero-sub{max-width:520px;margin:clamp(1rem,2.8vh,2.5rem) auto clamp(1.25rem,3.2vh,3rem);font-size:1.05rem;color:var(--muted);line-height:1.8}.hero-cta{display:flex;gap:1.2rem;align-items:center;flex-wrap:wrap;justify-content:center}.hero-meta{position:absolute;bottom:2.5rem;left:0;right:0;display:flex;justify-content:center;gap:3rem;font-family:var(--font-mono);font-size:.65rem;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.hero-meta span{display:flex;align-items:center;gap:.5rem}.hero-meta .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:tagPulse 2s ease-in-out infinite}.work-page{display:flex;flex-direction:column;min-height:100vh;padding-top:100px;padding-bottom:4rem}.work-header{padding:3rem 6% 2.5rem;border-bottom:1px solid var(--border)}.work-header .tag{margin-bottom:.8rem}.work-header h1{font-size:clamp(3rem,8vw,8rem);color:var(--white)}.drive-project-section{margin-bottom:4rem}.section-label{padding:2rem 6% 1.5rem;display:flex;align-items:center;gap:2rem;border-bottom:1px solid var(--border)}.section-label h2{font-size:clamp(1.8rem,4vw,3.5rem);color:var(--white)}.section-count{font-family:var(--font-mono);font-size:.65rem;color:var(--muted);padding:.25rem .75rem;border:1px solid var(--border);border-radius:100px;margin-left:auto;letter-spacing:.08em}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin:0 6%}.portfolio-card{display:block;position:relative;overflow:hidden;background:var(--surface);cursor:pointer}.portfolio-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(.4) brightness(.6);transition:filter .7s var(--ease-out),transform .9s var(--ease-out)}.portfolio-card:hover img{filter:grayscale(0) brightness(.85);transform:scale(1.05)}.card-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);width:56px;height:56px;border:1.5px solid rgba(255,255,255,.7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1rem;padding-left:3px;opacity:0;transition:opacity .3s ease,transform .4s var(--ease-out);backdrop-filter:blur(8px);background:#00000040}html[data-custom-cursor] .card-play{display:none}.portfolio-card:hover .card-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.portfolio-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000000eb,#000000c7 18%,#00000073 42%,#00000026 68%,#0000);opacity:0;transition:opacity .45s var(--ease-out);pointer-events:none;z-index:1}.portfolio-card:hover:after,.portfolio-card:focus-visible:after{opacity:1}.card-content{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.5rem;transform:translateY(100%);transition:transform .5s var(--ease-out)}.portfolio-card:hover .card-content{transform:translateY(0)}.card-content h3{font-size:1.3rem;margin-bottom:.3rem;font-family:var(--font-display);color:var(--on-media)}.card-content span{font-family:var(--font-mono);font-size:.65rem;color:var(--on-media-accent);letter-spacing:.1em;text-transform:uppercase}.video-modal{position:fixed;inset:0;z-index:10000;background:#000000f5;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s ease}.video-modal.active{opacity:1;pointer-events:auto}.close-modal{position:absolute;top:2rem;right:3rem;background:var(--veil);border:1px solid var(--border);border-radius:50%;color:var(--on-media);width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;z-index:10001;transition:background .3s ease,border-color .3s ease}.close-modal:hover{background:#ff505026;border-color:#ff5050;color:#ff5050}.modal-content{width:90%;max-width:1200px;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.modal-content iframe{width:100%;height:100%;border:none}.services-page{min-height:100vh;padding:120px 6% 6rem}.page-header{margin-bottom:4rem}.page-header .tag{margin-bottom:.8rem}.page-header h1{font-size:clamp(3.5rem,9vw,9rem);line-height:.9}.services-accordion{border-top:1px solid var(--border);max-width:900px}.accordion-item{border-bottom:1px solid var(--border);overflow:hidden}.accordion-heading{margin:0;font:inherit;letter-spacing:normal}.accordion-trigger{width:100%;display:flex;align-items:center;gap:2rem;padding:2rem 0;background:none;border:none;cursor:none;text-align:left;transition:color .3s ease}.accordion-trigger:hover .accordion-title{color:var(--accent)}.accordion-number{font-family:var(--font-mono);font-size:.7rem;color:var(--accent);letter-spacing:.1em;min-width:2.5rem;opacity:.6}.accordion-icon-wrap{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.85rem;transition:border-color .3s ease,color .3s ease,background .3s ease;flex-shrink:0}.accordion-trigger:hover .accordion-icon-wrap,.accordion-item.open .accordion-icon-wrap{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.accordion-title{font-family:var(--font-display);font-size:clamp(1.8rem,3.5vw,3rem);color:var(--white);flex:1;line-height:1;transition:color .3s ease}.accordion-arrow{font-size:.75rem;color:var(--muted);transition:transform .4s var(--ease-out),color .3s ease;flex-shrink:0}.accordion-item.open .accordion-arrow{transform:rotate(45deg);color:var(--accent)}.accordion-body{max-height:0;overflow:hidden;transition:max-height .5s var(--ease-in-out)}.accordion-item.open .accordion-body{max-height:400px}.accordion-inner{padding:0 0 2.5rem 5rem;color:var(--muted);font-size:1rem;line-height:1.8}.contact-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;padding-top:100px}.contact-info{padding:5rem 5% 4rem 6%;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--border);position:relative;overflow:hidden}.contact-info:before{content:"CONTACT";position:absolute;bottom:-2rem;left:-.5rem;font-family:var(--font-display);font-size:10rem;color:var(--ghost-faint);pointer-events:none;line-height:1}.contact-info .tag{margin-bottom:.8rem}.contact-info h1{font-size:clamp(3rem,6vw,7rem);line-height:.95;margin-bottom:2rem}.contact-info p{color:var(--muted);line-height:1.8;max-width:400px;margin-bottom:3rem}.contact-links{display:flex;flex-direction:column;gap:1rem}.contact-link{display:flex;align-items:center;gap:1rem;font-family:var(--font-mono);font-size:.78rem;color:var(--muted);text-decoration:none;letter-spacing:.05em;transition:color .3s ease}.contact-link i{color:var(--accent);width:16px;font-size:.85rem}.contact-link:hover{color:var(--white)}.contact-form-panel{padding:5rem 6% 4rem 5%;display:flex;flex-direction:column;justify-content:center}.contact-form-panel h2{font-family:var(--font-display);font-size:1.5rem;margin-bottom:2.5rem;color:var(--white)}.form-group{margin-bottom:1.5rem;position:relative}.form-group label{display:block;margin-bottom:.5rem;font-family:var(--font-mono);font-size:.65rem;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.form-group input,.form-group textarea,.form-group select{width:100%;padding:1rem 1.2rem;background:transparent;border:1px solid var(--border);border-radius:0;color:var(--white);font-family:var(--font-body);font-size:.95rem;transition:border-color .3s ease;-webkit-appearance:none;appearance:none}.form-group select option{background:var(--surface-2)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #b4ff640f}.form-group textarea{resize:vertical;min-height:100px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--placeholder)}.w-full{width:100%;justify-content:center;margin-top:.5rem}.tag-input-container{display:flex;flex-wrap:wrap;gap:.5rem;background:transparent;border:1px solid var(--border);padding:.8rem 1.2rem;min-height:54px;align-items:center;transition:border-color .3s ease,box-shadow .3s ease;cursor:text}.tag-input-container:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #b4ff640f}.tag-badge{display:inline-flex;align-items:center;gap:.5rem;background:#b4ff641a;color:var(--accent);padding:.3rem .8rem;border-radius:100px;font-size:.75rem;font-family:var(--font-mono);max-width:100%}.tag-badge span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-badge button{background:none;border:none;color:inherit;font-size:1rem;cursor:pointer;line-height:1;padding:0;opacity:.6;transition:opacity .2s;display:flex;align-items:center}.tag-badge button:hover{opacity:1}.tag-input-display{flex:1;min-width:150px;background:transparent;border:none!important;padding:0!important;margin:0;box-shadow:none!important}.tag-input-display:focus{box-shadow:none!important}.form-success{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:4rem 2rem;text-align:center;animation:fadeInUp .5s var(--ease-out) both}.form-success .success-icon{width:70px;height:70px;border-radius:50%;background:var(--accent-dim);border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:1.6rem;color:var(--accent)}.form-success h3{font-family:var(--font-display);font-size:2.5rem;color:var(--white)}.form-success p{color:var(--muted);font-size:1rem;line-height:1.7}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.site-footer{border-top:1px solid var(--border);padding:2.5rem 6%;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:.65rem;color:var(--muted);letter-spacing:.08em}.site-footer a{color:var(--muted);text-decoration:none;transition:color .3s ease}.site-footer a:hover{color:var(--accent)}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}[data-reveal]{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.25,1,.5,1),transform .8s cubic-bezier(.25,1,.5,1)}[data-reveal].revealed{opacity:1;transform:translateY(0)}[data-reveal-delay="1"]{transition-delay:.1s}[data-reveal-delay="2"]{transition-delay:.2s}[data-reveal-delay="3"]{transition-delay:.3s}[data-reveal-delay="4"]{transition-delay:.4s}.scroll-indicator{position:absolute;bottom:5rem;right:6%;display:flex;flex-direction:column;align-items:center;gap:.8rem}.scroll-indicator span{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.15em;color:var(--muted);text-transform:uppercase;writing-mode:vertical-rl}.scroll-line{width:1px;height:50px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scrollPulse 2s ease-in-out infinite}@keyframes scrollPulse{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.section-statement{padding:10rem 6%;display:flex;align-items:center;justify-content:center;min-height:70vh;position:relative}.statement-inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;gap:4rem;text-align:left}.statement-content{flex:1}.big-statement{font-family:var(--font-display);font-size:clamp(1.6rem,3.5vw,2.8rem);font-weight:500;line-height:1.5;color:var(--white);letter-spacing:-.01em}.big-statement em{font-style:normal;color:var(--accent);position:relative}.statement-inner .tool-label{margin-bottom:1.5rem;display:inline-flex}.statement-image{flex:0 0 350px;position:relative;border-radius:24px;overflow:hidden;box-shadow:0 24px 50px #00000080;border:1px solid var(--border);transform:rotate(2deg);transition:transform .5s var(--ease-out),box-shadow .5s var(--ease-out),border-color .5s var(--ease-out)}.statement-image:hover{transform:rotate(0) translateY(-10px);box-shadow:0 32px 60px #b4ff6426;border-color:#b4ff644d}.statement-image img{width:100%;height:auto;display:block;object-fit:cover;filter:grayscale(.2) contrast(1.1);transition:filter .5s var(--ease-out),transform .5s var(--ease-out)}.statement-image:hover img{filter:grayscale(0) contrast(1);transform:scale(1.05)}@media(max-width:900px){.statement-inner{flex-direction:column;text-align:center;gap:3rem}.statement-image{flex:0 0 auto;width:280px;transform:rotate(0)}}.section-work-showcase{padding:6rem 6% 4rem;position:relative}.work-showcase-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:3rem;gap:2rem}.work-showcase-title .tool-label{margin-bottom:1rem}.work-showcase-title h2{font-size:clamp(2.5rem,6vw,5rem);color:var(--white);margin-bottom:.5rem}.work-showcase-sub{font-size:.9rem;color:var(--muted);max-width:400px}.section-services-preview{padding:8rem 6%}.services-preview-header{margin-bottom:4rem}.services-preview-header .tool-label{margin-bottom:1rem}.services-preview-header h2{font-size:clamp(2.5rem,6vw,5rem);color:var(--white)}.services-grid-home{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border)}.service-card{background:var(--bg);padding:3rem 2.5rem;position:relative;overflow:hidden;transition:background .4s ease;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end}.service-card:hover{background:var(--surface)}.service-num{font-family:var(--font-mono);font-size:.65rem;color:var(--accent);letter-spacing:.1em;opacity:.6;margin-bottom:1.5rem}.service-card h3{font-family:var(--font-display);font-size:1.6rem;color:var(--white);margin-bottom:.8rem}.service-card p{font-size:.9rem;color:var(--muted);line-height:1.7}.service-icon-bg{position:absolute;top:2rem;right:2rem;font-size:2.5rem;color:var(--ghost);transition:color .4s ease,transform .4s ease}.service-card:hover .service-icon-bg{color:#b4ff6414;transform:scale(1.1)}.section-cta{padding:10rem 6%;display:flex;align-items:center;justify-content:center;text-align:center;min-height:60vh;position:relative}.cta-inner{max-width:700px}.cta-inner .tool-label{margin-bottom:1.5rem}.cta-inner h2{font-size:clamp(2.5rem,6vw,5rem);color:var(--white);margin-bottom:2.5rem;line-height:1.05}.cta-inner .accent{color:var(--accent)}.cta-inner .btn-primary{margin-top:0}html[data-theme=light]{--bg: #FFFFFF;--surface: #F4F4F4;--surface-2: #E8E8E8;--border: rgba(0, 0, 0, .12);--border-lit: rgba(30, 115, 0, .3);--border-strong: rgba(0, 0, 0, .15);--white: #050505;--muted: #555555;--accent: #1E7300;--accent-dim: rgba(30, 115, 0, .1);--dark: #FFFFFF;--grid-color: rgba(0, 0, 0, .05);--stroke: rgba(0, 0, 0, .4);--placeholder: rgba(0, 0, 0, .5);--ghost: rgba(0, 0, 0, .03);--ghost-faint: rgba(0, 0, 0, .03);--veil: rgba(0, 0, 0, .06);--nav-blend: normal}html[data-theme=light] .nav-logo img{filter:brightness(0)}.nav-lang-container{position:relative}.lang-menu{position:absolute;top:130%;right:0;background:var(--surface);border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;padding:.5rem;gap:.2rem;opacity:0;pointer-events:none;transform:translateY(-10px);transition:all .3s ease;z-index:10000}.lang-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.lang-menu button{background:none;border:none;color:var(--white);font-family:var(--font-mono);font-size:.7rem;padding:.5rem 1.5rem;text-align:center;border-radius:4px;cursor:pointer;transition:background .3s}.lang-menu button:hover{background:#ffffff1a}html[lang=ar] *{letter-spacing:normal!important}html[lang=ar] p,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] h4,html[lang=ar] h5,html[lang=ar] h6,html[lang=ar] li,html[lang=ar] label,html[lang=ar] a,html[lang=ar] span{direction:rtl}html[lang=ar] .hero .hero-title{line-height:1.05;margin-top:.3em;margin-bottom:.3em;font-size:clamp(2.25rem,min(12vw,14vh),11rem)}html[lang=ar] p,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .section-label h2{line-height:1.6!important}@media(max-width:900px){.hero .hero-title{font-size:clamp(2.5rem,min(15vw,16vh),9rem)}.contact-page{grid-template-columns:1fr}.contact-info{border-right:none;border-bottom:1px solid var(--border);padding:4rem 6% 3rem}.contact-form-panel{padding:3rem 6% 4rem}.site-nav{padding:1.2rem 2rem}.nav-links{gap:1.5rem}.portfolio-grid{margin:1px 2%}.section-label,.work-header{padding-left:3%;padding-right:3%}.hero-labels{display:none}.services-grid-home{grid-template-columns:1fr}.section-statement,.section-cta{padding:6rem 6%;min-height:auto}.scroll-indicator{display:none}.work-showcase-header{flex-direction:column;align-items:flex-start}}@media(max-width:650px){.hero .hero-title{font-size:clamp(2.25rem,min(17vw,15vh),8rem)}.hero{padding:5rem 5% 4rem}.services-page{padding:100px 5% 4rem}.portfolio-grid{grid-template-columns:1fr;margin:0}.modal-content{aspect-ratio:auto;height:300px}.work-header{flex-direction:column;align-items:flex-start;gap:1rem}.site-footer{flex-direction:column;gap:1rem;text-align:center}.service-card{min-height:200px;padding:2rem 1.5rem}.section-services-preview{padding:5rem 5%}.big-statement{font-size:clamp(1.3rem,5vw,2rem)}.section-work-showcase{padding:4rem 5% 3rem}}.portfolio-grid{align-items:start}.portfolio-card{aspect-ratio:16 / 9}.portfolio-card[data-aspect="9:16"]{aspect-ratio:9 / 16}.portfolio-card[data-aspect="1:1"]{aspect-ratio:1 / 1}.portfolio-card[data-aspect="4:5"]{aspect-ratio:4 / 5}.portfolio-grid[data-orientation=vertical]{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.portfolio-card img,.portfolio-card video{width:100%;height:100%;object-fit:cover;display:block}.card-preview{position:absolute;inset:0;opacity:0;transition:opacity .45s var(--ease-out);pointer-events:none;z-index:1}.portfolio-card:hover .card-preview.ready{opacity:1}.card-badges{position:absolute;top:.75rem;left:.75rem;z-index:3;display:flex;gap:.4rem;flex-wrap:wrap}.card-badge{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;padding:.25rem .5rem;border-radius:3px;background:#0a0a0abf;border:1px solid var(--border);color:var(--white);backdrop-filter:blur(6px)}.card-badge.accent{color:var(--accent);border-color:var(--border-lit)}.card-duration{position:absolute;bottom:.75rem;right:.75rem;z-index:3;font-family:var(--font-mono);font-size:.65rem;padding:.2rem .45rem;border-radius:3px;background:#0a0a0abf;color:var(--white);backdrop-filter:blur(6px)}.card-play,.card-content,.card-badges{z-index:2}.modal-content video{width:100%;height:100%;max-height:85vh;display:block;background:#000;border-radius:4px}.modal-content[data-aspect="9:16"]{max-width:min(460px,92vw)}.modal-content[data-aspect="1:1"]{max-width:min(720px,92vw)}.modal-loading{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;color:var(--muted);pointer-events:none}.grid-state{text-align:center;padding:6rem 1.5rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.grid-state strong{display:block;font-family:var(--font-display);font-size:1.6rem;letter-spacing:0;color:var(--white);text-transform:none;margin-bottom:.75rem}.filter-bar{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 6vw 2.5rem;max-width:1600px;margin:0 auto}.filter-chip{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;padding:.5rem 1rem;border-radius:100px;border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;transition:all .3s var(--ease-out);text-decoration:none;display:inline-block}.filter-chip:hover{color:var(--white);border-color:var(--muted)}.filter-chip.active{color:var(--dark);background:var(--accent);border-color:var(--accent)}html[data-theme=light] .filter-chip.active{color:var(--on-accent)}.case-study{padding:9rem 6vw 6rem;max-width:1200px;margin:0 auto}.case-back{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:2rem;transition:color .3s var(--ease-out)}.case-back:hover{color:var(--accent)}.case-study h1{font-family:var(--font-display);font-size:clamp(2.2rem,6vw,4.5rem);line-height:1;text-transform:uppercase;margin-bottom:1.5rem}.case-player{position:relative;width:100%;border-radius:6px;overflow:hidden;background:#000;border:1px solid var(--border);margin:2.5rem 0;aspect-ratio:16 / 9}.case-player[data-aspect="9:16"]{aspect-ratio:9 / 16;max-width:440px;margin-inline:auto}.case-player[data-aspect="1:1"]{aspect-ratio:1 / 1;max-width:700px;margin-inline:auto}.case-player iframe,.case-player video{width:100%;height:100%;border:0;display:block}.case-meta{display:flex;flex-wrap:wrap;gap:2.5rem;padding:2rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:2.5rem}.case-meta div{display:flex;flex-direction:column;gap:.4rem}.case-meta dt,.case-meta .k{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.case-meta dd,.case-meta .v{font-family:var(--font-display);font-size:1rem;color:var(--white);margin:0}.case-body{max-width:68ch;font-size:1.05rem;line-height:1.8;color:var(--white);opacity:.85}.case-body p+p{margin-top:1.25rem}.case-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.5rem}.lang-menu a{display:block;width:100%;padding:.5rem 1rem;background:none;border:none;color:var(--white);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;cursor:pointer;text-align:left;text-decoration:none;transition:background .2s var(--ease-out)}.lang-menu a:hover,.lang-menu a[aria-current=true]{background:var(--surface-2);color:var(--accent)}html[dir=rtl] .card-badges{left:auto;right:.75rem}html[dir=rtl] .card-duration{right:auto;left:.75rem}html[dir=rtl] .lang-menu a{text-align:right}html[dir=rtl] .case-back i,html[dir=rtl] .btn-primary i,html[dir=rtl] .hero-cta .btn-primary i{transform:scaleX(-1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1!important;transform:none!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip-link{position:absolute;left:-9999px;top:0;z-index:999;padding:.75rem 1.25rem;background:var(--accent);color:var(--dark);font-family:var(--font-mono);font-size:.75rem}.skip-link:focus{left:0}.featured{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:2.5rem;align-items:center;margin:3rem 0 3.5rem}@media(max-width:1000px){.featured{grid-template-columns:1fr;gap:1.75rem}}.featured-media{min-width:0}.featured-player{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border:1px solid var(--border);border-radius:6px;overflow:hidden;cursor:pointer}.featured-player[data-aspect="9:16"]{aspect-ratio:9 / 16;max-width:420px;margin-inline:auto}.featured-player[data-aspect="1:1"]{aspect-ratio:1 / 1;max-width:620px;margin-inline:auto}.featured-player[data-aspect="4:5"]{aspect-ratio:4 / 5;max-width:560px;margin-inline:auto}.featured-player img{width:100%;height:100%;object-fit:contain;display:block}.featured-player iframe,.featured-player video{width:100%;height:100%;border:0;display:block;background:#000}.featured-play{position:absolute;inset:0;margin:auto;width:88px;height:88px;border-radius:50%;border:none;background:var(--accent);color:var(--dark);font-size:1.5rem;display:grid;place-items:center;cursor:pointer;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out);box-shadow:0 0 #b4ff6466}.featured-player:hover .featured-play{transform:scale(1.08);box-shadow:0 0 0 18px #b4ff6414}.featured-meta{min-width:0}.featured-meta h3{font-family:var(--font-display);font-size:clamp(1.6rem,3vw,2.4rem);text-transform:uppercase;margin:.9rem 0 .75rem;color:var(--white)}.featured-desc{color:var(--muted);line-height:1.7;margin-bottom:1.5rem;max-width:52ch}.featured-facts{display:flex;flex-wrap:wrap;gap:1.75rem;margin:0 0 1.75rem;padding:1.1rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.featured-facts div{display:flex;flex-direction:column;gap:.3rem}.featured-facts dt{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.featured-facts dd{margin:0;font-family:var(--font-display);font-size:.95rem;color:var(--white)}.carousel{position:relative}.carousel-track{display:grid;grid-auto-flow:column;grid-auto-columns:86%;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding-bottom:.5rem}.carousel-track::-webkit-scrollbar{display:none}@media(min-width:900px){.carousel-track{grid-auto-columns:calc((100% - 2.5rem) / 3)}}@media(min-width:1400px){.carousel-track{grid-auto-columns:calc((100% - 3.75rem)/4)}}.carousel-item{scroll-snap-align:start;min-width:0}.carousel-nav{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1.25rem}.carousel-btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--white);cursor:pointer;display:grid;place-items:center;transition:all .3s var(--ease-out)}.carousel-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.carousel-btn:disabled{opacity:.3;cursor:default}html[dir=rtl] .carousel-btn i{transform:scaleX(-1)}@media(max-height:700px){.hero .hero-title,html[lang=ar] .hero .hero-title{font-size:clamp(2.25rem,min(12vw,14vh),8rem)}html[lang=ar] .hero .hero-title{line-height:1;margin-block:.12em}.hero-sub{font-size:.95rem;line-height:1.6}}@media(max-height:520px){.hero .hero-title,html[lang=ar] .hero .hero-title{font-size:clamp(1.5rem,min(9vw,16vh),4.5rem)}html[lang=ar] .hero .hero-title{line-height:1;margin-block:.08em}.hero{padding-block:4.5rem 1.75rem}.hero-sub,.hero-meta,.scroll-indicator{display:none}}.nav-panel{display:contents}.nav-toggle{display:none}@media(max-width:900px){.site-nav{padding:.85rem 1.25rem;mix-blend-mode:normal}.site-nav:before{content:"";position:absolute;inset:0;z-index:-1;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}body.nav-open .site-nav:before{background:var(--bg);border-bottom-color:transparent;backdrop-filter:none}.nav-logo{position:relative;z-index:2}.nav-toggle{display:grid;place-items:center;width:44px;height:44px;margin-inline-end:-.5rem;border:none;background:none;color:var(--white);cursor:pointer;z-index:2}.nav-toggle-bars{display:grid;gap:5px;width:22px}.nav-toggle-bars span{display:block;height:2px;width:100%;background:currentColor;border-radius:2px;transition:transform .3s var(--ease-out),opacity .2s ease}body.nav-open .nav-toggle-bars span:nth-child(1){transform:translateY(7px) rotate(45deg)}body.nav-open .nav-toggle-bars span:nth-child(2){opacity:0}body.nav-open .nav-toggle-bars span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-panel{display:block;position:fixed;inset:0;background:var(--bg);padding:6rem 1.5rem 2.5rem;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .3s var(--ease-out),transform .3s var(--ease-out),visibility 0s linear .3s}body.nav-open .nav-panel{opacity:1;visibility:visible;transform:translateY(0);transition-delay:0s}.nav-links{flex-direction:column;align-items:stretch;gap:0;height:auto}.nav-links li{border-bottom:1px solid var(--border)}.nav-links>li>a{display:block;font-family:var(--font-display);font-size:1.75rem;letter-spacing:-.01em;text-transform:uppercase;padding:1.15rem 0}.nav-links>li>a:after{display:none}.nav-links>li>a.active{color:var(--accent)}.nav-controls{border-bottom:none;gap:.75rem;padding-top:2rem}.nav-theme-toggle{width:48px;height:48px;font-size:1rem}.lang-menu{position:static;opacity:1;pointer-events:auto;transform:none;flex-direction:row;background:none;border:none;padding:0;gap:.5rem}.lang-menu a{width:48px;height:48px;display:grid;place-items:center;padding:0;border:1px solid var(--border);border-radius:50%;text-align:center;font-family:var(--font-mono);font-size:.7rem;text-transform:none}.nav-lang-container{display:flex;align-items:center;gap:.75rem}#lang-toggle{display:none}.work-header,.page-header{padding-inline:1.25rem}.filter-bar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-inline:1.25rem}.filter-bar::-webkit-scrollbar{display:none}.filter-chip{flex:0 0 auto;padding:.7rem 1.1rem}.section-count{white-space:nowrap}.section-label{gap:1rem}.section-label{padding-inline:1.25rem}.hero-meta{gap:1rem;padding-inline:1.25rem;font-size:.6rem;flex-wrap:wrap}.contact-info:before{display:none}.contact-link{padding:.65rem 0;font-size:.8rem;overflow-wrap:anywhere}.case-study{padding-inline:1.25rem}.case-meta,.featured-facts{gap:1.25rem 2rem}.site-footer{gap:.5rem;text-align:center}.nav-logo{padding-block:.5rem}.filter-chip,.contact-link{padding-block:.85rem}.case-back{padding-block:.9rem;font-size:.75rem}.tag-input-container{padding:.35rem .5rem}.tag-input-display{min-height:44px;font-size:16px}.form-group input,.form-group textarea,.form-group select{font-size:16px;min-height:48px}.form-group textarea{min-height:120px}}@media(max-width:900px){.skip-link{display:none}}