:root{--sig-navy: #1e3a8a;--sig-blue: #1e40af;--sig-mid: #2563eb;--sig-bright: #3b82f6;--sig-light: #60a5fa;--sig-sky: #93c5fd;--sig-pale: #dbeafe;--sig-mist: #eff6ff;--comic-accent: #f59e0b;--comic-accent-2: #fbbf24;--comic-ink: #111827;--comic-pink: #fb7185;--comic-shadow: 6px 6px 0 rgba(15, 23, 42, .16);--bg: #ffffff;--bg-alt: #f8fafc;--bg-card: #ffffff;--ink: #0f172a;--ink-2: #334155;--muted: #64748b;--line: #e2e8f0;--shadow-sm: 0 4px 20px -8px rgba(30, 64, 175, .15);--shadow: 0 20px 60px -20px rgba(30, 64, 175, .25);--shadow-lg: 0 30px 80px -30px rgba(30, 64, 175, .35);--gradient-blue: linear-gradient(135deg, var(--sig-navy) 0%, var(--sig-mid) 50%, var(--sig-bright) 100%);--gradient-blue-soft: linear-gradient(135deg, var(--sig-pale) 0%, #ffffff 100%);--gradient-text: linear-gradient(135deg, var(--sig-navy) 0%, var(--sig-mid) 50%, var(--sig-bright) 100%);--font-latin: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-ar: "Cairo", "Noto Sans Arabic", "Segoe UI Arabic", system-ui, sans-serif;--font-base: var(--font-latin)}:root[dir=rtl]{--font-base: var(--font-ar);letter-spacing:0}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;font-family:var(--font-base),"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}.font-script{direction:ltr;unicode-bidi:isolate}a{color:inherit;text-decoration:none}button{font-family:inherit}img,svg{display:block;max-width:100%}.font-display{font-family:Playfair Display,serif}.font-script{font-family:Dancing Script,cursive}.font-mono{font-family:JetBrains Mono,monospace}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.container{max-width:1280px;margin:0 auto;padding:0 6%}.section{padding:6rem 0}.section-head{text-align:center;margin-bottom:4rem}.section-eyebrow{color:var(--sig-blue);font-weight:600;font-size:.85rem;letter-spacing:3px;text-transform:uppercase;margin-bottom:.75rem}.section-title{font-family:Playfair Display,serif;font-size:clamp(2rem,4vw,3rem);margin:0;color:var(--ink);font-weight:900;line-height:1.2}.section-sub{color:var(--muted);max-width:620px;margin:1rem auto 0;font-size:1.05rem}.btn{padding:14px 28px;border-radius:100px;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;border:none;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:inherit}.btn-primary{background:var(--gradient-blue);color:#fff;box-shadow:0 10px 30px -10px #1e40af80}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px -10px #1e40af99}.btn-outline{background:#fff;color:var(--sig-navy);border:2px solid var(--sig-blue)}.btn-outline:hover{background:var(--sig-blue);color:#fff;transform:translateY(-2px)}.btn-ghost{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-ghost:hover{background:#fff3;border-color:#fff9;transform:translateY(-2px)}section{position:relative}.alt-bg{background:var(--bg-alt)}.muted-bg{background:linear-gradient(135deg,var(--sig-mist) 0%,#ffffff 100%)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-alt)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--sig-blue),var(--sig-bright));border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--sig-navy)}::selection{background:var(--sig-blue);color:#fff}.font-comic{font-family:Nunito,Inter,sans-serif}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}}@keyframes comic-pop{0%{transform:scale(.75) rotate(-4deg);opacity:0}70%{transform:scale(1.04) rotate(1deg);opacity:1}to{transform:scale(1) rotate(0);opacity:1}}@keyframes comic-stripes{0%{background-position:0 0}to{background-position:48px 0}}.halftone-bg{background-image:radial-gradient(circle,rgba(15,23,42,.16) 1px,transparent 1.5px);background-size:12px 12px}.comic-panel{border:3px solid var(--comic-ink);box-shadow:var(--comic-shadow);background:#fff}.comic-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:2px solid var(--comic-ink);border-radius:999px;background:linear-gradient(135deg,var(--comic-accent-2),var(--comic-accent));color:var(--comic-ink);font-family:Nunito,Inter,sans-serif;font-size:.74rem;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;box-shadow:3px 3px #0f172a29}.comic-badge.danger{background:linear-gradient(135deg,#fecdd3,#fb7185)}.speech-bubble{position:relative;border:3px solid var(--comic-ink);border-radius:24px;background:#fff;box-shadow:var(--comic-shadow);font-family:Nunito,Inter,sans-serif}.speech-bubble:after{content:"";position:absolute;left:28px;bottom:-14px;width:22px;height:22px;background:#fff;border-right:3px solid var(--comic-ink);border-bottom:3px solid var(--comic-ink);transform:rotate(45deg)}.comic-transition{padding:1.5rem 0;display:flex;justify-content:center;pointer-events:none;z-index:2}.comic-transition-panel{position:relative;display:inline-flex;align-items:center;gap:12px;max-width:min(820px,90vw);padding:14px 22px;border:3px solid var(--comic-ink);border-radius:20px;background:radial-gradient(circle,rgba(15,23,42,.15) 1px,transparent 1.5px) 0 0 / 12px 12px,linear-gradient(135deg,#fff7ed,#fff);box-shadow:var(--comic-shadow);font-family:Nunito,Inter,sans-serif;color:var(--comic-ink)}.comic-transition-kicker{padding:4px 9px;border-radius:999px;background:var(--comic-ink);color:#fff;font-size:.67rem;font-weight:900;letter-spacing:1.3px;text-transform:uppercase;white-space:nowrap}.comic-transition-text{font-size:clamp(.95rem,2vw,1.15rem);font-weight:900}.fun-facts-ticker{padding:0 0 5rem;position:relative;z-index:1}.fun-facts-shell{display:grid;grid-template-columns:auto 1fr;align-items:center;max-width:1280px;margin:0 auto;border-top:3px solid var(--comic-ink);border-bottom:3px solid var(--comic-ink);background:repeating-linear-gradient(135deg,rgba(255,255,255,.18) 0 10px,transparent 10px 20px),linear-gradient(135deg,var(--comic-accent-2),var(--comic-accent));box-shadow:0 18px 40px -26px #0f172a73;overflow:hidden}.fun-facts-label{height:100%;display:inline-flex;align-items:center;gap:9px;padding:16px 22px;background:var(--comic-ink);color:#fff;font-family:Nunito,Inter,sans-serif;font-weight:900;letter-spacing:1.7px;white-space:nowrap}.fun-facts-live{width:9px;height:9px;background:#ef4444;border-radius:50%;box-shadow:0 0 0 4px #ef444433;animation:pulse 1.7s infinite}.fun-facts-window{overflow:hidden;min-width:0;mask-image:linear-gradient(90deg,transparent,black 4%,black 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 4%,black 96%,transparent)}.fun-facts-track{display:inline-flex;width:max-content;will-change:transform;animation:fun-facts-scroll 34s linear infinite}@keyframes fun-facts-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.fun-facts-window:hover .fun-facts-track{animation-play-state:paused}.fun-fact-item{display:inline-flex;align-items:center;gap:10px;padding:0 2rem;font-family:Nunito,Inter,sans-serif;font-size:.98rem;font-weight:800;color:var(--comic-ink);white-space:nowrap}.fun-fact-icon{font-size:1.25rem}.comic-toast{position:fixed;right:24px;bottom:24px;z-index:260;max-width:min(360px,calc(100vw - 48px));padding:14px 18px;border:3px solid var(--comic-ink);border-radius:18px;background:#fff7ed;box-shadow:var(--comic-shadow);color:var(--comic-ink);font-family:Nunito,Inter,sans-serif;font-weight:900}.comic-secret{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:grid;place-items:center;background:#0f172a52;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.comic-secret-burst{width:min(430px,calc(100vw - 48px));min-height:260px;display:grid;place-items:center;gap:8px;text-align:center;padding:2rem;color:var(--comic-ink);background:radial-gradient(circle,rgba(255,255,255,.75) 0 32%,transparent 33%),conic-gradient(from 0deg,#fef3c7,#f59e0b,#fef3c7,#fb7185,#fef3c7);clip-path:polygon(50% 0%,59% 25%,85% 10%,75% 38%,100% 50%,75% 62%,85% 90%,59% 75%,50% 100%,41% 75%,15% 90%,25% 62%,0% 50%,25% 38%,15% 10%,41% 25%);filter:drop-shadow(0 25px 45px rgba(15,23,42,.35));font-family:Nunito,Inter,sans-serif}.comic-secret-burst span{font-size:clamp(3rem,10vw,5rem);font-weight:900;line-height:.95}.comic-secret-burst strong,.comic-secret-burst small{max-width:230px}.scroll-progress{position:fixed;top:0;left:0;right:0;height:4px;z-index:220;background:#dbeafe8c}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,var(--sig-blue),var(--comic-accent),var(--comic-pink));box-shadow:0 0 18px #f59e0b73}.scroll-progress-badge{position:fixed;top:70px;right:24px;z-index:230;padding:10px 14px;border:3px solid var(--comic-ink);border-radius:999px;background:#fff;box-shadow:var(--comic-shadow);color:var(--comic-ink);font-family:Nunito,Inter,sans-serif;font-weight:900}.custom-cursor{position:fixed;left:0;top:0;z-index:500;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid var(--sig-blue);border-radius:999px;pointer-events:none;display:grid;place-items:center;color:var(--comic-ink);font-family:Nunito,Inter,sans-serif;font-size:0;font-weight:900;background:#ffffff8c;mix-blend-mode:multiply}.custom-cursor--click{width:58px;height:58px;margin:-29px 0 0 -29px;border-color:var(--comic-ink);background:#fbbf24db;box-shadow:4px 4px #0f172a2e;mix-blend-mode:normal;font-size:.72rem}.custom-cursor--star{width:42px;height:42px;margin:-21px 0 0 -21px;border-color:transparent;background:transparent;font-size:1.6rem;mix-blend-mode:normal}.custom-cursor span{display:inline-block}.not-found-page{min-height:100vh;display:grid;place-items:center;padding:130px 0 80px;background:radial-gradient(circle at 18% 24%,rgba(245,158,11,.18),transparent 26%),radial-gradient(circle at 80% 12%,rgba(59,130,246,.2),transparent 28%),var(--sig-mist)}.not-found-card{max-width:760px;margin:0 auto;padding:clamp(2rem,6vw,4rem);border-radius:32px;text-align:center}.not-found-burst{display:inline-grid;place-items:center;width:min(320px,70vw);aspect-ratio:1;margin-bottom:1.25rem;color:var(--comic-ink);font-family:Nunito,Inter,sans-serif;font-size:clamp(4rem,18vw,8rem);font-weight:900;background:radial-gradient(circle,#ffffff 0 36%,transparent 37%),conic-gradient(from 0deg,#fef3c7,var(--comic-accent),#fef3c7,var(--sig-sky),#fef3c7);clip-path:polygon(50% 0%,60% 28%,90% 14%,76% 43%,100% 50%,76% 57%,90% 86%,60% 72%,50% 100%,40% 72%,10% 86%,24% 57%,0% 50%,24% 43%,10% 14%,40% 28%)}.not-found-copy{max-width:560px;margin:0 auto 2rem;padding:1.1rem 1.25rem;font-size:1.05rem;font-weight:900}.not-found-actions{display:flex;justify-content:center;gap:.9rem;flex-wrap:wrap;margin-bottom:1.5rem}.not-found-back{display:inline-flex;align-items:center;gap:6px;color:var(--sig-blue);font-weight:700}.work-detail-page{background:linear-gradient(180deg,#ffffff 0%,var(--sig-mist) 42%,#ffffff 100%)}.work-detail-hero{padding:130px 0 80px;color:#fff;background:radial-gradient(circle at 15% 15%,rgba(255,255,255,.2),transparent 28%),radial-gradient(circle at 85% 18%,rgba(255,255,255,.14),transparent 28%),linear-gradient(135deg,var(--case-a, var(--sig-navy)),var(--case-b, var(--sig-mid)));overflow:hidden}.work-detail-back{display:inline-flex;align-items:center;gap:7px;color:#ffffffe6;font-weight:700;margin-bottom:2rem}.work-detail-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:center;gap:3rem}.work-detail-hero h1{font-family:Playfair Display,serif;font-size:clamp(2.5rem,6vw,5rem);line-height:1.02;margin:1rem 0}.work-detail-hero p{max-width:680px;margin:0 0 1.6rem;color:#ffffffd6;font-size:1.1rem}.work-detail-category{transform:rotate(-1deg)}.work-detail-meta{display:flex;flex-wrap:wrap;gap:.8rem}.work-detail-meta span{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);font-weight:700}.case-placeholder{position:relative;min-height:360px;padding:1.35rem;border:3px solid var(--comic-ink);border-radius:28px;background:radial-gradient(circle,rgba(255,255,255,.2) 1px,transparent 1.5px) 0 0 / 14px 14px,linear-gradient(135deg,var(--case-a, var(--sig-blue)),var(--case-b, var(--comic-accent)));box-shadow:10px 10px #0f172a40;color:#fff;overflow:hidden}.case-placeholder:after{content:"";position:absolute;inset:auto -12% -34% 22%;height:58%;background:#ffffff24;transform:rotate(-8deg)}.case-placeholder-top,.case-placeholder-lines,.case-placeholder h3,.case-placeholder-chart{position:relative;z-index:1}.case-placeholder-top{display:flex;justify-content:space-between;gap:1rem;font-size:.72rem;font-weight:900;letter-spacing:1.5px;text-transform:uppercase;opacity:.9}.case-placeholder-chart{display:flex;align-items:end;gap:10px;height:120px;margin:3rem 0 1.5rem}.case-placeholder-chart span{flex:1;border-radius:12px 12px 0 0;background:#ffffffb8;border:2px solid rgba(255,255,255,.84);box-shadow:0 10px 24px #0f172a26}.case-placeholder-chart span:nth-child(1){height:32%}.case-placeholder-chart span:nth-child(2){height:58%}.case-placeholder-chart span:nth-child(3){height:76%}.case-placeholder-chart span:nth-child(4){height:100%;background:var(--comic-accent-2)}.case-placeholder h3{margin:0 0 1rem;max-width:380px;font-size:clamp(1.45rem,3vw,2.2rem);line-height:1.1}.case-placeholder-lines{display:grid;gap:8px}.case-placeholder-lines div{display:flex;align-items:center;gap:8px;font-weight:800}.case-placeholder-lines span{width:10px;height:10px;border-radius:50%;background:var(--comic-accent-2)}.work-detail-content{display:grid;gap:3rem}.work-detail-note{padding:1rem 1.2rem;max-width:920px;background:#fff7ed}.work-detail-two-col{display:grid;grid-template-columns:.85fr 1.15fr;gap:1.5rem}.work-detail-two-col.compact{grid-template-columns:1fr 1fr}.work-detail-block{background:#fff;border:1px solid var(--line);border-radius:24px;padding:2rem;box-shadow:var(--shadow-sm)}.work-detail-block h2{margin:1rem 0 .75rem;color:var(--ink);font-size:1.55rem}.work-detail-block p{margin:0;color:var(--ink-2)}.work-detail-steps{list-style:none;margin:0;padding:0;display:grid;gap:1rem}.work-detail-steps li{display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:start;color:var(--ink-2)}.work-detail-steps span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--sig-mist);color:var(--sig-blue);font-weight:900;font-size:.78rem}.work-detail-results{padding:1rem 0}.work-detail-results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.work-detail-result{min-height:170px;padding:1.5rem;border-radius:22px;display:flex;flex-direction:column;justify-content:center;text-align:center;transform:rotate(-.5deg)}.work-detail-result:nth-child(2n){transform:rotate(.7deg)}.work-detail-result-value{font-size:clamp(2rem,4vw,3rem);line-height:1;font-weight:900;color:var(--sig-navy)}.work-detail-result-label{margin-top:.65rem;color:var(--muted);font-size:.76rem;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}.work-detail-pills{display:flex;flex-wrap:wrap;gap:.55rem}.work-detail-pills span{padding:7px 12px;border-radius:999px;background:var(--sig-mist);color:var(--sig-blue);border:1px solid var(--sig-pale);font-weight:800;font-size:.82rem}.work-detail-pills.warm span{background:#fff7ed;color:#b45309;border-color:#fed7aa}.work-detail-witty{padding:1.3rem 1.5rem;background:#fffbeb;font-size:1.05rem;font-weight:800}.work-detail-cta{border-radius:28px;padding:2.5rem;text-align:center;background:radial-gradient(circle,rgba(15,23,42,.12) 1px,transparent 1.5px) 0 0 / 13px 13px,linear-gradient(135deg,#fff,#fff7ed)}.work-detail-cta h2{margin:0 0 .5rem;font-size:clamp(1.8rem,4vw,2.7rem)}.work-detail-cta p{margin:0 auto 1.5rem;max-width:560px;color:var(--ink-2)}.work-detail-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.work-detail-nav a{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;border-radius:18px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:800;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.work-detail-nav a:hover{transform:translateY(-3px);border-color:var(--sig-blue);box-shadow:var(--shadow-sm)}.work-detail-nav small{display:block;color:var(--muted);font-size:.72rem;letter-spacing:1.4px;text-transform:uppercase}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.custom-cursor{display:none!important}}@media (max-width: 980px){.fun-facts-shell{grid-template-columns:1fr}.fun-facts-label{justify-content:center}.work-detail-hero-grid,.work-detail-two-col,.work-detail-two-col.compact{grid-template-columns:1fr}.work-detail-results-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.comic-transition-panel{flex-direction:column;align-items:flex-start}.fun-facts-ticker{padding-bottom:3.5rem}.fun-fact-item{padding:0 1.2rem;font-size:.88rem}.comic-toast,.scroll-progress-badge{right:16px;left:16px;max-width:none}.work-detail-results-grid,.work-detail-nav{grid-template-columns:1fr}.work-detail-hero{padding-top:110px}.case-placeholder{min-height:300px}}@media (max-width: 980px){.container{padding:0 5%}.section{padding:4.5rem 0}.section-head{margin-bottom:3rem}h2{line-height:1.15}}@media (max-width: 640px){.container{padding:0 5%}.section{padding:3.5rem 0}.btn{padding:12px 22px;font-size:.9rem}.section-head{margin-bottom:2.25rem}.section-title{font-size:clamp(1.7rem,7vw,2.1rem)}.section-sub{font-size:.95rem}}@media (max-width: 420px){.container{padding:0 4%}.section{padding:3rem 0}}@media (max-width: 768px){body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}.lang-toggle{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:100px;border:1px solid var(--sig-pale);background:var(--sig-mist);font-size:.85rem;font-weight:700;color:var(--ink-2);cursor:pointer;transition:all .2s ease;line-height:1;margin-inline-start:8px}.lang-toggle:hover{border-color:var(--sig-sky);background:#fff;color:var(--sig-blue)}.lang-toggle .active{color:var(--sig-blue)}.lang-toggle .sep{color:var(--muted);font-weight:400}.lang-toggle span[lang=ar]{font-family:var(--font-ar)}:root[dir=rtl] .fun-facts-track,:root[dir=rtl] .skills-tools-track{animation:fun-facts-scroll-rtl 40s linear infinite}@keyframes fun-facts-scroll-rtl{0%{transform:translate(-50%)}to{transform:translate(0)}}