@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/manrope-latin-400-normal.PaqtzbVb.woff2)format("woff2"),url(/_astro/manrope-latin-400-normal.8tf8FM3T.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/manrope-latin-500-normal.BYYD-dBL.woff2)format("woff2"),url(/_astro/manrope-latin-500-normal.DMZssgOp.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/manrope-latin-600-normal.4f0koTD-.woff2)format("woff2"),url(/_astro/manrope-latin-600-normal.BqgrALkZ.woff)format("woff")}:root{color-scheme:dark;--ink:#0b0b0a;--paper:#f3f0e8;--muted:#c2c0b8;--quiet:#b3b2a7;--rule:#efede529;--lava:#ff3d0a;--lava-deep:#a3120a;--lava-hot:#ffc24a;--lava-glow:#ff3d0a66;--lava-flow:linear-gradient(115deg, #ffb028 0%, #ff5a12 20%, #ff2e05 48%, #c2170a 78%, #8f0f06 100%);font-synthesis:none;color:var(--paper);background:var(--ink);font-family:Manrope,sans-serif}*{box-sizing:border-box}body{background:var(--ink);margin:0}button,a,summary{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline:2px solid var(--lava);outline-offset:5px}::selection{background:var(--lava);color:var(--ink)}h1,h2,h3,p,figure{margin:0}img{max-width:100%;display:block}[hidden]{display:none!important}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:30;background:var(--paper);color:var(--ink);padding:15px 20px;position:fixed;top:-90px;left:20px}.skip-link:focus{top:18px}.portfolio-experience{padding-bottom:104px}.portfolio-stage{isolation:isolate;position:relative}.portfolio-world,.stage-vignette{pointer-events:none;display:none;position:absolute;inset:0}.portfolio-world{z-index:0}.portfolio-world canvas{width:100%;height:100%;display:block}.stage-vignette{z-index:1;background:radial-gradient(at 50% 48%,#0000 35%,#0b0b0a80 100%)}.portfolio-header{z-index:10;background:#0b0b0afa;padding:15px 5vw 0;position:sticky;top:0}.header-topline{justify-content:space-between;align-items:center;gap:24px;min-height:51px;display:flex}.name-mark{letter-spacing:-.015em;padding:5px 0;font-size:15px;font-weight:600;line-height:1.4}.name-mark>span{letter-spacing:.03em;color:var(--quiet);margin-top:3px;font-size:12px;font-weight:400;display:block}.header-actions,.experience-controls{align-items:center;gap:22px;display:flex}.header-phone{font-variant-numeric:tabular-nums;min-height:44px;color:var(--paper);align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.header-phone .contact-icon{color:var(--lava)}.header-contact{background:var(--lava-flow);min-height:40px;color:var(--ink);letter-spacing:.01em;box-shadow:0 0 0 1px #ff8a3aaa, 0 6px 26px var(--lava-glow);background-size:220% 100%;border-radius:999px;align-items:center;gap:10px;padding:0 18px;font-size:13px;font-weight:600;transition:filter .16s,transform .16s;animation:6s ease-in-out infinite alternate lava-flow;display:inline-flex}@keyframes lava-flow{0%{background-position:0%}to{background-position:100%}}.header-contact-arrow{font-size:16px;line-height:1}.header-contact-short,.experience-controls{display:none}.js-ready .experience-controls{display:flex}.experience-controls button{white-space:nowrap;background:0 0;border:0;min-height:44px;padding:8px 0;font-size:12px}.sound-wave{letter-spacing:2px;color:var(--quiet);margin-right:7px;font-size:17px;display:inline-block}[aria-pressed=true] .sound-wave{color:var(--paper)}.chapter-rail{border-bottom:1px solid var(--rule);grid-template-columns:repeat(6,minmax(0,1fr));margin-top:9px;display:grid}.chapter-rail a{min-height:46px;color:var(--quiet);align-items:center;gap:11px;padding:8px 8px 10px 0;font-size:13px;display:flex;position:relative}.chapter-rail a:after{content:"";background:var(--lava);transform-origin:0;height:2px;transition:transform .22s;position:absolute;bottom:-1px;left:0;right:15px;transform:scaleX(0)}.chapter-rail-number{font-variant-numeric:tabular-nums;color:var(--lava);font-size:11px}.chapter-rail a[aria-current]{color:var(--paper)}.chapter-rail a[aria-current]:after{transform:scaleX(1)}.portfolio-scene{z-index:2;width:min(1180px,86vw);margin:0 auto;padding:100px 0;scroll-margin-top:145px;position:relative}.portfolio-scene+.portfolio-scene{border-top:1px solid var(--rule)}.portfolio-scene>*,.portfolio-scene [data-fragment],.prose{min-width:0}.eyebrow,.diagram-label{letter-spacing:.12em;text-transform:uppercase;color:var(--quiet);font-size:12px;font-weight:500;line-height:1.7}h1,h2{letter-spacing:-.052em;text-wrap:balance;font-weight:500;line-height:1.09}h1{margin-top:24px;font-size:clamp(38px,4.6vw,65px)}h2{margin-top:20px;font-size:clamp(34px,4vw,56px)}h3{letter-spacing:-.025em;text-wrap:balance;font-size:23px;font-weight:500;line-height:1.35}.prose{color:var(--muted);overflow-wrap:anywhere;text-wrap:pretty;font-size:clamp(16px,1.25vw,18px);line-height:1.75}.prose p+p,.prose>[data-fragment]+[data-fragment]{margin-top:20px}.prose strong{color:var(--paper);font-weight:600}.prose a,.link{color:var(--paper);text-decoration:underline;text-decoration-color:var(--lava);text-underline-offset:5px;text-decoration-thickness:1.5px;transition:color .16s}.link-icon{vertical-align:-.08em;width:.85em;height:.85em;color:var(--lava);margin-left:.3em;display:inline-block}.link-icon svg{width:100%;height:100%;display:block}.link-row{flex-wrap:wrap;gap:10px;display:flex}.link-row .link{background:#f0eee70d;border:1px solid #f0eee740;border-radius:999px;align-items:center;gap:8px;min-height:40px;padding:0 16px 0 14px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .16s,background .16s;display:inline-flex}.link-row .link-icon{width:15px;height:15px;margin:0}.scene-heading h2{max-width:20ch}.scene-heading>.prose{margin-top:24px}.opening-scene{place-items:center;width:100%;min-height:calc(100svh - 123px);padding:0;display:grid;overflow:hidden}.opening-fallback{object-fit:contain;object-position:center;width:100%;height:100%;position:absolute;inset:0}.opening-caption{z-index:2;text-align:center;font-size:14px;line-height:1.8;position:absolute;bottom:9svh;left:16px;right:16px}.opening-caption p{color:var(--muted);letter-spacing:.05em;font-size:13px}.opening-caption a span{color:var(--lava)}.opening-caption a{align-items:center;gap:20px;min-height:44px;padding:10px;display:inline-flex}.opening-caption a span{font-size:18px}.introduction-scene{grid-template-columns:196px minmax(0,1fr);align-items:start;column-gap:clamp(36px,4vw,64px);display:grid}.intro-copy{display:contents}.intro-copy .eyebrow,.intro-copy h1{grid-column:2}.introduction-scene h1{font-size:clamp(38px,5vw,72px)}.intro-description{grid-column:2;max-width:60ch;margin-top:28px}.intro-portrait{grid-area:1/1/4;align-self:start;width:100%;margin-top:4px}.portrait-surface{background:#e9e6dd;border:1px solid #fff6;padding:10px;position:relative;box-shadow:10px 11px #131412,11px 12px #c2c1b437,0 24px 70px #0005}.portrait-surface img{object-fit:contain;width:100%;height:auto}.intro-portrait figcaption{color:var(--quiet);flex-direction:column;gap:2px;margin-top:18px;font-size:12px;line-height:1.7;display:flex}.intro-portrait figcaption span:last-child{color:var(--muted)}.narrative-scene{grid-template-columns:1.05fr 1fr;align-items:center;gap:9%;display:grid}.narrative-copy{border-left:1px solid #e7e5db6b;padding:27px 0 27px 30px}.fit-scene .scene-heading h2{max-width:24ch}.fit-diagram{margin-top:38px}.fit-audiences{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.fit-entry{border:1px solid #e6e4db2e;border-top:2px solid var(--lava);background:linear-gradient(150deg,#23241f,#131411);flex-direction:column;gap:10px;padding:24px 26px 26px;display:flex;position:relative;box-shadow:0 18px 40px #0007}.entry-number{color:var(--lava);letter-spacing:.08em;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600;display:block}.fit-you{color:var(--muted);font-size:15px;line-height:1.5}.fit-entry h3{font-size:clamp(21px,1.8vw,26px);line-height:1.25}.fit-bring{border-top:1px solid var(--rule);color:var(--paper);margin-top:4px;padding-top:14px;font-size:15px;line-height:1.6}.fit-convergence{width:100%;height:72px;margin:-1px 0;display:block}.fit-convergence path{fill:none;stroke:var(--lava);stroke-width:1.5px;vector-effect:non-scaling-stroke;opacity:.85}.fit-contribution{color:#20211d;border-top:3px solid var(--lava);background:#ebe8df;padding:30px 32px 28px;position:relative;box-shadow:0 24px 60px #0008}.fit-node{background:var(--lava-flow);width:15px;height:15px;box-shadow:0 0 0 4px #ebe8df, 0 0 22px var(--lava-glow);border-radius:50%;margin-left:-8px;position:absolute;top:-9px;left:50%}.fit-contribution .diagram-label{color:#5a5b53;text-align:center}.fit-pillars{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin:18px 0 20px;padding:0;list-style:none;display:grid}.fit-pillars li{border-left:2px solid var(--lava);flex-direction:column;gap:6px;padding-left:16px;display:flex}.fit-pillars strong{letter-spacing:-.025em;font-size:clamp(20px,1.7vw,24px);font-weight:500;line-height:1.3}.fit-pillars span{color:#4e4f47;font-size:14px;line-height:1.6}.diagram-note{color:#4e4f47;text-align:center;font-size:14px;line-height:1.65}.workflow-scene .scene-heading h2{max-width:26ch}.workflow-rail{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;margin:46px 0 34px;padding:0;list-style:none;display:grid;position:relative}.workflow-rail:before{content:"";background:linear-gradient(to right, var(--lava-hot), var(--lava) 22%, #ff3d0a55 60%, #e9e8dd33);height:2px;position:absolute;top:23px;left:24px;right:24px}.workflow-step{min-width:0;position:relative}.workflow-node{z-index:1;border:2px solid var(--lava);width:48px;height:48px;color:var(--paper);font-variant-numeric:tabular-nums;box-shadow:0 0 0 6px #0b0b0a, 0 0 26px var(--lava-glow);background:#101110;border-radius:50%;place-items:center;font-size:14px;font-weight:600;display:grid;position:relative}.workflow-step h3{margin:22px 0 10px;font-size:clamp(19px,1.6vw,23px)}.workflow-step p{color:var(--muted);max-width:24ch;font-size:15px;line-height:1.6}.workflow-outcome{border:1px solid #c7c6b85c;border-left:3px solid var(--lava);background:linear-gradient(100deg,#383a31b0,#191b1770);flex-wrap:wrap;align-items:center;gap:18px 34px;padding:22px 28px;display:flex;box-shadow:8px 8px #050604}.outcome-chips{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.outcome-chips li{letter-spacing:-.01em;background:#f0eee712;border:1px solid #f0eee73a;border-radius:999px;align-items:center;gap:10px;padding:10px 18px;font-size:clamp(15px,1.25vw,18px);display:inline-flex}.outcome-chips li:before{content:"";background:var(--lava-flow);width:8px;height:8px;box-shadow:0 0 12px var(--lava-glow);border-radius:50%}.current-work-scene{grid-template-columns:1.05fr 1fr;align-items:start;gap:7%;display:grid}.work-introduction h2{max-width:15ch}.employer-signature{background:linear-gradient(125deg,#e6e5da0e,#e6e5da03);border:1px solid #e6e3d74a;flex-wrap:wrap;align-items:center;gap:17px 25px;margin-top:26px;padding:20px 23px;display:flex;box-shadow:7px 7px #050604}.employer-wordmark{letter-spacing:-.045em;font-size:31px;line-height:1.15}.employer-wordmark>span{letter-spacing:.065em;margin-top:5px;font-size:12px;display:block}.relationship-label{color:var(--quiet);font-size:13px;line-height:1.6}.role-copy{margin-top:28px}.role-copy>div:first-child{font-size:15px}.role-copy>div:nth-child(2){border-left:2px solid var(--lava);padding-left:17px;font-size:19px}.role-detail{background:linear-gradient(135deg,#23241fce,#151613a0);border:1px solid #c9c8ba35;padding:22px 24px;box-shadow:12px 12px #080907,13px 13px #d1cfbf1f}.small-heading{letter-spacing:.08em;text-transform:uppercase;color:var(--quiet);padding-bottom:12px;font-size:13px}.role-duties{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin:0;padding:0;list-style:none;display:grid}.role-duties li{border-top:1px solid var(--rule);color:var(--muted);grid-template-columns:24px 1fr;gap:12px;padding:11px 0;font-size:14px;line-height:1.5;display:grid}.role-duties strong{color:var(--paper);margin-bottom:2px;font-weight:600;display:block}.duty-number{color:var(--lava);font-variant-numeric:tabular-nums;padding-top:3px;font-size:12px;font-weight:600}.work-relationships{border-top:1px solid var(--rule);grid-template-columns:1fr 1fr;gap:20px;margin-top:8px;padding-top:18px;display:grid}.brand-surface{background:#fff;border-radius:4px;justify-content:center;align-items:center;height:118px;padding:10px 24px;display:flex}.brand-surface--dark{background:0 0;border:0;padding:0}.brand-logo{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:72px}.brand-logo--sinwan{max-width:200px;max-height:72px}.brand-logo--sinwan,.education-logos img{filter:brightness(0)invert()}.brand-logo--awqaf{max-height:66px}.partner-plate{border:1.5px solid #5f636655;border-radius:12px;padding:10px 18px}.partner-badge{align-items:center;gap:16px;display:inline-flex}.partner-badge-mark{width:auto;height:60px}.partner-badge-text{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.partner-badge-wordmark{width:auto;height:22px}.partner-badge strong{letter-spacing:-.02em;color:#5f6368;font-size:26px;font-weight:600;line-height:1}.work-relationships figcaption{color:var(--quiet);margin-top:8px;font-size:13px;line-height:1.5}.milestone-scene{grid-template-columns:.9fr 1.1fr;align-items:center;gap:7%;display:grid}.milestone-identity{background:linear-gradient(145deg,#3f433633,#171b1377);border:1px solid #dbd8c774;padding:32px;box-shadow:12px 12px #030402,13px 13px #93977944}.milestone-app{align-items:center;gap:24px;margin-top:24px;display:flex}.milestone-app-icon{border-radius:26px;flex:none;width:112px;height:112px;box-shadow:0 16px 36px #000a,0 0 0 1px #ffffff26}.arabic-title{text-align:left;color:#e5e2d8;margin:0;font-family:Manrope,sans-serif;font-size:clamp(46px,4.6vw,70px);font-weight:400;line-height:1.5}.milestone-name{letter-spacing:-.03em;margin-top:2px;font-size:23px;font-weight:500}.milestone-client{border-top:1px solid #d7d4ca44;align-items:center;gap:20px;margin-top:29px;padding-top:23px;display:flex}.milestone-client img{object-fit:contain;width:140px;height:72px}.milestone-client p{max-width:27ch;color:var(--muted);font-size:13px;line-height:1.7}.milestone-stores{flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:20px;display:flex}.store-badge{align-items:center;transition:transform .16s,filter .16s;display:inline-flex}.store-badge img{width:auto;height:48px}.store-badge--play img{height:70px;margin:-11px -10px}.milestone-prose>div:first-child{letter-spacing:-.035em;font-size:clamp(26px,2.7vw,38px);line-height:1.2}.milestone-prose>div:first-child strong{font-weight:500}.milestone-prose>div:nth-child(2){font-size:15px;line-height:1.8}.milestone-prose>.link-row{margin-top:18px}.milestone-role{border:1px solid #c9c8ba35;border-left:3px solid var(--lava);background:linear-gradient(135deg,#23241fce,#151613a0);margin-top:26px;padding:20px 24px 8px;box-shadow:10px 10px #080907}.milestone-role .small-heading{padding-bottom:10px}.milestone-role-lead{color:var(--paper);padding-bottom:6px;font-size:15px;line-height:1.6}.milestone-role .role-duties li{padding:10px 0;font-size:14px;line-height:1.5}.summit-scene{grid-template-columns:.92fr 1.15fr;align-items:center;gap:7%;display:grid}.summit-scene h2{font-size:clamp(32px,3.4vw,48px)}.summit-copy{margin-top:24px}.event-brand{align-items:center;gap:20px;margin-top:23px;display:flex}.event-logo-plate{background:#fff;border-radius:4px;flex:0 0 168px;padding:18px}.brand-logo--summit{width:100%;max-height:84px}.event-brand>span{color:var(--muted);max-width:23ch;font-size:13px;line-height:1.7}.summit-gallery .photo-gallery{grid-template-columns:1.3fr 1fr;align-items:stretch}.summit-gallery .gallery-tile{--gallery-image-height:clamp(280px, 31vw, 430px)}.moment-scene{grid-template-columns:1fr 1.2fr;align-items:start;gap:25px 6%;display:grid}.moment-heading h2{max-width:20ch;font-size:clamp(31px,3vw,44px)}.moment-copy{padding-top:7px;font-size:16px}.moment-copy>[data-fragment]+[data-fragment]{margin-top:17px}.project-brand{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:20px;display:flex}.project-brand>span{color:var(--quiet);font-size:13px;line-height:1.7}.brand-logo--tean{background:#fff;border-radius:4px;width:250px;max-width:60%;max-height:92px;padding:14px 18px}.moment-gallery{grid-column:1/-1}.catch-up-scene{--paper:#202124;--muted:#3c4043;--quiet:#62666b;--rule:#20212426;color:var(--paper)}.catch-up-panel{background:#fff;grid-column:1/-1;grid-template-columns:1fr 1.2fr;gap:25px 6%;padding:27px 30px;display:grid;position:relative;box-shadow:10px 10px #c3c4bf22,11px 11px #e7e7df66,0 30px 85px #0006}.catch-up-brand-rule{background:linear-gradient(90deg,#34a853 0 72%,#4285f4 72% 84%,#ea4335 84% 92%,#f9ab00 92%);height:4px;position:absolute;top:0;left:0;right:0}.catch-up-scene .eyebrow{color:#1e773b}.catch-up-wordmark{align-items:center;gap:9px;display:inline-flex}.catch-up-wordmark strong{letter-spacing:-.7px;font-family:Arial,sans-serif;font-size:23px;font-weight:700}.brand-logo--catch-up{object-fit:contain;width:34px;height:34px}.catch-up-scene .gallery-tile{background:#f2f4f1;border-color:#2021241a}.catch-up-scene .gallery-tile__caption{color:#3c4043}.catch-up-scene .gallery-tile__expand{color:#fff;background:#1e773b}.catch-up-scene .prose a{color:#176b34;text-decoration-color:#1e773b}.catch-up-scene .link-icon{color:#1e773b}.catch-up-scene .link-row .link{background:#20212408;border-color:#2021243a}.photo-gallery{align-items:start;gap:14px;display:grid}.photo-gallery--pair{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-gallery--triptych{grid-template-rows:repeat(2,minmax(0,auto));grid-template-columns:1.55fr 1fr;align-items:stretch}.photo-gallery--triptych .gallery-tile--lead{grid-row:1/3}.gallery-tile{--gallery-image-height:clamp(215px, 21vw, 290px);text-align:left;background:#1c1d19;border:1px solid #dfddcd33;flex-direction:column;width:100%;min-width:0;padding:10px;display:flex;position:relative}.gallery-tile img{width:100%;height:var(--gallery-image-height);max-height:none;aspect-ratio:var(--image-ratio,auto);object-fit:contain;object-position:center}.gallery-tile__caption{color:var(--muted);flex:1;padding:13px 84px 3px 3px;font-size:12px;line-height:1.6;display:block;position:static}.gallery-tile__expand{background:var(--lava-flow);height:30px;color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;bottom:10px;right:10px}.gallery-tile__expand svg{width:14px;height:14px}.photo-gallery--triptych .gallery-tile{--gallery-image-height:clamp(100px, 10vw, 130px)}.photo-gallery--triptych .gallery-tile--lead{--gallery-image-height:clamp(260px, 24vw, 330px);justify-content:center}.photo-gallery--triptych .gallery-tile--lead .gallery-tile__caption{flex:0}.photo-gallery--triptych .gallery-tile:not(.gallery-tile--lead) .gallery-tile__caption{font-size:12px}.background-scene{grid-template-columns:1fr;align-items:start;gap:36px;display:grid}.background-main{grid-template-columns:1.03fr 1fr;align-items:end;gap:0 7%;display:grid}.background-main>.eyebrow{grid-column:1/-1}.background-main h2{max-width:19ch}.background-overview .prose{font-size:16px}.background-languages{border-top:1px solid var(--rule);margin-top:16px;padding-top:14px;font-size:14px}.education-path{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin:0;padding:0;list-style:none;display:grid}.education-stop{border-top:1px solid #d6d5c660;padding:22px 0 0;position:relative}.path-dot{border:2px solid var(--lava);background:#0b0b0a;width:11px;height:11px;position:absolute;top:-6px;left:0;transform:rotate(45deg)}.education-stop h3{margin:8px 0;font-size:19px}.education-stop .prose{font-size:15px}.education-logos{margin:14px 0 16px}.education-logos img{object-fit:contain;object-position:left;width:auto;max-width:100%;height:66px}.toolkit-scene{grid-template-columns:minmax(0,.85fr) minmax(0,2fr);align-items:start;gap:26px 5%;display:grid}.toolkit-heading h2{max-width:14ch;font-size:clamp(30px,3vw,44px)}.toolkit-intro{margin-top:20px;font-size:15px;line-height:1.7}.toolkit-concepts{border-top:1px solid var(--rule);grid-column:1/-1;padding-top:18px}.concept-chips{flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;display:flex}.concept{min-height:32px;color:var(--paper);background:#ff3d0a0f;border:1px solid #ff3d0a5c;border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12px;line-height:1.4;text-decoration:none;transition:border-color .16s,background .16s;display:inline-flex}.concept--link{background:#ff3d0a1a;border-color:#ff3d0a9a}.concept .link-icon{width:12px;height:12px;margin:0}.toolkit-groups{gap:16px;display:grid}.toolkit-group .diagram-label{align-items:baseline;gap:10px;display:flex}.toolkit-count{color:var(--lava);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:12px}.toolkit-tiles{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;margin:10px 0 0;padding:0;list-style:none;display:grid}.toolkit-tile{text-align:center;flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.toolkit-plate{background:linear-gradient(150deg,#24251f,#141512);border:1px solid #e6e4db2e;border-radius:6px;place-items:center;width:100%;height:58px;padding:9px 11px;transition:border-color .16s;display:grid;box-shadow:0 10px 24px #0006}.toolkit-plate--light{background:#f4f2ea;border-color:#fffc}.toolkit-plate img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:38px}.toolkit-name{color:var(--paper);font-size:13px;font-weight:500;line-height:1.35}.toolkit-note{color:var(--quiet);white-space:nowrap;margin-top:-3px;font-size:12px;line-height:1.3}.credentials-heading{max-width:850px}.credentials-heading h2{font-size:clamp(34px,3.4vw,48px)}.credentials-heading>.prose{margin-top:18px;font-size:16px}.credential-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin-top:28px;display:grid}.credential-entry{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.credential-preview{background:#e6e4dd;border:1px solid #faf9f188;width:100%;min-width:0;padding:12px 12px 40px;display:block;position:relative;box-shadow:7px 7px #d1d0c21a}.credential-preview img{object-fit:contain;width:100%;height:190px}.credential-badge{background:var(--lava-flow);height:26px;color:var(--ink);border-radius:999px;align-items:center;padding:0 11px;font-size:12px;font-weight:600;line-height:1;display:inline-flex;position:absolute;bottom:8px;right:9px}.credential-description h3{margin-bottom:14px;font-size:20px}.credential-description .prose{font-size:15px;line-height:1.7}.credential-description .prose p+p{margin-top:15px}.mentorship-scene{grid-template-columns:1.15fr 1fr;align-items:center;gap:8%;display:grid}.mentorship-copy h2{font-size:clamp(32px,3.5vw,50px)}.mentorship-copy>.prose{margin-top:26px}.mentorship-preview img{object-fit:contain;height:auto;max-height:370px}.contact-scene{grid-template-columns:1fr 1fr;align-items:center;gap:9%;display:grid}.contact-heading h2{max-width:14ch}.contact-copy{border-top:1px solid #d7d4ca77;padding-top:28px}.contact-phone{letter-spacing:-.035em;white-space:nowrap;border-top:1px solid #d7d4ca66;align-items:center;gap:18px;margin-top:30px;padding:22px 0;font-size:clamp(26px,3vw,40px);display:flex}.contact-phone .contact-icon{width:34px;height:34px;color:var(--lava)}.contact-phone .contact-icon svg{width:30px;height:30px}.contact-whatsapp{background:var(--lava-flow);min-height:48px;color:var(--ink);box-shadow:0 8px 28px var(--lava-glow);background-size:220% 100%;border-radius:999px;align-items:center;gap:12px;padding:0 22px 0 16px;font-size:15px;font-weight:600;line-height:1.4;transition:filter .16s,transform .16s;animation:6s ease-in-out infinite alternate lava-flow;display:inline-flex}.contact-whatsapp .contact-icon img{filter:brightness(0)}.contact-whatsapp span{font-size:18px}.portfolio-contact-bar{z-index:9;min-height:90px;padding:15px 0 max(15px, env(safe-area-inset-bottom));border-top:1px solid var(--rule);background:#0b0b0afa;justify-content:space-between;align-items:center;gap:25px;display:flex;position:fixed;bottom:0;left:5vw;right:5vw}.scene-navigation{align-items:center;gap:20px;min-width:0;display:flex}.chapter-counter{color:var(--muted);align-items:center;gap:9px;font-size:12px;line-height:1.5;display:flex}.chapter-counter>span:first-child{font-variant-numeric:tabular-nums;color:var(--lava);font-weight:600}.chapter-counter-divider{color:var(--quiet);white-space:nowrap}.chapter-counter [data-chapter-label]{max-width:27ch}.scene-step-controls{align-items:center;gap:7px;display:none}.js-ready .scene-step-controls{display:flex}.scene-step-controls button{background:0 0;border:1px solid #d1d0c12b;place-items:center;width:36px;height:36px;font-size:17px;display:grid}.scene-step-controls button:disabled{opacity:.25;cursor:default}.contact-links{align-items:center;gap:24px;margin-left:auto;font-size:13px;font-weight:500;display:flex}.contact-detail{color:var(--quiet);font-variant-numeric:tabular-nums}.contact-links a{white-space:nowrap;align-items:center;gap:8px;min-height:44px;display:inline-flex}.contact-icon{flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.contact-icon svg,.contact-icon img{object-fit:contain;width:21px;height:21px}.contact-icon--github img{width:26px;max-width:none;height:26px}.contact-links .contact-icon--phone,.contact-links .contact-icon--email,.contact-links .contact-icon--document{color:var(--lava)}.portfolio-progress{z-index:12;background:#efede510;height:2px;display:none;position:absolute;bottom:0;left:0;right:0}.portfolio-progress span{background:linear-gradient(to right, var(--lava-deep), var(--lava) 55%, var(--lava-hot));width:100%;height:100%;box-shadow:0 0 10px var(--lava-glow);transform-origin:0;display:block;transform:scaleX(0)}.portfolio-experience.is-animated{overflow-anchor:none;padding-bottom:0}.is-animated .portfolio-stage{perspective:1200px;height:100svh;min-height:0;position:sticky;top:0;overflow:clip}.is-animated .portfolio-world,.is-animated .stage-vignette,.is-animated .portfolio-progress{display:block}.is-animated .portfolio-header{background:var(--ink);position:absolute;inset:0 0 auto}.is-animated .portfolio-contact-bar{background:linear-gradient(#0000,#0b0b0aeb 25%,#0b0b0a);position:absolute}.is-animated .portfolio-scene{transform-style:preserve-3d;visibility:hidden;border:0;margin:0;padding:0;position:absolute;top:0;left:max(7vw,50vw - 590px)}.is-animated .opening-scene{visibility:visible;width:100%;height:100%;min-height:0;inset:0}.is-animated [data-chrome],.is-animated.has-world .opening-fallback{visibility:hidden}.is-animated [data-fragment]{transform-style:preserve-3d;backface-visibility:hidden;position:relative}.is-animated [data-fragment]:before,.is-animated [data-fragment]:after{content:"";pointer-events:none;opacity:var(--seam,0);position:absolute}.is-animated [data-fragment]:before{background:repeating-linear-gradient(125deg,#fff0 0 2px,#d5d8c906 2px 3px);border:1px solid #e1dfd35c;inset:-1px;box-shadow:-2px 2px #56585288,-4px 4px #20211eaa}.is-animated [data-fragment]:after{border-bottom:1px solid #777c7355;border-left:1px solid #ebe9e085;inset:0}.portfolio-experience:not(.is-animated) [data-fragment]{transform:none!important}.portfolio-lightbox{width:min(1100px,92vw);max-width:none;max-height:92svh;color:var(--paper);background:#10100f;border:1px solid #d4d2c966;margin:auto;padding:18px 24px 22px;position:fixed;inset:0;overflow-y:auto;box-shadow:0 30px 100px #000b}.portfolio-lightbox::backdrop{backdrop-filter:blur(7px);background:#000d}.lightbox-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;font-size:12px;display:flex}.lightbox-top>span{color:var(--muted);font-variant-numeric:tabular-nums}.lightbox-top button,.lightbox-navigation button{background:0 0;border:0;align-items:center;gap:15px;min-height:44px;padding:8px 0;display:flex}.lightbox-top button span{font-size:24px}.lightbox-image-wrap{place-items:center;min-height:120px;display:grid}.lightbox-image-wrap img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:64svh}.lightbox-error{color:var(--muted);padding:30px;font-size:16px;line-height:1.7}.lightbox-bottom{justify-content:space-between;align-items:baseline;gap:24px;margin-top:20px;font-size:13px;line-height:1.7;display:flex}.lightbox-bottom p{max-width:72ch}.lightbox-bottom a{white-space:nowrap;text-underline-offset:4px;text-decoration:underline}.lightbox-bottom a span{margin-left:9px}.lightbox-navigation{border-top:1px solid var(--rule);justify-content:space-between;align-items:center;gap:24px;margin-top:14px;display:flex}.lightbox-navigation button{font-size:21px}.lightbox-navigation button span{font-size:12px}@media (hover:hover){.chapter-rail a:hover,.contact-links a:hover,.experience-controls button:hover,.header-phone:hover{color:#fff}.prose a:hover,.link:hover{color:var(--lava)}.link-row .link:hover{border-color:var(--lava);color:var(--paper);background:#ff3d0a1a}.header-contact:hover,.contact-whatsapp:hover{filter:brightness(1.12);transform:translateY(-1px)}.store-badge:hover{filter:brightness(1.15);transform:translateY(-1px)}.gallery-tile:hover .gallery-tile__expand,.credential-preview:hover .credential-badge{filter:brightness(1.12)}.fit-entry:hover{border-color:#ff3d0a66}.concept--link:hover{border-color:var(--lava);background:#ff3d0a2e}.toolkit-tile:hover .toolkit-plate{border-color:#ff3d0a66}.chapter-rail a:hover:after{transform:scaleX(.2)}.chapter-rail a[aria-current]:hover:after{transform:scaleX(1)}.catch-up-scene .gallery-tile:hover .gallery-tile__expand{background:#2a9a4f}.catch-up-scene .link-row .link:hover{background:#1e773b12;border-color:#1e773b}.scene-step-controls button:not(:disabled):hover{border-color:var(--lava);background:#ff3d0a1a}}@media (width<=1100px){.introduction-scene{grid-template-columns:168px minmax(0,1fr)}.fit-audiences{gap:16px}.fit-entry{padding:20px}.header-phone{display:none}.credential-entry{grid-template-columns:1fr;gap:19px}.contact-links{gap:17px}.current-work-scene{gap:30px 6%}.toolkit-scene{grid-template-columns:1fr;gap:26px}.toolkit-heading h2{max-width:22ch}.role-detail{padding:22px}.scene-navigation{gap:13px}.chapter-counter [data-chapter-label]{max-width:20ch}}@media (width<=760px){.portfolio-experience{padding-bottom:118px}.portfolio-header{padding:10px 6vw 0}.header-topline{gap:15px;min-height:44px}.name-mark{max-width:175px;font-size:13px}.name-mark span{margin-top:2px;font-size:11px}.experience-controls{gap:14px}.experience-controls button{font-size:11px}.header-actions{gap:12px}.header-contact{white-space:nowrap;gap:6px;min-height:36px;padding:0 13px;font-size:12px}.header-contact-long,.name-mark .name-mark-location{display:none}.header-contact-short{display:inline}.name-mark>span{white-space:nowrap}.sound-wave{display:none}.chapter-rail{scrollbar-width:none;gap:20px;margin-top:4px;display:flex;overflow-x:auto}.chapter-rail::-webkit-scrollbar{display:none}.chapter-rail a{white-space:nowrap;flex:none;gap:7px;min-height:40px;padding:4px 0 8px;font-size:12px}.chapter-rail-number{font-size:11px}.chapter-rail a:after{right:0}.portfolio-scene{padding:72px 0;scroll-margin-top:112px}h1{margin-top:19px;font-size:clamp(35px,7.6vw,53px)}h2{margin-top:17px;font-size:clamp(31px,6.8vw,44px)}h3{font-size:21px}.eyebrow,.diagram-label{letter-spacing:.1em;text-wrap:balance;font-size:11px}.prose{font-size:16px;line-height:1.75}.prose p+p,.prose>[data-fragment]+[data-fragment]{margin-top:19px}.scene-heading h2{max-width:22ch}.intro-description{margin-top:23px}.introduction-scene,.narrative-scene,.summit-scene,.current-work-scene,.milestone-scene,.background-scene,.mentorship-scene,.contact-scene{grid-template-columns:1fr;gap:30px}.introduction-scene{gap:0}.intro-copy .eyebrow,.intro-copy h1,.intro-description{grid-column:1}.introduction-scene h1{font-size:clamp(35px,7.6vw,53px)}.intro-portrait{grid-area:1/1;justify-self:start;width:116px;margin:0 0 20px}.portrait-surface{padding:6px;box-shadow:5px 6px #131412,6px 7px #c2c1b437}.intro-portrait figcaption{display:none}.narrative-copy{padding:0 0 0 24px}.fit-diagram{margin-top:26px}.fit-audiences{grid-template-columns:1fr;gap:12px}.fit-entry{gap:8px;padding:18px 18px 20px}.fit-you{font-size:14px}.fit-entry h3{font-size:20px}.fit-bring{padding-top:12px;font-size:14px}.fit-convergence{height:34px}.fit-contribution{padding:24px 20px 22px}.fit-pillars{grid-template-columns:1fr;gap:14px;margin:16px 0}.fit-pillars strong{font-size:18px}.fit-pillars span,.diagram-note{font-size:13px}.workflow-rail{grid-template-columns:1fr;gap:0;margin:28px 0 22px}.workflow-rail:before{background:linear-gradient(to bottom, var(--lava-hot), var(--lava) 22%, #ff3d0a55 60%, #e9e8dd33);width:2px;height:auto;inset:20px auto 20px 19px}.workflow-step{grid-template-columns:40px 1fr;column-gap:18px;padding-bottom:20px;display:grid}.workflow-step:last-child{padding-bottom:0}.workflow-node{grid-row:1/3;width:40px;height:40px;font-size:12px}.workflow-step h3{grid-column:2;margin:8px 0 4px;font-size:18px}.workflow-step p{grid-column:2;max-width:none;font-size:14px;line-height:1.6}.workflow-outcome{padding:18px 20px;display:block}.outcome-chips{gap:10px;margin-top:12px}.outcome-chips li{padding:8px 14px;font-size:14px}.role-copy{margin-top:23px}.role-copy>div:first-child{font-size:14px}.role-copy>div:nth-child(2){font-size:17px}.role-detail{padding:22px 20px}.role-duties{grid-template-columns:1fr}.role-duties li{gap:12px;padding:12px 0;font-size:14px}.employer-signature{margin-top:25px;padding:18px 22px}.employer-wordmark{font-size:28px}.work-relationships{gap:16px}.brand-surface{height:112px;padding:10px 16px}.partner-plate{padding:10px 14px}.partner-badge{gap:12px}.partner-badge-mark{height:50px}.partner-badge-wordmark{height:18px}.partner-badge strong{font-size:22px}.milestone-identity{padding:27px}.milestone-app{gap:16px;margin-top:18px}.milestone-app-icon{border-radius:19px;width:84px;height:84px}.arabic-title{font-size:clamp(44px,11vw,62px)}.milestone-name{font-size:21px}.milestone-role{margin-top:22px;padding:18px 18px 6px}.milestone-stores{gap:2px 10px;margin-top:16px}.store-badge img{height:42px}.store-badge--play img{height:61px;margin:-10px -9px}.milestone-prose>div:first-child{font-size:29px}.milestone-client{margin-top:24px;padding-top:20px}.milestone-client img{width:120px;height:64px}.summit-scene h2,.moment-heading h2{font-size:clamp(31px,6.8vw,43px)}.summit-copy{margin-top:22px}.event-logo-plate{flex-basis:140px;padding:14px}.event-brand>span{font-size:12px}.summit-gallery .gallery-tile{--gallery-image-height:clamp(240px, 60vw, 380px)}.moment-scene{grid-template-columns:1fr;gap:23px}.moment-copy{padding-top:0;font-size:15px}.project-brand{margin-top:17px}.catch-up-panel{grid-template-columns:1fr;gap:23px;padding:23px 18px;box-shadow:6px 7px #c3c4bf22,7px 8px #e7e7df66}.photo-gallery{gap:10px}.gallery-tile{--gallery-image-height:clamp(155px, 35vw, 230px);padding:7px}.gallery-tile__caption{padding:10px 70px 4px 2px;font-size:11px;line-height:1.6}.gallery-tile__expand{height:26px;padding:0 10px 0 8px;font-size:11px;bottom:7px;right:7px}.photo-gallery--triptych{grid-template-rows:auto auto;grid-template-columns:repeat(2,minmax(0,1fr))}.photo-gallery--triptych .gallery-tile--lead{--gallery-image-height:clamp(230px, 51vw, 325px);grid-area:1/1/auto/-1}.photo-gallery--triptych .gallery-tile:not(.gallery-tile--lead){--gallery-image-height:clamp(122px, 32vw, 195px)}.background-scene{gap:28px}.background-main{display:block}.background-overview{margin-top:23px}.background-overview .prose{font-size:15px}.background-languages{font-size:13px}.education-path{grid-template-columns:1fr;gap:0;padding-left:16px}.education-stop{border-top:0;border-left:1px solid #d6d5c660;padding:0 0 22px 25px}.education-stop:last-child{border-left-color:#0000;padding-bottom:0}.path-dot{top:4px;left:-6px}.education-stop .prose{font-size:14px}.education-logos{max-width:400px}.education-logos img{height:58px}.toolkit-heading h2{font-size:clamp(29px,6.4vw,40px)}.toolkit-intro{margin-top:17px;font-size:14px}.toolkit-concepts{padding-top:18px}.toolkit-groups{gap:20px}.toolkit-tiles{grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:12px 8px}.toolkit-plate{height:56px;padding:8px}.toolkit-plate img{max-height:34px}.toolkit-name{font-size:12px}.toolkit-note{font-size:11px}.credential-grid{grid-template-columns:1fr;gap:29px;margin-top:25px}.credential-entry{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:18px}.credential-preview{padding:8px 8px 34px}.credential-preview img{height:175px}.credential-description h3{font-size:19px}.credential-description .prose{font-size:14px}.link-row .link{min-height:38px;padding:0 14px 0 12px;font-size:13px}.credentials-heading h2,.mentorship-copy h2{font-size:clamp(31px,6.8vw,43px)}.mentorship-preview{max-width:450px}.mentorship-preview img{height:auto;max-height:360px}.contact-heading h2{max-width:17ch}.contact-phone{margin-top:25px;padding:20px 0;font-size:clamp(26px,7vw,38px)}.contact-whatsapp{min-height:46px;font-size:14px}.portfolio-contact-bar{min-height:92px;padding-top:4px;padding-bottom:max(8px, env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:0;left:6vw;right:6vw}.is-animated .portfolio-contact-bar:before{content:"";pointer-events:none;background:linear-gradient(#0000,#0b0b0a);height:64px;position:absolute;bottom:100%;left:-6vw;right:-6vw}.scene-navigation{justify-content:space-between;gap:15px;min-height:38px}.chapter-counter{gap:9px;font-size:11px}.chapter-counter [data-chapter-label]{max-width:35ch}.scene-step-controls{gap:4px}.scene-step-controls button{width:34px;height:30px;font-size:15px}.contact-links{justify-content:space-between;gap:10px;width:100%;margin-left:0;font-size:11px}.contact-links a{gap:6px}.contact-detail{display:none}.contact-icon,.contact-icon svg,.contact-icon img{width:20px;height:20px}.contact-icon--github img{width:24px;height:24px}.is-animated .opening-caption{bottom:10svh}.portfolio-lightbox{width:94vw;max-height:94svh;padding:12px 15px 15px}.lightbox-bottom{flex-direction:column;gap:12px;font-size:12px}.lightbox-image-wrap img{max-height:58svh}}@media (width<=480px){.header-topline{gap:10px}.name-mark{max-width:150px;font-size:12px}.experience-controls{gap:10px}.experience-controls button{font-size:11px}.header-contact-arrow{display:none}.chapter-rail{gap:16px}.chapter-rail a{font-size:11px}.portfolio-scene{scroll-margin-top:112px}.fit-pillars strong{font-size:17px}.fit-contribution{padding:20px 16px}.credential-entry{grid-template-columns:1fr;gap:19px}.credential-preview img{height:205px}.credential-description h3{max-width:24ch}.contact-links{gap:6px;font-size:10px}.contact-links a{flex-direction:column;justify-content:center;gap:3px;min-width:44px;min-height:42px}.contact-icon,.contact-icon svg,.contact-icon img{width:20px;height:20px}.contact-icon--github img{width:24px;height:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{:root{color:#171716;--muted:#333;--quiet:#555;--paper:#171716;--rule:#0003;background:#fff}body{background:#fff}.portfolio-header,.portfolio-contact-bar,.opening-scene,.portfolio-world,.stage-vignette,.portfolio-progress,.portfolio-lightbox,.skip-link{display:none!important}.portfolio-track{height:auto!important}.portfolio-stage,.is-animated .portfolio-stage{height:auto;position:static;overflow:visible}.portfolio-scene,.is-animated .portfolio-scene{break-inside:avoid;width:100%;height:auto;margin:0;padding:30px 0;position:relative;left:auto;visibility:visible!important;opacity:1!important;top:auto!important;transform:none!important}[data-fragment]{opacity:1!important;transform:none!important}[data-fragment]:before,[data-fragment]:after{display:none!important}.fit-entry,.role-detail,.milestone-identity,.milestone-role,.workflow-outcome,.toolkit-plate{box-shadow:none;background:#f5f4ed}.concept{color:#171716}.workflow-node{color:#171716;box-shadow:none;background:#deddd5}}
