:root{--color-primary: #6B151E;--color-accent: #6B151E;--color-secondary: #9FA0A3;--color-navy: #0B0D26;--color-navy-light: #151a2e;--color-bg-dark: #0B0D26;--color-bg-darker: #0a0b1a;--color-text-on-dark: #ffffff;--color-text-muted: #b8b9bc;--color-bg-light: #f9fafb;--color-bg-pattern: #f5f6f8;--color-text-on-light: #181D4E;--font-heading: "Outfit", "Tajawal", sans-serif;--font-ar: "Tajawal", "DM Sans", sans-serif;--font-en: "DM Sans", "Outfit", system-ui, sans-serif;--section-padding: 5rem 1.5rem;--container-max: 1200px;--transition: .3s ease;--ease-fabrica: cubic-bezier(.25, .46, .45, .94);--ease-out-smooth: cubic-bezier(.22, 1, .36, 1);--duration-reveal: .5s;--duration-fade: .4s}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.header-fade-in,.page-transition{animation:none!important;opacity:1!important}}body{font-family:var(--font-ar);line-height:1.6;color:var(--color-text-on-dark);background:var(--color-bg-dark)}[lang=en] body{font-family:var(--font-en)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition),opacity var(--transition)}a:hover{opacity:.9}img{max-width:100%;height:auto;display:block}button{cursor:pointer;font-family:inherit}[dir=rtl]{text-align:right}[dir=ltr]{text-align:left}.container{max-width:var(--container-max);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media(max-width:991px){.container{padding-left:1.25rem;padding-right:1.25rem}}@media(max-width:480px){.container{padding-left:1rem;padding-right:1rem}:root{--section-padding: 3rem 1rem}}@media(max-width:1024px){.btn-primary,.hero-fabrica__cta{height:auto!important;min-height:auto!important;align-self:flex-start!important}}.section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-on-light);margin-bottom:.5rem;font-weight:600}.section-title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:700;margin-bottom:1rem;line-height:1.2;font-family:var(--font-heading)}.btn-primary{display:inline-block;padding:.85rem 1.75rem;background:var(--color-primary);color:var(--color-text-on-dark);border:none;border-radius:6px;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;transition:transform .3s var(--ease-fabrica),box-shadow .3s var(--ease-fabrica),background .3s var(--ease-fabrica);align-self:flex-start;height:fit-content}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6b151e66;background:#7a1a24}.btn-primary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.reveal{opacity:0;transform:translateY(20px);transition:opacity var(--duration-reveal) var(--ease-out-smooth),transform var(--duration-reveal) var(--ease-out-smooth)}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transform:translateY(18px);transition:opacity var(--duration-reveal) var(--ease-out-smooth),transform var(--duration-reveal) var(--ease-out-smooth)}.reveal-stagger.revealed>*:nth-child(1){transition-delay:.05s}.reveal-stagger.revealed>*:nth-child(2){transition-delay:.1s}.reveal-stagger.revealed>*:nth-child(3){transition-delay:.15s}.reveal-stagger.revealed>*:nth-child(4){transition-delay:.2s}.reveal-stagger.revealed>*:nth-child(5){transition-delay:.25s}.reveal-stagger.revealed>*:nth-child(6){transition-delay:.3s}.reveal-stagger.revealed>*:nth-child(7){transition-delay:.35s}.reveal-stagger.revealed>*:nth-child(8){transition-delay:.4s}.reveal-stagger.revealed>*{opacity:1;transform:translateY(0)}.page-transition{animation:pageFadeIn var(--duration-fade) var(--ease-fabrica) both}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}.header-fade-in{animation:headerFadeIn .6s var(--ease-fabrica) both}@keyframes headerFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.card-hover{transition:transform .3s var(--ease-fabrica),box-shadow .3s var(--ease-fabrica)}.card-hover:hover{transform:translateY(-6px);box-shadow:0 12px 40px #0000001f}