:root{--ink:#18212d;--muted:#566474;--paper:#f4f0e7;--card:#fffdf8;--line:#d9d4c8;--blue:#12334a;--teal:#14a89a;--lime:#c8ed68;--coral:#ff806a;--shadow:0 18px 50px rgba(18,38,53,.10);--radius:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{color:#087f79}button,input,select{font:inherit}.wrap{width:min(1160px,calc(100% - 36px));margin:auto}.topbar{display:flex;justify-content:space-between;align-items:center;padding:23px 0;border-bottom:1px solid var(--line)}.brand{font-weight:850;letter-spacing:-.04em;font-size:18px}.brand em{font-style:normal;color:#087f79}.nav{display:flex;gap:22px;align-items:center;color:var(--muted);font-size:14px}.lang{border:1px solid var(--line);border-radius:99px;padding:8px 13px;font-weight:750;background:transparent}.hero{padding:72px 0 54px;display:grid;grid-template-columns:1.4fr .8fr;gap:48px;align-items:center}.eyebrow{color:#087f79;text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:850}.hero h1{font-size:clamp(39px,6.5vw,78px);line-height:.99;letter-spacing:-.06em;margin:18px 0 20px;max-width:780px}.hero h1 span{color:#087f79}.lede{font-size:18px;color:#495766;max-width:690px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.btn{display:inline-flex;align-items:center;gap:9px;border-radius:99px;padding:12px 18px;background:var(--blue);color:white;font-weight:750}.btn:hover{background:#087f79;color:white}.btn.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}.hero-note{background:var(--blue);color:#fff;border-radius:30px;padding:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-note:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:var(--teal);right:-70px;bottom:-115px;opacity:.65}.hero-note strong{font-size:34px;line-height:1.1;display:block;max-width:250px;letter-spacing:-.04em}.hero-note p{color:#d4e0e4;margin:15px 0 0;max-width:300px}.section{padding:50px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:25px}.section h2{font-size:clamp(26px,4vw,42px);line-height:1.07;letter-spacing:-.045em;margin:7px 0}.muted{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 0}.metric{background:var(--card);border:1px solid var(--line);padding:21px;border-radius:18px}.metric b{display:block;color:#087f79;font-size:30px;letter-spacing:-.05em}.metric span{font-size:13px;color:var(--muted)}.skills{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.skill{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px}.skill h3{margin:0 0 7px;font-size:18px}.skill p{margin:0;color:var(--muted);font-size:14px}.markets{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.chip{padding:7px 11px;background:#e7e2d7;border-radius:99px;color:#43505d;font-size:13px}.library{background:var(--blue);color:white;border-radius:30px;padding:32px;margin-top:16px}.library p{color:#d1dce0;max-width:720px}.controls{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.search{flex:1;min-width:220px;border:1px solid #506575;border-radius:12px;background:#fff;color:var(--ink);padding:12px 14px}.select{border:1px solid #506575;border-radius:12px;background:white;color:var(--ink);padding:12px 14px}.count{color:#d1dce0;font-size:13px;margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.bot{background:var(--card);color:var(--ink);border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.12);transition:transform .2s,box-shadow .2s}.bot:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(0,0,0,.18)}.bot img{display:block;width:100%;height:205px;object-fit:contain;background:#efe9e0;padding:10px}.bot-body{padding:15px}.bot small{color:#087f79;font-weight:800}.bot h3{font-size:16px;line-height:1.25;margin:7px 0}.bot p{font-size:13px;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.bot-detail{padding:48px 0}.detail-head{display:grid;grid-template-columns:300px 1fr;gap:32px;align-items:center;background:var(--blue);border-radius:28px;padding:25px;color:white}.detail-head img{width:100%;height:330px;object-fit:contain;background:#f4eee3;border-radius:18px;padding:12px}.detail-head h1{font-size:clamp(32px,5vw,54px);line-height:1.04;letter-spacing:-.05em;margin:12px 0}.detail-head p{color:#dbe5e8}.prompt-box{white-space:pre-wrap;overflow-wrap:anywhere;background:#fffdf8;border:1px solid var(--line);border-radius:18px;padding:22px;max-height:720px;overflow:auto;font:14px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.copy-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.copy{border:0;border-radius:99px;background:var(--teal);color:#062924;padding:10px 15px;font-weight:800;cursor:pointer}.welcome{background:#e7e2d7;border-radius:16px;padding:18px}.footer{padding:35px 0 50px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.footer-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}html[dir="rtl"]{direction:rtl;text-align:right}html[dir="rtl"] .topbar,html[dir="rtl"] .section-head,html[dir="rtl"] .footer-grid{direction:rtl}html[dir="rtl"] .hero,html[dir="rtl"] .detail-head{direction:rtl}html[dir="rtl"] .eyebrow{letter-spacing:0}html[dir="rtl"] .bot-body{text-align:right}html[dir="rtl"] .actions,html[dir="rtl"] .controls{direction:rtl}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:24px;padding-top:48px}.metrics{grid-template-columns:repeat(2,1fr)}.skills{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(3,1fr)}.detail-head{grid-template-columns:230px 1fr}.bot img{height:185px}}
@media(max-width:620px){.wrap{width:min(100% - 26px,1160px)}.topbar{padding:15px 0}.nav{gap:12px}.nav a:nth-child(2){display:none}.hero{padding:44px 0 32px}.lede{font-size:16px}.metrics{gap:8px}.metric{padding:15px}.metric b{font-size:25px}.skills{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr);gap:9px}.bot img{height:145px}.bot-body{padding:12px}.bot p{font-size:12px}.detail-head{grid-template-columns:1fr;padding:16px}.detail-head img{height:260px}.section{padding:35px 0}.section-head{display:block}.library{padding:20px}.copy-row{align-items:flex-start;flex-direction:column}}
:root{color-scheme:dark;--ink:#eef3f7;--muted:#a5b3c2;--paper:#080d14;--card:#111a25;--line:rgba(220,236,247,.15);--teal:#54e0ce;--lime:#d5f478;--shadow:0 28px 80px #0007;--content:1320px}
body{background:radial-gradient(ellipse at 75% 7%,#24677f30,transparent 34%),radial-gradient(ellipse at 5% 48%,#402a6d20,transparent 38%),#080d14;color:var(--ink);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(#000,transparent 78%)}::selection{background:var(--lime);color:#111820}.wrap{width:min(var(--content),calc(100% - 64px))}a:hover{color:var(--teal)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
.topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);background:#080d14cc;backdrop-filter:blur(18px)}.brand{font-weight:900}.brand em{color:var(--teal)}.nav{color:#bbc8d5;font-weight:650}.lang{border-color:var(--line);background:#ffffff08}
.hero{position:relative;isolation:isolate;min-height:min(760px,calc(100svh - 70px));padding:clamp(70px,10vw,140px) 0 96px;grid-template-columns:minmax(0,1.25fr) minmax(310px,.75fr);gap:clamp(40px,7vw,110px)}.hero:before{content:"";position:absolute;z-index:-1;width:46vw;height:46vw;max-width:660px;max-height:660px;border-radius:50%;right:1%;top:7%;background:radial-gradient(circle,#4adbc522,#315c8214 35%,transparent 68%);filter:blur(8px);animation:breathe 8s ease-in-out infinite alternate}.eyebrow{color:var(--teal);letter-spacing:.16em}.hero h1{font-size:clamp(46px,7.3vw,100px);letter-spacing:-.075em}.hero h1 span{color:var(--lime)}.lede{color:#bdc8d3}.btn{background:var(--lime);color:#111a21;font-weight:820;box-shadow:0 10px 30px #d5f47820;transition:transform .2s,box-shadow .2s}.btn:hover{background:#e6ff9d;color:#10191d;transform:translateY(-2px)}.btn.secondary{background:#ffffff0b;color:#f4f7fa;border-color:#dfe9f477;box-shadow:none}.btn.secondary:hover{background:#ffffff1f;color:#fff}
.hero-note{isolation:isolate;min-height:390px;aspect-ratio:1;background:linear-gradient(145deg,#183140ee,#0c1621f0);border:1px solid #c2e8ef33;box-shadow:var(--shadow);transform:perspective(1000px) rotateY(-5deg) rotateX(2deg);transition:transform .5s,border-color .4s}.hero-note:hover{transform:perspective(1000px) rotateY(0) rotateX(0) translateY(-5px);border-color:#54e0ce77}.hero-note:before,.hero-note:after{content:"";position:absolute;z-index:0;border-radius:50%;right:9%;top:5%;width:72%;aspect-ratio:1;border:1px solid #54e0ce4d;background:radial-gradient(circle,#54e0ce30,transparent 68%);box-shadow:0 0 80px #54e0ce1a;animation:float 9s ease-in-out infinite}.hero-note:after{width:48%;right:20%;top:18%;border-color:#d5f47855;background:radial-gradient(circle,#d5f47866,#54e0ce20 45%,transparent 70%);animation-duration:7s}.hero-note strong,.hero-note p{position:relative;z-index:1}.hero-note strong,.hero-note p{position:relative;z-index:1}.hero-note strong{font-size:clamp(26px,3.5vw,42px);letter-spacing:-.055em}.hero-note p{color:#d0dae2}
.section{padding:clamp(54px,8vw,104px) 0}.section h2{font-size:clamp(30px,4.7vw,56px);letter-spacing:-.065em}.metrics{gap:14px}.metric{background:linear-gradient(145deg,#131e2b,#0d1620);border-color:var(--line);border-radius:22px;min-height:132px;transition:transform .25s,border-color .25s}.metric:hover{transform:translateY(-4px);border-color:#54e0ce77}.metric:first-child{grid-column:span 2}.metric b{color:var(--lime)}.metric span{color:#b8c4cf}.skill{background:linear-gradient(140deg,#141f2c,#0d151f);border-color:var(--line);border-radius:22px;padding:25px;min-height:178px;transition:transform .28s,border-color .28s}.skill:hover{transform:translateY(-5px);border-color:#54e0ce66}.skill p{color:#aebbc8}.chip{background:#ffffff0b;border-color:var(--line);color:#c5d0da}
.library{background:linear-gradient(145deg,#111d29,#0c141e 70%);border:1px solid #beddec26;border-radius:34px;padding:clamp(24px,5vw,58px);box-shadow:var(--shadow)}.library>p{color:#aebdca}.search,.select{border-color:#d8e7f13b;border-radius:14px;background:#080f17;color:#f4f7fa;padding:13px 16px}.search::placeholder{color:#8594a2}.select option{background:#111a25}.count{color:#b6c5d0}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.bot{background:#101a25;border-color:#dfedf71f;border-radius:20px;transition:transform .3s,box-shadow .3s,border-color .3s}.bot:hover{transform:translateY(-6px);box-shadow:0 20px 44px #0006;border-color:#54e0ce66}.bot>a{background:linear-gradient(145deg,#243745,#14232d)}.bot img{height:228px;object-fit:cover;padding:0;transition:transform .65s}.bot:hover img{transform:scale(1.045)}.bot-body{padding:18px}.bot small{color:var(--teal);font-size:10px;text-transform:uppercase;letter-spacing:.11em}.bot h3{font-size:17px;color:#f4f7fa}.bot p{color:#aebbc8}
.detail-head{background:radial-gradient(ellipse at 12% 10%,#54e0ce1f,transparent 34%),linear-gradient(145deg,#111e2b,#0b141e);border:1px solid var(--line);border-radius:34px;padding:clamp(20px,3vw,38px);box-shadow:var(--shadow)}.detail-head img{height:360px;object-fit:cover;background:linear-gradient(145deg,#243745,#14232d);border:1px solid #ffffff24;border-radius:24px;padding:0}.detail-head h1{font-size:clamp(38px,6vw,72px);letter-spacing:-.07em}.detail-head p{color:#becbd7}.detail-head .btn.secondary{color:#f4f7fa;border-color:#e4eff67a;background:#ffffff0d}.detail-head .btn.secondary:hover{color:#0a1219;background:#fff}.prompt-box{background:#0d151f;color:#dce6ed;border-color:var(--line);border-radius:20px;padding:clamp(18px,3vw,30px)}.copy{border-color:#54e0ce77;background:#16373a;color:#b8fff1}.copy:hover{background:var(--teal);color:#071518}.welcome{background:#121e2a;border:1px solid var(--line);color:#d2dce5}.footer{border-color:var(--line);color:#9eacb9}html[dir="rtl"] .eyebrow{letter-spacing:0}[hidden]{display:none!important}
@keyframes float{to{transform:translate3d(-10px,14px,0) scale(1.05)}}@keyframes breathe{to{transform:translate3d(-16px,12px,0) scale(1.05);opacity:1}}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1000px){.wrap{width:min(var(--content),calc(100% - 44px))}.hero{min-height:auto;padding:88px 0 76px;grid-template-columns:1fr minmax(280px,.75fr);gap:32px}.hero-note{min-height:330px}.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.skills{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bot img{height:220px}.detail-head{grid-template-columns:minmax(230px,300px) minmax(0,1fr)}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.topbar{padding:14px 0}.brand{font-size:14px}.nav{gap:11px;font-size:12px}.nav>a:nth-child(2){display:none}.lang{padding:7px 10px}.hero{padding:64px 0 44px;grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(46px,12vw,72px)}.hero-note{min-height:330px;max-width:520px;width:100%;aspect-ratio:auto;transform:none;border-radius:26px}.section{padding:54px 0}.section-head{display:block}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric{min-height:116px;padding:17px}.metric:first-child{grid-column:span 2}.metric b{font-size:27px}.skills,.grid{grid-template-columns:1fr}.skill{min-height:0;padding:20px}.library{border-radius:25px;padding:22px 16px}.search,.select{width:100%;min-width:0}.bot{display:grid;grid-template-columns:128px minmax(0,1fr)}.bot>a{height:100%;min-height:166px}.bot img{width:128px;height:100%;min-height:166px}.bot-body{padding:15px 13px}.bot h3{font-size:15px}.bot p{font-size:12px;-webkit-line-clamp:3}.detail-head{grid-template-columns:1fr;gap:20px;border-radius:26px;padding:15px}.detail-head img{height:auto;aspect-ratio:1.12}.detail-head h1{font-size:clamp(38px,10vw,58px)}.section h2{font-size:clamp(30px,8vw,42px)}.copy-row{align-items:flex-start;flex-direction:column}}
@media(max-width:390px){.wrap{width:calc(100% - 24px)}.brand{font-size:12px}.nav{gap:7px;font-size:11px}.bot{grid-template-columns:112px minmax(0,1fr)}.bot>a,.bot img{width:112px;min-height:155px}.bot-body{padding:12px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}} 
:root{--gold:#f1b85b;--violet:#8c82ff;--cyan:#69e6da;--night:#080a10;--panel:#10151f;--panel2:#171e2a}
.hero{min-height:min(820px,calc(100svh - 70px));padding-top:clamp(70px,9vh,115px);padding-bottom:110px}
.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{padding:10px 14px;border:1px solid #69e6da44;border-radius:99px;background:#69e6da09}.hero-copy .eyebrow:before{width:6px;height:6px}.hero h1{max-width:920px;font-size:clamp(52px,8vw,112px);line-height:.92;letter-spacing:-.085em}.hero h1 span{background:linear-gradient(100deg,#d5f478 0%,#69e6da 70%,#8c82ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero .lede{max-width:640px;font-size:clamp(16px,1.4vw,19px)}
.hero-note{min-height:480px;aspect-ratio:1/1;justify-content:space-between;padding:22px;background:radial-gradient(ellipse at 50% 47%,#162b39 0,#111b27 48%,#0b111b 100%);border-color:#c3e7ec26;border-radius:32px;overflow:hidden;transform:none}.hero-note:hover{transform:translateY(-4px);border-color:#69e6da66}.hero-note:before{inset:7%;width:auto;aspect-ratio:1;border-color:#69e6da21;background:transparent;box-shadow:0 0 100px #69e6da08}.hero-note:after{inset:17%;width:auto;aspect-ratio:1;border-color:#f1b85b20;background:transparent;box-shadow:none}
.growth-scene{position:absolute;inset:0;width:100%;height:100%;z-index:1}.scene-stamp,.hero-note-copy,.scene-orbit-label{position:relative;z-index:2}.scene-stamp{display:flex;justify-content:space-between;color:#a3b4c3;font:700 10px/1.3 ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase}.scene-stamp span:last-child{color:var(--cyan)}.hero-note-copy{margin-top:auto;padding:0 10px 10px}.hero-note-copy strong{font-size:clamp(23px,2.5vw,34px);max-width:300px;line-height:1.08}.hero-note-copy p{font-size:13px;color:#b5c5d2}.scene-orbit-label{position:absolute;padding:6px 9px;border:1px solid #c2d9e433;background:#080d14b8;border-radius:8px;color:#e5eef4;font:700 9px/1 ui-monospace,monospace;letter-spacing:.08em;backdrop-filter:blur(8px)}.scene-orbit-a{top:25%;left:12%}.scene-orbit-b{top:40%;right:8%}.scene-orbit-c{top:58%;left:15%}
.scroll-cue{position:absolute;left:0;bottom:31px;display:flex;align-items:center;gap:14px;color:#91a2b1;font:700 10px/1 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.scroll-cue b{width:28px;height:28px;display:grid;place-items:center;border:1px solid #ffffff33;border-radius:50%;color:var(--lime);font-size:14px;animation:cue 1.8s ease-in-out infinite}
.signal-ribbon{display:flex;justify-content:center;align-items:center;gap:clamp(14px,3vw,38px);padding:18px 0;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;color:#abb9c6;font:700 10px/1 ui-monospace,monospace;letter-spacing:.18em;text-transform:uppercase}.signal-ribbon i{width:5px;height:5px;background:var(--gold);border-radius:50%;box-shadow:0 0 14px var(--gold)}
.section-head{align-items:end}.section-aside{max-width:290px;margin:0 0 5px;color:#9caab8;font-size:13px;line-height:1.7}.impact-section .section-head{margin-bottom:34px}.metrics{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.metric{min-height:170px;padding:23px;background:linear-gradient(145deg,#151c27,#0d121b);border-color:#d7e4f015;border-radius:19px}.metric:first-child{grid-column:span 2;grid-row:span 2;min-height:352px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(ellipse at 70% 20%,#f1b85b25,transparent 45%),linear-gradient(150deg,#1c2733,#111720)}.metric:first-child b{font-size:clamp(48px,7vw,88px);color:#f1c376}.metric:nth-child(2),.metric:nth-child(3){grid-column:span 2}.metric:nth-child(n+4){grid-column:span 2}.metric span{max-width:220px;font-size:12px;line-height:1.55}
.expertise-section{position:relative}.skills{grid-template-columns:repeat(12,minmax(0,1fr));gap:12px}.skill{grid-column:span 4;min-height:216px;padding:25px;background:linear-gradient(150deg,#151d29,#0d121b);border-radius:20px}.skill:nth-child(1),.skill:nth-child(2){grid-column:span 6;min-height:238px}.skill h3{font-size:20px}.skill p{max-width:420px;font-size:13px}.skill:before{content:"";display:block;width:33px;height:3px;margin-bottom:25px;background:linear-gradient(90deg,var(--gold),var(--cyan));border-radius:5px}.skill:nth-child(2):before{background:linear-gradient(90deg,var(--violet),var(--cyan))}.skill:nth-child(3):before{background:linear-gradient(90deg,var(--cyan),var(--lime))}.skill:nth-child(4):before{background:linear-gradient(90deg,var(--gold),var(--coral))}.skill:nth-child(5):before{background:linear-gradient(90deg,var(--violet),var(--gold))}.skill:nth-child(6):before{background:linear-gradient(90deg,var(--lime),var(--cyan))}
.library-section{padding-top:90px}.library{padding:clamp(24px,5vw,60px);border-radius:30px;background:radial-gradient(ellipse at 100% 0,#69e6da13,transparent 35%),linear-gradient(150deg,#111a26,#0b1018);border-color:#d9e8f01c}.library-intro{display:flex;justify-content:space-between;align-items:end;gap:30px}.library-intro>div:first-child{max-width:780px}.library-countmark{display:flex;align-items:center;gap:12px;padding:8px 0 12px 20px;border-left:1px solid #ffffff25}.library-countmark b{font-size:52px;line-height:1;color:var(--lime);letter-spacing:-.08em}.library-countmark span{color:#aab8c5;font:700 9px/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.1em}.library h2{font-size:clamp(33px,5vw,64px)}.library>p{max-width:700px}.library .controls{margin-top:34px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.bot{border-radius:17px;background:#121a25}.bot img{height:220px}.bot-body{padding:16px}.bot small{font-size:9px}.bot h3{font-size:16px}.bot p{-webkit-line-clamp:3}.bot:nth-child(n+13){display:none}.library.expanded .bot:nth-child(n+13){display:block}.library-more{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;padding-top:20px;border-top:1px solid #ffffff19}.library-more>span{color:#9eacb9;font-size:12px}.library-more .btn{padding:11px 17px}.library .btn.secondary{background:#ffffff0c;border-color:#dfe9f477;color:#edf3f7}.library .btn.secondary:hover{background:#ffffff18;color:#fff}
.credential-section .markets .chip{padding:12px 18px}.footer{margin-top:40px}.reveal{opacity:0;transform:translateY(28px) scale(.99);filter:blur(5px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1),filter .8s}.reveal.is-visible{opacity:1;transform:none;filter:none}.bot.reveal{transition-delay:calc(var(--reveal-index,0)*35ms)}
@keyframes cue{50%{transform:translateY(5px);border-color:#d5f47888}}@keyframes float{to{transform:rotate(9deg) scale(1.03)}}@keyframes breathe{to{transform:scale(1.04);opacity:1}}
@media(max-width:1000px){.hero{grid-template-columns:1fr minmax(270px,.8fr);gap:28px}.hero-note{min-height:380px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.metric:first-child{min-height:320px}.skill,.skill:nth-child(n){grid-column:span 6;min-height:205px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.hero{min-height:auto;padding:66px 0 72px;grid-template-columns:1fr;gap:28px}.hero h1{font-size:clamp(48px,12vw,74px);line-height:.95}.hero-note{min-height:360px;width:100%;max-width:520px;aspect-ratio:auto}.scroll-cue{bottom:20px}.signal-ribbon{justify-content:flex-start;overflow:hidden;white-space:nowrap;gap:16px;font-size:9px}.section-aside{margin-top:13px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.metric,.metric:first-child,.metric:nth-child(n){grid-column:span 1;grid-row:auto;min-height:128px;padding:16px}.metric:first-child{grid-column:span 2;min-height:170px}.metric:first-child b{font-size:54px}.metric b{font-size:27px}.skill,.skill:nth-child(n){grid-column:span 12;min-height:0;padding:21px}.skill:before{margin-bottom:17px}.library-section{padding-top:55px}.library{padding:23px 16px;border-radius:23px}.library-intro{display:block}.library-countmark{display:inline-flex;margin-top:13px;padding:8px 0 4px;border:0}.library-countmark b{font-size:39px}.library .controls{margin-top:22px}.grid{grid-template-columns:1fr;gap:11px}.bot:nth-child(n){display:grid;grid-template-columns:116px minmax(0,1fr)}.bot:nth-child(n+13){display:none}.library.expanded .bot:nth-child(n){display:grid}.bot:nth-child(n) img{width:116px;height:100%;min-height:155px;object-fit:cover}.bot:nth-child(n) a{height:100%;min-height:155px}.bot-body{padding:13px 12px}.library-more{align-items:flex-start;flex-direction:column}.library-more .btn{width:100%}}
@media(max-width:390px){.wrap{width:calc(100% - 24px)}.nav{gap:8px;font-size:11px}.brand{font-size:12px}.hero-note{min-height:325px}}
@media(prefers-reduced-motion:reduce){.hero-note:before,.hero-note:after,.scroll-cue b{animation:none}.reveal{opacity:1;transform:none;filter:none}}
:root{--gold:#f0bd6c;--cyan:#72efdc;--lime:#d9f58d}
body{font-family:"DM Sans","Segoe UI",sans-serif;background:radial-gradient(ellipse at 78% 10%,#23738830,transparent 37%),radial-gradient(ellipse at 6% 57%,#593c6222,transparent 40%),#080d14}
h1,h2,h3,.brand,.metric b,.library-countmark b{font-family:"Manrope","DM Sans","Segoe UI",sans-serif}
.hero{min-height:min(840px,calc(100svh - 64px));grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:clamp(34px,5vw,78px);padding-top:clamp(68px,8vh,110px);padding-bottom:108px}
.hero-copy{max-width:760px}.hero h1{max-width:740px;font-size:clamp(54px,6.4vw,88px);line-height:.99;letter-spacing:-.075em}.hero .lede{max-width:600px;font-size:clamp(16px,1.5vw,19px);line-height:1.75}
.hero-note{min-height:530px;aspect-ratio:.94;border-radius:28px;background:radial-gradient(ellipse at 50% 42%,#143746 0,#101e2b 47%,#0b111a 100%);border-color:#b9e4ed38;box-shadow:0 45px 100px #0009,0 0 80px #57cfc815}.hero-note:before{display:none}.hero-note:after{display:none}.growth-scene{inset:0;opacity:.98}.scene-stamp{gap:20px;align-items:flex-start}.scene-stamp span:first-child{white-space:nowrap;color:#cfdae4}.scene-stamp span:last-child{text-align:right;max-width:60%;color:var(--cyan)}
.scene-orbit-label{border-radius:3px;background:#080d14dc;padding:8px 10px;letter-spacing:.12em}.scene-orbit-a{top:22%;left:9%}.scene-orbit-b{top:41%;right:7%}.scene-orbit-c{top:62%;left:12%}.hero-note-copy{max-width:320px;border-left:2px solid var(--gold);padding:4px 0 4px 16px;margin:0 0 12px 10px}.hero-note-copy strong{font-size:clamp(22px,2.3vw,30px)}.hero-note-copy p{margin-top:9px;max-width:285px;line-height:1.6}
.signal-ribbon{background:linear-gradient(90deg,transparent,#111d28b8 20%,#111d28b8 80%,transparent);letter-spacing:.2em}.section-aside{max-width:340px}.impact-section .metric:first-child{position:relative;overflow:hidden}.impact-section .metric:first-child:after{content:"";position:absolute;right:-60px;top:-50px;width:200px;height:200px;border:1px solid #f0bd6c33;border-radius:50%;box-shadow:0 0 0 24px #f0bd6c08,0 0 0 50px #f0bd6c06;pointer-events:none}
.expertise-section{padding-top:clamp(70px,10vw,125px);padding-bottom:clamp(70px,10vw,125px)}.skill{position:relative;overflow:hidden}.skill:after{content:"";position:absolute;right:-30px;bottom:-78px;width:150px;height:150px;border:1px solid #ffffff0c;border-radius:50%;box-shadow:0 0 0 18px #ffffff04,0 0 0 38px #ffffff03;transition:transform .5s}.skill:hover:after{transform:scale(1.18);border-color:#72efdc3b}
.library-section{padding-top:26px}.library-countmark{direction:ltr}.library-countmark span{text-transform:none;letter-spacing:.04em}.library-intro{padding-bottom:6px}.library h2{max-width:720px}.bot img{object-fit:contain;padding:18px;background:linear-gradient(145deg,#182735,#101923)}.bot>a{display:grid;place-items:center;overflow:hidden}.bot:hover img{transform:scale(1.06)}.bot-body{min-width:0}.bot h3{overflow-wrap:anywhere}.library .btn.secondary{min-height:46px}
@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1fr) minmax(290px,.8fr);gap:28px}.hero-note{min-height:440px}.hero h1{font-size:clamp(50px,6.8vw,72px)}}
@media(max-width:700px){.hero{min-height:auto;grid-template-columns:1fr;padding-top:58px;padding-bottom:78px;gap:28px}.hero h1{font-size:clamp(48px,11.6vw,70px)}.hero-note{min-height:390px;max-width:none;aspect-ratio:1.12}.scroll-cue{bottom:20px}.hero .lede{font-size:16px}.skill:after{display:none}.bot img{padding:9px}.bot:nth-child(n){grid-template-columns:112px minmax(0,1fr)}.bot:nth-child(n+13){display:none}.library.expanded .bot:nth-child(n){display:grid}}
@media(max-width:390px){.hero-note{min-height:350px}.hero h1{font-size:46px}.scene-stamp{font-size:8px}}
.hero-note{display:flex;flex-direction:column}.hero-note-copy{position:relative;z-index:3;max-width:300px;margin-bottom:108px;background:linear-gradient(90deg,#101a26fa,#101a26e8 84%,#101a26bd);padding:14px 16px 14px 18px;border-radius:0 14px 14px 0;backdrop-filter:blur(8px)}.hero-note-copy strong{font-size:clamp(22px,2.3vw,28px)}@media(min-width:701px){.hero-note{min-height:440px;aspect-ratio:1.12}.scene-orbit-a{top:15%}.scene-orbit-b{top:29%}.scene-orbit-c{top:42%;left:auto;right:7%}}@media(max-width:700px){.scene-orbit-a{top:12%}.scene-orbit-b{top:25%}.scene-orbit-c{top:38%;left:auto;right:7%}}.bot>a{height:230px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at 50% 40%,#20394a 0,#141f2b 72%,#101721 100%);overflow:hidden}.bot>a img{display:block;width:min(184px,80%);height:auto;aspect-ratio:1;object-fit:cover;padding:0;border-radius:26px;border:1px solid #ffffff25;box-shadow:0 16px 34px #0007,0 0 32px #9fffe32a;transition:transform .35s,box-shadow .35s}.bot:hover>a img{transform:translateY(-4px) scale(1.035);box-shadow:0 24px 42px #0008,0 0 42px #9fffe34a}@media(max-width:700px){.bot>a{height:160px}.bot>a img{width:min(94px,82%);border-radius:18px}}

/* Portfolio system: editorial project storytelling, warm signal colors, and motion with meaning. */
:root{--site-bg:#111416;--site-ink:#f4f0e6;--site-muted:#b7b7ae;--site-line:#f4f0e626;--site-panel:#191e20;--site-panel-2:#22282a;--site-coral:#ed7959;--site-gold:#e6bd70;--site-sage:#a8c9ae;--site-paper:#f1ebde;--site-ease:cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth;scroll-padding-top:92px}body{background:var(--site-bg);color:var(--site-ink);font-family:"DM Sans","Segoe UI",sans-serif;line-height:1.62;overflow-x:hidden}h1,h2,h3,.brand,.metric b,.library-countmark b{font-family:"Space Grotesk","Manrope","DM Sans",sans-serif}a:hover{color:var(--site-coral)}.wrap{width:min(1360px,calc(100% - 72px))}.topbar{position:sticky;z-index:50;top:0;padding:15px 0;background:#111416eF;border-color:#ffffff1b;backdrop-filter:blur(16px)}.brand{font-size:14px;letter-spacing:.04em}.brand em{color:var(--site-coral)}.nav{gap:clamp(14px,2.5vw,32px);color:#d3d1c8;font-size:11px;letter-spacing:.07em}.nav a:not(.lang):not(.nav-contact){position:relative;padding:7px 0}.nav a:not(.lang):not(.nav-contact):after{position:absolute;content:"";width:100%;height:1px;left:0;bottom:0;background:var(--site-gold);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--site-ease)}.nav a:not(.lang):hover:after{transform:scaleX(1)}.nav .lang{border:1px solid #ffffff3a;border-radius:99px;padding:7px 11px;color:#f5f0e6}.nav .nav-contact{border:1px solid #ed795966;border-radius:99px;padding:8px 12px;color:#f3dfd2;font-size:10px}.nav .nav-contact:after{display:none}
.portfolio-hero{position:relative;isolation:isolate;padding:clamp(56px,8vh,100px) 0 0;background:radial-gradient(ellipse at 80% 18%,#39443a54,transparent 37%),radial-gradient(ellipse at 9% 86%,#9e53351a,transparent 32%),#111416}.portfolio-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(440px,.92fr);gap:clamp(35px,6vw,92px);align-items:center;min-height:min(680px,calc(100svh - 78px));padding-bottom:clamp(50px,7vh,86px)}.portfolio-hero-copy{max-width:700px;position:relative;z-index:2}.portfolio-eyebrow{display:flex;align-items:center;gap:11px;color:var(--site-sage);font-size:10px;font-weight:750;letter-spacing:.17em;text-transform:uppercase}.portfolio-eyebrow i{display:inline-block;width:23px;height:2px;background:var(--site-coral)}.portfolio-hero h1{max-width:810px;margin:23px 0 20px;font-size:clamp(54px,7.7vw,105px);font-weight:650;line-height:.95;letter-spacing:-.075em;text-wrap:balance}.portfolio-hero h1 span{color:var(--site-gold)}.portfolio-lede{max-width:600px;color:#c9c8c0;font-size:clamp(16px,1.42vw,19px);line-height:1.72}.portfolio-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:28px}.portfolio-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:18px;padding:0 18px;border:1px solid #f4f0e63b;border-radius:3px;color:var(--site-ink);font-size:12px;font-weight:750;text-decoration:none;transition:transform .24s var(--site-ease),background .24s,border-color .24s,color .24s}.portfolio-button:hover{transform:translateY(-2px)}.portfolio-button b{font-size:16px}.portfolio-button--primary{border-color:var(--site-gold);background:var(--site-gold);color:#171816}.portfolio-button--primary:hover{background:#f3d18b;border-color:#f3d18b;color:#171816}.portfolio-button--quiet{border-color:#ffffff42}.portfolio-button--quiet:hover{border-color:#ed7959;color:#fff4e7}.portfolio-scroll-cue{display:flex;align-items:center;gap:10px;margin-top:clamp(34px,6vh,64px);color:#92988f;font:700 9px/1 ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase}.portfolio-scroll-cue span{width:26px;height:1px;background:var(--site-coral)}
.growth-board{position:relative;min-height:450px;overflow:hidden;border:1px solid #e6ece31c;border-radius:5px 82px 5px 5px;background:linear-gradient(148deg,#26312f,#1c2424 53%,#171c1f);box-shadow:0 35px 100px #0007;isolation:isolate}.growth-board:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 48% 58%,#a87c492e,transparent 42%),radial-gradient(ellipse at 92% 6%,#a8c9ae18,transparent 44%)}.growth-board-top,.growth-board-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:22px 25px;color:#c9c8bd;font:700 9px/1.4 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.growth-board-top span:last-child{color:var(--site-sage);text-align:right}.growth-board-stage{position:absolute;inset:72px 9px 77px}.growth-route{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.route-guide{fill:none;stroke:#b1b2a03c;stroke-width:1.1;stroke-dasharray:2 9}.route-flow{fill:none;stroke:#dfac65;stroke-width:2.2;stroke-linecap:round;stroke-dasharray:7 10;animation:route-dash 8s linear infinite}.route-node{fill:#202927;stroke:var(--site-gold);stroke-width:2.2;filter:drop-shadow(0 4px 12px #0009)}.route-node--one{fill:var(--site-coral);stroke:#ffc9a6}.route-node--two{fill:#d9a75f}.route-node--three{fill:#a8c9ae}.route-node--four{fill:#db7957}.route-traveler{fill:#fff0c8;filter:drop-shadow(0 0 9px #f3cb77)}.growth-orbit{position:absolute;border:1px solid #e7c1793e;border-radius:50%;pointer-events:none}.growth-orbit--a{width:85px;height:34px;left:1%;top:55%;transform:rotate(-28deg);animation:orbit-breathe 6s ease-in-out infinite alternate}.growth-orbit--b{width:98px;height:38px;right:2%;top:18%;transform:rotate(-29deg);animation:orbit-breathe 7s ease-in-out infinite alternate-reverse}.growth-board-label{position:absolute;z-index:2;padding:6px 8px;border:1px solid #fff2d02e;background:#171d1cde;color:#f1ebde;font:700 9px/1.2 ui-monospace,monospace;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 5px 16px #0003}.growth-board-label--a{left:1%;bottom:16%}.growth-board-label--b{left:27%;top:8%}.growth-board-label--c{left:54%;bottom:25%}.growth-board-label--d{right:0;top:10%}.growth-board-bottom{position:absolute;left:0;right:0;bottom:68px;padding-top:0;padding-bottom:7px;color:#ded7c6;letter-spacing:.05em}.growth-board-bottom span:last-child{color:#b5aa93}.growth-board-stages{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:13px 18px 17px;border-top:1px solid #ffffff1c;background:#151b1bd1}.hero-stage{display:flex;align-items:center;gap:7px;min-width:0;padding:0 7px;color:#d4d2c8;font-size:9px}.hero-stage b{color:var(--site-coral);font:700 9px/1 ui-monospace,monospace}.hero-stage span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-proof{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2.5vw,32px);padding:16px 12px 18px;border-top:1px solid #ffffff1c;color:#c1c0b7;font-size:10px;letter-spacing:.045em}.hero-proof i{width:4px;height:4px;flex:none;border-radius:50%;background:var(--site-coral)}
.section{padding:clamp(70px,9vw,126px) 0}.section-head{align-items:end;max-width:none;margin:0 auto 32px}.eyebrow{color:var(--site-coral);font-size:10px;letter-spacing:.17em;text-transform:uppercase}.section h2{max-width:720px;margin:9px 0 0;font-size:clamp(36px,5.1vw,70px);line-height:.98;letter-spacing:-.07em}.section-aside{max-width:340px;margin:0 0 4px;color:#b9bab0;font-size:13px;line-height:1.65}.selected-work-section{padding-top:clamp(68px,8vw,105px)}.selected-work-head{margin-bottom:30px}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:15px}.project-card{position:relative;grid-column:span 6;display:grid;grid-template-rows:minmax(220px,.82fr) 1fr;min-width:0;min-height:470px;overflow:hidden;border:1px solid #ffffff23;border-radius:4px 46px 4px 4px;background:#191e20;transition:transform .4s var(--site-ease),border-color .3s,box-shadow .3s}.project-card:nth-child(1),.project-card:nth-child(4){grid-column:span 7}.project-card:nth-child(2),.project-card:nth-child(3){grid-column:span 5}.project-card:hover{transform:translateY(-5px);border-color:#ed795970;box-shadow:0 26px 60px #0006}.project-art{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:220px;padding:20px 22px 17px;overflow:hidden;isolation:isolate;color:#fff8ea;background:#252d2b}.project-art:before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(ellipse at 76% 39%,#f0c47925,transparent 40%),linear-gradient(120deg,#273331,#18201f 70%)}.project-card--media .project-art{background:#efe8d8;color:#1b2220}.project-card--media .project-art:before{background:radial-gradient(ellipse at 70% 32%,#d17b5230,transparent 40%),linear-gradient(140deg,#e9deca,#f4efe4)}.project-card--retention .project-art{background:#c9d6c5;color:#1a2922}.project-card--retention .project-art:before{background:radial-gradient(ellipse at 77% 37%,#f7f0d65c,transparent 44%),linear-gradient(130deg,#b9ccb9,#dce0cb)}.project-card--content .project-art{background:#8f5546;color:#fff1dc}.project-card--content .project-art:before{background:radial-gradient(ellipse at 77% 22%,#e6bd7060,transparent 38%),linear-gradient(145deg,#864f43,#573e37)}.project-art-top,.project-art-foot{position:relative;z-index:2;display:flex;justify-content:space-between;gap:10px;color:inherit;font:700 9px/1.35 ui-monospace,monospace;letter-spacing:.11em;text-transform:uppercase}.project-art-top span{max-width:80%}.project-art-top b{opacity:.7}.project-art-core{position:relative;z-index:1;display:flex;align-items:baseline;gap:12px;padding-left:4px}.project-art-metric{font:650 clamp(40px,5.5vw,73px)/.9 "Space Grotesk",sans-serif;letter-spacing:-.09em}.project-art-metric-label{max-width:210px;font-size:11px;line-height:1.4;color:inherit;opacity:.82}.project-art-core i{position:absolute;z-index:-1;width:190px;height:190px;right:8%;top:50%;border:1px solid currentColor;border-radius:50%;opacity:.16;transform:translateY(-50%);box-shadow:0 0 0 24px #ffffff08,0 0 0 48px #ffffff06}.project-card--retention .project-art-core i{width:155px;height:100px;border-radius:20px 20px 20px 4px;background:#a8c9ae62;box-shadow:0 0 0 18px #fdf9ee20}.project-card--content .project-art-core i{width:155px;height:155px;border-radius:4px 50% 4px 50%;transform:translateY(-50%) rotate(18deg);background:#f1d6a41a}.project-art-foot{color:inherit;opacity:.68;font-size:8px}.project-copy{display:flex;flex-direction:column;align-items:flex-start;padding:20px 22px 23px}.project-copy-meta{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;color:var(--site-coral);font:700 9px/1.4 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.project-copy-meta b{color:#a4a69e;font-size:9px}.project-copy h3{max-width:580px;margin:11px 0 9px;font-size:clamp(21px,2.3vw,29px);line-height:1.12;letter-spacing:-.055em}.project-copy p{max-width:620px;margin:0;color:#babbb2;font-size:13px;line-height:1.65}.project-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:17px}.project-tags span{padding:5px 8px;border:1px solid #ffffff27;border-radius:99px;color:#c8c6bd;font-size:9px}.work-scope-note{margin:19px 0 0;color:#92958d;font-size:10px;line-height:1.6}
.impact-section{position:relative}.impact-section:before,.expertise-section:before{position:absolute;top:0;left:0;right:0;content:"";height:1px;background:#ffffff20}.impact-section .metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #ffffff2c;border-left:1px solid #ffffff2c}.impact-section .metric,.impact-section .metric:first-child,.impact-section .metric:nth-child(n){position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:168px;padding:20px;border:0;border-right:1px solid #ffffff2c;border-bottom:1px solid #ffffff2c;border-radius:0;background:transparent}.impact-section .metric:before{color:#8e9188;font:10px/1 ui-monospace,monospace;letter-spacing:.12em}.impact-section .metric b{font-size:clamp(32px,4vw,55px);line-height:.92;color:var(--site-gold);letter-spacing:-.075em}.impact-section .metric span{max-width:190px;color:#b2b4aa;font-size:11px;line-height:1.45}.expertise-section{position:relative}.expertise-section .skills{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;counter-reset:skill}.expertise-section .skill,.expertise-section .skill:nth-child(n){position:relative;isolation:isolate;grid-column:span 4;min-height:225px;padding:21px 22px 24px;border:1px solid #ffffff20;border-radius:4px 34px 4px 4px;background:#191e20;overflow:hidden;transition:transform .32s var(--site-ease),border-color .3s}.expertise-section .skill:before{content:counter(skill,decimal-leading-zero);counter-increment:skill;display:block;width:auto;height:auto;margin:0 0 48px;padding:0;background:none;box-shadow:none;border-radius:0;color:var(--site-coral);font:700 10px/1 ui-monospace,monospace;letter-spacing:.12em}.expertise-section .skill:nth-child(2),.expertise-section .skill:nth-child(5){transform:translateY(20px)}.expertise-section .skill:hover{transform:translateY(-4px);border-color:#ed795970}.expertise-section .skill:nth-child(2):hover,.expertise-section .skill:nth-child(5):hover{transform:translateY(16px)}.expertise-section .skill:after{content:"↗";position:absolute;right:17px;top:11px;color:#ffffff14;font:60px/1 "Space Grotesk",sans-serif}.expertise-section .skill h3{margin:0 0 8px;color:#f2eee5;font-size:19px;letter-spacing:-.045em}.expertise-section .skill p{max-width:350px;color:#b1b2aa;font-size:12px;line-height:1.62}.expertise-section .markets{margin-top:62px;gap:7px}.expertise-section .chip,.wrap>main>section.section:last-of-type .chip{padding:7px 11px;border:1px solid #ffffff24;border-radius:99px;background:transparent;color:#c4c3ba;font-size:10px}
.process-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 94% 40%,#8e57351a,transparent 38%),#171b1c}.process-section .section-head{margin-bottom:38px}.process-section .section-head h2{max-width:660px}.process-line{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.process-line:before{position:absolute;top:18px;left:3%;right:3%;content:"";height:1px;background:linear-gradient(90deg,#ed7959,#e6bd70,#a8c9ae);opacity:.55}.process-step{position:relative;display:flex;flex-direction:column;gap:28px;padding:0 18px 0 0}.process-index{position:relative;z-index:1;display:grid;width:36px;height:36px;place-items:center;border:1px solid #ed795982;border-radius:50%;background:#171b1c;color:var(--site-gold);font:700 10px/1 ui-monospace,monospace}.process-step:nth-child(2) .process-index{border-color:#e6bd7085}.process-step:nth-child(3) .process-index{border-color:#a8c9ae85}.process-step h3{margin:0 0 7px;font-size:20px;letter-spacing:-.04em}.process-step p{max-width:260px;margin:0;color:#b5b7ad;font-size:12px;line-height:1.65}.process-step>i{position:absolute;top:14px;left:0;width:7px;height:7px;border-radius:50%;background:var(--site-coral);box-shadow:0 0 0 6px #ed79591c;animation:process-pulse 2.7s ease-in-out infinite}.process-step:nth-child(2)>i{animation-delay:.55s;background:var(--site-gold);box-shadow:0 0 0 6px #e6bd701c}.process-step:nth-child(3)>i{animation-delay:1.1s;background:var(--site-sage);box-shadow:0 0 0 6px #a8c9ae1c}.process-step:nth-child(4)>i{animation-delay:1.65s;background:var(--site-coral)}.approach-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:70px;padding:26px 0;border-top:1px solid #ffffff25}.approach-cta h3{margin:8px 0 5px;font-size:clamp(25px,3.7vw,42px);line-height:1.08;letter-spacing:-.055em}.approach-cta p{max-width:650px;margin:0;color:#b8b9b0;font-size:13px;line-height:1.6}.approach-cta .portfolio-button{flex:none}
.library-section{padding-top:clamp(70px,9vw,120px)}.library{position:relative;margin:0;padding:clamp(25px,5vw,62px);border:1px solid #302b241c;border-radius:4px 62px 4px 4px;background:var(--site-paper);color:#1d201e;overflow:hidden}.library:before{position:absolute;content:attr(data-label);right:clamp(24px,5vw,62px);top:22px;color:#77786d;font:10px "Space Grotesk",sans-serif;letter-spacing:.15em}.library .eyebrow{color:#a54c36}.library h2{max-width:760px;color:#1c201e;font-size:clamp(40px,5.8vw,76px);line-height:.96;letter-spacing:-.075em}.library p{max-width:740px;color:#60645d}.library .library-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:28px;padding:32px 0 23px;border-bottom:1px solid #272a241e}.library .library-countmark{display:flex;align-items:baseline;gap:10px;padding:0;border:0;direction:ltr}.library .library-countmark b{color:#ab513c;font-size:clamp(48px,7.5vw,100px);line-height:.82;letter-spacing:-.09em}.library .library-countmark span{color:#73766e;font-size:10px;line-height:1.35;letter-spacing:.06em}.library .controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(200px,250px);gap:9px;margin:20px 0 13px}.library .search,.library .select{min-height:50px;padding:12px 14px;border:1px solid #353a3328;border-radius:3px;background:#faf7ef;color:#1b1d1c;font-size:13px}.library .search:focus,.library .select:focus{outline:2px solid #a9533a;outline-offset:2px}.library .count{color:#77776d;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.library .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.library .bot{display:flex;flex-direction:column;border:1px solid #302b241c;border-radius:3px 27px 3px 3px;background:#faf7ef;color:#1c201e;transition:transform .32s var(--site-ease),border-color .25s,box-shadow .25s}.library .bot:hover{transform:translateY(-4px);border-color:#ab513c66;box-shadow:0 18px 36px #4437261c}.library .bot>a{position:relative;display:grid;min-height:0;aspect-ratio:1.8;place-items:center;overflow:hidden;background:#e7dfd0}.library .bot>a:before{position:absolute;content:"";width:75%;height:1px;left:12%;top:50%;background:#62594b2b;transform:rotate(-10deg)}.library .bot>a img{position:relative;width:112px;height:112px;object-fit:cover;border:1px solid #3b34271c;border-radius:22px;box-shadow:0 12px 24px #34291e22;transition:transform .38s var(--site-ease)}.library .bot:hover>a img{transform:translateY(-4px) rotate(-2deg) scale(1.04)}.library .bot-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:15px}.library .bot small{color:#a54c36;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.library .bot h3{margin:7px 0;font-size:17px;line-height:1.15;letter-spacing:-.04em}.library .bot p{display:-webkit-box;overflow:hidden;margin:0;color:#656960;font-size:12px;line-height:1.58;-webkit-line-clamp:3;-webkit-box-orient:vertical}.library .bot a:focus-visible{outline:3px solid #a9533a;outline-offset:-4px}.library .bot:nth-child(n+13){display:none}.library.expanded .bot:nth-child(n){display:flex}.library .library-more{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:21px;padding-top:19px;border-top:1px solid #282b251c;color:#66675f;font-size:11px}.library .btn.secondary{min-height:46px;border:1px solid #262a252b;border-radius:3px;background:#242722;color:#f6f2e8;font-size:11px;letter-spacing:.05em}.library .btn.secondary:hover{background:#a64d36;color:#fff}.footer{padding:32px 0 48px;border-color:#ffffff20;color:#a4a79e;font-size:11px}.detail-head{border:1px solid #ffffff1f;border-radius:4px 38px 4px 4px;background:linear-gradient(145deg,#202725,#181d1d);box-shadow:0 24px 64px #0005}.detail-head img{border-radius:4px 24px 4px 4px;background:#e8e0d0}.detail-head .btn,.copy{border-radius:3px;background:var(--site-gold);color:#1b1b18;box-shadow:none}.detail-head .btn.secondary{border:1px solid #ffffff47;background:transparent;color:#f2eee5}.welcome{border-radius:4px 20px 4px 4px;background:#e9e4d7;color:#242621}.prompt-box{border:1px solid #ffffff24;border-radius:4px 20px 4px 4px;background:#191d1f;color:#e9e5dc}.copy:hover{background:#f0ce85}
html[dir="rtl"] .topbar,html[dir="rtl"] .section-head,html[dir="rtl"] .footer-grid{direction:rtl}html[dir="rtl"] .hero,html[dir="rtl"] .detail-head{direction:rtl}html[dir="rtl"] .nav,html[dir="rtl"] .actions,html[dir="rtl"] .controls{direction:rtl}html[dir="rtl"] .nav .lang{direction:ltr}html[dir="rtl"] .bot-body{text-align:right}html[dir="rtl"] .portfolio-hero-copy{text-align:right}html[dir="rtl"] .portfolio-eyebrow{letter-spacing:0}html[dir="rtl"] .portfolio-eyebrow i{order:2}html[dir="rtl"] .portfolio-actions{direction:rtl}html[dir="rtl"] .portfolio-scroll-cue{direction:rtl}html[dir="rtl"] .growth-board-top,html[dir="rtl"] .growth-board-bottom{direction:rtl}html[dir="rtl"] .growth-board-top span:last-child{text-align:left}html[dir="rtl"] .growth-board-label{direction:rtl;letter-spacing:0}html[dir="rtl"] .growth-board-label--a{right:1%;left:auto}html[dir="rtl"] .growth-board-label--b{right:27%;left:auto}html[dir="rtl"] .growth-board-label--c{right:54%;left:auto}html[dir="rtl"] .growth-board-label--d{left:0;right:auto}html[dir="rtl"] .hero-stage{direction:rtl}html[dir="rtl"] .project-art-top,html[dir="rtl"] .project-art-foot,html[dir="rtl"] .project-copy-meta{direction:rtl}html[dir="rtl"] .project-copy{text-align:right}html[dir="rtl"] .project-tags{direction:rtl}html[dir="rtl"] .process-section .section-head,html[dir="rtl"] .approach-cta{text-align:right}html[dir="rtl"] .process-step{padding:0 0 0 18px}html[dir="rtl"] .process-line:before{background:linear-gradient(270deg,#ed7959,#e6bd70,#a8c9ae)}html[dir="rtl"] .process-step>i{left:auto;right:0}html[dir="rtl"] .library:before{right:auto;left:clamp(24px,5vw,62px)}html[dir="rtl"] .library .bot-body{align-items:flex-start}html[dir="rtl"] .library .library-more{direction:rtl}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s var(--site-ease),transform .65s var(--site-ease)}.reveal.is-visible{opacity:1;transform:none}.project-card.reveal:nth-child(2){transition-delay:.06s}.project-card.reveal:nth-child(3){transition-delay:.1s}.project-card.reveal:nth-child(4){transition-delay:.14s}
@keyframes route-dash{to{stroke-dashoffset:-136}}@keyframes orbit-breathe{from{opacity:.35;scale:.93}to{opacity:.85;scale:1.07}}@keyframes process-pulse{0%,100%{transform:scale(.82);opacity:.52}50%{transform:scale(1.35);opacity:1}}
@media(max-width:1040px){.wrap{width:min(1360px,calc(100% - 48px))}.portfolio-hero-layout{grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:32px}.portfolio-hero h1{font-size:clamp(53px,7.3vw,84px)}.growth-board{min-height:410px}.project-card,.project-card:nth-child(n){grid-column:span 6}.project-card{min-height:440px}.expertise-section .skill,.expertise-section .skill:nth-child(n){grid-column:span 6}.expertise-section .skill:nth-child(2),.expertise-section .skill:nth-child(5){transform:none}}
@media(max-width:760px){html{scroll-padding-top:74px}.wrap{width:calc(100% - 34px)}.topbar{padding:12px 0}.nav{gap:10px;font-size:9px}.nav a:not(.lang):not(.nav-contact){display:none}.nav .nav-contact{padding:7px 10px;font-size:9px}.lang{padding:6px 9px}.portfolio-hero{padding-top:52px}.portfolio-hero-layout{display:flex;min-height:0;flex-direction:column;align-items:stretch;gap:32px;padding-bottom:35px}.portfolio-hero-copy{max-width:650px}.portfolio-hero h1{max-width:620px;font-size:clamp(48px,11vw,76px);line-height:.98}.portfolio-lede{font-size:15px}.portfolio-scroll-cue{margin-top:28px}.growth-board{width:100%;min-height:clamp(350px,92vw,470px);border-top-right-radius:62px}.growth-board-top,.growth-board-bottom{padding:17px}.growth-board-stage{inset:62px 5px 74px}.growth-board-label{padding:5px 6px;font-size:8px}.growth-board-stages{padding:11px 9px 13px}.hero-stage{gap:5px;padding:0 4px;font-size:8px}.hero-stage b{font-size:8px}.hero-proof{justify-content:flex-start;overflow:hidden;white-space:nowrap;gap:12px;padding:13px 0 16px;font-size:9px}.section{padding:68px 0}.section-head{display:block;margin-bottom:24px}.section-aside{margin-top:13px;max-width:520px}.selected-work-section{padding-top:62px}.project-grid{grid-template-columns:1fr;gap:12px}.project-card,.project-card:nth-child(n){grid-column:auto;min-height:410px;grid-template-rows:minmax(200px,.78fr) 1fr}.project-art{padding:17px}.project-art-metric{font-size:clamp(42px,12vw,70px)}.project-copy{padding:17px}.project-copy h3{font-size:24px}.project-copy p{font-size:12px}.project-tags{padding-top:14px}.impact-section .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.impact-section .metric,.impact-section .metric:first-child,.impact-section .metric:nth-child(n){min-height:145px;padding:15px}.impact-section .metric b{font-size:clamp(29px,8vw,44px)}.expertise-section .skills{gap:8px}.expertise-section .skill,.expertise-section .skill:nth-child(n){grid-column:span 6;min-height:205px;padding:17px 15px 20px}.expertise-section .skill:before{margin-bottom:35px}.expertise-section .skill h3{font-size:16px}.expertise-section .skill p{font-size:11px}.expertise-section .markets{margin-top:30px}.process-line{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px}.process-line:before{top:18px;bottom:21px;left:17px;right:auto;width:1px;height:auto;background:linear-gradient(180deg,#ed7959,#e6bd70,#a8c9ae)}.process-step{gap:13px;padding:0 0 0 48px;min-height:123px}.process-step>i{left:14px;top:14px}.process-step h3{font-size:18px}.process-step p{font-size:11px}.approach-cta{align-items:flex-start;flex-direction:column;margin-top:35px;padding-top:22px}.approach-cta .portfolio-button{width:100%}.library-section{padding-top:55px}.library{padding:24px 17px;border-top-right-radius:46px}.library:before{top:16px;right:17px;font-size:8px}.library .library-intro{grid-template-columns:minmax(0,1fr) auto;gap:11px;padding:30px 0 18px}.library h2{font-size:clamp(36px,10vw,60px)}.library .library-countmark{display:flex;margin:0;padding:0;border:0}.library .library-countmark b{font-size:43px}.library .controls{grid-template-columns:1fr;gap:8px}.library .search,.library .select{min-height:48px}.library .grid{grid-template-columns:1fr;gap:9px}.library .bot:nth-child(n){display:grid;grid-template-columns:96px minmax(0,1fr);min-height:132px;grid-auto-flow:column}.library .bot:nth-child(n+13){display:none}.library.expanded .bot:nth-child(n){display:grid}.library .bot>a{grid-row:1;grid-column:1;min-height:100%;height:100%;aspect-ratio:auto}.library .bot>a img{width:70px;height:70px;border-radius:14px}.library .bot-body{grid-row:1;grid-column:2;padding:12px}.library .bot h3{font-size:15px}.library .bot p{-webkit-line-clamp:3;font-size:10px}.library .library-more{align-items:flex-start;flex-direction:column}.library .library-more .btn{width:100%;justify-content:center}html[dir="rtl"] .library:before{left:17px;right:auto}html[dir="rtl"] .process-line:before{left:auto;right:17px}html[dir="rtl"] .process-step{padding:0 48px 0 0}html[dir="rtl"] .process-step>i{left:auto;right:14px}}
@media(max-width:420px){.wrap{width:calc(100% - 26px)}.brand{font-size:11px}.nav{gap:7px}.nav .nav-contact{padding:6px 8px;font-size:8px}.portfolio-hero h1{font-size:clamp(45px,11.6vw,61px)}.growth-board{min-height:350px}.growth-board-label{font-size:7px}.hero-stage{font-size:7px}.hero-stage b{font-size:7px}.hero-proof{font-size:8px}.project-card,.project-card:nth-child(n){min-height:400px}.expertise-section .skill,.expertise-section .skill:nth-child(n){min-height:192px;padding:15px 12px}.expertise-section .skill:before{margin-bottom:29px}.expertise-section .skill h3{font-size:15px}.library .library-intro{grid-template-columns:1fr auto}.library .library-countmark{align-self:end}.library .library-countmark span{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.route-flow,.route-traveler,.growth-orbit,.process-step>i{animation:none!important}.reveal,.reveal.is-visible{opacity:1;transform:none;transition:none}.project-card,.portfolio-button,.project-art-metric{transition:none}}

/* Purposeful motion, compact task-first assistant catalog, and phone-specific navigation. */
/* Assistant detail pages: intentional rhythm, continuous motion, and related next steps. */
.bot-detail .section{padding:clamp(22px,3vw,40px) 0}.bot-detail .section-head{margin-bottom:20px}.bot-detail .section h2{font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.045em}.detail-head img{animation:assistant-icon-drift 7s ease-in-out infinite;transform-origin:50% 54%}@keyframes assistant-icon-drift{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(1deg)}}.related-section{padding-bottom:56px!important}.related-section .section-head{display:flex;align-items:end;justify-content:space-between;gap:18px}.related-all{color:#e6bd70;font-size:12px;font-weight:700;text-decoration:none}.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.related-card{min-width:0;overflow:hidden;border:1px solid #ffffff22;border-radius:3px 20px 3px 3px;background:#191e20;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .25s}.related-card:hover{transform:translateY(-4px);border-color:#e6bd7070;box-shadow:0 15px 32px #0004}.related-card>a{display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none}.related-card img{width:100%;height:142px;object-fit:contain;padding:14px;background:#e8e0d2}.related-card>a>div{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:14px}.related-card .eyebrow{font-size:8px}.related-card h3{margin:6px 0;font-size:15px;line-height:1.25;overflow-wrap:anywhere}.related-card p{display:-webkit-box;overflow:hidden;margin:0 0 14px;color:#babbb2;font-size:11px;line-height:1.55;-webkit-line-clamp:3;-webkit-box-orient:vertical}.related-link{display:flex;justify-content:space-between;width:100%;margin-top:auto;padding-top:10px;border-top:1px solid #ffffff20;color:#e6bd70;font-size:10px}.related-card:hover .related-link{color:#f4d99f}html[dir=rtl] body{font-family:"Cairo","Noto Sans Arabic","Segoe UI",sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .brand,html[dir=rtl] .nav,html[dir=rtl] .eyebrow,html[dir=rtl] .btn,html[dir=rtl] .copy{font-family:"Cairo","Noto Sans Arabic","Segoe UI",sans-serif;letter-spacing:0}html[dir=rtl] .related-card p,html[dir=rtl] .related-link{line-height:1.8}html[dir=rtl] .related-card>a>div{text-align:right}
/* Assistant detail pages: intentional rhythm, continuous motion, and related next steps. */
.bot-detail .section{padding:clamp(30px,4.5vw,58px) 0}.bot-detail .section-head{margin-bottom:20px}.bot-detail .section h2{font-size:clamp(30px,4vw,48px);line-height:1.08;letter-spacing:-.045em}.detail-head img{animation:assistant-icon-drift 7s ease-in-out infinite;transform-origin:50% 54%}@keyframes assistant-icon-drift{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(1deg)}}.related-section{padding-bottom:clamp(62px,8vw,104px)!important}.related-section .section-head{display:flex;align-items:end;justify-content:space-between;gap:18px}.related-all{color:#e6bd70;font-size:12px;font-weight:700;text-decoration:none}.related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.related-card{min-width:0;overflow:hidden;border:1px solid #ffffff22;border-radius:3px 20px 3px 3px;background:#191e20;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .25s,box-shadow .25s}.related-card:hover{transform:translateY(-4px);border-color:#e6bd7070;box-shadow:0 15px 32px #0004}.related-card>a{display:flex;height:100%;flex-direction:column;color:inherit;text-decoration:none}.related-card img{width:100%;height:142px;object-fit:contain;padding:14px;background:#e8e0d2}.related-card>a>div{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:14px}.related-card .eyebrow{font-size:8px}.related-card h3{margin:6px 0;font-size:15px;line-height:1.25;overflow-wrap:anywhere}.related-card p{display:-webkit-box;overflow:hidden;margin:0 0 14px;color:#babbb2;font-size:11px;line-height:1.55;-webkit-line-clamp:3;-webkit-box-orient:vertical}.related-link{display:flex;justify-content:space-between;width:100%;margin-top:auto;padding-top:10px;border-top:1px solid #ffffff20;color:#e6bd70;font-size:10px}.related-card:hover .related-link{color:#f4d99f}html[dir=rtl] body{font-family:"Cairo","Noto Sans Arabic","Segoe UI",sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] .brand,html[dir=rtl] .nav,html[dir=rtl] .eyebrow,html[dir=rtl] .btn,html[dir=rtl] .copy{font-family:"Cairo","Noto Sans Arabic","Segoe UI",sans-serif;letter-spacing:0}html[dir=rtl] .related-card p,html[dir=rtl] .related-link{line-height:1.8}html[dir=rtl] .related-card>a>div{text-align:right}
.library .bot h3{color:#1c201e!important}
.growth-board-bottom{bottom:61px;display:block;min-height:76px;padding:9px 23px 8px;text-transform:none;letter-spacing:0}.stage-insight-index{display:block;color:var(--site-coral);font:700 9px/1.2 ui-monospace,monospace;letter-spacing:.1em}.stage-insight-title{display:block;margin-top:3px;color:var(--site-ink);font-size:15px;line-height:1.1}.stage-insight-copy{margin:3px 0 0;color:#c2c0b6;font-size:11px;line-height:1.35}.growth-board-stage{bottom:137px}.route-traveler{filter:drop-shadow(0 0 10px #f3cb77)}.route-node{transform-box:fill-box;transform-origin:center;transition:transform .45s cubic-bezier(.22,1,.36,1),filter .45s}.route-node.is-active{transform:scale(1.28);filter:drop-shadow(0 0 13px #f3cb77)}.growth-board-label.is-active{border-color:var(--site-gold);color:#fff1cc}.hero-stage{appearance:none;cursor:pointer;border:0;background:transparent;font:inherit;text-align:left;border-radius:2px;transition:background .25s,color .25s}.hero-stage:hover,.hero-stage:focus-visible{background:#ffffff0c;outline:1px solid #e6bd7075;outline-offset:2px}.hero-stage[aria-pressed=true] span{color:var(--site-gold)}.hero-stage[aria-pressed=true] b{color:#ff8766}.nav-links{display:flex;align-items:center;gap:clamp(14px,2.5vw,32px)}.nav-mobile-toggle{display:none;appearance:none;cursor:pointer;border:1px solid #ffffff3a;border-radius:99px;padding:7px 10px;background:transparent;color:var(--site-ink);font-family:inherit;font-size:10px;font-weight:700;line-height:1.2}
.library .library-countmark b{font-size:clamp(42px,6vw,74px)}.library .select.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.task-filter-wrap{margin:16px 0 12px}.task-filter-title{display:block;margin-bottom:8px;color:#77776d;font:700 9px/1.2 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.task-filters{display:flex;gap:7px;overflow:auto;padding:2px 1px 8px;scrollbar-width:thin;scrollbar-color:#a9533a55 transparent;overscroll-behavior-inline:contain}.task-filter{display:inline-flex;flex:none;align-items:center;gap:7px;min-height:36px;padding:0 12px;border:1px solid #292c2522;border-radius:2px;background:#ffffff7a;color:#3c403a;font-size:10px;white-space:nowrap;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.task-filter:hover,.task-filter:focus-visible{outline:2px solid #a9533a66;outline-offset:1px}.task-filter.is-active{border-color:#252821;background:#202422;color:#f4f0e7}.task-filter small{color:inherit;opacity:.66;font-size:9px}.library .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.library .bot{display:grid;grid-template-columns:82px minmax(0,1fr);grid-template-rows:1fr;min-height:116px;grid-auto-flow:column;border-radius:3px 18px 3px 3px}.library .bot>a{grid-column:1;grid-row:1;display:grid;width:82px;height:100%;min-height:0;aspect-ratio:auto;place-items:center;background:linear-gradient(145deg,#e8e0d2,#f4eee3)}.library .bot>a:before{content:none}.library .bot>a img{width:62px;height:62px;border:1px solid #4335241c;border-radius:14px;box-shadow:0 6px 12px #34291e18}.library .bot-body{grid-column:2;grid-row:1;min-width:0;justify-content:center;padding:10px 12px}.library .bot small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:8px}.library .bot h3{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:4px 0;font-size:14px}.library .bot p{-webkit-line-clamp:2;font-size:10px;line-height:1.45}.library .bot:hover{transform:translateY(-2px)}.library .bot:hover>a img{transform:scale(1.06)}.library .library-more{gap:12px}.library .library-more .btn{border-radius:2px}
.expertise-section .skill,.expertise-section .skill:nth-child(n){min-height:205px}.expertise-section .skill:after{content:none}.expertise-section .skill:before{margin-bottom:30px}.expertise-section .skill:nth-child(2),.expertise-section .skill:nth-child(5){transform:none}.expertise-section .skill:nth-child(2):hover,.expertise-section .skill:nth-child(5):hover{transform:translateY(-4px)}
@media(max-width:760px){.topbar{position:sticky}.nav{position:static;gap:7px}.nav-links{display:none}.nav.is-open .nav-links{position:absolute;z-index:70;top:calc(100% + 7px);right:0;display:flex;flex-direction:column;align-items:stretch;gap:2px;width:min(270px,calc(100vw - 28px));padding:8px;border:1px solid #ffffff24;border-radius:4px 22px 4px 4px;background:#181d1e;box-shadow:0 20px 48px #0008}.nav.is-open .nav-links a{display:block!important;padding:12px 11px!important;border-bottom:1px solid #ffffff14;font-size:11px}html[dir="rtl"] .nav.is-open .nav-links{right:auto;left:0}.nav-mobile-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:6px 9px}.nav .nav-contact{font-size:9px}.growth-board{min-height:392px;border-top-right-radius:48px}.growth-board-stage{inset:61px 4px 144px}.growth-board-label{padding:5px 6px;font-size:8px}.growth-board-bottom{bottom:59px;min-height:76px;padding:8px 14px 7px}.stage-insight-title{font-size:14px}.stage-insight-copy{max-width:94%;font-size:10px}.growth-board-stages{padding:10px 5px 12px}.hero-stage{justify-content:center;gap:4px;padding:6px 2px;font-size:8px}.hero-stage b{font-size:8px}.hero-stage span{font-size:8px}.hero-proof{white-space:normal;flex-wrap:wrap;justify-content:center;text-align:center;line-height:1.4}.expertise-section .skill,.expertise-section .skill:nth-child(n){grid-column:span 12;min-height:0;padding:15px 16px 17px;border-radius:3px 20px 3px 3px}.expertise-section .skill:before{margin-bottom:13px}.expertise-section .skill h3{font-size:17px}.expertise-section .skill p{max-width:none;font-size:12px}.expertise-section .markets{margin-top:30px}.library{padding:22px 14px;border-top-right-radius:40px}.library .library-intro{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;padding:27px 0 17px}.library h2{font-size:clamp(29px,8vw,42px);line-height:1.03}.library .library-intro>div:first-child>p{font-size:11px;line-height:1.5}.library .library-countmark{gap:5px;align-items:end}.library .library-countmark b{font-size:42px}.library .library-countmark span{font-size:8px}.library .controls{display:block;margin:15px 0 10px}.library .search{width:100%;min-width:0;min-height:48px}.task-filter-wrap{margin:13px 0 9px}.task-filters{gap:6px}.task-filter{min-height:34px;padding:0 10px;font-size:9px}.library .grid{grid-template-columns:1fr;gap:7px}.library .bot:nth-child(n){grid-template-columns:74px minmax(0,1fr);min-height:110px}.library .bot>a{width:74px}.library .bot>a img{width:56px;height:56px;border-radius:12px}.library .bot-body{padding:8px 10px}.library .bot h3{font-size:13px}.library .bot:nth-child(n) p{display:-webkit-box!important;overflow:hidden!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;font-size:10px}.library .library-more{align-items:stretch;flex-direction:column}.library .library-more .btn{width:100%;min-height:44px}.process-line{grid-template-columns:1fr;row-gap:14px}.process-line:before{top:14px;bottom:14px;left:17px;right:auto;width:1px;height:auto}.process-step{min-height:0;padding:0 0 0 49px;gap:10px}.process-step>i{left:14px;top:14px}.process-step>div{padding:1px 0 9px}.process-step h3{font-size:16px}.process-step p{font-size:11px}html[dir="rtl"] .process-line:before{left:auto;right:17px}html[dir="rtl"] .process-step{padding:0 49px 0 0}html[dir="rtl"] .process-step>i{left:auto;right:14px}html[dir="rtl"] .nav .nav-links{text-align:right}}
@media(max-width:420px){.wrap{width:calc(100% - 24px)}.brand{font-size:10px}.nav{gap:5px}.nav .lang{padding:6px 8px;font-size:8px}.nav .nav-contact{padding:6px 8px;font-size:8px}.nav-mobile-toggle{padding:6px 8px;font-size:9px}.portfolio-hero h1{font-size:clamp(42px,11.2vw,56px)}.growth-board{min-height:380px}.growth-board-stage{inset:58px 2px 145px}.growth-board-label--b{left:24%}.growth-board-label--c{left:51%}.growth-board-label--d{right:0}.hero-stage{gap:2px;font-size:7px}.hero-stage b,.hero-stage span{font-size:7px}.stage-insight-copy{font-size:9px}.library .library-countmark{display:none}.library .library-intro{grid-template-columns:1fr}.library .library-intro>div:first-child>p{margin-bottom:0}.expertise-section .skill,.expertise-section .skill:nth-child(n){padding:14px 14px 16px}}
@media(max-width:760px){.bot-detail .section{padding:22px 0}.bot-detail .section-head{margin-bottom:15px}.related-section{padding-bottom:40px!important}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.related-card img{height:112px;padding:10px}.related-card>a>div{padding:11px}.related-card h3{font-size:13px}.related-card p{font-size:10px;-webkit-line-clamp:2}.related-section .section-head{align-items:flex-start;flex-direction:column;gap:9px}}
@media(prefers-reduced-motion:reduce){.route-flow{animation:none;stroke-dasharray:none}.route-traveler,.growth-orbit,.route-node.is-active,.process-step>i,.detail-head img{animation:none!important;transition:none!important}.task-filter,.library .bot,.library .bot>a img{transition:none}}
@media(max-width:760px){.library .grid{grid-auto-rows:110px}.library .bot:nth-child(n){height:110px;min-height:110px;grid-template-rows:minmax(0,1fr);overflow:hidden}.library .bot:nth-child(n)>a,.library .bot:nth-child(n) .bot-body{height:100%;min-height:0;align-self:stretch;box-sizing:border-box}.library .bot:nth-child(n)>a{width:74px}.library .bot:nth-child(n)>a img{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;max-width:56px!important;max-height:56px!important;aspect-ratio:1/1!important;object-fit:contain!important;align-self:center!important;justify-self:center!important}.library .bot:nth-child(n) p{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;max-height:29px!important;line-height:1.45!important}.task-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding:0}.task-filter{min-width:0;justify-content:space-between;padding:0 9px;white-space:normal}.task-filter span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:760px){.bot-detail .section{padding:30px 0}.bot-detail .section-head{margin-bottom:15px}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.related-card img{height:112px;padding:10px}.related-card>a>div{padding:11px}.related-card h3{font-size:13px}.related-card p{font-size:10px;-webkit-line-clamp:2}.related-section .section-head{align-items:flex-start;flex-direction:column;gap:9px}}
@media(prefers-reduced-motion:reduce){.detail-head img{animation:none!important}}
html[dir="rtl"] .library:before{content:attr(data-label);right:auto;left:clamp(24px,5vw,62px);font-family:inherit;letter-spacing:0}html[dir="rtl"] .library .eyebrow{letter-spacing:0;text-transform:none}
.bot-detail .section{padding:clamp(22px,3vw,40px) 0!important}.related-section{padding-bottom:56px!important}@media(max-width:760px){.bot-detail .section{padding:22px 0!important}.related-section{padding-bottom:40px!important}}

/* Assistant content: practical onboarding and integrated recommendation art. */
.library .grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
.library .bot:nth-child(n){display:grid;grid-template-columns:78px minmax(0,1fr)!important;grid-template-rows:minmax(122px,1fr)!important;min-height:122px!important;overflow:hidden;border:1px solid #ffffff24;border-radius:4px 19px 4px 4px;background:#191e1f;color:#f2eee5}
.library:not(.expanded) .bot:nth-child(n+13){display:none}
.library.expanded .bot:nth-child(n){display:grid}
.library .bot[hidden]{display:none!important}
.library .bot:nth-child(n)>a{grid-column:1;grid-row:1;display:grid;width:78px;height:100%;min-height:0;aspect-ratio:auto;place-items:center;background:transparent!important}
.library .bot:nth-child(n)>a:before{content:none!important}
.library .bot:nth-child(n)>a img{display:block;width:62px!important;height:62px!important;min-width:62px!important;min-height:62px!important;max-width:62px!important;max-height:62px!important;aspect-ratio:1/1!important;object-fit:contain!important;padding:0!important;border:0!important;border-radius:16px!important;outline:0!important;background:transparent!important;box-shadow:none!important}
.library .bot:nth-child(n) .bot-body{grid-column:2;grid-row:1;min-width:0;min-height:0;justify-content:center;padding:10px 12px}
.library .bot:nth-child(n) small{color:#ed9a78;font-size:9px;line-height:1.4}
.library .bot:nth-child(n) h3{margin:5px 0;color:#f4f0e7;font-size:15px;line-height:1.25}.library .bot:nth-child(n) h3 a,.library .bot:nth-child(n) h3 a:hover,.library .bot:nth-child(n) h3 a:focus{color:#f4f0e7!important;text-decoration:none!important;opacity:1!important}
.library .bot:nth-child(n) p{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;max-height:3em;overflow:hidden!important;color:#c4c4bb!important;font-size:12px;line-height:1.5}
.library .bot:nth-child(n):hover{transform:translateY(-2px)}
.library .bot:nth-child(n):hover>a img{transform:scale(1.035)}
.related-card>a{display:grid;grid-template-columns:82px minmax(0,1fr);align-items:center;min-height:140px;padding:10px;background:#191e1f;color:#f2eee5;border:1px solid #ffffff20;border-radius:4px 18px 4px 4px;transition:border-color .25s,transform .25s}
.related-card>a:hover{border-color:#e6bd7077;transform:translateY(-2px)}
.related-card img{display:block;width:64px!important;height:64px!important;aspect-ratio:1/1!important;margin:0 auto!important;padding:0!important;object-fit:contain!important;border:0!important;border-radius:16px!important;outline:0!important;background:transparent!important;box-shadow:none!important;transition:transform .3s}
.related-card:hover img{transform:scale(1.045)}
.related-card>a>div{min-width:0;padding:8px!important}
.related-card .eyebrow{color:#ed9a78}
.related-card h3{color:#f4f0e7;font-size:15px;line-height:1.3}
.related-card p{color:#c4c4bb;font-size:12px;line-height:1.5;-webkit-line-clamp:2}
.assistant-guidance{margin:0 0 18px;padding:13px 15px;border-inline-start:2px solid var(--site-gold);background:#ffffff08;color:#e7e2d9;font-size:12px;line-height:1.75}
.detail-intro-label{display:block;margin-top:13px;color:var(--site-gold);font-size:10px;font-weight:800;letter-spacing:.08em}
@media(max-width:1080px){.library .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:760px){.library .grid{grid-template-columns:1fr!important;grid-auto-rows:minmax(112px,auto)!important;gap:8px!important}.library .bot:nth-child(n){grid-template-columns:72px minmax(0,1fr)!important;grid-template-rows:minmax(112px,auto)!important;min-height:112px!important;height:auto!important}.library .bot:nth-child(n)>a{width:72px!important;height:100%!important}.library .bot:nth-child(n)>a img{width:56px!important;height:56px!important;min-width:56px!important;min-height:56px!important;max-width:56px!important;max-height:56px!important}.library .bot:nth-child(n) .bot-body{padding:8px 10px}.library .bot:nth-child(n) h3{font-size:14px}.library .bot:nth-child(n) p{font-size:11px;line-height:1.5}.related-grid{grid-template-columns:1fr!important;gap:9px}.related-card>a{grid-template-columns:76px minmax(0,1fr);min-height:126px;padding:8px}.related-card img{width:56px!important;height:56px!important}.related-card h3{font-size:14px}.related-card p{font-size:11px;-webkit-line-clamp:2}}
@media(max-width:380px){.library .bot:nth-child(n){grid-template-columns:64px minmax(0,1fr)!important}.library .bot:nth-child(n)>a{width:64px!important}.library .bot:nth-child(n)>a img{width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;max-width:50px!important;max-height:50px!important}}
.bot-detail .usage-section{padding-top:clamp(36px,5vw,70px)!important}
.usage-section .section-head{margin-bottom:22px}
.usage-section .section-head>div{max-width:760px}
.usage-lede{max-width:700px;color:#b8c2c5;font-size:clamp(14px,1.5vw,17px);line-height:1.75}
.usage-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(16px,3vw,32px);align-items:stretch}
.usage-steps{display:grid;gap:10px;align-content:start;margin:0;padding:0;list-style:none}
.usage-steps li{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:18px;border:1px solid #ffffff20;border-radius:4px 18px 4px 4px;background:linear-gradient(135deg,#ffffff08,#ffffff03)}
.usage-steps li>b{display:grid;place-items:center;width:36px;height:36px;border:1px solid #e6bd7066;border-radius:50%;color:#e6bd70;font:700 12px/1 ui-monospace,monospace}
.usage-steps h3{margin:0 0 5px;font-size:15px;line-height:1.4}
.usage-steps p{margin:0;color:#b5bbb8;font-size:12px;line-height:1.7}
.starter-card{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(19px,2.5vw,28px);border:1px solid #dfb96a52;border-radius:4px 24px 4px 4px;background:radial-gradient(ellipse at 100% 0%,#dbb65b12,transparent 48%),#171c1e}
.starter-card>p{margin:8px 0 13px;color:#b7bbb4;font-size:12px;line-height:1.7}.starter-card .assistant-guidance{margin:0 0 20px;padding:12px 14px;border-inline-start:2px solid #e6bd70;background:#ffffff08;color:#e7e3d9;font-size:12px;line-height:1.75}.starter-card .eyebrow:not(:first-child){margin-top:2px}
.starter-card pre{width:100%;max-height:320px;overflow:auto;margin:0 0 15px;padding:17px;border:1px solid #ffffff17;border-radius:4px 14px 4px 4px;background:#0e1214;color:#f0eee8;white-space:pre-wrap;overflow-wrap:anywhere;font:500 13px/1.85 "Cairo","DM Sans",sans-serif}
.starter-card .copy{margin-top:auto}
.related-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.related-card>a{display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;min-height:166px}
.related-card img{width:76px;height:76px;aspect-ratio:1;margin:14px;padding:0;border:0;border-radius:50%;outline:1px solid #ffffff3a;outline-offset:4px;object-fit:cover;background:#151b1d;box-shadow:0 8px 20px #0004;transition:transform .35s cubic-bezier(.22,1,.36,1),outline-color .25s}
.related-card:hover img{transform:scale(1.055) rotate(-3deg);outline-color:#e6bd70a0}
.related-card>a>div{min-width:0;align-items:flex-start;padding:15px 13px 15px 0}
.related-card .eyebrow{font-size:8px;line-height:1.5}
.related-card h3{font-size:14px}
.related-card p{font-size:10px;-webkit-line-clamp:2}
.related-link{font-size:9px}
html[dir=rtl] .related-card>a>div{padding:15px 0 15px 13px}
html[dir=rtl] .usage-steps li{grid-template-columns:1fr 42px}
html[dir=rtl] .usage-steps li>b{grid-column:2;grid-row:1}
html[dir=rtl] .usage-steps li>div{grid-column:1;grid-row:1}
@media(max-width:1080px){.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.usage-layout{grid-template-columns:1fr;gap:12px}.usage-steps li{padding:15px}.starter-card{padding:18px}.related-grid{grid-template-columns:1fr;gap:9px}.related-card>a{grid-template-columns:96px minmax(0,1fr);min-height:142px}.related-card img{width:68px;height:68px;margin:12px}.related-card>a>div{padding:12px 12px 12px 0}.related-card h3{font-size:14px}.related-card p{font-size:11px;-webkit-line-clamp:2}.related-card .eyebrow{font-size:8px}html[dir=rtl] .related-card>a>div{padding:12px 0 12px 12px}}
@media(prefers-reduced-motion:reduce){.related-card img{transition:none!important}}

/* Connected growth theme: approved navy, cyan, mint and warm gold palette */
:root{--site-bg:#07111b;--site-ink:#eef5fb;--site-muted:#9fb2c7;--site-line:#ffffff20;--site-panel:#0f1c2c;--site-panel-2:#142638;--site-coral:#1fd0ff;--site-gold:#ffcf66;--site-sage:#7df0c5;--site-paper:#eef5fb}
body{background:radial-gradient(1000px 650px at 84% 0%,#1fd0ff12,transparent 60%),radial-gradient(900px 620px at 9% 45%,#7df0c509,transparent 60%),#07111b;color:#eef5fb}
.topbar{background:#07111bd9;border-color:#ffffff20}
.brand em,.portfolio-eyebrow i,.portfolio-hero h1 span,.project-kicker,.library .eyebrow{color:#7df0c5}
.portfolio-hero{background:radial-gradient(ellipse at 80% 18%,#1fd0ff16,transparent 39%),radial-gradient(ellipse at 8% 86%,#7df0c50b,transparent 34%),#07111b}
.portfolio-hero h1 span{background:linear-gradient(100deg,#7df0c5 0%,#1fd0ff 62%,#ffcf66 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.portfolio-button--primary{background:linear-gradient(110deg,#7df0c5,#1fd0ff);color:#07111b}.portfolio-button--primary:hover{color:#07111b;box-shadow:0 12px 36px #1fd0ff2b}
.portfolio-button--quiet{border-color:#c9d8e733;color:#eaf3f8}.portfolio-button--quiet:hover{border-color:#7df0c5;color:#7df0c5}
.growth-board,.project-card,.impact-section,.expertise-section,.process-section,.library-section{color:#eef5fb}
.growth-board{background:radial-gradient(ellipse at 55% 50%,#1fd0ff15,transparent 48%),linear-gradient(145deg,#0f1c2c,#091521);border-color:#b9dff02b}
.growth-board:before,.growth-board:after{border-color:#1fd0ff35}.growth-board-top span:last-child,.growth-board .stage-insight-index,.growth-board .hero-stage[aria-pressed=true]{color:#7df0c5}
.growth-board .route-guide{stroke:#d8e8ef38}.growth-board .route-flow{stroke:#7df0c5}.growth-board .route-node{fill:#0f1c2c;stroke:#ffcf66}.growth-board .route-node.is-active{fill:#1fd0ff;filter:drop-shadow(0 0 10px #1fd0ff99)}
.growth-board .route-traveler--lead{fill:#1fd0ff}.growth-board .route-traveler--follow{fill:#ffcf66}
.growth-board-label{border-color:#c9d8e72b;background:#07111bc9;color:#eaf3f8}.hero-stage{border-color:#c9d8e72b}.hero-stage[aria-pressed=true]{border-color:#7df0c5;color:#7df0c5}
.hero-proof{color:#b8c9d8}.hero-proof i{background:#1fd0ff;box-shadow:0 0 12px #1fd0ff99}
.project-card{background:linear-gradient(145deg,#0f1c2c,#0a1622);border-color:#ffffff20}.project-art{background:radial-gradient(ellipse at 76% 20%,#1fd0ff18,transparent 48%),linear-gradient(145deg,#142638,#0b1622)}.project-art-metric{color:#7df0c5}.project-tags span{border-color:#ffffff27;color:#b9c9d8}
.impact-section:before,.expertise-section:before{background:linear-gradient(90deg,transparent,#1fd0ff75,#7df0c570,transparent)}
.impact-section .section-head{margin-bottom:32px}.impact-section .metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #c9d8e72b;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#0f1c2c,#091521 70%);box-shadow:0 28px 80px #0004}
.impact-section .metric,.impact-section .metric:first-child,.impact-section .metric:nth-child(n){min-height:168px;padding:23px 22px 27px;grid-column:auto;grid-row:auto;border:0;border-inline-end:1px solid #c9d8e72b;border-bottom:1px solid #c9d8e72b;background:transparent;transition:background .3s ease}
.impact-section .metric:nth-child(4n){border-inline-end:0}.impact-section .metric:nth-child(n+5){border-bottom:0}
.impact-section .metric:before{content:attr(data-index);color:#8399ac;font-size:9px;letter-spacing:.16em}
.impact-section .metric:hover{background:linear-gradient(145deg,#1fd0ff12,#7df0c508)}
.impact-section .metric b{font-variant-numeric:tabular-nums;font-size:clamp(32px,4.3vw,58px);line-height:.98;color:#eef5fb;letter-spacing:-.065em;white-space:nowrap;text-shadow:0 10px 32px #1fd0ff14}
.impact-section .metric:nth-child(2) b,.impact-section .metric:nth-child(4) b,.impact-section .metric:nth-child(6) b,.impact-section .metric:nth-child(8) b{color:#7df0c5}
.impact-section .metric span{max-width:230px;color:#a9bbca;font-size:12px;line-height:1.55}
.impact-section .metric:after{position:absolute;content:"";left:22px;right:22px;bottom:0;height:2px;background:linear-gradient(90deg,#1fd0ff,#7df0c5,transparent);transform:scaleX(.18);transform-origin:left;opacity:.75;transition:transform .55s cubic-bezier(.22,1,.36,1)}
.impact-section .metric:hover:after{transform:scaleX(1)}
html[dir="rtl"] .impact-section .metric:after{transform-origin:right}
.expertise-section .skill,.expertise-section .skill:nth-child(n){background:linear-gradient(145deg,#0f1c2c,#0b1622);border-color:#c9d8e72b;border-radius:4px 28px 4px 4px}
.expertise-section .skill h3{color:#eef5fb}.expertise-section .skill p{color:#a9bbca}.expertise-section .skill:before{color:#7df0c5}
.expertise-section .skill:after{border-color:#1fd0ff1b;box-shadow:0 0 0 18px #1fd0ff05,0 0 0 38px #7df0c504}.expertise-section .skill:hover{border-color:#7df0c577}
.chip{background:#0f1c2c;border-color:#ffffff20;color:#c9d8e7}.process-section{background:radial-gradient(ellipse at 94% 40%,#1fd0ff10,transparent 38%),#0a1622}.process-line:before{background:linear-gradient(90deg,#1fd0ff,#7df0c5,#ffcf66)}
.library{background:linear-gradient(145deg,#0f1c2c,#091521 70%);border-color:#c9d8e72b}.library .bot,.related-card>a{background:#0b1723;border-color:#c9d8e724}.library .bot>a{background:linear-gradient(145deg,#173046,#101f2e)}.library .bot h3{color:#eef5fb}.library .bot small,.related-card .eyebrow{color:#7df0c5}.library .bot:hover,.related-card>a:hover{border-color:#7df0c577}.assistant-guidance{border-inline-start-color:#7df0c5;color:#d5e2ec}.starter-card{background:radial-gradient(ellipse at 100% 0%,#1fd0ff12,transparent 48%),#0f1c2c;border-color:#7df0c555}
.impact-word-motion{display:inline-block;position:relative;transform-origin:50% 75%;background:linear-gradient(110deg,#7df0c5 0%,#1fd0ff 48%,#ffcf66 72%,#7df0c5 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:impact-word-motion 3.2s cubic-bezier(.22,1,.36,1) infinite}.impact-word-motion:after{position:absolute;content:"";inset-inline:4% 8%;bottom:.02em;height:.045em;border-radius:99px;background:linear-gradient(90deg,#1fd0ff,#7df0c5,#ffcf66);transform:scaleX(.12);transform-origin:right;animation:impact-word-trace 3.2s ease-in-out infinite}
@keyframes impact-word-motion{0%,100%{transform:translateY(0);background-position:100% 50%}42%{transform:translateY(-2px);background-position:0% 50%}58%{transform:translateY(0);background-position:30% 50%}}@keyframes impact-word-trace{0%,100%{transform:scaleX(.12);opacity:.45}45%{transform:scaleX(1);opacity:1}70%{transform:scaleX(.34);opacity:.68}}
.practice-system{position:relative;margin:0 0 34px;padding:clamp(16px,2.4vw,27px);border:1px solid #c9d8e72b;border-radius:4px 26px 4px 4px;background:radial-gradient(ellipse at 12% 0%,#1fd0ff12,transparent 43%),linear-gradient(145deg,#0f1c2c,#091521);overflow:hidden}
.practice-system:after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(120deg,transparent 20%,#ffffff04 48%,transparent 68%);transform:translateX(-100%);animation:practice-sheen 8s ease-in-out infinite}
.practice-header{display:flex;align-items:center;gap:12px;margin-bottom:17px;color:#b9cbd9;font:750 9px/1.2 ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase}.practice-header i{color:#1fd0ff;font-style:normal}
.practice-lane{position:relative;display:grid;grid-template-columns:110px minmax(0,1fr);align-items:center;min-height:60px;border-top:1px solid #ffffff20;overflow:hidden}.practice-lane:last-child{border-bottom:1px solid #ffffff20}.practice-lane>b{position:relative;z-index:2;color:#7df0c5;font:750 9px/1.2 ui-monospace,monospace;letter-spacing:.14em}.practice-lane--create>b{color:#1fd0ff}.practice-lane--connect>b{color:#ffcf66}
.practice-track{display:flex;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}.practice-copy{display:flex;flex:0 0 auto;align-items:center;gap:clamp(13px,2.1vw,27px);padding-inline:12px;white-space:nowrap;color:#dce7ee;font-size:clamp(11px,1.1vw,13px);animation:practice-marquee 30s linear infinite}.practice-track--reverse .practice-copy{animation-name:practice-marquee-reverse;animation-duration:36s}.practice-copy i{color:#1fd0ff;font-style:normal;font-size:15px;animation:practice-star-pulse 2.8s ease-in-out infinite}.practice-copy i:nth-of-type(3n){color:#ffcf66;animation-delay:-.8s}.practice-copy i:nth-of-type(3n + 1){animation-delay:-1.6s}.practice-lane--create .practice-copy i{color:#7df0c5}.practice-lane--connect .practice-copy i:nth-of-type(3n){color:#ffcf66}
html[dir="rtl"] .practice-system{text-align:right}html[dir="rtl"] .practice-track{direction:rtl}html[dir="rtl"] .practice-copy{animation-name:practice-marquee-rtl}html[dir="rtl"] .practice-track--reverse .practice-copy{animation-name:practice-marquee-rtl-reverse}
@keyframes practice-marquee{to{transform:translateX(-100%)}}@keyframes practice-marquee-reverse{to{transform:translateX(100%)}}@keyframes practice-marquee-rtl{to{transform:translateX(100%)}}@keyframes practice-marquee-rtl-reverse{to{transform:translateX(-100%)}}@keyframes practice-star-pulse{0%,100%{transform:scale(.78) rotate(0);opacity:.65}50%{transform:scale(1.2) rotate(45deg);opacity:1}}@keyframes practice-sheen{0%,15%{transform:translateX(-110%)}45%,100%{transform:translateX(110%)}}
@media(max-width:760px){.impact-section .metrics{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:19px}.impact-section .metric,.impact-section .metric:first-child,.impact-section .metric:nth-child(n){min-height:142px;padding:16px 14px 21px}.impact-section .metric:nth-child(2n){border-inline-end:0}.impact-section .metric:nth-child(n+5){border-bottom:1px solid #c9d8e72b}.impact-section .metric:nth-child(n+7){border-bottom:0}.impact-section .metric b{font-size:clamp(28px,8vw,42px)}.impact-section .metric span{font-size:10px}.impact-section .metric:after{left:14px;right:14px}.practice-system{padding:15px 12px;border-radius:4px 20px 4px 4px}.practice-header{gap:7px;font-size:8px;margin-bottom:12px}.practice-lane{grid-template-columns:75px minmax(0,1fr);min-height:53px}.practice-lane>b{font-size:8px}.practice-copy{font-size:10px;gap:13px}.impact-word-motion{white-space:nowrap}}
@media(max-width:390px){.practice-lane{grid-template-columns:62px minmax(0,1fr)}.practice-header{letter-spacing:.08em;font-size:7px}.impact-section .metric,.impact-section .metric:first-child,.impact-section .metric:nth-child(n){min-height:135px;padding:14px 11px 19px}}
@media(prefers-reduced-motion:reduce){.practice-system:after,.practice-copy,.practice-copy i{animation:none!important}.practice-track{mask-image:none}.practice-copy[aria-hidden="true"]{display:none}.practice-copy{white-space:normal;flex-wrap:wrap;padding:8px 0}.impact-section .metric:after{transition:none!important}}.motion-access-toggle{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding:8px 0;border:0;background:none;color:#a9bbca;font-size:11px;font-weight:700;cursor:pointer;transition:color .2s}.motion-access-toggle:before{content:"";width:8px;height:8px;border:1px solid #7df0c5;border-radius:50%;box-shadow:0 0 10px #7df0c555}.motion-access-toggle:hover{color:#7df0c5}.motion-access-toggle[aria-pressed="false"]:before{border-color:#8194a5;box-shadow:none}.portfolio-hero-copy .portfolio-actions{margin-bottom:0}.practice-lane--acquire .practice-copy i{color:#1fd0ff}.practice-lane--create .practice-copy i{color:#7df0c5}.practice-lane--connect .practice-copy i{color:#ffcf66}
.motion-off .impact-word-motion,.motion-off .practice-system:after,.motion-off .practice-copy,.motion-off .practice-copy i{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){body.motion-on .portfolio-hero h1 .impact-word-motion,html[dir="rtl"] body.motion-on .portfolio-hero h1 .impact-word-motion,html[dir="ltr"] body.motion-on .portfolio-hero h1 .impact-word-motion{animation:hero-heading-impact 2.8s ease-in-out infinite!important;animation-duration:2.8s!important;animation-iteration-count:infinite!important;animation-play-state:running!important}body.motion-on .impact-word-motion:after{display:none!important}body.motion-on .practice-system:after{animation:practice-sheen 8s ease-in-out infinite!important}body.motion-on .practice-copy{animation:practice-marquee 30s linear infinite!important}body.motion-on .practice-track--reverse .practice-copy{animation-name:practice-marquee-reverse!important;animation-duration:36s!important}html[dir="rtl"] body.motion-on .practice-copy{animation-name:practice-marquee-rtl!important}html[dir="rtl"] body.motion-on .practice-track--reverse .practice-copy{animation-name:practice-marquee-rtl-reverse!important}}.impact-section{padding-bottom:clamp(34px,5vw,62px)}.expertise-section{padding-top:clamp(38px,5vw,68px)}
.impact-section .metric:first-child:after{content:"";top:auto;right:22px;left:22px;bottom:0;width:auto;height:2px;border:0;border-radius:0;box-shadow:none;pointer-events:none}
.practice-lane--acquire .practice-copy{animation-duration:13s}.practice-lane--create .practice-copy{animation-duration:17s}.practice-lane--connect .practice-copy{animation-duration:38s}.practice-lane--acquire.practice-track--reverse .practice-copy{animation-duration:13s}
@media(prefers-reduced-motion:reduce){body.motion-on .practice-lane--acquire .practice-copy{animation-duration:13s!important}body.motion-on .practice-lane--create .practice-copy{animation-duration:17s!important}body.motion-on .practice-lane--connect .practice-copy{animation-duration:38s!important}}
.motion-off *, .motion-off *:before, .motion-off *:after{animation-play-state:paused!important;transition-duration:.01ms!important}

/* Unified portfolio identity: deep navy, cyan, mint and warm gold across every section. */
:root{color-scheme:dark;--ink:#eef5fb;--muted:#9fb2c7;--paper:#07111b;--card:#0f1c2c;--line:#ffffff20;--blue:#142638;--teal:#1fd0ff;--lime:#7df0c5;--coral:#1fd0ff;--gold:#ffcf66;--cyan:#1fd0ff;--night:#07111b;--panel:#0f1c2c;--panel2:#142638;--site-bg:#07111b;--site-ink:#eef5fb;--site-muted:#9fb2c7;--site-line:#ffffff20;--site-panel:#0f1c2c;--site-panel-2:#142638;--site-coral:#1fd0ff;--site-gold:#ffcf66;--site-sage:#7df0c5;--site-paper:#0f1c2c}
html,body{background-color:#07111b;color:#eef5fb}body{background-image:radial-gradient(ellipse at 50% -18%,#15364a55,transparent 48%)}
.topbar{background:#07111bf0;border-color:#ffffff20}.nav,.nav a{color:#c9d8e7}.nav .lang{color:#eef5fb;border-color:#ffffff35}.nav .nav-contact{color:#eef5fb;border-color:#1fd0ff80}.nav .nav-contact:hover{background:#1fd0ff18;color:#7df0c5}
.portfolio-hero,.section,.impact-section,.expertise-section,.process-section,.related-section,.bot-detail,.usage-section{background-color:transparent;color:#eef5fb}.portfolio-hero h1,.section-head h2,.project-copy h3,.expertise-section h3,.process-step h3,.approach-cta h3,.bot-detail h1,.bot-detail h2,.related-card h3,.usage-steps h3{color:#eef5fb}.portfolio-hero p,.section-aside,.project-copy p,.expertise-section p,.process-step p,.approach-cta p,.bot-detail p,.usage-lede,.usage-steps p,.related-card p{color:#9fb2c7}
.project-card,.project-copy,.project-art,.expertise-section .skill,.process-step,.approach-cta,.related-card>a,.usage-steps li{background:#0f1c2c;color:#eef5fb;border-color:#ffffff20}.project-art{background:radial-gradient(ellipse at 78% 22%,#1fd0ff1c,transparent 43%),linear-gradient(145deg,#142638,#0b1723)}.project-art-core i,.expertise-section .skill:after{border-color:#1fd0ff55}.project-tags span,.related-link,.approach-cta .portfolio-button{border-color:#ffffff2b;color:#ffcf66}.expertise-section .skill:hover,.project-card:hover,.related-card>a:hover{border-color:#7df0c577;box-shadow:0 22px 55px #0005}
.library{background:radial-gradient(ellipse at 90% 0%,#1fd0ff12,transparent 42%),linear-gradient(145deg,#0f1c2c,#091521 70%);border-color:#ffffff20;color:#eef5fb}.library:before{color:#9fb2c7}.library .eyebrow,.library .library-intro,.library .library-intro p,.library p,.library .count,.library .library-countmark span{color:#9fb2c7}.library h2{color:#eef5fb}.library .library-countmark b{color:#7df0c5}.library .library-intro{border-color:#ffffff20}.library .search,.library .select{background:#091521;border-color:#ffffff2b;color:#eef5fb}.library .search::placeholder{color:#8297ab}.library .search:focus,.library .select:focus{outline-color:#1fd0ff}.library .bot,.library .bot>a{background:#0b1723;border-color:#ffffff20;color:#eef5fb}.library .bot h3{color:#eef5fb}.library .bot p,.library .bot small{color:#9fb2c7}.library .bot:hover{border-color:#7df0c577}.library .library-more,.task-filter{color:#eef5fb;border-color:#ffffff2b}.task-filter.is-active,.task-filter[aria-pressed=true]{background:#1fd0ff;color:#07111b;border-color:#1fd0ff}
.bot-detail .section,.starter-card{background:#0f1c2c;border-color:#ffffff20;color:#eef5fb}.assistant-guidance{color:#d5e2ec;border-color:#7df0c5}.starter-card pre{background:#07111b;color:#eef5fb;border-color:#ffffff20}.related-section{border-color:#ffffff20}.related-card>a{background:#0f1c2c}.related-card .eyebrow,.detail-intro-label{color:#7df0c5}
.portfolio-button--primary{background:linear-gradient(110deg,#1fd0ff,#7df0c5);color:#07111b;border-color:transparent}.portfolio-button--primary:hover{color:#07111b;box-shadow:0 0 28px #1fd0ff45}.portfolio-button--quiet{color:#eef5fb;border-color:#ffffff35}.portfolio-button--quiet:hover{color:#ffcf66;border-color:#ffcf66}
.impact-word-motion{background-image:linear-gradient(110deg,#7df0c5 0%,#1fd0ff 48%,#ffcf66 72%,#7df0c5 100%)}
@media(max-width:760px){.library{border-radius:4px 28px 4px 4px}.topbar{background:#07111bf5}}

.portfolio-hero h1{max-width:720px;font-size:clamp(50px,6.5vw,88px);line-height:.98}

html[lang="ar"] body,html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3{font-family:"Cairo","DM Sans","Segoe UI",sans-serif}
.portfolio-hero h1>span:not(.impact-word-motion){background:none;color:#eef5fb;-webkit-text-fill-color:#eef5fb}
/* Hero impact word: brilliant custom gradient matching user swatch (#2ad4f9 -> #79efc8) with zero clipping in both Arabic and English */
.portfolio-hero h1 .impact-word-motion{display:inline-block;position:relative;background:linear-gradient(110deg,#2ad4f9 0%,#79efc8 50%,#2ad4f9 100%)!important;background-size:200% 100%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;color:transparent!important;padding:0 8px;transform-origin:50% 20%;}
html[dir="rtl"] .portfolio-hero h1 .impact-word-motion{margin-top:14px;transform-origin:50% 20%;}
html[dir="ltr"] .portfolio-hero h1 .impact-word-motion{margin-top:8px;transform-origin:50% 20%;}
html[dir="rtl"] .impact-word-motion:after{display:none}
html[lang="ar"] .portfolio-hero h1{line-height:1.32;letter-spacing:0}
.detail-head{background:radial-gradient(ellipse at 12% 10%,#1fd0ff1c,transparent 36%),linear-gradient(145deg,#142638,#0b1723)!important;border:1px solid #ffffff20!important;box-shadow:0 24px 64px #0005}
.detail-head .eyebrow,.detail-intro-label{color:#7df0c5!important}
.detail-head .btn:not(.secondary){background:linear-gradient(110deg,#1fd0ff,#7df0c5)!important;color:#07111b!important;box-shadow:0 10px 30px #1fd0ff20}
.detail-head .btn.secondary{background:#091521!important;border:1px solid #ffffff35!important;color:#eef5fb!important}
.detail-head .btn:hover{transform:translateY(-2px)}


/* Portfolio correction: restore the approved kinetic impact hero and a clear section sequence. */
.portfolio-hero{padding-top:clamp(42px,6vh,76px);background:radial-gradient(ellipse at 75% 45%,#163348 0,transparent 48%),radial-gradient(ellipse at 8% 88%,#11332e55,transparent 37%),#07111b}
.portfolio-hero-layout{grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:clamp(28px,5vw,76px);min-height:min(700px,calc(100svh - 90px));padding-bottom:clamp(40px,6vh,68px)}
.portfolio-hero-copy{max-width:690px}.portfolio-hero h1{max-width:760px;font-size:clamp(48px,6.2vw,88px);line-height:1.02;letter-spacing:-.065em;text-wrap:balance}.portfolio-hero .portfolio-lede{max-width:560px;font-size:clamp(16px,1.35vw,19px);line-height:1.75}
.impact-stage{position:relative;isolation:isolate;display:grid;min-width:0;min-height:clamp(430px,43vw,590px);aspect-ratio:1.08/1;place-items:center;overflow:hidden;border:1px solid #b7d4dc30;border-radius:48% 48% 4px 4px;background:radial-gradient(ellipse at 50% 47%,#143244 0,#0c1c2a 47%,#08131e 77%);box-shadow:inset 0 0 90px #0005,0 30px 75px #0003}
.impact-stage:before,.impact-stage:after{position:absolute;content:"";pointer-events:none;border-radius:50%}.impact-stage:before{inset:9%;border:1px solid #7df0c52b;box-shadow:0 0 0 34px #1fd0ff08,0 0 0 82px #7df0c507}.impact-stage:after{inset:22%;background:radial-gradient(circle,#1fd0ff17,transparent 68%);filter:blur(4px)}
.impact-stage-meta,.impact-stage-footer{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;color:#b5c9d2;font-size:9px;font-weight:750;letter-spacing:.14em;text-transform:uppercase}.impact-stage-meta{top:24px;left:25px;right:25px;justify-content:space-between}.impact-stage-footer{bottom:23px;left:22px;right:22px;justify-content:center;gap:clamp(7px,1.4vw,18px);font-size:clamp(7px,.72vw,9px);letter-spacing:.08em}.impact-stage-footer i{width:4px;height:4px;border-radius:50%;background:#7df0c5;box-shadow:0 0 12px #7df0c5}
.impact-orbit{position:absolute;z-index:1;left:50%;top:50%;width:64%;height:42%;border:1px solid #1fd0ff42;border-radius:50%;transform:translate(-50%,-50%) rotate(-28deg)}.impact-orbit--two{width:64%;height:42%;border-color:#7df0c54a;transform:translate(-50%,-50%) rotate(32deg);animation:impact-orbit-turn 24s linear infinite}.impact-orbit--three{width:78%;height:58%;border-color:#ffcf6630;transform:translate(-50%,-50%) rotate(70deg);animation:impact-orbit-turn 32s linear infinite reverse}
.impact-paths{position:absolute;inset:8% 5%;z-index:2;width:90%;height:84%;overflow:visible}.impact-paths path{fill:none;stroke:#7df0c54d;stroke-width:1.3;stroke-dasharray:4 12;animation:impact-path-flow 18s linear infinite}.impact-paths path+path{stroke:#1fd0ff65;stroke-dasharray:2 15;animation-duration:23s;animation-direction:reverse}
.impact-node{position:absolute;z-index:3;left:50%;top:50%;width:13px;height:13px;border:2px solid #d9fff2;border-radius:50%;background:#1fd0ff;box-shadow:0 0 22px #1fd0ff99;transform:translate(-50%,-50%)}.impact-node--one{animation:impact-node-one 9s ease-in-out infinite}.impact-node--two{width:9px;height:9px;background:#7df0c5;animation:impact-node-two 11s ease-in-out infinite}.impact-node--three{width:11px;height:11px;background:#ffcf66;animation:impact-node-three 8s ease-in-out infinite}.impact-node--four{width:8px;height:8px;background:#1fd0ff;animation:impact-node-four 10s ease-in-out infinite}.impact-node--five{width:7px;height:7px;background:#7df0c5;animation:impact-node-five 13s ease-in-out infinite}
.impact-core{position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center}.impact-core-kicker{color:#9fb8c7;font-size:9px;font-weight:750;letter-spacing:.16em}.impact-core-word{display:block;color:#eff9fb;font-family:"Manrope","Cairo",sans-serif;font-size:clamp(55px,8.6vw,116px);font-weight:800;line-height:.94;letter-spacing:-.085em;text-shadow:0 0 45px #1fd0ff28;animation:impact-word-breathe 5s ease-in-out infinite}.impact-core-word[lang="ar"]{font-family:"Cairo",sans-serif;letter-spacing:0}.impact-core-caption{max-width:24ch;color:#a9bfcb;font-size:clamp(10px,.95vw,13px);line-height:1.55}
@keyframes impact-orbit-turn{to{rotate:360deg}}@keyframes impact-path-flow{to{stroke-dashoffset:-420}}@keyframes impact-word-breathe{0%,100%{transform:scale(.97);filter:brightness(.92)}50%{transform:scale(1.035);filter:brightness(1.16)}}
@keyframes impact-node-one{0%,100%{transform:translate(-50%,-50%) translate(-180px,-86px) scale(.9)}50%{transform:translate(-50%,-50%) translate(-118px,-132px) scale(1.2)}}@keyframes impact-node-two{0%,100%{transform:translate(-50%,-50%) translate(180px,-73px)}50%{transform:translate(-50%,-50%) translate(145px,42px) scale(1.2)}}@keyframes impact-node-three{0%,100%{transform:translate(-50%,-50%) translate(105px,124px)}50%{transform:translate(-50%,-50%) translate(-28px,164px) scale(.82)}}@keyframes impact-node-four{0%,100%{transform:translate(-50%,-50%) translate(-176px,72px)}50%{transform:translate(-50%,-50%) translate(-95px,-16px) scale(1.25)}}@keyframes impact-node-five{0%,100%{transform:translate(-50%,-50%) translate(32px,-170px)}50%{transform:translate(-50%,-50%) translate(168px,84px)}}
.hero-proof{position:relative;z-index:2;justify-content:flex-start;gap:clamp(14px,2.3vw,30px);padding:13px 0 20px;border-top:1px solid #d5e8ed20;color:#a9bfcb;font-size:10px;letter-spacing:.025em}.hero-proof i{width:4px;height:4px;background:#7df0c5;border-radius:50%}
.impact-section{position:relative;scroll-margin-top:90px;padding-top:clamp(66px,8vw,108px)}.section-anchor{position:absolute;top:0;scroll-margin-top:90px}.impact-section .section-head{align-items:end;gap:28px;margin-bottom:clamp(26px,4vw,42px)}.impact-section .section-head h2{max-width:760px;font-size:clamp(39px,6vw,78px);line-height:.98;letter-spacing:-.065em}.impact-section .section-aside{max-width:390px;line-height:1.75}
.expertise-section{padding-top:clamp(78px,9vw,124px)}.expertise-section .section-head{align-items:end;gap:30px;margin-bottom:30px}.expertise-section .section-head h2{max-width:850px;font-size:clamp(38px,5.8vw,76px);line-height:1.02;letter-spacing:-.06em;text-wrap:balance}.expertise-section .section-aside{max-width:370px;line-height:1.75}.practice-system{margin-top:8px;border-radius:3px 40px 3px 3px}.practice-header{min-height:32px;gap:clamp(8px,2vw,22px);font-size:clamp(8px,.75vw,10px);letter-spacing:.11em}.practice-lane{min-height:68px;grid-template-columns:minmax(84px,11%) minmax(0,1fr)}.practice-lane>b{font-size:9px}.practice-copy{font-size:clamp(11px,1.05vw,14px);gap:clamp(14px,2.3vw,30px)}.practice-copy i{display:inline-grid;place-items:center;width:16px;height:16px;border:1px solid #7df0c547;border-radius:50%;font-size:9px;font-style:normal;animation:practice-star 3.2s ease-in-out infinite}.practice-lane--create .practice-copy i{border-color:#1fd0ff55}.practice-lane--connect .practice-copy i{border-color:#ffcf6655}.expertise-section .skills{gap:14px}.expertise-section .skill,.expertise-section .skill:nth-child(n){min-height:210px;padding:20px 21px 23px;border-radius:3px 26px 3px 3px}.expertise-section .skill:nth-child(2),.expertise-section .skill:nth-child(5){transform:translateY(0)}.expertise-section .skill:before{margin-bottom:34px}.expertise-section .skill h3{max-width:28ch;font-size:clamp(16px,1.45vw,20px);line-height:1.25;letter-spacing:-.025em}.expertise-section .skill p{max-width:39ch;font-size:13px;line-height:1.7}.expertise-section .skill:hover,.expertise-section .skill:nth-child(2):hover,.expertise-section .skill:nth-child(5):hover{transform:translateY(-4px)}@keyframes practice-star{0%,100%{transform:rotate(0) scale(.9);color:#b5dce5}50%{transform:rotate(45deg) scale(1.08);color:#7df0c5}}
.process-section{padding-block:clamp(72px,9vw,118px);background:radial-gradient(ellipse at 92% 16%,#1fd0ff0d,transparent 40%),linear-gradient(180deg,#0b1723,#08131e)}.process-section .wrap{max-width:1240px}.process-section .section-head{align-items:end;gap:26px;margin-bottom:clamp(32px,5vw,56px)}.process-section .section-head h2{max-width:790px;font-size:clamp(38px,5.6vw,72px);line-height:1.02;letter-spacing:-.06em}.process-section .section-aside{max-width:350px;line-height:1.75}.process-line{gap:clamp(16px,3vw,38px)}.process-line:before{left:2%;right:2%;background:linear-gradient(90deg,#1fd0ff,#7df0c5,#ffcf66);opacity:.48}.process-step{min-height:182px;gap:27px;padding:0}.process-index{width:40px;height:40px;border-color:#7df0c577;background:#0c1b29;color:#7df0c5;font-size:11px}.process-step h3{font-size:clamp(19px,2vw,24px);letter-spacing:-.035em}.process-step p{max-width:28ch;color:#b2c2ce;font-size:13px;line-height:1.72}.process-step>i{top:16px;left:16px;width:8px;height:8px}.approach-cta{position:relative;isolation:isolate;overflow:hidden;align-items:center;margin-top:clamp(56px,8vw,92px);padding:clamp(26px,4vw,44px);border:1px solid #7df0c534;border-radius:3px 38px 3px 3px;background:radial-gradient(ellipse at 0 100%,#1fd0ff12,transparent 48%),linear-gradient(120deg,#102334,#0b1723 72%)}.approach-cta:after{position:absolute;z-index:-1;content:"↗";right:25px;top:-54px;color:#7df0c50c;font:240px/1 "Manrope",sans-serif;pointer-events:none}.approach-cta>div{max-width:720px}.approach-cta .eyebrow{color:#7df0c5}.approach-cta h3{max-width:20ch;margin:10px 0;font-size:clamp(28px,4vw,48px);line-height:1.06;letter-spacing:-.045em}.approach-cta p{max-width:56ch;font-size:15px;line-height:1.7}.approach-cta .portfolio-button{position:relative;z-index:1;min-height:54px;padding-inline:22px;background:#7df0c5;color:#07111b;border-color:#7df0c5;font-size:13px}.approach-cta .portfolio-button:hover{background:#b4ffe2;border-color:#b4ffe2;color:#07111b;transform:translateY(-2px)}
.motion-off .impact-stage *{animation-play-state:paused!important}
@media(max-width:900px){.portfolio-hero-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:24px}.impact-stage{min-height:430px}.impact-core-word{font-size:clamp(58px,10vw,90px)}.impact-stage-footer{gap:8px}.expertise-section .skill,.expertise-section .skill:nth-child(n){grid-column:span 6}.process-step{min-height:190px}}
@media(max-width:680px){.portfolio-hero{padding-top:30px}.portfolio-hero-layout{grid-template-columns:1fr;gap:30px;min-height:auto;padding-bottom:32px}.portfolio-hero-copy{max-width:none}.portfolio-hero h1{max-width:13ch;font-size:clamp(45px,12vw,66px);line-height:1.08}.portfolio-hero .portfolio-lede{max-width:43ch}.portfolio-actions{align-items:stretch}.portfolio-actions .portfolio-button{min-height:48px}.impact-stage{width:min(100%,510px);min-height:0;margin-inline:auto;aspect-ratio:1/1;border-radius:45% 45% 4px 4px}.impact-stage-meta{top:18px;left:17px;right:17px;font-size:8px}.impact-stage-footer{bottom:17px;left:12px;right:12px;gap:7px;font-size:7px}.impact-core-word{font-size:clamp(68px,20vw,100px)}.impact-core-caption{max-width:25ch;font-size:11px}.impact-node--one{animation-name:impact-node-one-mobile}.impact-node--two{animation-name:impact-node-two-mobile}.impact-node--three{animation-name:impact-node-three-mobile}.impact-node--four{animation-name:impact-node-four-mobile}.impact-node--five{animation-name:impact-node-five-mobile}@keyframes impact-node-one-mobile{0%,100%{transform:translate(-50%,-50%) translate(-105px,-60px)}50%{transform:translate(-50%,-50%) translate(-65px,-90px) scale(1.15)}}@keyframes impact-node-two-mobile{0%,100%{transform:translate(-50%,-50%) translate(102px,-54px)}50%{transform:translate(-50%,-50%) translate(78px,25px) scale(1.15)}}@keyframes impact-node-three-mobile{0%,100%{transform:translate(-50%,-50%) translate(60px,90px)}50%{transform:translate(-50%,-50%) translate(-20px,108px) scale(.9)}}@keyframes impact-node-four-mobile{0%,100%{transform:translate(-50%,-50%) translate(-101px,43px)}50%{transform:translate(-50%,-50%) translate(-54px,-10px) scale(1.15)}}@keyframes impact-node-five-mobile{0%,100%{transform:translate(-50%,-50%) translate(17px,-99px)}50%{transform:translate(-50%,-50%) translate(94px,48px)}}.hero-proof{flex-wrap:wrap;row-gap:9px;padding-top:13px}.hero-proof span{font-size:9px}.impact-section .section-head,.expertise-section .section-head,.process-section .section-head{align-items:flex-start;flex-direction:column;gap:12px}.impact-section .section-head h2,.expertise-section .section-head h2,.process-section .section-head h2{font-size:clamp(35px,10vw,54px)}.impact-section .section-aside,.expertise-section .section-aside,.process-section .section-aside{max-width:52ch}.practice-system{padding:16px 12px;border-radius:3px 24px 3px 3px}.practice-header{justify-content:flex-start;gap:7px;font-size:7px;letter-spacing:.04em}.practice-lane{grid-template-columns:66px minmax(0,1fr);min-height:57px}.practice-lane>b{font-size:8px;letter-spacing:.06em}.practice-copy{font-size:10px;gap:12px}.practice-copy i{width:13px;height:13px;font-size:7px}.expertise-section .skills{gap:9px}.expertise-section .skill,.expertise-section .skill:nth-child(n){min-height:200px;padding:15px 13px 18px}.expertise-section .skill:before{margin-bottom:26px}.expertise-section .skill h3{font-size:15px;line-height:1.35}.expertise-section .skill p{font-size:11px;line-height:1.65}.expertise-section .markets{margin-top:26px}.process-line{grid-template-columns:1fr;gap:19px}.process-line:before{top:20px;bottom:20px;left:19px;right:auto;width:1px;height:auto;background:linear-gradient(180deg,#1fd0ff,#7df0c5,#ffcf66)}.process-step{min-height:0;padding:0 0 10px 56px;gap:13px}.process-step>i{left:17px;top:16px}.process-step h3{font-size:20px}.process-step p{max-width:46ch;font-size:12px}.approach-cta{align-items:flex-start;flex-direction:column;gap:20px;margin-top:38px;padding:23px 18px}.approach-cta h3{font-size:clamp(27px,8vw,38px)}.approach-cta p{font-size:13px}.approach-cta .portfolio-button{width:100%;justify-content:center}.approach-cta:after{right:4px;top:-15px;font-size:150px}html[dir="rtl"] .impact-stage-meta{left:17px;right:17px}html[dir="rtl"] .impact-stage-footer{direction:rtl}html[dir="rtl"] .process-line:before{left:auto;right:19px}html[dir="rtl"] .process-step{padding:0 56px 10px 0}html[dir="rtl"] .process-step>i{left:auto;right:17px}}
@keyframes reduced-orbit-breathe{0%,100%{transform:translate(-50%,-50%) rotate(32deg) scale(1)}50%{transform:translate(-50%,-50%) rotate(32deg) scale(1.025)}}@keyframes reduced-orbit-breathe-reverse{0%,100%{transform:translate(-50%,-50%) rotate(70deg) scale(1.01)}50%{transform:translate(-50%,-50%) rotate(70deg) scale(.985)}}@keyframes reduced-node-one{0%,100%{transform:translate(-50%,-50%) translate(-180px,-86px)}50%{transform:translate(-50%,-50%) translate(-174px,-82px)}}@keyframes reduced-node-two{0%,100%{transform:translate(-50%,-50%) translate(180px,-73px)}50%{transform:translate(-50%,-50%) translate(175px,-68px)}}@keyframes reduced-node-three{0%,100%{transform:translate(-50%,-50%) translate(105px,124px)}50%{transform:translate(-50%,-50%) translate(99px,126px)}}@keyframes reduced-node-four{0%,100%{transform:translate(-50%,-50%) translate(-176px,72px)}50%{transform:translate(-50%,-50%) translate(-171px,68px)}}@keyframes reduced-node-five{0%,100%{transform:translate(-50%,-50%) translate(32px,-170px)}50%{transform:translate(-50%,-50%) translate(37px,-166px)}}
@media(prefers-reduced-motion:reduce){.impact-stage .impact-orbit--two{animation:reduced-orbit-breathe 8s ease-in-out infinite!important}.impact-stage .impact-orbit--three{animation:reduced-orbit-breathe-reverse 10s ease-in-out infinite!important}.impact-stage .impact-paths path{animation:none!important}.impact-stage .impact-node{animation-duration:9s!important;animation-timing-function:ease-in-out!important;animation-iteration-count:infinite!important}.impact-stage .impact-node--one{animation-name:reduced-node-one!important}.impact-stage .impact-node--two{animation-name:reduced-node-two!important}.impact-stage .impact-node--three{animation-name:reduced-node-three!important}.impact-stage .impact-node--four{animation-name:reduced-node-four!important}.impact-stage .impact-node--five{animation-name:reduced-node-five!important}.impact-stage .impact-core-word{animation:impact-word-breathe 8s ease-in-out infinite!important}.practice-copy i{animation:practice-star 8s ease-in-out infinite!important}.process-step>i{animation:process-pulse 5s ease-in-out infinite!important}.motion-off .impact-stage *{animation-play-state:paused!important}}
@media(max-width:680px) and (prefers-reduced-motion:reduce){@keyframes reduced-mobile-node-one{0%,100%{transform:translate(-50%,-50%) translate(-105px,-60px)}50%{transform:translate(-50%,-50%) translate(-101px,-56px)}}@keyframes reduced-mobile-node-two{0%,100%{transform:translate(-50%,-50%) translate(102px,-54px)}50%{transform:translate(-50%,-50%) translate(98px,-50px)}}@keyframes reduced-mobile-node-three{0%,100%{transform:translate(-50%,-50%) translate(60px,90px)}50%{transform:translate(-50%,-50%) translate(56px,93px)}}@keyframes reduced-mobile-node-four{0%,100%{transform:translate(-50%,-50%) translate(-101px,43px)}50%{transform:translate(-50%,-50%) translate(-97px,40px)}}@keyframes reduced-mobile-node-five{0%,100%{transform:translate(-50%,-50%) translate(17px,-99px)}50%{transform:translate(-50%,-50%) translate(21px,-95px)}}.impact-stage .impact-node--one{animation-name:reduced-mobile-node-one!important}.impact-stage .impact-node--two{animation-name:reduced-mobile-node-two!important}.impact-stage .impact-node--three{animation-name:reduced-mobile-node-three!important}.impact-stage .impact-node--four{animation-name:reduced-mobile-node-four!important}.impact-stage .impact-node--five{animation-name:reduced-mobile-node-five!important}}

/* Assistant library cards: unified, fully clickable surface and consistent icon framing. */
.library .bot:nth-child(n){display:block!important;min-width:0;min-height:0!important;height:auto!important;overflow:hidden;border:1px solid #c5d9e31c;border-radius:22px 5px 22px 5px;background:linear-gradient(145deg,#101e2b,#0b1722);color:#eef5fb;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.library .bot:nth-child(n):hover{transform:translateY(-4px);border-color:#7df0c577;box-shadow:0 18px 38px #02080d80}
.library .bot-card-link{cursor:pointer;display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:14px;min-height:136px;height:auto!important;width:100%!important;padding:14px;background:radial-gradient(ellipse at 0 0,#1fd0ff0b,transparent 50%);color:inherit;text-decoration:none;outline:none}
.library .bot-card-link:focus-visible{box-shadow:inset 0 0 0 2px #7df0c5}
.library .bot-icon-wrap{display:grid;place-items:center;width:78px;height:78px;overflow:hidden;border:1px solid #d5e8f229;border-radius:19px;background:linear-gradient(145deg,#172a38,#101c27);box-shadow:0 7px 18px #02080d55}
.library .bot-card-link img{display:block;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;object-fit:contain!important;padding:0!important;border:0;border-radius:15px;box-shadow:none;transition:transform .35s ease}
.library .bot-card-link:hover img{transform:scale(1.045)}
.library .bot-body{display:flex;min-width:0;height:auto!important;flex-direction:column;align-items:flex-start;justify-content:center;padding:0!important}
.library .bot small{max-width:100%;overflow:hidden;color:#7df0c5!important;font-size:9px;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
.library .bot h3{max-width:100%;margin:5px 0 6px;overflow-wrap:anywhere;color:#f2f5f7!important;font-size:16px;font-weight:750;line-height:1.2;letter-spacing:-.025em}
.library .bot p{display:-webkit-box!important;overflow:hidden!important;margin:0;color:#aebdca;font-size:11px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:3}
html[dir="rtl"] .library .bot-card-link{direction:rtl}
html[dir="rtl"] .library .bot-body{align-items:flex-start;text-align:right}
@media(max-width:760px){.library .grid{grid-template-columns:1fr!important;grid-auto-rows:auto!important;gap:9px!important}.library .bot:nth-child(n){height:auto!important;min-height:0!important;grid-template-columns:1fr!important;grid-template-rows:auto!important}.library .bot-card-link{grid-template-columns:66px minmax(0,1fr);gap:12px;min-height:112px;padding:11px}.library .bot-icon-wrap{width:66px;height:66px;border-radius:16px}.library .bot-card-link img{border-radius:12px}.library .bot h3{font-size:15px}.library .bot p{-webkit-line-clamp:2!important;font-size:11px}}
@media(max-width:380px){.library .bot-card-link{grid-template-columns:58px minmax(0,1fr);gap:10px;min-height:104px;padding:10px}.library .bot-icon-wrap{width:58px;height:58px}.library .bot h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){.library .bot:nth-child(n),.library .bot-card-link img{transition:none!important}}


/* Portfolio integration refinement — shared English/Arabic system */
@media (min-width: 901px) and (max-width: 1120px){
  .portfolio-hero-layout{grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:clamp(18px,2.4vw,28px);}
  .portfolio-hero-layout>*{min-width:0;}
  .portfolio-hero h1{font-size:clamp(46px,6.1vw,68px);line-height:1.02;letter-spacing:-.065em;}
  .impact-stage{width:100%;min-height:0;aspect-ratio:1.04/1;}
  .impact-stage-footer{gap:clamp(5px,1vw,10px);font-size:clamp(7px,.8vw,9px);}
  .impact-core-word{font-size:clamp(52px,8vw,82px);}
}
.expertise-section{background:radial-gradient(ellipse at 8% 22%,#1fd0ff0a,transparent 36%),linear-gradient(180deg,#08131e,#0b1723 62%,#08131e);}
.expertise-section .section-head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);align-items:end;gap:clamp(22px,4vw,58px);margin-bottom:clamp(28px,4vw,44px);}
.expertise-section .section-head h2{max-width:900px;font-size:clamp(36px,5.1vw,68px);line-height:1.04;letter-spacing:-.06em;text-wrap:balance;}
.expertise-section .section-aside{max-width:410px;margin:0 0 7px;color:#b7c8d5;font-size:clamp(13px,1.15vw,16px);line-height:1.75;}
.practice-system{border-color:#7df0c53b;border-radius:3px 30px 3px 3px;background:radial-gradient(ellipse at 76% 45%,#1fd0ff12,transparent 34%),linear-gradient(145deg,#10243a,#091521 76%);box-shadow:0 24px 65px #0002,inset 0 1px #fff1;}
.practice-header{color:#d6e9ee;}
.practice-lane{min-height:68px;border-color:#8ca8b522;}
.practice-track{mask-image:linear-gradient(90deg,transparent 0%,#000 14%,#000 86%,transparent 100%);}
.practice-copy{gap:clamp(16px,2.2vw,30px);color:#f0f5f5;animation-duration:25s;}
.practice-track--reverse .practice-copy{animation-duration:31s;}
.expertise-section .skills{gap:1px;background:#7df0c51f;border:1px solid #7df0c526;border-radius:3px 26px 3px 3px;overflow:hidden;}
.expertise-section .skill{position:relative;min-height:170px;padding:clamp(19px,2.4vw,30px);background:linear-gradient(145deg,#0c1a28,#0a1520);transition:background .35s ease,transform .35s ease,box-shadow .35s ease;}
.expertise-section .skill:before{position:absolute;inset:0 auto 0 0;width:2px;content:"";background:linear-gradient(180deg,#1fd0ff,#7df0c5,#ffcf66);opacity:.42;transform:scaleY(.35);transform-origin:top;transition:transform .35s ease,opacity .35s ease;}
.expertise-section .skill:hover{z-index:1;background:radial-gradient(ellipse at 90% 0%,#1fd0ff16,transparent 55%),linear-gradient(145deg,#12283a,#0a1520);box-shadow:inset 0 0 0 1px #7df0c54a;transform:translateY(-3px);}
.expertise-section .skill:hover:before{opacity:1;transform:scaleY(1);}
.expertise-section .skill h3{max-width:24ch;color:#f2f6f7;font-size:clamp(16px,1.55vw,21px);line-height:1.25;}
.expertise-section .skill p{max-width:42ch;color:#aebfca;font-size:13px;line-height:1.7;}
.process-section{background:radial-gradient(ellipse at 90% 7%,#1fd0ff12,transparent 37%),linear-gradient(180deg,#0b1723,#08131e);}
.process-section .section-head h2{max-width:780px;font-size:clamp(36px,5.2vw,68px);line-height:1.04;text-wrap:balance;}
.process-section .section-aside{color:#b7c8d5;font-size:14px;line-height:1.75;}
.process-line{gap:clamp(14px,2.5vw,30px);}
.process-line:before{background:linear-gradient(90deg,#1fd0ff,#7df0c5,#ffcf66);opacity:.65;}
.process-step{min-height:176px;padding:0 16px 18px 0;border-bottom:1px solid #8ca8b52a;}
.process-index{width:42px;height:42px;border:1px solid #7df0c56b;background:radial-gradient(circle at 50% 50%,#133044,#0b1723);color:#7df0c5;box-shadow:0 0 22px #1fd0ff12;}
.process-step h3{font-size:clamp(18px,1.8vw,23px);}
.process-step p{max-width:31ch;color:#bac8d1;font-size:13px;line-height:1.75;}
.task-filters{display:flex;flex-wrap:wrap;overflow:visible;gap:9px;padding:5px 1px 12px;scrollbar-width:none;scrollbar-color:transparent transparent;}.task-filters::-webkit-scrollbar{display:none;}
.task-filter{min-height:42px;padding:0 15px;border:1px solid #7df0c53a;border-radius:999px;background:linear-gradient(135deg,#10243a,#0c1b2a);color:#e8f1f4;font-size:11px;box-shadow:inset 0 1px #fff1;transition:transform .22s ease,border-color .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease;}
.task-filter:hover,.task-filter:focus-visible{outline:2px solid #7df0c580;outline-offset:2px;border-color:#7df0c5;background:#14334a;color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #1fd0ff16;}
.task-filter.is-active,.task-filter[aria-pressed=true]{border-color:#7df0c5;background:linear-gradient(120deg,#7df0c5,#1fd0ff);color:#071521;box-shadow:0 0 22px #1fd0ff32;}
.task-filter small{font-size:10px;opacity:.78;}
@media(max-width:900px){.portfolio-hero-layout{grid-template-columns:minmax(0,1fr) minmax(0,.96fr);gap:20px}.portfolio-hero-layout>*{min-width:0}.portfolio-hero h1{font-size:clamp(42px,6vw,58px);line-height:1.04}.impact-stage{width:100%;min-width:0;min-height:0;aspect-ratio:1/1}.impact-core-word{font-size:clamp(50px,8vw,70px)}.expertise-section .section-head{grid-template-columns:minmax(0,1.1fr) minmax(210px,.7fr)}.expertise-section .section-head h2,.process-section .section-head h2{font-size:clamp(34px,5vw,54px)}}
@media(max-width:760px){.expertise-section .section-head{grid-template-columns:1fr;gap:12px}.expertise-section .section-head h2,.process-section .section-head h2{font-size:clamp(34px,8vw,48px)}.practice-lane{min-height:60px}.expertise-section .skills{grid-template-columns:repeat(2,minmax(0,1fr));}.expertise-section .skill{min-height:158px;padding:17px}.expertise-section .skill h3{font-size:16px}.expertise-section .skill p{font-size:12px}.process-step{min-height:150px}}
@media(max-width:680px){.portfolio-hero-layout{grid-template-columns:1fr}.impact-stage{width:min(100%,510px)}.process-line{grid-template-columns:1fr}.process-step{min-height:0;border-bottom:1px solid #8ca8b52a;padding:0 0 18px 49px}.process-line:before{left:20px;right:auto;width:1px;height:auto;top:20px;bottom:20px;background:linear-gradient(180deg,#1fd0ff,#7df0c5,#ffcf66)}html[dir="rtl"] .process-step{padding:0 49px 18px 0}html[dir="rtl"] .process-line:before{left:auto;right:20px}}
@media(max-width:440px){.expertise-section .skills{grid-template-columns:1fr}.expertise-section .skill,.expertise-section .skill:nth-child(n){grid-column:1/-1;min-height:0}.task-filters{display:flex;overflow-x:auto;}.task-filter{min-height:40px;padding-inline:12px;font-size:10px;}}


/* Approved wide letterform hero: one composed stage, motion belongs to the artwork. */
.portfolio-hero{background:radial-gradient(ellipse at 50% 42%,#0d2430 0,#091722 58%,#07111b 100%);}
.portfolio-hero-layout{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding-bottom:clamp(28px,4vh,48px);}
.impact-stage--approved{position:relative;grid-area:1/1;width:100%;height:min(760px,calc(100svh - 110px));min-height:570px;aspect-ratio:1200/760;overflow:hidden;border:1px solid #ffffff21;border-radius:3px;background:linear-gradient(135deg,#07111b,#0a1622 62%,#102235);box-shadow:none;isolation:isolate;}
.impact-stage--approved:before{position:absolute;inset:0;content:"";background:radial-gradient(ellipse at 27% 50%,#1fd0ff21,transparent 40%),radial-gradient(ellipse at 68% 55%,#7df0c511,transparent 47%);pointer-events:none;}
.impact-stage--approved:after{display:none;}
.impact-art{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible;}
.impact-art-orbit{transform-box:view-box;transform-origin:365px 380px;animation:approved-impact-orbit 48s linear infinite;}
.impact-art-dash{stroke-dasharray:17 17;animation:approved-impact-dash 22s linear infinite;}
.impact-art-word{filter:drop-shadow(0 0 15px #1fd0ff30);animation:approved-impact-glow 4s ease-in-out infinite alternate;}
.impact-art-word--ar{letter-spacing:0;}
.impact-art-dot{transform-box:fill-box;transform-origin:center;}
.impact-art-dot--a{animation:approved-impact-dot-a 7s ease-in-out infinite alternate;}
.impact-art-dot--b{animation:approved-impact-dot-b 9s ease-in-out infinite alternate;}
.impact-art-dot--c{animation:approved-impact-dot-c 8s ease-in-out infinite alternate;}
.portfolio-hero-copy{position:relative;grid-area:1/1;align-self:center;justify-self:end;width:min(37%,520px);max-width:none;margin:0 5% 0 0;padding:0;z-index:2;}
.portfolio-hero h1{max-width:9ch;margin:20px 0 18px;font-size:clamp(46px,6.2vw,82px);line-height:.99;letter-spacing:-.075em;text-wrap:balance;}
.portfolio-hero h1 span{color:#eef5fb;}
.portfolio-lede{max-width:36ch;color:#b5c8da;font-size:clamp(15px,1.35vw,19px);line-height:1.75;}
.portfolio-scroll-cue{margin-top:clamp(25px,4vh,42px);}
.impact-stage--approved .impact-stage-meta,.impact-stage--approved .impact-stage-footer{position:absolute;z-index:3;display:flex;align-items:center;color:#9fb2c7;font-size:10px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;}
.impact-stage--approved .impact-stage-meta{top:26px;left:28px;right:28px;justify-content:space-between;}
.impact-stage--approved .impact-stage-footer{left:28px;right:auto;bottom:24px;justify-content:flex-start;gap:14px;font-size:9px;letter-spacing:.11em;}
.impact-stage--approved .impact-stage-footer i{width:4px;height:4px;border-radius:50%;background:#7df0c5;box-shadow:0 0 12px #7df0c5;}
@keyframes approved-impact-orbit{to{transform:rotate(360deg)}}
@keyframes approved-impact-dash{to{stroke-dashoffset:-740}}
@keyframes approved-impact-glow{to{filter:drop-shadow(0 0 28px #7df0c55c)}}
@keyframes approved-impact-dot-a{to{transform:translate(65px,-38px) scale(1.35)}}
@keyframes approved-impact-dot-b{to{transform:translate(-52px,44px) scale(.8)}}
@keyframes approved-impact-dot-c{to{transform:translate(35px,-58px) scale(1.3)}}
html[dir="rtl"] .portfolio-hero-copy{direction:rtl;text-align:right;justify-self:end;margin-right:5%;margin-left:0;}
html[dir="rtl"] .portfolio-hero h1{letter-spacing:0;line-height:1.2;}
html[dir="rtl"] .portfolio-eyebrow{letter-spacing:0;}
html[dir="rtl"] .impact-stage--approved .impact-stage-meta{direction:rtl;}
html[dir="rtl"] .impact-stage--approved .impact-stage-footer{direction:rtl;}
/* Keep filtered cards hidden even when the expanded library sets display on every card. */
.library .bot[hidden]{display:none!important;}
/* Open, connected process line instead of four boxed panels. */
.process-section{background:radial-gradient(ellipse at 82% 8%,#1fd0ff0d,transparent 42%),linear-gradient(180deg,#091722,#07111b);}
.process-section .section-head{grid-template-columns:minmax(0,1.15fr) minmax(240px,.62fr);align-items:end;gap:clamp(28px,6vw,90px);margin-bottom:clamp(42px,6vw,72px);}
.process-section .section-head h2{max-width:15ch;font-size:clamp(38px,5.2vw,70px);line-height:1.02;letter-spacing:-.06em;}
.process-section .section-aside{max-width:38ch;color:#afc2ce;font-size:15px;line-height:1.75;}
.process-line{gap:clamp(18px,3vw,42px);}
.process-line:before{top:22px;left:2%;right:2%;height:1px;background:linear-gradient(90deg,#1fd0ff,#7df0c5,#ffcf66);opacity:.72;}
.process-step,.process-step:nth-child(n){min-height:0;gap:22px;padding:0 0 20px;border:0;border-bottom:1px solid #8ca8b529;background:transparent!important;box-shadow:none;}
.process-index{width:46px;height:46px;border:1px solid #7df0c580;background:#091722;color:#7df0c5;box-shadow:0 0 0 7px #091722,0 0 24px #1fd0ff12;}
.process-step>i{top:18px;left:auto;right:8px;width:7px;height:7px;}
.process-step h3{margin:0 0 8px;font-size:clamp(20px,2vw,25px);}
.process-step p{max-width:34ch;color:#afc2ce;font-size:14px;line-height:1.75;}
html[dir="rtl"] .process-section .section-head{direction:rtl;text-align:right;}
html[dir="rtl"] .process-line:before{background:linear-gradient(270deg,#1fd0ff,#7df0c5,#ffcf66);}
html[dir="rtl"] .process-step{padding:0 0 20px;border:0;border-bottom:1px solid #8ca8b529;background:transparent!important;}
html[dir="rtl"] .process-step>i{left:8px;right:auto;}
@media(max-width:900px){.portfolio-hero-copy{width:39%;margin-right:4%;}.portfolio-hero h1{font-size:clamp(42px,5.7vw,62px);}.impact-stage--approved{min-height:520px;height:min(700px,calc(100svh - 100px));}.process-section .section-head h2{font-size:clamp(36px,5vw,54px);}}
@media(max-width:680px){.portfolio-hero{padding-top:30px;}.portfolio-hero-layout{display:grid;grid-template-columns:1fr;gap:0;padding-bottom:25px;}.impact-stage--approved{height:690px;min-height:690px;aspect-ratio:auto;}.impact-art{height:57%;top:0;bottom:auto;}.impact-stage--approved:after{display:block;position:absolute;inset:36% 0 0;z-index:1;content:"";background:linear-gradient(180deg,transparent,#08131bed 46%);pointer-events:none;}.portfolio-hero-copy{grid-area:1/1;align-self:end;justify-self:stretch;width:auto;margin:0;padding:0 7% 8%;}.portfolio-hero h1{max-width:10ch;font-size:clamp(42px,11vw,62px);line-height:1.04;}.portfolio-hero-lede{max-width:36ch;}.portfolio-actions{gap:9px;margin-top:20px;}.portfolio-actions .portfolio-button{min-height:46px;padding-inline:12px;font-size:11px;}.portfolio-scroll-cue{margin-top:20px;}.motion-access-toggle{margin-top:10px;}.impact-stage--approved .impact-stage-meta{top:17px;left:17px;right:17px;font-size:8px;letter-spacing:.08em;}.impact-stage--approved .impact-stage-footer{left:17px;right:17px;bottom:auto;top:53%;flex-wrap:wrap;gap:8px;font-size:7px;}.impact-stage--approved .impact-stage-footer i{width:3px;height:3px;}.impact-art-word{font-size:125px;}.impact-art-word--ar{font-size:152px;}.process-section .section-head{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:34px;}.process-section .section-head h2{max-width:14ch;font-size:clamp(36px,9vw,50px);}.process-section .section-aside{font-size:13px;}.process-line{grid-template-columns:1fr;gap:20px;}.process-line:before{left:22px;right:auto;top:20px;bottom:24px;width:1px;height:auto;background:linear-gradient(180deg,#1fd0ff,#7df0c5,#ffcf66);}.process-step,.process-step:nth-child(n){min-height:0;gap:12px;padding:0 0 17px 58px;border-bottom:1px solid #8ca8b529;}.process-index{width:44px;height:44px;}.process-step>i{top:18px;left:16px;right:auto;}.process-step p{max-width:46ch;font-size:13px;}.approach-cta{padding:22px 0;border-top:1px solid #ffffff25;background:transparent!important;box-shadow:none;}.approach-cta:after{opacity:.15;}.approach-cta .portfolio-button{width:100%;justify-content:center;}html[dir="rtl"] .portfolio-hero-copy{margin:0;padding:0 7% 8%;}.portfolio-hero-copy .portfolio-actions{direction:rtl;}html[dir="rtl"] .impact-stage--approved .impact-stage-meta{direction:rtl;}html[dir="rtl"] .impact-stage--approved .impact-stage-footer{direction:rtl;}html[dir="rtl"] .process-section .section-head{align-items:flex-start;text-align:right;}.process-section .section-head .section-aside{align-self:stretch;}html[dir="rtl"] .process-line:before{left:auto;right:22px;}html[dir="rtl"] .process-step,html[dir="rtl"] .process-step:nth-child(n){padding:0 58px 17px 0;}html[dir="rtl"] .process-step>i{left:auto;right:16px;}}
@media(prefers-reduced-motion:reduce){.impact-art-orbit,.impact-art-dash,.impact-art-word,.impact-art-dot{animation-duration:12s!important;}}
.motion-off .impact-art-orbit,.motion-off .impact-art-dash,.motion-off .impact-art-word,.motion-off .impact-art-dot{animation-play-state:paused!important;}

/* Keep the title legible over the long orbit paths and remove the stray baseline trace. */
.portfolio-hero-copy{z-index:4;}
.portfolio-hero .impact-word-motion:after{display:none;}
.impact-stage--approved:after{display:block;position:absolute;inset:0;z-index:2;content:"";background:linear-gradient(90deg,transparent 43%,#09172235 52%,#091722d9 66%,#091722f2 100%);pointer-events:none;}
@media(max-width:680px){.impact-stage--approved:after{inset:34% 0 0;z-index:2;background:linear-gradient(180deg,transparent,#08131bed 47%);}}

/* Pin the approved copy column to the physical right edge in both locales. */
.portfolio-hero-copy{position:absolute;top:50%;left:57%;right:5%;width:auto;margin:0;transform:translateY(-50%);justify-self:auto;align-self:auto;}
html[dir="rtl"] .portfolio-hero-copy{left:57%;right:5%;margin:0;transform:translateY(-50%);}
@media(max-width:680px){.portfolio-hero-copy{top:auto;left:7%;right:7%;bottom:8%;width:auto;margin:0;padding:0;transform:none;}html[dir="rtl"] .portfolio-hero-copy{left:7%;right:7%;margin:0;padding:0;transform:none;}}

@media(max-width:680px){.impact-stage--approved .impact-stage-footer{display:none;}}

/* Preserve the centered copy transform while the reveal animation runs. */
.portfolio-hero-copy.reveal{transform:translateY(calc(-50% + 20px));}
.portfolio-hero-copy.reveal.is-visible{transform:translateY(-50%);}
@media(max-width:680px){.portfolio-hero-copy.reveal,.portfolio-hero-copy.reveal.is-visible{transform:none;}}


/* Capability system: editorial phases replace the repetitive card wall. */
.expertise-section .section-head h2{max-width:900px;text-wrap:balance}
.expertise-section .practice-system{margin:clamp(26px,4vw,48px) 0 clamp(38px,6vw,72px);padding:14px 0 20px;border:0;border-block:1px solid #7df0c52e;border-radius:0;background:transparent;box-shadow:none}
.expertise-section .practice-system:after{display:none}
.expertise-section .practice-header{margin:0 0 10px;padding:0 2px;color:#a9bdc8;font-size:10px}
.expertise-section .practice-lane{grid-template-columns:minmax(112px,15%) minmax(0,1fr);min-height:66px;border-color:#d5e5ed21}
.expertise-section .practice-lane>b{font-size:10px}
.expertise-section .practice-copy{min-width:max-content;gap:clamp(18px,2.8vw,36px);padding-inline:18px;color:#e8f0f4;font-size:clamp(13px,1.22vw,16px);animation-duration:36s}
.expertise-section .practice-lane--connect .practice-copy{animation-duration:54s}
.expertise-section .practice-copy i{width:20px;height:20px;display:grid;place-items:center;font-size:17px}
.expertise-section .capability-flow{position:relative;display:grid;gap:0;counter-reset:capability}
.expertise-section .capability-phase{position:relative;display:grid;grid-template-columns:minmax(190px,.72fr) minmax(0,2.28fr);gap:clamp(22px,4.2vw,66px);padding:clamp(25px,3.4vw,44px) 0;border-top:1px solid #d8e5ec28}
.expertise-section .capability-phase:last-child{border-bottom:1px solid #d8e5ec28}
.expertise-section .capability-phase-head{position:relative;display:grid;grid-template-columns:54px 1fr;align-content:start;gap:14px}
.expertise-section .capability-index{color:#7df0c5;font:600 clamp(27px,3.1vw,42px)/.95 "Space Grotesk",sans-serif;letter-spacing:-.08em}
.expertise-section .capability-phase-head h3{margin:0 0 9px;color:#f1f4f3;font-size:clamp(21px,2.15vw,29px);line-height:1.1;letter-spacing:-.045em;text-wrap:balance}
.expertise-section .capability-phase-head p{max-width:27ch;margin:0;color:#aabac4;font-size:13px;line-height:1.65}
.expertise-section .capability-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(14px,2.15vw,30px)}
.expertise-section .capability-item{position:relative;min-width:0;padding:1px 0 0 15px;border-left:1px solid #7df0c54a;transition:transform .35s cubic-bezier(.2,.75,.25,1),border-color .35s ease}
.expertise-section .capability-item:hover{transform:translateY(-4px);border-color:#7df0c5}
.expertise-section .capability-item-index{display:block;margin:0 0 13px;color:#ffcf66;font:700 9px/1 ui-monospace,monospace;letter-spacing:.12em}
.expertise-section .capability-item h4{margin:0 0 8px;color:#ecf2f4;font-size:clamp(14px,1.22vw,17px);line-height:1.28;letter-spacing:-.025em;text-wrap:pretty}
.expertise-section .capability-item p{margin:0;color:#b3c1c9;font-size:12px;line-height:1.7}
html[dir="rtl"] .expertise-section .capability-phase-head{text-align:right}
html[dir="rtl"] .expertise-section .capability-item{padding:1px 15px 0 0;border-left:0;border-right:1px solid #7df0c54a;text-align:right}
html[dir="rtl"] .expertise-section .capability-item:hover{border-right-color:#7df0c5}
html[dir="rtl"] .expertise-section .practice-header{direction:rtl}
.expertise-section .markets{margin-top:clamp(34px,5vw,58px)}
@media(max-width:900px){.expertise-section .capability-phase{grid-template-columns:minmax(155px,.7fr) minmax(0,2fr);gap:25px}.expertise-section .capability-phase-head{grid-template-columns:40px 1fr;gap:10px}.expertise-section .capability-items{gap:14px}.expertise-section .capability-item{padding-left:10px}.expertise-section .capability-item h4{font-size:14px}.expertise-section .capability-item p{font-size:11px}}
@media(max-width:680px){.expertise-section .practice-system{margin:26px 0 38px;padding:12px 0 15px}.expertise-section .practice-header{gap:8px;font-size:8px}.expertise-section .practice-lane{grid-template-columns:78px minmax(0,1fr);min-height:58px}.expertise-section .practice-lane>b{font-size:8px}.expertise-section .practice-copy{font-size:12px;gap:17px;padding-inline:12px}.expertise-section .practice-copy i{width:17px;height:17px;font-size:14px}.expertise-section .capability-phase{grid-template-columns:1fr;gap:21px;padding:25px 0 29px}.expertise-section .capability-phase-head{grid-template-columns:42px minmax(0,1fr);gap:12px}.expertise-section .capability-phase-head h3{font-size:24px}.expertise-section .capability-phase-head p{max-width:44ch;font-size:12px}.expertise-section .capability-items{grid-template-columns:1fr;gap:0}.expertise-section .capability-item{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:10px;padding:14px 0;border:0;border-top:1px solid #d8e5ec20;text-align:left}.expertise-section .capability-item:hover{transform:translateX(3px)}.expertise-section .capability-item-index{grid-row:1/3;margin:4px 0 0}.expertise-section .capability-item h4{font-size:16px;margin-bottom:6px}.expertise-section .capability-item p{grid-column:2;font-size:12px;line-height:1.65}html[dir="rtl"] .expertise-section .capability-item{grid-template-columns:minmax(0,1fr) 36px;border:0;border-top:1px solid #d8e5ec20;text-align:right}html[dir="rtl"] .expertise-section .capability-item:hover{transform:translateX(-3px)}html[dir="rtl"] .expertise-section .capability-item-index{grid-column:2;grid-row:1/3}html[dir="rtl"] .expertise-section .capability-item h4,html[dir="rtl"] .expertise-section .capability-item p{grid-column:1}}

/* Final readability pass for the connected capability story. */
.expertise-section .section-head h2{font-size:clamp(37px,3.8vw,56px)}
.expertise-section .capability-phase-head p{font-size:14px}
.expertise-section .capability-item h4{font-size:clamp(16px,1.3vw,19px)}
.expertise-section .capability-item p{font-size:14px;line-height:1.72}
@media(max-width:900px){.expertise-section .capability-item p{font-size:13px}}
@media(max-width:680px){.expertise-section .section-head h2{font-size:clamp(34px,8vw,47px)}.expertise-section .capability-phase-head p{font-size:13px}.expertise-section .capability-item h4{font-size:17px}.expertise-section .capability-item p{font-size:13px}}

/* Keep short marquee lanes filled throughout their loop. */
.expertise-section .practice-copy{min-width:100%;justify-content:space-around}
.expertise-section .practice-lane--connect .practice-copy{min-width:max-content;justify-content:flex-start}


/* Motion and information clarity pass: expressive, continuous, and locale-safe. */
.impact-stage--approved:before{border:0!important;border-radius:0!important;box-shadow:none!important;background:radial-gradient(ellipse at 28% 50%,#1fd0ff16,transparent 38%),radial-gradient(ellipse at 65% 52%,#7df0c50a,transparent 46%)!important;}
.impact-stage--approved:after{border-radius:0!important;}
.impact-art-orbit{opacity:.12!important;}
.impact-art-word{transform-box:fill-box;transform-origin:center;animation:hero-word-lift 5.8s cubic-bezier(.22,1,.36,1) infinite alternate,approved-impact-glow 4s ease-in-out infinite alternate!important;}
@keyframes hero-word-lift{0%{transform:translateY(5px) scale(.965)}100%{transform:translateY(-5px) scale(1.035)}}
.practice-system{position:relative;overflow:hidden;margin:clamp(34px,5vw,58px) 0 0;padding:0;border:1px solid #7df0c534;border-radius:4px 28px 4px 4px;background:radial-gradient(ellipse at 48% 0%,#1fd0ff12,transparent 50%),linear-gradient(145deg,#0c1d2c,#091521 76%);}
.practice-flow-meta{display:flex;justify-content:space-between;gap:20px;padding:18px clamp(18px,3vw,34px);border-bottom:1px solid #8ca8b52a;color:#9cb4c2;font:700 10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em;}
.practice-flow-meta i{padding-inline:9px;color:#7df0c5;font-style:normal;}
.practice-flow{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));}
.practice-flow:before,.practice-flow:after{position:absolute;top:46px;left:10%;right:10%;height:1px;content:"";pointer-events:none;}
.practice-flow:before{background:linear-gradient(90deg,#1fd0ff55,#7df0c555,#ffcf6655);}
.practice-flow:after{z-index:1;width:24%;right:auto;background:linear-gradient(90deg,transparent,#7df0c5,#1fd0ff,transparent);filter:drop-shadow(0 0 7px #7df0c5);animation:practice-signal-travel 9s linear infinite;}
.practice-phase{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:16px;min-width:0;padding:26px clamp(16px,2.6vw,32px) 30px;border-inline-end:1px solid #8ca8b522;}
.practice-phase:last-child{border:0;}
.practice-phase-index{position:relative;z-index:2;display:grid;place-items:center;width:38px;height:38px;border:1px solid #7df0c577;border-radius:50%;background:#0a1722;color:#7df0c5;font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;box-shadow:0 0 0 7px #0a1722;}
.practice-phase-node{position:absolute;z-index:3;top:41px;left:calc(clamp(16px,2.6vw,32px) + 15px);width:8px;height:8px;border:1px solid #d6fff1;border-radius:50%;background:#7df0c5;box-shadow:0 0 0 4px #7df0c522,0 0 16px #7df0c5;animation:practice-node-breathe 3.6s ease-in-out infinite;}
.practice-phase:nth-child(2) .practice-phase-node{animation-delay:-1.2s;background:#1fd0ff;box-shadow:0 0 0 4px #1fd0ff22,0 0 16px #1fd0ff;}
.practice-phase:nth-child(3) .practice-phase-node{animation-delay:-2.4s;background:#ffcf66;box-shadow:0 0 0 4px #ffcf6622,0 0 16px #ffcf66;}
.practice-phase-kicker{margin:1px 0 5px;color:#7df0c5;font:700 9px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;}
.practice-phase h3{margin:0;color:#f1f6f9;font-size:clamp(18px,2vw,25px);line-height:1.2;letter-spacing:-.035em;}
.practice-phase-description{max-width:39ch;margin:9px 0 16px;color:#b0c1cc;font-size:13px;line-height:1.65;}
.practice-tags{display:flex;flex-wrap:wrap;gap:7px;}
.practice-tags span{padding:5px 9px;border:1px solid #8ca8b52e;border-radius:999px;color:#c7d6dd;font-size:10px;line-height:1.35;}
html[dir="rtl"] .practice-flow-meta{direction:rtl;letter-spacing:0;}
html[dir="rtl"] .practice-flow:before{background:linear-gradient(270deg,#1fd0ff55,#7df0c555,#ffcf6655);}
html[dir="rtl"] .practice-flow:after{left:auto;right:10%;animation-name:practice-signal-travel-rtl;background:linear-gradient(270deg,transparent,#7df0c5,#1fd0ff,transparent);}
html[dir="rtl"] .practice-phase{direction:rtl;text-align:right;}
html[dir="rtl"] .practice-phase-node{left:auto;right:calc(clamp(16px,2.6vw,32px) + 15px);}
@keyframes practice-signal-travel{0%{transform:translateX(0);opacity:0}12%,88%{opacity:1}100%{transform:translateX(310%);opacity:0}}
@keyframes practice-signal-travel-rtl{0%{transform:translateX(0);opacity:0}12%,88%{opacity:1}100%{transform:translateX(-310%);opacity:0}}
@keyframes practice-node-breathe{0%,100%{transform:scale(.78);filter:brightness(.85)}50%{transform:scale(1.25);filter:brightness(1.25)}}
.markets-overview{display:grid;grid-template-columns:minmax(210px,.78fr) minmax(0,1.6fr);gap:clamp(24px,5vw,68px);align-items:start;margin-top:clamp(46px,7vw,82px);padding-top:28px;border-top:1px solid #7df0c52a;}
.markets-heading h3{margin:7px 0 8px;color:#f1f6f9;font-size:clamp(22px,2.4vw,30px);line-height:1.15;letter-spacing:-.035em;}
.markets-heading p{max-width:37ch;margin:0;color:#aebfca;font-size:13px;line-height:1.7;}
.market-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #8ca8b528;background:#0a1722;}
.market-group{position:relative;min-width:0;padding:19px 18px 20px;border-inline-end:1px solid #8ca8b528;}
.market-group:last-child{border:0;}
.market-group-index{color:#7df0c5;font:700 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;}
.market-group h4{margin:15px 0 8px;color:#edf4f7;font-size:14px;line-height:1.35;}
.market-group p{margin:0;color:#aebfca;font-size:12px;line-height:1.7;}
html[dir="rtl"] .markets-overview{direction:rtl;}
@keyframes process-signal-sweep{0%{transform:scaleX(0);opacity:.25}12%,84%{opacity:1}100%{transform:scaleX(1);opacity:.25}}
.process-line{isolation:isolate;}
.process-line:before{z-index:0;background:linear-gradient(90deg,#1fd0ff33,#7df0c533,#ffcf6633);opacity:1;}
.process-line:after{position:absolute;z-index:0;top:22px;left:2%;right:2%;height:2px;content:"";transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#1fd0ff,#7df0c5 55%,#ffcf66);filter:drop-shadow(0 0 6px #7df0c5);animation:process-signal-sweep 8s cubic-bezier(.22,1,.36,1) infinite;}
.process-step{z-index:1;}
.process-step>i{display:none;}
.process-index{position:relative;}
.process-index:after{position:absolute;inset:-5px;border:1px solid #7df0c5;border-right-color:transparent;border-radius:50%;content:"";animation:process-ring-turn 4.5s linear infinite;}
.process-step:nth-child(2) .process-index:after{animation-delay:-1.1s;border-top-color:#1fd0ff;}
.process-step:nth-child(3) .process-index:after{animation-delay:-2.2s;border-bottom-color:#ffcf66;}
.process-step:nth-child(4) .process-index:after{animation-delay:-3.3s;border-left-color:#7df0c5;}
@keyframes process-ring-turn{to{transform:rotate(360deg)}}
html[dir="rtl"] .process-line:after{left:2%;right:2%;transform-origin:right center;background:linear-gradient(270deg,#1fd0ff,#7df0c5 55%,#ffcf66);}
html[dir="rtl"] .process-line:before{background:linear-gradient(270deg,#1fd0ff33,#7df0c533,#ffcf6633);}
.markets .chip{border:1px solid #8ca8b528;background:#0a1722;color:#c7d6dd;}
@media(max-width:900px){.practice-phase{grid-template-columns:34px minmax(0,1fr);gap:12px;padding-inline:15px}.practice-phase-node{left:28px}.markets-overview{grid-template-columns:1fr;gap:22px}.markets-heading p{max-width:58ch}}
@media(max-width:680px){.practice-flow-meta{align-items:flex-start;flex-direction:column;gap:7px;padding:15px 17px;font-size:8px}.practice-flow{grid-template-columns:1fr;padding:5px 0}.practice-flow:before,.practice-flow:after{top:32px;bottom:32px;left:34px;right:auto;width:1px;height:auto}.practice-flow:before{background:linear-gradient(180deg,#1fd0ff55,#7df0c555,#ffcf6655)}.practice-flow:after{width:2px;height:30%;background:linear-gradient(180deg,transparent,#7df0c5,#1fd0ff,transparent);animation-name:practice-signal-vertical}.practice-phase{grid-template-columns:40px minmax(0,1fr);min-height:155px;padding:19px 16px;border-inline-end:0;border-bottom:1px solid #8ca8b522}.practice-phase:last-child{border:0}.practice-phase-node{top:33px;left:31px}.practice-phase-description{max-width:48ch;font-size:12px}.practice-tags{gap:6px}.practice-tags span{font-size:9px}.market-groups{grid-template-columns:1fr}.market-group{padding:16px;border-inline-end:0;border-bottom:1px solid #8ca8b528}.market-group:last-child{border:0}.market-group h4{margin:8px 0 5px}.process-line:after{top:22px;bottom:24px;left:22px;right:auto;width:2px;height:auto;transform:scaleY(0);transform-origin:top center;animation-name:process-signal-sweep-vertical;background:linear-gradient(180deg,#1fd0ff,#7df0c5 55%,#ffcf66)}.process-index:after{inset:-4px}html[dir="rtl"] .practice-flow:before,html[dir="rtl"] .practice-flow:after{left:auto;right:34px}html[dir="rtl"] .practice-flow:after{animation-name:practice-signal-vertical}html[dir="rtl"] .practice-phase-node{left:auto;right:31px}html[dir="rtl"] .process-line:after{left:auto;right:22px;transform-origin:top center}}
@keyframes practice-signal-vertical{0%{transform:translateY(-100%);opacity:0}12%,88%{opacity:1}100%{transform:translateY(340%);opacity:0}}
@keyframes process-signal-sweep-vertical{0%{transform:scaleY(0);opacity:.25}12%,84%{opacity:1}100%{transform:scaleY(1);opacity:.25}}
@media(prefers-reduced-motion:reduce){.impact-art-word{animation:none!important;transform:none!important}.process-line:after{opacity:.65}}
.motion-off .impact-art-word,.motion-off .practice-flow:after,.motion-off .practice-phase-node,.motion-off .process-line:after,.motion-off .process-index:after{animation-play-state:paused!important}

/* Final overlap and motion correction: keep phase numbers clear of their copy. */
.expertise-section .capability-phase-head{grid-template-columns:minmax(0,1fr);gap:10px;min-width:0;}
.expertise-section .capability-index{display:inline-flex;align-items:center;justify-content:center;width:42px;min-height:30px;padding:0 8px;border:1px solid #7df0c55c;border-radius:999px;background:#091722;color:#7df0c5;font-size:15px;line-height:1;letter-spacing:0;}
.expertise-section .capability-phase-head>div{min-width:0;}
.expertise-section .capability-phase-head h3{max-width:24ch;overflow-wrap:anywhere;}
.expertise-section .capability-phase{padding-inline:clamp(18px,2.2vw,30px);}
.practice-phase-index{isolation:isolate;box-shadow:0 0 0 7px #0a1722,0 0 0 8px #7df0c52e,0 0 20px #7df0c522;}
.practice-phase-index:after{position:absolute;inset:-6px;border:2px solid transparent;border-block-start-color:#7df0c5;border-inline-end-color:#1fd0ff;border-radius:50%;content:"";pointer-events:none;animation:process-ring-turn 2.4s linear infinite;filter:drop-shadow(0 0 4px #7df0c588);}
.practice-phase:nth-child(2) .practice-phase-index:after{animation-delay:-.8s;border-block-start-color:#1fd0ff;border-inline-end-color:#7df0c5;}
.practice-phase:nth-child(3) .practice-phase-index:after{animation-delay:-1.6s;border-block-start-color:#ffcf66;border-inline-end-color:#1fd0ff;}
.practice-flow:after{z-index:1;}
.process-index{isolation:isolate;box-shadow:0 0 0 7px #091722,0 0 0 8px #7df0c538,0 0 22px #1fd0ff22;}
.process-index:before{position:absolute;inset:-7px;border:1px solid #7df0c55c;border-radius:50%;content:"";pointer-events:none;}
.process-index:after{inset:-7px;border-width:2px;border-color:transparent;border-block-start-color:#7df0c5;border-inline-end-color:#1fd0ff;filter:drop-shadow(0 0 5px #7df0c588);animation-duration:2.2s;}
.process-step:nth-child(2) .process-index:after{border-block-start-color:#1fd0ff;border-inline-end-color:#7df0c5;}
.process-step:nth-child(3) .process-index:after{border-block-start-color:#ffcf66;border-inline-end-color:#1fd0ff;}
.process-step:nth-child(4) .process-index:after{border-block-start-color:#7df0c5;border-inline-end-color:#ffcf66;}
.process-line:after{z-index:2;height:3px;filter:drop-shadow(0 0 8px #7df0c5);}
.impact-stage--approved .impact-stage-meta{max-width:100%;}
.impact-stage--approved .impact-stage-meta span{min-width:0;}
html[dir="rtl"] .impact-stage--approved .impact-stage-meta span:first-child{display:none;}
@media(max-width:680px){
  .impact-stage--approved .impact-stage-meta{display:none!important;}
  .expertise-section .capability-phase-head{grid-template-columns:minmax(0,1fr);gap:9px;}
  .expertise-section .capability-phase{padding-inline:16px;}
  .expertise-section .capability-index{width:38px;min-height:28px;font-size:13px;}
  .expertise-section .capability-phase-head h3{max-width:100%;font-size:clamp(21px,6vw,25px);line-height:1.2;}
  .practice-phase-index:after{inset:-5px;}
  .process-index:before{inset:-6px;}
  .process-index:after{inset:-6px;}
  .process-line:after{top:22px;bottom:24px;width:3px;height:auto;transform-origin:top center;}
}
@media(prefers-reduced-motion:reduce){.practice-phase-index:after{animation:none!important;}}
.motion-off .practice-phase-index:after{animation-play-state:paused!important;}

/* Make the hero's central impact word visibly animate in both locales. */
.impact-stage--approved .impact-art-word{animation:hero-word-lift 3.4s cubic-bezier(.45,0,.55,1) infinite alternate,approved-impact-glow 2.8s ease-in-out infinite alternate!important;}
@keyframes hero-word-lift{0%{transform:translateY(20px) scale(.84);opacity:.9}100%{transform:translateY(-18px) scale(1.14);opacity:1}}
html[dir="ltr"] .portfolio-hero h1 .impact-word-motion,html[dir="rtl"] .portfolio-hero h1 .impact-word-motion{display:inline-block;transform-origin:50% 20%;will-change:transform,filter,background-position;animation:hero-heading-impact 2.8s ease-in-out infinite!important;padding:0 8px;}
html[dir="ltr"] .portfolio-hero h1 .impact-word-motion{margin-top:8px;}
html[dir="rtl"] .portfolio-hero h1 .impact-word-motion{margin-top:14px;}
@keyframes hero-heading-impact{
  0%,100%{transform:translateY(0) scale(1);background-position:0% 50%;filter:drop-shadow(0 0 12px rgba(42,212,249,0.75)) drop-shadow(0 0 24px rgba(121,239,200,0.5));}
  50%{transform:translateY(2.5px) scale(1.03);background-position:100% 50%;filter:drop-shadow(0 0 20px rgba(42,212,249,0.95)) drop-shadow(0 0 36px rgba(121,239,200,0.75));}
}
@media(prefers-reduced-motion:reduce){.impact-stage--approved .impact-art-word{animation:none!important}}
.motion-off .impact-stage--approved .impact-art-word,body.motion-off .portfolio-hero h1 .impact-word-motion{animation-play-state:paused!important;}
/* The portfolio starts with motion enabled; let its explicit motion control override OS-wide reduced-motion duration clamps. */
body.motion-on .impact-stage--approved .impact-art-word{animation-name:hero-word-lift,approved-impact-glow!important;animation-duration:3.4s,2.8s!important;}
body.motion-on .portfolio-hero h1 .impact-word-motion,
html[dir="ltr"] body.motion-on .portfolio-hero h1 .impact-word-motion,
html[dir="rtl"] body.motion-on .portfolio-hero h1 .impact-word-motion{animation:hero-heading-impact 2.8s ease-in-out infinite!important;animation-name:hero-heading-impact!important;animation-duration:2.8s!important;animation-iteration-count:infinite!important;animation-play-state:running!important;}

/* Keep the approved sections moving even when the browser's global reduced-motion rule clamps animations. */
body.motion-on .practice-flow:after{animation-duration:6s!important;}
body.motion-on .practice-phase-node{animation-duration:3.2s!important;}
body.motion-on .practice-phase-index:after{animation-name:process-ring-turn!important;animation-duration:2.4s!important;}
body.motion-on .process-line:after{animation-duration:5.4s!important;}
body.motion-on .process-index:after{animation-duration:2.8s!important;}

/* Arabic hero: give the headline a deliberate two-line measure, keep the art clear of it, and reset Latin tracking. */
html[dir="rtl"] .portfolio-hero h1{max-width:100%;font-size:clamp(42px,5vw,68px);line-height:1.32;}
html[dir="rtl"] .portfolio-scroll-cue{direction:rtl;letter-spacing:0;font:700 11px/1.5 "Cairo",sans-serif;white-space:nowrap;}
html[dir="rtl"] .portfolio-scroll-cue>span{flex:0 0 26px;}
html[dir="rtl"] .hero-proof{direction:rtl;}

/* A quiet, aligned credentials strip replaces the uneven mixed-language chips. */
.credentials-section{padding-block:clamp(58px,8vw,98px);}
.credentials-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.55fr);align-items:end;gap:clamp(24px,5vw,72px);margin-bottom:30px;}
.credentials-head h2{max-width:18ch;margin:10px 0 0;font-size:clamp(34px,4.4vw,58px);line-height:1.08;letter-spacing:-.045em;}
.credentials-head p{max-width:38ch;margin:0;color:#aebfcb;font-size:14px;line-height:1.75;}
.credential-list{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin:0;padding:0;list-style:none;border-block:1px solid #8ca8b52b;}
.credential-list li{display:flex;min-width:0;min-height:112px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:14px 10px;border-inline-start:1px solid #8ca8b522;text-align:center;}
.credential-list li:first-child{border-inline-start:0;}
.credential-mark{color:#e7f0f4;font-family:"Manrope","Cairo",sans-serif;font-size:clamp(16px,1.55vw,24px);font-weight:800;line-height:1.1;white-space:nowrap;}
.credential-name{max-width:20ch;color:#aebfcb;font-size:11px;line-height:1.45;}
html[dir="rtl"] .credentials-head{text-align:right;}
html[dir="rtl"] .credentials-head h2{letter-spacing:0;line-height:1.22;}
@media(max-width:900px){.credentials-head{grid-template-columns:minmax(0,1fr) minmax(200px,.7fr);}.credential-list{grid-template-columns:repeat(4,minmax(0,1fr));}.credential-list li:nth-child(5){border-inline-start:0;}}
@media(max-width:760px){.hero-proof{display:grid;grid-template-columns:1fr;justify-items:start;gap:8px;padding:14px 0 18px;overflow:visible;white-space:normal;font-size:11px;line-height:1.5;}.hero-proof>i{display:none;}.hero-proof>span{white-space:normal;line-height:1.5;}html[dir="rtl"] .hero-proof{justify-items:end;text-align:right;}}
@media(max-width:680px){html[dir="rtl"] .portfolio-hero h1{max-width:100%;font-size:clamp(40px,9vw,54px);line-height:1.30;}.credentials-head{display:block;margin-bottom:22px;}.credentials-head h2{font-size:clamp(32px,9vw,44px);}.credentials-head p{margin-top:12px;font-size:13px;}.credential-list{grid-template-columns:repeat(2,minmax(0,1fr));}.credential-list li{min-height:92px;padding:12px 8px;border-bottom:1px solid #8ca8b522;}.credential-list li:nth-child(odd){border-inline-start:0;}.credential-list li:last-child:nth-child(odd){grid-column:1/-1;}.credential-mark{font-size:20px;}.credential-name{font-size:10px;}body.motion-on .practice-flow:after{animation-duration:5s!important;}}

/* Reduced-motion OS settings are respected only when the visitor pauses motion explicitly. */
body.motion-on .practice-flow:after,
body.motion-on .practice-phase-node,
body.motion-on .practice-phase-index:after,
body.motion-on .process-line:after,
body.motion-on .process-index:after{animation-play-state:running!important;}
html[dir="rtl"] .impact-art-word--ar{font-size:clamp(112px,13vw,158px);}

/* Tablet and phone hero: give the copy the full stage width so Arabic never strands a short word. */
@media(max-width:760px){
  .portfolio-hero-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding-bottom:25px;}
  .impact-stage--approved{grid-area:1/1;height:clamp(560px,112vw,690px);min-height:560px;aspect-ratio:auto;}
  .impact-art{top:0;bottom:auto;height:57%;}
  .impact-stage--approved:after{display:block;position:absolute;inset:36% 0 0;z-index:1;content:"";background:linear-gradient(180deg,transparent,#08131bed 46%);pointer-events:none;}
  .portfolio-hero-copy{grid-area:1/1;align-self:end;justify-self:stretch;width:auto;max-width:none;margin:0;padding:0 7% 8%;}
  .portfolio-hero h1{max-width:100%;font-size:clamp(38px,7.4vw,52px);line-height:1.18;}
  html[dir="rtl"] .portfolio-hero h1{max-width:100%;font-size:clamp(38px,7.4vw,52px);line-height:1.18;}
}
/* Mobile hero: separate the moving word art from the headline to prevent collisions. */
@media(max-width:760px){
  .portfolio-hero-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-height:0;padding-bottom:25px;}
  .impact-stage--approved{position:relative;grid-area:auto;height:clamp(290px,65vw,380px);min-height:290px;aspect-ratio:auto;border-radius:30px;}
  .impact-art{position:absolute;inset:0;width:100%;height:100%;}
  .impact-stage--approved:after{display:none;}
  .impact-stage--approved .impact-stage-footer{top:auto;bottom:18px;left:16px;right:16px;flex-wrap:wrap;gap:10px;font-size:8px;}
  .portfolio-hero-copy,html[dir="rtl"] .portfolio-hero-copy{position:relative;grid-area:auto;top:auto;right:auto;bottom:auto;left:auto;align-self:stretch;justify-self:stretch;width:auto;max-width:none;margin:0;padding:12px 0 0;transform:none;}
  .portfolio-hero h1,html[dir="rtl"] .portfolio-hero h1{width:100%;max-width:none;font-size:clamp(38px,7.4vw,52px);line-height:1.18;}
}
@media(max-width:760px){.portfolio-hero-copy.reveal,.portfolio-hero-copy.reveal.is-visible{transform:none!important;}}
/* Legacy trajectory mask. The copy:before dark backing was removed because its fixed -48px edge created a sharp vertical cut-off line across the moving ticker stream. */
.impact-art-dash{-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 48%,transparent 60%);mask-image:linear-gradient(90deg,#000 0%,#000 48%,transparent 60%);}
.portfolio-hero-copy:before{display:none!important;}

/* Motion balance and page gutters refinement. */
.impact-art-dot--d{animation:approved-impact-dot-d 8.6s ease-in-out infinite alternate;}
@keyframes approved-impact-dot-d{0%{transform:translate(0,0) scale(.9)}100%{transform:translate(-34px,-34px) scale(1.28)}}
.practice-phase-node{width:10px;height:10px;animation-name:practice-node-travel;animation-duration:3.2s;}
@keyframes practice-node-travel{0%,100%{transform:translateX(-3px) scale(.9);opacity:.8}50%{transform:translateX(9px) scale(1.2);opacity:1}}
html[dir="rtl"] .practice-phase-node{animation-name:practice-node-travel-rtl;}
@keyframes practice-node-travel-rtl{0%,100%{transform:translateX(3px) scale(.9);opacity:.8}50%{transform:translateX(-9px) scale(1.2);opacity:1}}
.practice-phase-index:after{inset:-7px;border-width:1.5px;}
.process-line:after{height:1.5px;filter:drop-shadow(0 0 4px #7df0c566);}
.bot-detail>*{min-width:0;max-width:100%;}
.bot-detail .section{min-width:0;padding-inline:clamp(10px,2.2vw,22px)!important;}
.bot-detail .section-head,.bot-detail .copy-row,.bot-detail .usage-layout,.bot-detail .detail-head>div{min-width:0;}
.bot-detail h1,.bot-detail h2,.bot-detail h3,.bot-detail p,.bot-detail blockquote,.bot-detail li{overflow-wrap:anywhere;}
.credential-list .credential-mark--long{max-width:18ch;white-space:normal;font-size:clamp(11px,1.12vw,15px);line-height:1.3;}
@media(max-width:760px){
  .process-line:after{width:1.5px;}
  .practice-phase-node{top:32px;}
  .bot-detail .section{padding-inline:12px!important;}
  .credential-list .credential-mark--long{font-size:13px;}
}

/* Motion and layering repair: signal paths stay behind readable, visibly rotating rings. */
.process-line{isolation:isolate;}
.process-line:before,.process-line:after{z-index:0!important;}
.process-step{position:relative;z-index:1;}
.process-index{position:relative;z-index:2;isolation:isolate;background:#091722;box-shadow:0 0 0 7px #091722,0 0 0 8px #7df0c54a,0 0 20px #1fd0ff2b;}
.process-index:before{z-index:1;}
.process-index:after{z-index:2;inset:-7px;border-width:2px;border-style:solid;border-color:transparent;border-block-start-color:#7df0c5;border-inline-end-color:#1fd0ff;animation:process-ring-turn 2.6s linear infinite;filter:drop-shadow(0 0 5px #7df0c588);}
.practice-phase-index{z-index:2;background:#0a1722;}
.practice-phase-index:after{z-index:2;animation:process-ring-turn 2.6s linear infinite!important;}
.process-line:after{height:2px!important;filter:drop-shadow(0 0 5px #7df0c588);}
.credential-mark-short{border:0;text-decoration:none;cursor:help;font-size:clamp(20px,2vw,28px);letter-spacing:.04em;}
.credential-mark-short:focus-visible{outline:2px solid #7df0c5;outline-offset:4px;border-radius:2px;}
@media(max-width:680px){.process-line:after{width:2px!important;height:auto!important;}.process-index:after,.practice-phase-index:after{inset:-6px;}}
/* The site's explicit motion control is enabled by default; honor OS reduced motion only when users pause it. */
@media(prefers-reduced-motion:reduce){body.motion-on .practice-phase-index:after,body.motion-on .process-index:after{animation:process-ring-turn 2.6s linear infinite!important;}body.motion-on .process-line:after{animation:process-signal-sweep 5.4s cubic-bezier(.22,1,.36,1) infinite!important;}}
body.motion-off .practice-phase-index:after,body.motion-off .process-index:after,body.motion-off .process-line:after{animation-play-state:paused!important;}

/* Keep original-language assistant prompts readable left-to-right on Arabic pages. */
html[dir="rtl"] .prompt-box{direction:ltr;text-align:left;unicode-bidi:plaintext;}

/* Keep anchored headings clear of the sticky navigation. */
.portfolio-hero,.impact-section,.expertise-section,.process-section,.library-section,.bot-detail,.usage-section,.related-section{scroll-margin-top:92px;}
/* The large impact word sits above the orbit artwork for clean, uninterrupted letterforms. */
.impact-stage--approved .impact-art-orbit,.impact-stage--approved .impact-art-dash{pointer-events:none;}
.impact-stage--approved .impact-art-word-assembly{isolation:isolate;}


/* Final interaction polish: full-name gradient, clean credential marks, true orbiting hero satellites. */
.topbar .brand,.topbar .brand em{color:#f2f5f7;transition:color .2s ease,-webkit-text-fill-color .2s ease;}
.topbar .brand:hover,.topbar .brand:focus-visible{color:transparent;background:linear-gradient(100deg,#7df0c5 0%,#1fd0ff 54%,#ffcf66 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.topbar .brand:hover em,.topbar .brand:focus-visible em{color:transparent;-webkit-text-fill-color:transparent;}
.credential-list abbr.credential-mark--short{text-decoration:none!important;text-decoration-line:none!important;text-decoration-style:none!important;border:0!important;border-bottom:0!important;cursor:help;}
/* Typography-led impact mark: sweeping growth trails and a restrained light pass on the word. */
.impact-stage--approved .impact-art-orbit,.impact-stage--approved .impact-art-satellites,.impact-stage--approved .impact-word-halo{display:none!important;}
.impact-art-word-assembly{animation:hero-word-lift 5.8s cubic-bezier(.22,1,.36,1) infinite alternate;}
.impact-art-word{animation:none!important;filter:drop-shadow(0 0 16px #1fd0ff24);}
.impact-art-sheen{filter:none;}
.impact-trail-track,.impact-trail-flow{stroke-width:1.8;}
.impact-trail-track{stroke:#7df0c54f;}
.impact-trail-flow{stroke:url(#impact-runner-gradient);stroke-width:2.5;stroke-dasharray:38 920;filter:drop-shadow(0 0 6px #62eadc80);animation:impact-trail-move 7s linear infinite;}
.impact-trail-flow--lower{animation-direction:reverse;animation-duration:8.5s;}
@keyframes impact-trail-move{to{stroke-dashoffset:-958}}
body.motion-off .impact-art-word-assembly,body.motion-off .impact-trail-flow{animation-play-state:paused!important;}
body.motion-on .impact-art-word-assembly,body.motion-on .impact-trail-flow{animation-play-state:running!important;}
@media(prefers-reduced-motion:reduce){body:not(.motion-on) .impact-art-word-assembly,body:not(.motion-on) .impact-trail-flow{animation:none!important;}.impact-trail-flow{stroke-dasharray:38 920;}}

/* Welcoming 3D portrait replaces the typographic impact mark in both locales. */
.impact-stage--approved .impact-avatar{position:absolute;z-index:3;left:0;bottom:0;width:54%;height:100%;object-fit:contain;object-position:left bottom;transform-origin:50% 100%;animation:avatar-welcome 5.2s cubic-bezier(.42,0,.58,1) infinite;filter:drop-shadow(0 12px 18px #00000018);pointer-events:none;}
.impact-stage--approved .impact-stage-meta,.impact-stage--approved .impact-stage-footer{z-index:4;}
@keyframes avatar-welcome{0%,100%{transform:translate3d(0,0,0) rotate(-.18deg) scale(1)}50%{transform:translate3d(0,-6px,0) rotate(.18deg) scale(1.009)}}
body.motion-off .impact-stage--approved .impact-avatar{animation-play-state:paused!important;}
@media(max-width:760px){.impact-stage--approved .impact-avatar{width:100%;height:100%;left:0;object-position:center bottom;}}
@media(prefers-reduced-motion:reduce){body:not(.motion-on) .impact-stage--approved .impact-avatar{animation:none;transform:none;}}
.impact-stage--approved .impact-stage-footer{display:none!important;}


/* Rigged welcome portrait: independent wrist wave, mouse click and blink. */
.impact-stage--approved .impact-portrait{position:absolute;z-index:3;left:0;bottom:0;width:54%;max-height:100%;aspect-ratio:1451/1084;height:auto;pointer-events:none;transform:none!important;animation:none!important;}
.impact-stage--approved .impact-portrait img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill;object-position:center bottom;animation:none;}
.impact-stage--approved .impact-avatar{filter:none!important;transform:none!important;}
@media(max-width:760px){.impact-stage--approved .impact-portrait{width:100%;max-height:100%;left:0;bottom:0;}}

/* Living portrait: one untouched illustration deformed smoothly in WebGL (assets/avatar-rig.js).
   No cut-out layers, so no neck seam, detached hand or painted-on eyelids. The <img> stays as the static fallback. */
.impact-stage--approved .impact-portrait canvas.impact-avatar-rig{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:4;opacity:0;pointer-events:none;}
.impact-stage--approved .impact-portrait.is-rigged canvas.impact-avatar-rig{opacity:1;}
.impact-stage--approved .impact-portrait.is-rigged img.impact-avatar{opacity:0;}

/* Kinetic Ticker Stream: Smooth horizontal marquee scrolling behind character */
.impact-kinetic-stream {
  position: absolute;
  direction: ltr !important;
  top: 17%;
  left: 0;
  width: 72%;
  height: 48%;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 4%, rgba(0,0,0,1) 9%, rgba(0,0,0,1) 38%, rgba(0,0,0,0.85) 50%, rgba(0,0,0,0.5) 66%, rgba(0,0,0,0.18) 82%, rgba(0,0,0,0) 94%);
  mask-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 4%, rgba(0,0,0,1) 9%, rgba(0,0,0,1) 38%, rgba(0,0,0,0.85) 50%, rgba(0,0,0,0.5) 66%, rgba(0,0,0,0.18) 82%, rgba(0,0,0,0) 94%);
}

.impact-kinetic-stream .stream-row {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding: 3px 0;
  border-bottom: 1px solid rgba(125, 240, 197, 0.08);
}

.impact-kinetic-stream .stream-track {
  display: flex;
  align-items: center;
  width: max-content;
  white-space: nowrap;
  gap: 0; /* spacing via margins so -50% lands exactly on a repeat (seamless loop) */
  font-family: 'Space Grotesk', 'Cairo', system-ui, -apple-system, sans-serif;
  font-size: 13.5px;
  letter-spacing: 0.035em;
  line-height: 1.4;
  transform: translate3d(0, 0, 0);
  will-change: transform;
}

.impact-kinetic-stream .stream-row--left .stream-track {
  animation: stream-marquee-left 100s linear infinite;
}

.impact-kinetic-stream .stream-row--right .stream-track {
  animation: stream-marquee-right 100s linear infinite;
}

/* The global reduced-motion rule forces animation-duration:.01ms on everything,
   which made the ticker race. Pin the real, slow duration explicitly. */
.impact-kinetic-stream .stream-row .stream-track {
  animation-duration: var(--stream-dur, 100s) !important;
}

.impact-kinetic-stream .stream-item {
  display: inline-block;
  white-space: nowrap;
  transition: opacity 0.25s ease;
}

.impact-kinetic-stream .stream-sep {
  color: #1fd0ffcc;
  font-size: 11px;
  margin: 0 13px;
  display: inline-block;
  transform-origin: center;
  text-shadow: 0 0 8px rgba(31, 208, 255, 0.6);
  animation: star-spin-pulse 4.5s ease-in-out infinite !important;
  animation-delay: calc(var(--i, 0) * -0.6s) !important;
  animation-duration: 4.5s !important;
  will-change: transform, opacity;
}

@keyframes star-spin-pulse {
  0% {
    transform: rotate(0deg) scale(0.85);
    opacity: 0.65;
    color: #1fd0ffcc;
  }
  50% {
    transform: rotate(180deg) scale(1.35);
    opacity: 1;
    color: #7df0c5;
    text-shadow: 0 0 12px rgba(125, 240, 197, 0.9);
  }
  100% {
    transform: rotate(360deg) scale(0.85);
    opacity: 0.65;
    color: #1fd0ffcc;
  }
}

@keyframes stream-marquee-left {
  0% { transform: translate3d(0, 0, 0); }
  100% { transform: translate3d(-50%, 0, 0); }
}

@keyframes stream-marquee-right {
  0% { transform: translate3d(-50%, 0, 0); }
  100% { transform: translate3d(0, 0, 0); }
}

body.motion-off .impact-kinetic-stream .stream-track,
body.motion-off .impact-kinetic-stream .stream-sep {
  animation-play-state: paused !important;
}

@media (prefers-reduced-motion: reduce) {
  body:not(.motion-on) .impact-kinetic-stream .stream-track,
  body:not(.motion-on) .impact-kinetic-stream .stream-sep {
    animation: none !important;
  }
}

@media (max-width: 760px) {
  .impact-kinetic-stream {
    width: 100%;
    top: 16%;
    height: 50%;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
    mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
  }
  .impact-kinetic-stream .stream-track {
    font-size: 11px;
    gap: 0;
  }
  .impact-kinetic-stream .stream-sep {
    font-size: 9px;
    margin: 0 9px;
  }
}
/* Marketing systems playbooks: a restrained editorial showcase that reuses the portfolio palette. */
.playbook-section{position:relative;display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(28px,6vw,88px);align-items:start;padding:clamp(68px,9vw,118px) 0;border-top:1px solid var(--site-line);border-bottom:1px solid var(--site-line);scroll-margin-top:90px}
.playbook-intro{position:sticky;top:36px}
.playbook-intro .eyebrow{color:var(--site-sage)}
.playbook-intro h2{max-width:12ch;margin:12px 0 18px;color:var(--site-ink);font-size:clamp(36px,5vw,66px);line-height:1.02;letter-spacing:-.055em;text-wrap:balance}
.playbook-intro p{max-width:42ch;margin:0;color:var(--site-muted);font-size:clamp(14px,1.15vw,16px);line-height:1.8}
.playbook-list{border-top:1px solid var(--site-line)}
.playbook-item{display:grid;grid-template-columns:42px minmax(0,1fr) 28px;gap:15px;align-items:start;padding:20px 4px;border-bottom:1px solid var(--site-line);color:inherit;text-decoration:none;transition:padding .24s ease,background-color .24s ease}
.playbook-item:hover{padding-inline:12px;background:linear-gradient(90deg,transparent,#1fd0ff0b 22%,#7df0c508 80%,transparent)}
.playbook-item:focus-visible,.playbook-cta:focus-visible{outline:2px solid var(--site-sage);outline-offset:4px;border-radius:3px}
.playbook-index{padding-top:3px;color:var(--site-coral);font:700 11px/1.4 "Space Grotesk",sans-serif;letter-spacing:.1em}
.playbook-item h3{margin:0 0 6px;color:var(--site-ink);font-size:clamp(15px,1.35vw,18px);line-height:1.35;letter-spacing:-.02em}
.playbook-item p{max-width:58ch;margin:0;color:var(--site-muted);font-size:13px;line-height:1.7}
.playbook-arrow{justify-self:end;color:var(--site-gold);font-size:18px;line-height:1.1;transition:transform .24s ease,color .24s ease}
.playbook-item:hover .playbook-arrow{color:var(--site-sage);transform:translate(3px,-3px)}
html[dir="rtl"] .playbook-item:hover .playbook-arrow{transform:translate(-3px,-3px)}
.playbook-cta{display:inline-flex;align-items:center;gap:12px;margin-top:23px;padding:12px 16px;border:1px solid #7df0c54d;border-radius:3px 15px 3px 3px;color:var(--site-ink);font-size:13px;font-weight:750;text-decoration:none;transition:background .2s ease,border-color .2s ease}
.playbook-cta:hover{border-color:var(--site-sage);background:#7df0c510}
.playbook-cta span{color:var(--site-sage)}
.playbook-repo-link{display:block;width:max-content;max-width:100%;margin-top:13px;color:var(--site-muted);font-size:11px;text-decoration:underline;text-decoration-color:#7df0c54d;text-underline-offset:4px}
.playbook-repo-link:hover{color:var(--site-sage)}
.playbook-repo-link:focus-visible,.playbooks-module-link:focus-visible,.playbooks-guide-footer a:focus-visible{outline:2px solid var(--site-sage);outline-offset:4px;border-radius:2px}
@media(max-width:760px){.playbook-section{grid-template-columns:1fr;gap:28px;padding:58px 0}.playbook-intro{position:static}.playbook-intro h2{max-width:17ch;font-size:clamp(34px,9vw,48px)}.playbook-item{grid-template-columns:32px minmax(0,1fr) 20px;gap:10px;padding:17px 2px}.playbook-item h3{font-size:15px}.playbook-item p{font-size:12px}.playbook-cta{width:100%;justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.playbook-item,.playbook-arrow,.playbook-cta{transition:none!important}}

/* Standalone bilingual playbook guides. */
.playbooks-guide-page{min-height:100vh;background:radial-gradient(ellipse at 88% 5%,#12303a55,transparent 32%),var(--site-bg);color:var(--site-ink)}
.playbooks-guide-shell{max-width:1240px;padding-bottom:42px}
.playbooks-guide-page .topbar{padding-top:18px}
.playbooks-guide-page .playbooks-home-link{color:var(--site-ink);font-size:12px;text-decoration:none}
.playbooks-breadcrumb{display:flex;align-items:center;gap:10px;padding:26px 0 10px;color:var(--site-muted);font-size:12px}
.playbooks-breadcrumb a{color:var(--site-sage);text-decoration:none}
.playbooks-guide-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;min-height:390px;padding:clamp(38px,6.5vw,82px) clamp(26px,6vw,82px);overflow:hidden;border:1px solid var(--site-line);border-radius:4px 48px 4px 4px;background:linear-gradient(110deg,#142831 0%,#11191b 57%,#111819 100%);isolation:isolate}
.playbooks-guide-hero:after{content:"";position:absolute;z-index:-1;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--site-sage),var(--site-cyan),transparent 92%);opacity:.8}
.playbooks-guide-hero-copy{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);column-gap:clamp(28px,5.5vw,76px);row-gap:8px;align-items:end;width:100%;max-width:none}
.playbooks-guide-hero .eyebrow,.playbooks-section-head .eyebrow{color:var(--site-sage)}
.playbooks-guide-hero-copy>.eyebrow{grid-column:1/-1}
.playbooks-guide-hero h1{grid-column:1;max-width:17ch;margin:18px 0 0;font-size:clamp(38px,6.3vw,76px);line-height:1.04;letter-spacing:-.055em;text-wrap:balance}
.playbooks-answer{max-width:75ch;margin:0;color:#c5d0d2;font-size:clamp(15px,1.35vw,18px);line-height:1.85}
.playbooks-topic-line{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin-top:19px;color:#d9e2dd;font-size:11px;font-weight:650}
.playbooks-topic-line i{width:4px;height:4px;border-radius:50%;background:var(--site-coral)}
.playbooks-modules-section,.playbooks-how-section,.playbooks-faq-section{padding:clamp(62px,8vw,104px) 0 0}
.playbooks-section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}
.playbooks-section-head h2{max-width:19ch;margin:10px 0 0;font-size:clamp(30px,4.5vw,52px);line-height:1.08;letter-spacing:-.045em;text-wrap:balance}
.playbooks-section-head>p{max-width:43ch;margin:0 0 4px;color:var(--site-muted);font-size:14px;line-height:1.75}
.playbooks-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.playbooks-module{position:relative;display:flex;flex-direction:column;min-width:0;padding:clamp(20px,3vw,32px);border:1px solid var(--site-line);border-radius:3px 24px 3px 3px;background:linear-gradient(150deg,#182024,#14191b 68%);scroll-margin-top:24px}
.playbooks-module:before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,var(--site-sage),transparent 72%);opacity:.65}
.playbooks-module-top{display:flex;justify-content:space-between;align-items:center;gap:14px;color:var(--site-coral);font:700 10px/1.3 "Space Grotesk",sans-serif;letter-spacing:.11em}
.playbooks-module-kind{color:var(--site-sage);text-align:end;text-transform:uppercase}
.playbooks-module h3{margin:18px 0 19px;font-size:clamp(19px,2vw,25px);line-height:1.25;letter-spacing:-.025em}
.playbooks-module dl{display:grid;gap:12px;margin:0 0 24px}
.playbooks-module dl>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:14px;padding-top:12px;border-top:1px solid #ffffff12}
.playbooks-module dt{color:var(--site-gold);font-size:11px;font-weight:750;line-height:1.6}
.playbooks-module dd{margin:0;color:#bec6c2;font-size:12px;line-height:1.75}
.playbooks-module dd a{color:var(--site-sage);text-underline-offset:3px}

.playbooks-module-link{display:inline-flex;align-items:center;gap:9px;margin-top:auto;color:var(--site-sage);font-size:12px;font-weight:750;text-decoration:none}
.playbooks-module-link span{transition:transform .2s ease}
.playbooks-module-link:hover span{transform:translate(3px,-3px)}
.playbooks-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;border-block:1px solid var(--site-line)}
.playbooks-steps li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:14px;padding:24px 18px 24px 0}
.playbooks-steps li+li{border-inline-start:1px solid var(--site-line);padding-inline-start:18px}
.playbooks-steps li>span{color:var(--site-coral);font:700 11px/1.5 "Space Grotesk",sans-serif}
.playbooks-steps h3{margin:0 0 8px;font-size:15px}
.playbooks-steps p,.playbooks-faq p{margin:0;color:var(--site-muted);font-size:12px;line-height:1.8}
.playbooks-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--site-line)}
.playbooks-faq article{padding:21px 18px 21px 0;border-bottom:1px solid var(--site-line)}
.playbooks-faq article:nth-child(2n){padding-inline-start:18px;border-inline-start:1px solid var(--site-line)}
.playbooks-faq h3{margin:0 0 8px;font-size:15px}
.playbooks-guide-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:clamp(54px,8vw,94px);padding:clamp(24px,4vw,42px);border:1px solid #7df0c53d;border-radius:3px 28px 3px 3px;background:linear-gradient(115deg,#173039,#171d1e 70%)}
.playbooks-guide-cta h2{margin:10px 0;font-size:clamp(25px,3.5vw,38px);letter-spacing:-.04em}
.playbooks-guide-cta p{margin:0;color:var(--site-muted);font-size:13px;line-height:1.7}
.playbooks-cta-actions{display:flex;flex-wrap:wrap;gap:10px}
.playbooks-guide-footer{display:flex;justify-content:space-between;gap:16px;margin-top:34px;padding-top:18px;border-top:1px solid var(--site-line);color:var(--site-muted);font-size:11px}
.playbooks-guide-footer a{color:var(--site-sage);text-decoration:none}
.playbooks-detail-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.playbooks-detail-actions .portfolio-button{min-height:46px;display:inline-flex;align-items:center;gap:10px}
.playbooks-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:clamp(42px,7vw,78px);border:1px solid var(--site-line);background:var(--site-line)}
.playbooks-detail-grid>section{min-width:0;padding:clamp(22px,3.5vw,40px);background:linear-gradient(145deg,#131e23,#101719 76%)}
.playbooks-detail-grid .eyebrow{color:var(--site-sage);font:700 10px/1.4 "Space Grotesk",sans-serif;letter-spacing:.12em}
.playbooks-detail-grid h2{margin:13px 0 12px;font-size:clamp(20px,2.4vw,29px);line-height:1.2;letter-spacing:-.035em}
.playbooks-detail-grid p{margin:0;color:#c2ccca;font-size:14px;line-height:1.85;overflow-wrap:anywhere}
.playbooks-detail-workflow{grid-column:1/-1}
.playbooks-detail-workflow ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:22px 0 0;padding:0;list-style:none;border-block:1px solid var(--site-line)}
.playbooks-detail-workflow li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;padding:20px 16px 20px 0;min-width:0}
.playbooks-detail-workflow li+li{border-inline-start:1px solid var(--site-line);padding-inline-start:16px}
.playbooks-detail-workflow li>span{color:var(--site-coral);font:700 11px/1.6 "Space Grotesk",sans-serif}
.playbooks-detail-workflow li p{font-size:13px}

.playbooks-source-link{display:inline-flex;align-items:center;gap:7px;margin-top:12px;color:var(--site-muted);font-size:11px;text-decoration:underline;text-decoration-color:#7df0c54d;text-underline-offset:4px}
.playbooks-source-link:hover{color:var(--site-sage)}
html[dir="rtl"] .playbooks-module:before{left:auto;right:0}
html[dir="rtl"] .playbooks-module-link:hover span{transform:translate(-3px,-3px)}
html[dir="rtl"] .playbooks-steps li{padding:24px 0 24px 18px}
html[dir="rtl"] .playbooks-steps li+li{padding-inline-start:0;padding-inline-end:18px}
html[dir="rtl"] .playbooks-faq article{padding:21px 0 21px 18px}
html[dir="rtl"] .playbooks-faq article:nth-child(2n){padding-inline-start:0;padding-inline-end:18px}
@media(max-width:850px){.playbooks-modules{grid-template-columns:1fr}.playbooks-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.playbooks-steps li:nth-child(3){border-inline-start:0;border-top:1px solid var(--site-line)}.playbooks-steps li:nth-child(4){border-top:1px solid var(--site-line)}}
@media(max-width:600px){.playbooks-guide-shell{width:calc(100% - 28px)}.playbooks-guide-hero{min-height:0;padding:32px 22px;border-top-right-radius:34px}.playbooks-guide-hero-copy{grid-template-columns:minmax(0,1fr);row-gap:0}.playbooks-guide-hero-copy>.eyebrow,.playbooks-guide-hero h1,.playbooks-answer,.playbooks-topic-line,.playbooks-detail-actions{grid-column:1}.playbooks-guide-hero h1{max-width:14ch;margin:18px 0 16px;font-size:clamp(36px,10vw,52px)}.playbooks-answer{font-size:14px;line-height:1.8}.playbooks-topic-line{max-width:100%;margin-top:20px;font-size:10px}.playbooks-section-head{align-items:flex-start;flex-direction:column;gap:12px}.playbooks-module{padding:19px 16px}.playbooks-module dl>div{grid-template-columns:84px minmax(0,1fr);gap:10px}.playbooks-steps li{grid-template-columns:26px minmax(0,1fr);gap:8px;padding:18px 10px 18px 0}.playbooks-steps li+li{padding-inline-start:10px}.playbooks-steps h3{font-size:14px}.playbooks-steps p,.playbooks-faq p{font-size:11px}.playbooks-faq{grid-template-columns:1fr}.playbooks-faq article,.playbooks-faq article:nth-child(2n){padding:17px 0;border-inline-start:0}.playbooks-guide-cta{align-items:stretch;flex-direction:column}.playbooks-cta-actions{flex-direction:column}.playbooks-cta-actions .portfolio-button{width:100%;box-sizing:border-box}.playbooks-guide-footer{flex-direction:column}}
@media(max-width:700px){.playbooks-detail-grid{grid-template-columns:1fr}.playbooks-detail-workflow{grid-column:auto}.playbooks-detail-workflow ol{grid-template-columns:1fr}.playbooks-detail-workflow li{padding:15px 0}.playbooks-detail-workflow li+li{border-inline-start:0;border-top:1px solid var(--site-line);padding-inline-start:0}.playbooks-detail-actions{flex-direction:column}.playbooks-detail-actions .portfolio-button{width:100%;box-sizing:border-box;justify-content:space-between}.playbooks-detail-grid>section{padding:23px 19px}}
@media(prefers-reduced-motion:reduce){.playbooks-module-link span{transition:none}}

.library-source-link{display:inline-flex;align-items:center;gap:8px;margin-top:13px;color:#7df0c5;font-size:14px;font-weight:750;border-bottom:1px solid #7df0c566;padding-bottom:3px}.library-source-link:hover{color:#1fd0ff;border-color:#1fd0ff}