@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Cairo:wght@400;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700;800&display=swap";
:root{--orange:#e8610a;--orange-dark:#c44e07;--orange-light:#ff8c3a;--white:#fff;--off-white:#fff8f4;--black:#1a1a1a;--pixel-size:4px;--bg-primary:#fff;--bg-secondary:#fff8f4;--text-primary:#1a1a1a;--text-muted:#1a1a1aa6;--border-color:#1a1a1a;--px-border:3px solid var(--border-color);--px-shadow:4px 4px 0px var(--border-color);--px-shadow-lg:8px 8px 0px var(--border-color);--px-shadow-or:4px 4px 0px var(--orange);--px-shadow-lg-or:8px 8px 0px var(--orange)}body.dark{--bg-primary:#121212;--bg-secondary:#1a1a1a;--text-primary:#fff;--text-muted:#ffffffa6;--border-color:#fff;--white:#121212;--off-white:#1a1a1a;--black:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Space Grotesk,Cairo,sans-serif;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s;overflow-x:hidden}[data-nextjs-toast],nextjs-portal,#nextjs-dev-overlay,#__next-build-watcher,div[data-nextjs-dev-tools-button],[data-next-badge-root]{visibility:hidden!important;opacity:0!important;pointer-events:none!important;display:none!important}[dir=rtl]{font-family:Cairo,Space Grotesk,sans-serif}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--white)}::-webkit-scrollbar-thumb{background:var(--orange);border:2px solid var(--black);border-radius:0}.pixel-coin{background:var(--orange);border:3px solid var(--black);border-radius:50%;width:24px;height:24px;display:inline-block;position:relative;box-shadow:inset 0 -3px #0003}.pixel-block{background:var(--orange);border:3px solid var(--black);width:40px;height:40px;box-shadow:inset -3px -3px 0 #00000040, inset 3px 3px 0 #ffffff4d, var(--px-shadow);color:#fff;image-rendering:pixelated;justify-content:center;align-items:center;font-family:"Press Start 2P",monospace;font-size:14px;display:inline-flex}.pixel-ground{background-image:repeating-linear-gradient(90deg, transparent 0px, transparent 39px, var(--black) 39px, var(--black) 40px), repeating-linear-gradient(0deg, transparent 0px, transparent 39px, var(--black) 39px, var(--black) 40px);background-color:var(--orange);background-size:40px 40px}.pixel-star{background:var(--orange);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);width:20px;height:20px;display:inline-block}.pixel-cloud{background:var(--white);border:3px solid var(--black);border-radius:50px 50px 0 0;position:relative}.pixel-pipe{background:var(--orange);border:3px solid var(--black);box-shadow:inset -4px 0 #0003}.btn-primary{background:var(--orange);color:#fff;letter-spacing:.05em;text-transform:uppercase;border:var(--px-border);box-shadow:var(--px-shadow);cursor:pointer;image-rendering:pixelated;border-radius:0;align-items:center;gap:8px;padding:14px 28px;font-family:Space Grotesk,Cairo,sans-serif;font-size:14px;font-weight:800;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn-primary:hover{box-shadow:var(--px-shadow-lg);transform:translate(-2px,-2px)}.btn-primary:active{box-shadow:none;transform:translate(4px,4px)}.btn-white{background:var(--white);color:var(--orange);letter-spacing:.05em;text-transform:uppercase;border:var(--px-border);box-shadow:var(--px-shadow);cursor:pointer;border-radius:0;align-items:center;gap:8px;padding:14px 28px;font-family:Space Grotesk,Cairo,sans-serif;font-size:14px;font-weight:800;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn-white:hover{box-shadow:var(--px-shadow-lg);transform:translate(-2px,-2px)}.btn-white:active{box-shadow:none;transform:translate(4px,4px)}.btn-outline{color:var(--black);letter-spacing:.05em;text-transform:uppercase;border:var(--px-border);box-shadow:var(--px-shadow);cursor:pointer;background:0 0;border-radius:0;align-items:center;gap:8px;padding:13px 27px;font-family:Space Grotesk,Cairo,sans-serif;font-size:14px;font-weight:800;transition:transform .1s,box-shadow .1s,background .1s;display:inline-flex}.btn-outline:hover{background:var(--black);color:var(--white);box-shadow:var(--px-shadow-lg);transform:translate(-2px,-2px)}.px-card{background:var(--white);border:var(--px-border);box-shadow:var(--px-shadow);border-radius:0;transition:transform .1s,box-shadow .1s}.px-card:hover{box-shadow:var(--px-shadow-lg);transform:translate(-3px,-3px)}.px-card-orange{background:var(--orange);color:var(--white);border:var(--px-border);box-shadow:var(--px-shadow);border-radius:0}.nb-tag{background:var(--orange);color:#fff;letter-spacing:.15em;text-transform:uppercase;border:2px solid var(--black);box-shadow:3px 3px 0 var(--black);border-radius:0;padding:5px 14px;font-family:Space Grotesk,Cairo,sans-serif;font-size:10px;font-weight:800;display:inline-block}.display-pixel{image-rendering:pixelated;font-family:"Press Start 2P",monospace;line-height:1.5}.display-title{text-transform:uppercase;letter-spacing:.02em;image-rendering:pixelated;font-weight:400;line-height:1.3;font-family:"Press Start 2P",monospace!important}[dir=rtl] .display-title,[dir=rtl] .display-pixel,[dir=rtl] .pixel-block{letter-spacing:0!important;text-transform:none!important;image-rendering:auto!important;font-family:Cairo,sans-serif!important;font-weight:900!important;line-height:1.25!important}.display-xl{font-size:clamp(2rem,4.5vw,3.2rem)}[dir=rtl] .display-xl{font-size:clamp(2.2rem,6vw,5rem)}.display-lg{font-size:clamp(1.6rem,4vw,3.2rem)}.display-md{font-size:clamp(1.2rem,2.8vw,2.2rem)}.display-sm{font-size:clamp(.9rem,2vw,1.5rem)}.architect-grid{background-image:linear-gradient(90deg,#1a1a1a09 1px,#0000 1px),linear-gradient(#1a1a1a09 1px,#0000 1px);background-size:32px 32px;position:relative}.architect-grid-orange{background-image:linear-gradient(90deg,#ffffff1a 1px,#0000 1px),linear-gradient(#ffffff1a 1px,#0000 1px);background-size:32px 32px;position:relative}.crosshair{pointer-events:none;opacity:.25;width:14px;height:14px;position:absolute}.crosshair:before,.crosshair:after{content:"";background:var(--black);position:absolute}.crosshair:before{width:14px;height:2px;top:6px;left:0}.crosshair:after{width:2px;height:14px;top:0;left:6px}.crosshair-orange:before,.crosshair-orange:after{background:var(--white)}.animate-spin-slow{animation:20s linear infinite spin-slow}.animate-float-gentle{animation:6s ease-in-out infinite float-gentle}@keyframes float-gentle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(1deg)}}.dot-pattern{background-image:radial-gradient(circle, var(--black) 1.5px, transparent 1.5px);background-size:20px 20px;background-color:var(--white)}.dot-pattern-orange{background-image:radial-gradient(circle,#ffffff4d 1.5px,#0000 1.5px);background-size:18px 18px}.checker-pattern{background-image:linear-gradient(45deg,#e8610a0f 25%,#0000 25%),linear-gradient(-45deg,#e8610a0f 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8610a0f 75%),linear-gradient(-45deg,#0000 75%,#e8610a0f 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.brick-pattern{background-color:var(--orange);background-image:linear-gradient(var(--black) 3px, transparent 3px), linear-gradient(90deg, var(--black) 3px, transparent 3px), linear-gradient(var(--black) 2px, transparent 2px), linear-gradient(90deg, var(--black) 2px, transparent 2px);background-position:-2px -2px,-2px -2px,-1px -1px,-1px -1px;background-size:40px 20px,40px 20px,20px 20px,20px 20px}.navbar{z-index:100;background:var(--white);border-bottom:3px solid var(--black);transition:box-shadow .2s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{box-shadow:0 4px 0 var(--orange)}.nav-link{color:var(--black);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;padding:4px 0;font-family:Space Grotesk,Cairo,sans-serif;font-size:12px;font-weight:800;text-decoration:none;transition:color .15s;position:relative}.nav-link:after{content:"";background:var(--orange);height:3px;transition:transform .2s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.nav-link:hover,.nav-link.active{color:var(--orange)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.lang-switch{border:2px solid var(--black);display:flex;overflow:hidden}.lang-btn{letter-spacing:.08em;cursor:pointer;color:var(--black);text-transform:uppercase;background:0 0;border:none;padding:5px 12px;font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:800;transition:all .1s}.lang-btn.active{background:var(--orange);color:#fff}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--black);letter-spacing:.12em;text-transform:uppercase;font-family:Space Grotesk,Cairo,sans-serif;font-size:11px;font-weight:800}.form-input{background:var(--white);border:2px solid var(--black);box-shadow:3px 3px 0 var(--black);color:var(--black);border-radius:0;outline:none;width:100%;padding:12px 16px;font-family:Space Grotesk,Cairo,sans-serif;font-size:14px;font-weight:500;transition:box-shadow .1s,transform .1s}.form-input:focus{box-shadow:3px 3px 0 var(--orange);transform:translate(-1px,-1px)}.form-input::placeholder{color:#1a1a1a59}textarea.form-input{resize:vertical;min-height:130px}.footer-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-family:Space Grotesk,Cairo,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--text-primary)}.reveal{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(32px)}.reveal.visible{opacity:1;transform:none}.reveal-left{opacity:0;transition:opacity .55s,transform .55s;transform:translate(-40px)}.reveal-left.visible{opacity:1;transform:none}.reveal-right{opacity:0;transition:opacity .55s,transform .55s;transform:translate(40px)}.reveal-right.visible{opacity:1;transform:none}.reveal-scale{opacity:0;transition:opacity .5s,transform .5s;transform:scale(.9)}.reveal-scale.visible{opacity:1;transform:scale(1)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}.delay-400{transition-delay:.4s}.delay-500{transition-delay:.5s}.delay-600{transition-delay:.6s}@keyframes pixel-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pixel-spin{0%{transform:rotate(0)scaleX(1)}50%{transform:rotate(180deg)scaleX(.1)}to{transform:rotate(360deg)scaleX(1)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portfolio-card{background:var(--white);border:var(--px-border);box-shadow:var(--px-shadow);cursor:pointer;transition:transform .1s,box-shadow .1s;overflow:hidden}.portfolio-card:hover{box-shadow:var(--px-shadow-lg);transform:translate(-3px,-3px)}.cursor-dot{background:var(--orange);border:2px solid var(--black);pointer-events:none;z-index:9999;width:8px;height:8px;image-rendering:pixelated;border-radius:0;transition:transform .1s;position:fixed;transform:translate(-50%,-50%)}.cursor-ring{border:2px solid var(--black);pointer-events:none;z-index:9998;border-radius:0;width:32px;height:32px;transition:all .18s;position:fixed;transform:translate(-50%,-50%)}.section-white{background:var(--bg-primary);color:var(--text-primary)}.section-orange{background:var(--orange);color:#fff}.section-offwhite{background:var(--bg-secondary);color:var(--text-primary)}.hero-grid{grid-template-columns:minmax(0,460px) 1fr;width:100%;display:grid}.hero-text-col{border-left:none;border-right:4px solid var(--black);min-width:0;padding:80px 60px 80px clamp(40px,8%,80px);overflow:hidden}[dir=rtl] .hero-text-col{border-right:none;border-left:4px solid var(--black);padding:80px clamp(40px,8%,80px) 80px 60px}.hero-video-col{background:var(--orange);flex-direction:column;justify-content:center;align-items:center;gap:32px;min-width:0;padding:80px 48px;display:flex;position:relative;overflow:hidden}@media (max-width:991px){.hero-grid{grid-template-columns:1fr!important}.hero-text-col{border-left:none!important;border-right:none!important;border-bottom:4px solid var(--black)!important;padding:60px 24px!important}.hero-video-col{border-top:none!important;height:380px!important;padding:60px 24px!important}}@media (max-width:768px){.hidden-mobile{display:none!important}.mobile-only{display:flex!important}.display-xl{font-size:clamp(1.6rem,10vw,3rem)}[dir=rtl] .display-xl{font-size:clamp(2.2rem,15vw,4.2rem)}}@media (min-width:769px){.mobile-only{display:none!important}}.hero-logo-card{transition:transform .25s cubic-bezier(.175,.885,.32,1.275),box-shadow .25s,border-color .25s!important}.hero-logo-card:hover{box-shadow:12px 12px 0 var(--orange)!important;border-color:var(--orange)!important;transform:scale(1.06)rotate(-1.5deg)translateY(-6px)!important}@keyframes logo-zoom-flash{0%{opacity:0;transform:scale(.1)rotate(-15deg)}15%{opacity:1;transform:scale(1.1)rotate(3deg)}20%{opacity:1;transform:scale(1)rotate(0)}42%{opacity:1;transform:scale(1)rotate(0)}60%{opacity:1;box-shadow:20px 20px 0 var(--orange);transform:scale(2.4)rotate(4deg)}80%{opacity:1;box-shadow:20px 20px 0 var(--orange);transform:scale(2.4)rotate(-4deg)}to{opacity:0;transform:scale(0)rotate(0)}}.display-title{cursor:default;transition:transform .25s cubic-bezier(.175,.885,.32,1.275),text-shadow .2s,color .2s}.display-title:hover{animation:.9s ease-in-out infinite title-hover-anim;color:var(--orange)!important}@keyframes title-hover-anim{0%{text-shadow:4px 4px 0 var(--black);transform:translateY(0)scale(1)}30%{text-shadow:6px 10px 0 var(--orange);transform:translateY(-26px)scale(1.05)rotate(-1deg)}70%{text-shadow:4px -6px 0 var(--black);transform:translateY(18px)scale(.98)rotate(1deg)}to{text-shadow:4px 4px 0 var(--black);transform:translateY(0)scale(1)}}.footer-section{--bg-primary:#1a1a1a;--bg-secondary:#121212;--text-primary:#fff;--text-muted:#ffffffa6;--border-color:#fff;--white:#fff;--off-white:#1a1a1a;--black:#1a1a1a}.section-orange .btn-white{color:var(--orange)!important;background:#fff!important;border:3px solid #1a1a1a!important;box-shadow:4px 4px #1a1a1a!important}.section-orange .btn-white:hover{box-shadow:8px 8px #1a1a1a!important}.section-orange .btn-white:active{box-shadow:none!important;transform:translate(4px,4px)!important}.section-orange .crosshair:before,.section-orange .crosshair:after{background:#fff!important}@media (max-width:768px){[data-page-hero]{padding:60px 24px 48px!important}.stats-grid-4{grid-template-columns:repeat(2,1fr)!important}.case-study-grid{grid-template-columns:1fr!important}}.marquee-track{white-space:nowrap;animation:28s linear infinite marquee;display:inline-flex}.sticky-filter-bar{-webkit-backdrop-filter:blur(8px)}.portfolio-featured{grid-column:span 2}@media (max-width:820px){.portfolio-featured{grid-column:span 1}}.project-details-page-wrapper .reveal,.project-details-page-wrapper .reveal-left,.project-details-page-wrapper .reveal-right,.project-details-page-wrapper .reveal-scale{opacity:1!important;transition:none!important;transform:none!important}.stats-grid-4{grid-template-columns:repeat(4,1fr);width:100%;display:grid}.service-row-item{border-bottom:3px solid var(--border-color);cursor:default;grid-template-columns:80px 1fr 56px;align-items:center;gap:32px;padding:36px 60px;transition:background .15s;display:grid;position:relative}@media (max-width:768px){.stats-grid-4{grid-template-columns:repeat(2,1fr)!important}.service-row-item{text-align:center!important;grid-template-columns:1fr!important;gap:16px!important;padding:24px 20px!important}.service-row-item .svc-num{margin-bottom:8px!important;font-size:2.5rem!important}.service-row-item .svc-arrow{display:none!important}.architect-grid,.architect-grid-orange,.section-orange{padding-left:20px!important;padding-right:20px!important}.architect-grid{padding-top:48px!important;padding-bottom:48px!important}.display-title.display-lg{font-size:2rem!important;line-height:1.2!important}.contact-form-grid{grid-template-columns:1fr!important}}@media (max-width:480px){.stats-grid-4{grid-template-columns:1fr!important}.display-title.display-lg{font-size:1.8rem!important}}