html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:clip}app-root{display:block;width:100%;max-width:100%;overflow-x:clip}:root{--ink: #111014;--paper: #F5F3EE;--signal: #FF5B1F;--graphite: #26252B;--stone: #6B675F;--stone-light: #A39E94;--primary-bg: var(--paper);--light-bg: #EBE8E1;--section-alt-bg: #EBE8E1;--card-bg: #FFFFFF;--card-hover: #FFFFFF;--field-bg: #FFFFFF;--brand: var(--ink);--on-brand: var(--paper);--text-heading: var(--ink);--text-primary: var(--graphite);--text-secondary: var(--stone);--text-accent: var(--stone);--border-color: #DDD9D0;--border-hover: #C4BFB4;--field-border: #8C877E;--tint: rgba(17, 16, 20, .06);--focus: var(--ink);--hairline-plate: #FFFFFF;--hairline-hi: var(--signal);--hairline-edge: #8C877E;--hairline-mid: #B9B4AA;--hairline-lo: #DDD9D0;--font-heading: "Bricolage Grotesque", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Bricolage Grotesque", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--section-padding: 100px 20px;--container-max-width: 1280px;--shadow-sm: 0 1px 2px rgba(17, 16, 20, .05);--shadow-md: 0 4px 6px -1px rgba(17, 16, 20, .08), 0 2px 4px -1px rgba(17, 16, 20, .04);--shadow-lg: 0 10px 15px -3px rgba(17, 16, 20, .1), 0 4px 6px -2px rgba(17, 16, 20, .05);--shadow-xl: 0 20px 25px -5px rgba(17, 16, 20, .1), 0 10px 10px -5px rgba(17, 16, 20, .04);--shadow-card: 0 1px 3px rgba(17, 16, 20, .06), 0 1px 2px rgba(17, 16, 20, .04);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--transition-fast: all .2s ease;--transition-normal: all .3s ease;--transition-slow: all .5s ease}:is(.on-ink,.services-section,.about-section,.contact-section,.footer){--brand: var(--paper);--on-brand: var(--ink);--text-heading: var(--paper);--text-primary: #E4E1DA;--text-secondary: var(--stone-light);--text-accent: var(--signal);--card-bg: var(--graphite);--card-hover: #2E2D34;--field-bg: var(--ink);--border-color: rgba(245, 243, 238, .12);--border-hover: rgba(245, 243, 238, .28);--field-border: var(--stone);--tint: rgba(245, 243, 238, .08);--focus: var(--signal);--shadow-lg: none;--hairline-plate: var(--graphite);--hairline-edge: #D6D2C9;--hairline-mid: #8C877E;--hairline-lo: #6B675F;--hairline-hi: var(--signal);background:var(--ink);color:var(--text-primary)}body{font-family:var(--font-body);font-size:16px;color:var(--text-primary);line-height:1.7;background-color:var(--primary-bg);overflow-x:clip;margin:0;padding:0;width:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{margin:0;padding:0;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:800;color:var(--text-heading);line-height:1.2;margin:0}h1{font-size:clamp(2.5rem,5vw,4rem);letter-spacing:-.02em}h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.01em}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}p{margin:0;color:var(--text-secondary);line-height:1.7}::selection{background:var(--signal);color:var(--ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}button{font-family:inherit;cursor:pointer;border:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--light-bg)}::-webkit-scrollbar-thumb{background:var(--brand);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--graphite)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 20px}.section{padding:var(--section-padding);position:relative}.section-title{text-align:center;margin-bottom:60px}.section-title h2{margin-bottom:16px}.section-title p{font-size:1.125rem;max-width:700px;margin:0 auto}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;font-weight:600;font-size:16px;border-radius:var(--radius-md);transition:var(--transition-normal);cursor:pointer;border:none;text-decoration:none;gap:8px}.btn-primary{background:var(--brand);color:var(--on-brand)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-color)}.btn-secondary:hover{border-color:var(--brand);background:var(--tint);color:var(--text-heading)}.btn-large{padding:18px 40px;font-size:18px}.card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:32px;transition:var(--transition-normal);box-shadow:var(--shadow-card)}.card:hover{border-color:var(--border-hover);background:var(--card-hover);box-shadow:var(--shadow-md);transform:translateY(-4px)}.grid{display:grid;gap:32px}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}p.eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:16px;font:600 .8125rem/1 var(--font-heading);letter-spacing:.14em;text-transform:uppercase;color:var(--text-secondary)}p.eyebrow:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--signal);flex-shrink:0}:root[dir=rtl] p.eyebrow{font-size:.9375rem}.text-accent{color:var(--text-accent)}.text-center{text-align:center}.scroll-top{position:fixed;bottom:30px;right:30px;width:56px;height:56px;background:var(--ink);border:1px solid rgba(245,243,238,.35);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--paper);font-size:1.5rem;cursor:pointer;opacity:0;pointer-events:none;transition:var(--transition-normal);box-shadow:var(--shadow-lg);z-index:999}.scroll-top.visible{opacity:1;pointer-events:all}.scroll-top:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-fadeInUp{animation:fadeInUp .6s ease-out forwards}.animate-fadeIn{animation:fadeIn .6s ease-out forwards}.animate-scaleIn{animation:scaleIn .5s ease-out forwards}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}@media (max-width: 1200px){:root{--section-padding: 80px 20px}}@media (max-width: 768px){:root{--section-padding: 60px 16px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section-title{margin-bottom:40px}.btn{padding:12px 24px;font-size:14px}.btn-large{padding:14px 28px;font-size:16px}}@media (max-width: 480px){:root{--section-padding: 40px 16px}h1{font-size:2rem}h2{font-size:1.75rem}.card{padding:24px}.scroll-top{width:48px;height:48px;bottom:20px;right:20px}}@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){:is(.section-title,.service-card,.process-step,.value-item,.project-info,.about-story,.mission-vision-grid>*,.contact-info,.contact-form-wrapper){animation:reveal linear both;animation-timeline:view();animation-range:entry calc(var(--i, 0) * 6%) entry calc(55% + var(--i, 0) * 6%)}}}@keyframes reveal{0%{opacity:0;translate:0 48px;animation-timing-function:cubic-bezier(.32,.72,0,1)}}::view-transition-old(root),::view-transition-new(root){animation-duration:.35s;animation-timing-function:cubic-bezier(.32,.72,0,1)}[data-hairline=full-stack] svg .on>.sil{fill:#ffede5}:root[dir=rtl]{--font-heading: "IBM Plex Sans Arabic", "Bricolage Grotesque", sans-serif;--font-body: "IBM Plex Sans Arabic", "Bricolage Grotesque", sans-serif}:root[dir=rtl] :is(h1,h2,h3,h4,p,span,a,button,label,li){letter-spacing:0}:root[dir=rtl] .flip-rtl{transform:scaleX(-1)}section[id]{scroll-margin-top:80px}.logo{display:flex;align-items:center;text-decoration:none}.logo-img{display:block;height:40px;width:auto}