.aa-portfolio{--aa-bg:#050807;--aa-bg-secondary:#09100d;--aa-card:#ffffff06;--aa-border:#ffffff1a;--aa-border-bright:#ffffff2e;--aa-text:#f4f7f5;--aa-text-secondary:#a5aea9;--aa-text-muted:#69736e;--aa-accent:#c8f58b;--aa-accent-alt:#a8e66b;--aa-deep-green:#102319;--aa-glow:#c8f58b26;--aa-max:1280px;--aa-ease:cubic-bezier(.22, 1, .36, 1);background-color:var(--aa-bg);color:var(--aa-text);font-family:var(--font-aa-sans), var(--font-tajawal), ui-sans-serif, system-ui, sans-serif;min-height:100dvh;overflow-x:hidden}html:has(.aa-portfolio){scroll-behavior:smooth;background-color:#050807;height:auto;min-height:100%;overflow:hidden auto}html:has(.aa-portfolio) body{background-color:#050807;height:auto;min-height:100%;overflow:hidden auto}.aa-portfolio *{box-sizing:border-box}.aa-portfolio a{color:inherit;text-decoration:none}.aa-portfolio a:focus-visible,.aa-portfolio button:focus-visible{outline:2px solid var(--aa-accent);outline-offset:3px}.aa-container{width:100%;max-width:var(--aa-max);margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem)}.aa-section{padding-block:clamp(4.5rem,10vw,7.5rem)}.aa-eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--aa-accent);font-size:.8125rem;font-weight:500}.aa-heading-hero{letter-spacing:-.03em;color:var(--aa-text);font-size:clamp(2.625rem,6.5vw,5.25rem);font-weight:560;line-height:1.05}.aa-heading-section{letter-spacing:-.025em;color:var(--aa-text);font-size:clamp(2rem,4.5vw,3.5rem);font-weight:560;line-height:1.1}.aa-body{color:var(--aa-text-secondary);font-size:clamp(1.0625rem,1.4vw,1.1875rem);line-height:1.65}.aa-body-sm{color:var(--aa-text-secondary);font-size:.9375rem;line-height:1.6}.aa-btn{letter-spacing:.01em;transition:background-color .35s var(--aa-ease), border-color .35s var(--aa-ease), color .35s var(--aa-ease), transform .35s var(--aa-ease), box-shadow .35s var(--aa-ease);border-radius:9999px;align-items:center;gap:.5rem;padding:.85rem 1.35rem;font-size:.875rem;font-weight:550;display:inline-flex}.aa-btn-primary{background:var(--aa-accent);color:#0a120e;border:1px solid #0000}.aa-btn-primary:hover{background:var(--aa-accent-alt);box-shadow:0 0 28px var(--aa-glow);transform:translateY(-1px)}.aa-btn-ghost{color:var(--aa-text);border:1px solid var(--aa-border);background:0 0}.aa-btn-ghost:hover{border-color:var(--aa-border-bright);background:#ffffff08;transform:translateY(-1px)}.aa-card{background:var(--aa-card);border:1px solid var(--aa-border);transition:border-color .4s var(--aa-ease), transform .4s var(--aa-ease), box-shadow .4s var(--aa-ease);border-radius:1.25rem}.aa-card:hover{border-color:var(--aa-border-bright);box-shadow:0 0 40px var(--aa-glow);transform:translateY(-3px)}.aa-noise{pointer-events:none;opacity:.035;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:absolute;inset:0}.aa-grid-fade{pointer-events:none;opacity:.45;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000);mask-image:radial-gradient(70% 60% at 50% 40%,#000,#0000)}.aa-glow-radial{pointer-events:none;filter:blur(8px);background:radial-gradient(#c8f58b24 0%,#10231959 40%,#0000 70%);border-radius:50%;width:min(720px,90vw);height:min(520px,70vw);position:absolute}@media (prefers-reduced-motion:reduce){html:has(.aa-portfolio){scroll-behavior:auto}.aa-portfolio *,.aa-portfolio :before,.aa-portfolio :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}