:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:#090b09;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body,button,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{border:0}img,svg{max-width:100%;display:block}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-Regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/fonts/IBMPlexMono-SemiBold.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Latin.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Latin.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Latin.woff2)format("woff2");font-style:normal;font-weight:600;font-display:swap}.portfolio-app{--background:#090b09;--surface:#111511;--surface-hover:#171d17;--foreground:#f0f4ee;--muted:#8e998e;--border:#263026;--accent:#7dfc6a;--on-accent:#071006;--imtithal-accent:#d9aa43;--adalah-accent:#b8a36a;--hadith-accent:#5fb8a8;--font-display:"IBM Plex Mono", ui-monospace, monospace;--font-body:"Inter", system-ui, sans-serif;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:7rem;--radius-sm:2px;--radius-md:4px;--transition-fast:.16s;--transition-normal:.32s;--transition-slow:.72s;--ease-interaction:cubic-bezier(.2, .7, .3, 1);--ease-entrance:cubic-bezier(.16, 1, .3, 1);isolation:isolate;background:var(--background);min-height:100vh;color:var(--foreground);font-family:var(--font-body);-webkit-user-select:none;user-select:none;position:relative;overflow:clip}.portfolio-app input,.portfolio-app textarea{-webkit-user-select:text;user-select:text}.shell-background{z-index:0;pointer-events:none;background-image:linear-gradient(90deg,#0000 calc(100% - 1px),#7dfc6a0a 1px),linear-gradient(#0000 calc(100% - 1px),#7dfc6a06 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 78%);mask-image:linear-gradient(#000,#0000 78%)}.skip-link{top:var(--space-md);z-index:100;padding:var(--space-sm) var(--space-md);background:var(--accent);color:var(--on-accent);font-family:var(--font-display);transition:transform var(--transition-fast) var(--ease-interaction);font-size:.8125rem;font-weight:600;position:fixed;left:20px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.shell-header,.shell-main,.shell-footer{z-index:10;width:min(100%,1296px);margin-inline:auto;padding-inline:48px;position:relative}.shell-header{align-items:center;gap:var(--space-xl);border-bottom:1px solid var(--border);z-index:30;min-height:76px;font-family:var(--font-display);grid-template-columns:auto auto 1fr;font-size:.8125rem;font-weight:500;display:grid}.shell-wordmark,.shell-nav a,.utility-link,.primary-action{text-decoration:none}.shell-wordmark{letter-spacing:-.02em;align-items:center;min-height:44px;font-weight:600;display:inline-flex}.shell-wordmark span{color:var(--muted);font-weight:400}.shell-status{align-items:center;gap:var(--space-xs);color:var(--muted);text-transform:lowercase;margin:0;display:flex}.shell-status span{background:var(--accent);border-radius:50%;width:7px;height:7px}.shell-nav{justify-content:flex-end;gap:var(--space-lg);display:flex}.shell-nav a,.nav-toggle{min-height:44px;color:var(--muted);cursor:pointer;transition:color var(--transition-fast) var(--ease-interaction);background:0 0;align-items:center;display:inline-flex;position:relative}.shell-nav a:after{content:"";transform-origin:0;height:1px;transition:transform var(--transition-fast) var(--ease-interaction);background:currentColor;position:absolute;bottom:7px;left:0;right:0;transform:scaleX(0)}.shell-nav a:hover,.shell-nav a.active,.nav-toggle:hover{color:var(--foreground)}.shell-nav a:hover:after{transform:scaleX(1)}.shell-nav a.active:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;margin-right:7px}.nav-toggle{display:none}.shell-hero{flex-direction:column;justify-content:flex-end;max-width:850px;min-height:calc(80vh - 76px);padding-bottom:clamp(64px,10vh,112px);display:flex}.shell-kicker{margin:0 0 var(--space-lg);color:var(--accent);font-family:var(--font-display);font-size:.8125rem;font-weight:500;line-height:1.55}.shell-kicker--imtithal{color:var(--imtithal-accent)}.shell-hero h1,.route-placeholder h1{max-width:13ch;font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(2.35rem,5.5vw,4rem);font-weight:600;line-height:1.08}.shell-lead{max-width:62ch;margin:var(--space-lg) 0 0;color:var(--foreground);font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.62}.shell-support{max-width:64ch;margin:var(--space-md) 0 0;color:var(--muted);font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.62}.shell-actions{align-items:center;gap:var(--space-lg);margin-top:var(--space-xl);flex-wrap:wrap;display:flex}.primary-action,.utility-link{min-height:44px;font-family:var(--font-display);transition:transform var(--transition-fast) var(--ease-interaction), opacity var(--transition-fast) var(--ease-interaction), color var(--transition-fast) var(--ease-interaction);align-items:center;font-size:.8125rem;font-weight:500;display:inline-flex}.primary-action{gap:var(--space-sm);padding:0 var(--space-lg);border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent)}.primary-action:hover{opacity:.92;transform:translateY(-2px)}.utility-link{color:var(--muted);text-underline-offset:.3em}.utility-link:hover{color:var(--foreground);text-decoration:underline}.portfolio-app a:focus-visible,.portfolio-app button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.portfolio-app .primary-action:focus-visible{outline-color:var(--foreground)}.content-section h2{max-width:20ch;font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:clamp(1.65rem,3vw,2.5rem);font-weight:600;line-height:1.15}.evidence-layer{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:repeat(4,1fr);display:grid}.evidence-layer p{min-height:96px;padding:var(--space-md);border-right:1px solid var(--border);color:var(--muted);font-family:var(--font-display);align-items:center;margin:0;font-size:.8125rem;font-weight:500;line-height:1.55;display:flex}.evidence-layer p:first-child{padding-left:0}.evidence-layer p:last-child{border-right:0}.content-section{padding-block:var(--space-3xl);border-bottom:1px solid var(--border);scroll-margin-top:76px}.section-heading .shell-kicker{margin-bottom:var(--space-md)}.section-meta,.project-label,.project-index,.technical-record h3,.skill-record h3,.education-record dt{font-family:var(--font-display);font-size:.8125rem;font-weight:500;line-height:1.55}.section-meta{margin:var(--space-md) 0 0;color:var(--muted)}.project-row,.project-record{gap:var(--space-lg);border-top:1px solid var(--border);color:var(--foreground);grid-template-columns:56px minmax(0,1fr) 28px;display:grid;position:relative}.project-row{min-height:440px;padding:var(--space-2xl) var(--space-lg) var(--space-2xl) 0;border-bottom:1px solid var(--border);transition:border-color var(--transition-fast) var(--ease-interaction), background-color var(--transition-fast) var(--ease-interaction);align-items:start;text-decoration:none}.project-row--imtithal:hover{border-color:var(--imtithal-accent);background:var(--surface)}.project-index{color:var(--muted)}.project-label{margin:0 0 var(--space-md);color:var(--imtithal-accent)}.project-copy h3{font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:clamp(1.65rem,3vw,2.5rem);font-weight:600;line-height:1.15}.project-copy>p:not(.project-label){max-width:66ch;margin:var(--space-lg) 0 0;color:var(--muted);font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.62}.project-arrow{color:var(--imtithal-accent);font-family:var(--font-display);transition:transform var(--transition-fast) var(--ease-interaction)}.project-row:hover .project-arrow{transform:translate(4px)}.project-facts{gap:var(--space-xl);max-width:840px;margin:var(--space-2xl) 0 0;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-facts div,.education-record div{border-left:1px solid var(--border);padding-left:var(--space-md)}.project-facts dt,.project-facts dd{margin:0}.project-facts dt{margin-bottom:var(--space-sm);color:var(--imtithal-accent);font-family:var(--font-display);font-size:.8125rem;font-weight:500;line-height:1.55}.project-facts dd{color:var(--muted);line-height:1.62}.secondary-projects{width:82%;margin:var(--space-2xl) 0 0 auto}.project-record{min-height:340px;padding-block:var(--space-2xl);grid-template-columns:56px minmax(0,1fr)}.project-record:last-child{border-bottom:1px solid var(--border)}.project-record--adalah .project-label{color:var(--adalah-accent)}.project-record--hadith .project-label{color:var(--hadith-accent)}.technical-list{gap:var(--space-sm) var(--space-lg);margin:var(--space-xl) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.technical-list li{padding-left:var(--space-md);color:var(--muted);font-family:var(--font-display);font-size:.8125rem;font-weight:500;line-height:1.55;position:relative}.technical-list li:before{content:"/";color:var(--border);position:absolute;left:0}.record-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.technical-record{min-height:250px;padding:var(--space-xl);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.technical-record h3,.skill-record h3{color:var(--accent);margin:0}.technical-record .technical-list{margin-top:var(--space-lg);display:grid}.skills-environment{border-top:1px solid var(--border)}.skill-record{gap:var(--space-xl);padding-block:var(--space-lg);border-bottom:1px solid var(--border);grid-template-columns:260px minmax(0,1fr);display:grid}.skill-record p{color:var(--muted);margin:0;line-height:1.62}.education-section{gap:var(--space-3xl);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}.education-record{gap:var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.education-record dt,.education-record dd{margin:0}.education-record dt{margin-bottom:var(--space-xs);color:var(--muted)}.education-record dd{line-height:1.62}.contact-section{align-items:end;gap:var(--space-2xl);grid-template-columns:minmax(0,1fr) auto;display:grid}.contact-section .section-heading{margin-bottom:0}.contact-record{justify-items:end;display:grid}.shell-main--route{align-items:center;min-height:calc(100vh - 153px);display:grid}.route-placeholder{max-width:800px;padding-block:var(--space-3xl)}.case-study{padding-top:clamp(64px,10vh,120px)}.case-hero{max-width:920px;min-height:calc(82vh - 76px);padding-bottom:var(--space-3xl);flex-direction:column;justify-content:flex-end;display:flex}.case-back{width:max-content;margin-bottom:var(--space-2xl)}.case-hero h1{font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(2.35rem,5.5vw,4rem);font-weight:600;line-height:1.08}.case-summary{gap:var(--space-xl);max-width:880px;margin-top:var(--space-2xl);padding-top:var(--space-lg);border-top:1px solid var(--imtithal-accent);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.case-summary p{color:var(--muted);margin:0;line-height:1.62}.case-summary span{margin-bottom:var(--space-xs);color:var(--imtithal-accent);font-family:var(--font-display);font-size:.8125rem;font-weight:500;line-height:1.55;display:block}.case-body{border-top:1px solid var(--border)}.case-section,.case-outcome{padding-block:var(--space-3xl);border-bottom:1px solid var(--border)}.case-section__heading{max-width:680px;margin-bottom:var(--space-2xl)}.case-section h2,.case-outcome h2{max-width:24ch;font-family:var(--font-display);letter-spacing:-.025em;margin:0;font-size:clamp(1.65rem,3vw,2.5rem);font-weight:600;line-height:1.15}.case-boundary{border-top:1px solid var(--border);margin:0}.case-boundary div{gap:var(--space-xl);padding-block:var(--space-lg);border-bottom:1px solid var(--border);grid-template-columns:minmax(180px,.7fr) minmax(0,2fr);display:grid}.case-boundary dt,.case-boundary dd{margin:0}.case-boundary dt{color:var(--imtithal-accent);font-family:var(--font-display);font-size:.8125rem;font-weight:500;line-height:1.55}.case-boundary dd,.case-section--split article>p:last-child,.agent-stages p,.case-technology>p,.case-outcome>p{max-width:66ch;color:var(--muted);line-height:1.62}.case-section--split{gap:var(--space-3xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.case-section--split article:last-child{padding-left:var(--space-2xl);border-left:1px solid var(--border)}.case-section--split article>p:last-child{margin:var(--space-lg) 0 0}.agent-stages{border-top:1px solid var(--border);margin:0;padding:0;list-style:none}.agent-stages li{gap:var(--space-lg);padding-block:var(--space-xl);border-bottom:1px solid var(--border);grid-template-columns:64px minmax(0,1fr);display:grid}.agent-stages li>span{color:var(--imtithal-accent);font-family:var(--font-display);font-size:.8125rem;font-weight:500;line-height:1.55}.agent-stages h3,.agent-stages p{margin:0}.agent-stages h3{font-family:var(--font-display);font-size:1rem;font-weight:600}.agent-stages p{margin-top:var(--space-sm)}.case-evidence{gap:var(--space-3xl);grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);display:grid}.case-evidence blockquote{padding-left:var(--space-xl);border-left:1px solid var(--imtithal-accent);color:var(--foreground);margin:0;font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.62}.case-technology{gap:var(--space-3xl);grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);display:grid}.case-technology>p{font-family:var(--font-display);margin:0;font-size:.8125rem;font-weight:500;line-height:1.8}.case-outcome{border-bottom:0;max-width:880px}.case-outcome>p{margin:var(--space-lg) 0 var(--space-xl)}.evidence-trace{z-index:60;pointer-events:none;color:var(--foreground);font-family:var(--font-display);background:#090b09fb;flex-direction:column;padding:32px 48px;display:flex;position:fixed;inset:0;overflow:auto}.evidence-trace__header{justify-content:space-between;align-items:start;gap:var(--space-lg);width:min(100%,1200px);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border);margin:0 auto;display:flex}.evidence-trace__header .shell-kicker{margin-bottom:var(--space-xs);color:var(--imtithal-accent)}.evidence-trace__status{color:var(--muted);margin:0;font-size:.8125rem;font-weight:500;line-height:1.55}.evidence-trace__skip{pointer-events:auto;min-height:44px;color:var(--muted);text-underline-offset:.3em;cursor:pointer;transition:color var(--transition-fast) var(--ease-interaction);background:0 0;padding:0;font-size:.8125rem;font-weight:500}.evidence-trace__skip:hover,.evidence-trace__skip:focus-visible{color:var(--foreground);text-decoration:underline}.trace-flow{align-content:center;gap:var(--space-xl);flex:1;width:min(100%,1100px);min-height:0;margin:0 auto;display:grid}.trace-query,.trace-convergence,.trace-response,.trace-candidate{border:1px solid var(--border);background:var(--surface);transition:opacity var(--transition-normal) var(--ease-entrance), transform var(--transition-normal) var(--ease-entrance), border-color var(--transition-fast) var(--ease-interaction)}.trace-query,.trace-convergence,.trace-response{width:min(100%,620px);padding:var(--space-md) var(--space-lg);margin-inline:auto}.trace-query span,.trace-convergence span,.trace-response span,.trace-candidate span{margin-bottom:var(--space-xs);color:var(--muted);font-size:.75rem;font-weight:500;line-height:1.4;display:block}.trace-query strong,.trace-convergence strong,.trace-response strong,.trace-candidate strong{font-size:.8125rem;font-weight:600;line-height:1.55}.trace-query{border-color:var(--imtithal-accent)}.trace-candidates{gap:var(--space-sm);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.trace-candidate{min-height:92px;padding:var(--space-md);visibility:hidden;opacity:0;transform:translateY(-6px)}.trace-convergence,.trace-response{visibility:hidden;opacity:0;transform:translateY(-6px)}.evidence-trace--candidates .trace-candidate,.evidence-trace--filtered .trace-candidate,.evidence-trace--converged .trace-candidate,.evidence-trace--resolved .trace-candidate{visibility:visible;opacity:1;transform:translateY(0)}.evidence-trace--filtered .trace-candidate--irrelevant,.evidence-trace--converged .trace-candidate--irrelevant,.evidence-trace--resolved .trace-candidate--irrelevant{opacity:.82;color:var(--muted)}.evidence-trace--filtered .trace-candidate--verified,.evidence-trace--converged .trace-candidate--verified,.evidence-trace--resolved .trace-candidate--verified{border-color:var(--imtithal-accent)}.evidence-trace--converged .trace-convergence,.evidence-trace--resolved .trace-convergence{visibility:visible;opacity:1;border-color:var(--imtithal-accent);transform:translateY(0)}.evidence-trace--resolved .trace-response{visibility:visible;opacity:1;border-color:var(--accent);transform:translateY(0)}@media (width<=1100px){.trace-candidates{grid-template-columns:repeat(3,minmax(0,1fr))}.trace-candidate--branch{display:none}}.route-stage{z-index:10;animation:route-enter var(--transition-normal) var(--ease-entrance) both;position:relative}@keyframes route-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.shell-footer{border-top:1px solid var(--border);min-height:77px;color:var(--muted);font-family:var(--font-display);justify-content:space-between;align-items:center;font-size:.8125rem;font-weight:500;line-height:1.55;display:flex}.boot{z-index:60;color:var(--foreground);font-family:var(--font-display);background:#050705;place-items:stretch stretch;padding:clamp(72px,10vh,112px) max(20px,6vw);display:grid;position:fixed;inset:0}.boot__skip{min-height:44px;color:var(--muted);text-underline-offset:.3em;cursor:pointer;transition:color var(--transition-fast) var(--ease-interaction);background:0 0;padding:0;font-size:.8125rem;font-weight:500;position:absolute;top:28px;right:48px}.boot__skip:hover,.boot__skip:focus-visible{color:var(--foreground);text-decoration:underline}.boot__window{background:0 0;border:0;border-radius:0;width:min(1100px,100%);min-height:min(70svh,720px);margin:auto}.boot__bar{border-bottom:1px solid var(--border);min-height:42px;color:var(--muted);justify-content:space-between;align-items:center;padding-inline:0;font-size:.8125rem;font-weight:500;line-height:1.55;display:flex}.boot__log{padding:clamp(28px,6vh,64px) 0;font-size:clamp(.75rem,1.8vw,.875rem);line-height:1.75}.boot__log p{margin:0}.boot__entry{margin-bottom:var(--space-sm)}.boot__prompt{color:var(--accent)}.boot__output{padding-left:var(--space-lg);color:var(--muted)}.boot__output--error{color:var(--muted);opacity:.82}.boot__output--success{color:var(--accent)}.boot__caret{vertical-align:-.15em;background:var(--accent);width:.55em;height:1em;margin-left:.2em;animation:.72s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{50%{opacity:0}}@media (width>=768px) and (prefers-reduced-motion:no-preference){.portfolio-app--ready .shell-status{animation:shell-fade .42s 80ms var(--ease-entrance) both}.portfolio-app--ready .shell-wordmark{animation:shell-rise .62s .14s var(--ease-entrance) both}.portfolio-app--ready .shell-nav a{animation:shell-fade .52s var(--ease-entrance) both}.portfolio-app--ready .shell-nav a:first-child{animation-delay:.22s}.portfolio-app--ready .shell-nav a:nth-child(2){animation-delay:.27s}.portfolio-app--ready .shell-nav a:nth-child(3){animation-delay:.32s}.portfolio-app--ready .shell-nav a:nth-child(4){animation-delay:.37s}.portfolio-app--ready .shell-lead,.portfolio-app--ready .shell-support{animation:shell-rise .68s .52s var(--ease-entrance) both}.portfolio-app--ready .shell-actions .utility-link{animation:shell-fade .48s .68s var(--ease-entrance) both}.portfolio-app--ready .shell-actions .primary-action{animation:shell-rise .62s .78s var(--ease-entrance) both}}@keyframes shell-fade{0%{opacity:0}to{opacity:1}}@keyframes shell-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shell-title{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(16px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@media (width<=767px){.shell-header,.shell-main,.shell-footer{padding-inline:20px}.shell-header{gap:var(--space-md);grid-template-columns:1fr auto auto}.shell-status{grid-column:2}.nav-toggle{grid-column:3;padding:0;display:inline-flex}.shell-nav{padding:var(--space-sm) var(--space-md);border:1px solid var(--border);background:var(--surface);flex-direction:column;gap:0;display:none;position:absolute;top:76px;left:20px;right:20px}.shell-nav--open{display:flex}.shell-nav a{border-bottom:1px solid var(--border);width:100%}.shell-nav a:last-child{border-bottom:0}.shell-main--home{padding-top:6vh}.shell-hero{min-height:calc(88vh - 76px);padding-bottom:var(--space-2xl)}.shell-actions{gap:var(--space-md) var(--space-lg)}.primary-action{flex-basis:100%;justify-content:center}.evidence-layer{grid-template-columns:repeat(2,1fr)}.evidence-layer p{min-height:80px;padding:var(--space-md) 0;border-right:0;border-bottom:1px solid var(--border)}.evidence-layer p:nth-child(odd){padding-right:var(--space-md);border-right:1px solid var(--border)}.evidence-layer p:nth-child(2n){padding-left:var(--space-md)}.evidence-layer p:nth-last-child(-n+2){border-bottom:0}.content-section{padding-block:var(--space-2xl)}.section-heading{margin-bottom:var(--space-xl)}.project-row,.project-record{gap:var(--space-sm);grid-template-columns:34px minmax(0,1fr) 22px}.project-row{min-height:0;padding:var(--space-xl) 0}.project-record{min-height:0;padding-block:var(--space-xl);grid-template-columns:34px minmax(0,1fr)}.project-facts{gap:var(--space-lg);margin-top:var(--space-xl);grid-template-columns:1fr}.secondary-projects{width:100%;margin-top:var(--space-xl)}.record-grid{grid-template-columns:1fr}.technical-record{min-height:0;padding:var(--space-lg)}.skill-record{gap:var(--space-sm);grid-template-columns:1fr}.education-section,.contact-section{gap:var(--space-xl);grid-template-columns:1fr}.education-record{grid-template-columns:1fr}.contact-record{justify-items:start}.shell-main--route{min-height:calc(100svh - 153px)}.case-study{padding-top:var(--space-xl)}.case-hero{min-height:calc(88svh - 76px);padding-bottom:var(--space-2xl)}.case-back{margin-bottom:var(--space-xl)}.case-summary,.case-section--split,.case-evidence,.case-technology{gap:var(--space-xl);grid-template-columns:1fr}.case-section,.case-outcome{padding-block:var(--space-2xl)}.case-section__heading{margin-bottom:var(--space-xl)}.case-boundary div{gap:var(--space-xs);grid-template-columns:1fr}.case-section--split article:last-child{padding:var(--space-xl) 0 0;border-top:1px solid var(--border);border-left:0}.case-evidence blockquote{padding-left:var(--space-md)}.evidence-trace{padding:20px}.trace-flow{gap:var(--space-lg)}.shell-footer{gap:var(--space-md)}.boot__skip{top:14px;right:20px}.boot__window{min-height:340px}.boot__log{padding:var(--space-md)}}@media (width<=390px){.shell-status{display:none}.shell-header{grid-template-columns:1fr auto}.nav-toggle{grid-column:2}}@media (width<=480px){.evidence-trace__header{align-items:center}.evidence-trace__header .shell-kicker{margin-bottom:0}.evidence-trace__status{display:none}.trace-flow{align-content:start;gap:var(--space-sm);padding-top:var(--space-lg)}.trace-query,.trace-convergence,.trace-response{padding:var(--space-sm) var(--space-md)}.trace-candidates{gap:var(--space-xs);grid-template-columns:1fr}.trace-candidate{min-height:58px;padding:var(--space-sm) var(--space-md)}.trace-candidate span{display:none}}@media (prefers-reduced-motion:reduce){.route-stage{animation:none}}.portfolio-app{--capacity-accent:#68b7c8}.portfolio-app[data-atmosphere=quote]{--active-accent:#aeb8ae;--atmosphere-x:50%;--atmosphere-y:58%}.portfolio-app[data-atmosphere=capacity]{--active-accent:var(--capacity-accent);--atmosphere-x:32%;--atmosphere-y:82%}.portfolio-app[data-atmosphere=contact]{--active-accent:var(--accent);--atmosphere-x:68%;--atmosphere-y:90%}.portfolio-snap{scroll-snap-type:y proximity;scrollbar-width:none;-ms-overflow-style:none}.portfolio-snap::-webkit-scrollbar{display:none}.atmosphere-section{scroll-snap-align:center;scroll-snap-stop:normal}.toolkit-section,.projects-section{scroll-snap-align:start}.shell-hero{box-sizing:border-box;scroll-snap-align:start;width:100vw;min-height:calc(100svh - 76px);padding-inline:max(48px,50vw - 600px);padding-top:var(--space-3xl);isolation:isolate;justify-content:flex-end;margin-left:calc(50% - 50vw);padding-bottom:clamp(72px,10vh,120px);scroll-margin-top:76px;position:relative;overflow:hidden}.shell-hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#090b09eb,#090b0994 70%,#0000);width:min(900px,78vw);position:absolute;inset:0 auto 0 0}.hero-media{z-index:-2;background:#090b09 url(/hero-poster.webp) 50%/cover no-repeat;width:100%;position:absolute;inset:0;overflow:hidden;transform:none}.hero-media video{object-fit:cover;opacity:.58;filter:saturate(.72)contrast(1.08)brightness(.58);width:100%;height:100%}.shell-hero h1{color:var(--accent);text-shadow:0 0 12px #7dfc6a57,0 0 38px #7dfc6a21}.role-cycler{width:19ch;min-height:1.55em;margin:0 0 var(--space-xl);color:var(--foreground);font-family:var(--font-display);white-space:nowrap;font-size:clamp(1rem,1.6vw,1.3rem);font-weight:500;line-height:1.55}.role-cycler__cursor{vertical-align:-.12em;background:var(--accent);width:.55em;height:1em;margin-left:.18em;animation:.72s step-end infinite caret-blink;display:inline-block}.responsive-text[data-scramble-ready=true]{cursor:default}.responsive-text:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.quote-interlude{z-index:10;min-height:100svh;padding-block:var(--space-3xl);border-bottom:1px solid var(--border);align-items:center;display:grid;position:relative}.quote-interlude blockquote{text-align:center;width:min(100%,1080px);margin:0 auto}.quote-interlude p{min-height:3.4em;color:color-mix(in srgb, var(--accent) 84%, var(--foreground));font-family:var(--font-display);letter-spacing:-.05em;text-shadow:0 0 10px #7dfc6a57,0 0 34px #7dfc6a29;margin:0;font-size:clamp(2.2rem,5.4vw,5.8rem);font-weight:400;line-height:1.12}.quote-interlude__caret{vertical-align:-.08em;background:var(--accent);width:.08em;height:.92em;margin-left:.12em;animation:.72s step-end infinite caret-blink;display:inline-block;box-shadow:0 0 12px #7dfc6a85}.quote-interlude cite{margin-top:var(--space-xl);color:var(--muted);font-family:var(--font-display);opacity:0;transition:opacity var(--transition-normal) var(--ease-entrance), transform var(--transition-normal) var(--ease-entrance);font-size:.8125rem;font-style:normal;font-weight:500;line-height:1.55;display:block;transform:translateY(8px)}.quote-interlude--complete cite{opacity:1;transform:translateY(0)}.project-moment--capacity{--project-accent:var(--capacity-accent)}.project-controls{align-items:center;gap:var(--space-sm) var(--space-lg);flex-wrap:wrap;display:flex}.project-control--secondary{color:var(--muted);-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border)}.contact-form-section{align-content:center;min-height:100svh;padding-block:clamp(76px,8vw,112px);display:grid}.contact-form-section .section-heading{margin-bottom:clamp(36px,5vw,68px)}.contact-form-section h2{font-size:clamp(2.8rem,6vw,6.2rem)}.contact-composer{gap:var(--space-xl);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.contact-field{gap:var(--space-sm);display:grid}.contact-field--message,.contact-submit{grid-column:1/-1}.contact-field label{color:var(--accent);font-family:var(--font-display);font-size:.8125rem;font-weight:500;line-height:1.55}.contact-field input,.contact-field textarea{width:100%;min-height:52px;padding:var(--space-md);border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 88%, transparent);color:var(--foreground);font:400 1rem/1.55 var(--font-body);resize:vertical;transition:border-color var(--transition-fast) var(--ease-interaction), background-color var(--transition-fast) var(--ease-interaction);outline:0}.contact-field textarea{min-height:150px}.contact-field input:hover,.contact-field textarea:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--border))}.contact-field input:focus-visible,.contact-field textarea:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:3px}.contact-submit{align-items:center;gap:var(--space-lg);display:flex}.contact-submit .primary-action{cursor:pointer;border:0}.contact-submit p{max-width:48ch;color:var(--muted);margin:0;font-size:.8125rem;line-height:1.55}.section-rail{z-index:30;font-family:var(--font-display);font-size:.75rem;display:none;position:fixed;top:50%;right:18px;transform:translateY(-50%)}.section-rail a{justify-content:flex-end;align-items:center;gap:var(--space-sm);min-width:44px;min-height:44px;color:var(--muted);text-decoration:none;display:flex}.section-rail__label{opacity:0;background:var(--background);transition:opacity var(--transition-fast) var(--ease-interaction), transform var(--transition-fast) var(--ease-interaction);padding:3px 6px;transform:translate(5px)}.section-rail__dot{background:var(--background);width:6px;height:6px;transition:background-color var(--transition-fast) var(--ease-interaction), color var(--transition-fast) var(--ease-interaction);border:1px solid;border-radius:50%}.section-rail a:hover,.section-rail a:focus-visible,.section-rail a.active{color:var(--foreground)}.section-rail a:hover .section-rail__label,.section-rail a:focus-visible .section-rail__label{opacity:1;transform:translate(0)}.section-rail a.active .section-rail__dot{border-color:var(--accent);background:var(--accent)}@media (width>=1240px){.section-rail{display:block}}@media (width<=1100px) and (width>=768px){.shell-header{gap:var(--space-lg)}.shell-nav{gap:var(--space-md)}}@media (width<=767px){.portfolio-snap{scroll-snap-type:none}.shell-hero{min-height:calc(100svh - 76px);padding-top:var(--space-2xl);justify-content:flex-end;padding-bottom:clamp(56px,8vh,80px)}.shell-hero:after{background:#090b09a3;width:100vw}.hero-media video{opacity:.42}.role-cycler{width:19ch;max-width:100%;margin-bottom:var(--space-lg);font-size:clamp(.9rem,4vw,1rem)}.quote-interlude{min-height:100svh;padding-block:var(--space-2xl)}.contact-form-section{padding-block:clamp(72px,20vw,96px)}.contact-form-section h2{font-size:clamp(2.4rem,12vw,4.5rem)}.contact-composer{grid-template-columns:1fr}.contact-field--message,.contact-submit{grid-column:1}.contact-submit{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.portfolio-snap{scroll-snap-type:none}.hero-media video{opacity:0}.shell-hero h1{text-shadow:0 0 10px #7dfc6a33}.role-cycler__cursor{display:none}}.portfolio-app{--active-accent:var(--accent);--atmosphere-x:22%;--atmosphere-y:24%}.portfolio-app[data-atmosphere=about]{--active-accent:#b8c2b8;--atmosphere-x:76%;--atmosphere-y:38%}.portfolio-app[data-atmosphere=toolkit]{--active-accent:var(--accent);--atmosphere-x:48%;--atmosphere-y:48%}.portfolio-app[data-atmosphere=experience]{--active-accent:#a8b2a8;--atmosphere-x:24%;--atmosphere-y:64%}.portfolio-app[data-atmosphere=projects]{--active-accent:var(--accent);--atmosphere-x:72%;--atmosphere-y:78%}.portfolio-app[data-atmosphere=imtithal]{--active-accent:var(--imtithal-accent);--atmosphere-x:70%;--atmosphere-y:32%}.portfolio-app[data-atmosphere=adalah]{--active-accent:var(--adalah-accent);--atmosphere-x:34%;--atmosphere-y:68%}.portfolio-app[data-atmosphere=hadith]{--active-accent:var(--hadith-accent);--atmosphere-x:68%;--atmosphere-y:78%}.shell-background{background-image:radial-gradient(circle at var(--atmosphere-x) var(--atmosphere-y), color-mix(in srgb, var(--active-accent) 8%, transparent), transparent 34%), linear-gradient(to right, transparent calc(100% - 1px), color-mix(in srgb, var(--active-accent) 4%, transparent) 1px), linear-gradient(to bottom, transparent calc(100% - 1px), color-mix(in srgb, var(--active-accent) 2.5%, transparent) 1px);transition:background-color var(--transition-slow) var(--ease-interaction);background-size:auto,48px 48px,48px 48px}.shell-header,.shell-main,.shell-footer{width:min(100%,1440px)}.responsive-text__character,.toolkit-character{transform:translate(var(--proximity-x,0), var(--proximity-y,0)) rotate(var(--proximity-rotate,0)) scale(var(--proximity-scale,1));filter:brightness(var(--proximity-brightness,1));transition:transform var(--transition-normal) var(--ease-interaction), filter var(--transition-normal) var(--ease-interaction);will-change:transform;display:inline-block}.responsive-text__accessible{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.responsive-text__space{width:.34em;display:inline-block}.responsive-text__word{white-space:nowrap;display:inline-block}@media (prefers-reduced-motion:no-preference){.portfolio-app--ready .shell-hero .responsive-text__character{animation:hero-character-resolve .98s var(--ease-entrance) both;animation-delay:calc(.26s + var(--character-index) * 18ms)}.portfolio-app--ready .shell-hero .shell-role .responsive-text__character{animation-duration:.52s;animation-delay:calc(.18s + var(--character-index) * 16ms)}}@keyframes hero-character-resolve{0%{opacity:0;transform:translateY(18px)rotate(-1.6deg)}to{opacity:1;transform:translateY(0)rotate(0)}}.shell-main--home{padding-top:0}.shell-hero{max-width:none;min-height:calc(82svh - 76px);padding-top:clamp(68px,8vh,112px);padding-bottom:var(--space-3xl);justify-content:flex-start}.shell-hero .shell-role{margin-bottom:var(--space-xl);font-size:clamp(1rem,1.6vw,1.3rem)}.shell-hero h1{letter-spacing:-.065em;max-width:100%;font-size:clamp(3.6rem,10vw,9.5rem);line-height:.84}.shell-hero .shell-lead{max-width:64ch;margin-top:var(--space-2xl);font-size:clamp(1rem,1.6vw,1.25rem)}.shell-hero .shell-actions{margin-top:var(--space-lg)}.content-section{align-content:center;min-height:calc(100svh - 76px);padding-block:clamp(88px,12vw,168px);display:grid}.toolkit-section,.projects-section{align-content:start;min-height:auto}.content-section h2,.evidence-trace h2{letter-spacing:-.055em;max-width:16ch;font-size:clamp(3rem,8vw,7.5rem);line-height:.88}.section-heading{max-width:1120px;margin-bottom:clamp(56px,8vw,112px)}.about-section{grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);align-items:center;gap:clamp(32px,5vw,72px);display:grid}.about-section .section-heading{margin-bottom:0}.about-copy{max-width:66ch;padding:var(--space-xl) 0 var(--space-md) var(--space-xl);border-left:1px solid color-mix(in srgb, var(--foreground) 30%, var(--border))}.about-copy__intro{align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl);grid-template-columns:148px minmax(0,1fr);display:grid}.about-portrait{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--accent) 38%, var(--border));background:var(--surface);border-radius:50%;width:148px;margin:0;overflow:hidden;box-shadow:0 0 36px #7dfc6a14}.about-portrait img{object-fit:cover;width:100%;height:100%;display:block}.about-copy p{color:var(--muted);margin:0;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.62}.about-copy .about-lead{color:var(--foreground)}.toolkit-field{padding:var(--space-xl) 0;font-family:var(--font-display);flex-wrap:wrap;align-items:baseline;gap:clamp(18px,3vw,44px) clamp(22px,4vw,64px);display:flex}.toolkit-word{color:var(--muted);letter-spacing:-.04em;font-size:clamp(1.05rem,2.5vw,2.7rem);line-height:1}.toolkit-word--2,.toolkit-word--5{color:var(--foreground);font-size:clamp(1.45rem,4vw,4.5rem)}.toolkit-word--3{font-size:clamp(1.1rem,3vw,3.3rem)}.toolkit-word--4{color:color-mix(in srgb, var(--accent) 72%, var(--muted))}.opposing-records{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(48px,10vw,144px);display:grid}.career-record{max-width:560px;padding-top:var(--space-lg);border-top:1px solid var(--border)}.career-record--education{margin-top:clamp(80px,12vw,168px)}.career-record h3{margin:var(--space-2xl) 0 var(--space-lg);font-family:var(--font-display);letter-spacing:-.04em;font-size:clamp(1.5rem,3vw,2.8rem);font-weight:600;line-height:1.1}.career-record p:not(.record-type){margin:var(--space-xs) 0;color:var(--muted);line-height:1.62}.record-type{color:var(--accent);font-family:var(--font-display);margin:0;font-size:.8125rem;font-weight:500}.project-experience{border-top:1px solid var(--border)}.project-moment{--project-accent:var(--imtithal-accent);border-bottom:1px solid var(--border);isolation:isolate;grid-template-columns:48px minmax(300px,.82fr) minmax(360px,1.18fr);align-items:center;gap:clamp(24px,5vw,76px);min-height:clamp(520px,65vw,760px);padding-block:clamp(56px,8vw,112px);display:grid;position:relative}.project-moment--adalah{--project-accent:var(--adalah-accent)}.project-moment--hadith{--project-accent:var(--hadith-accent)}.project-moment:before{content:"";z-index:-1;opacity:.18;background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--project-accent) 16%, transparent), transparent 58%);transition:opacity var(--transition-normal) var(--ease-interaction);position:absolute;inset:12% 2% 12% 36%}.project-moment:hover:before,.project-moment:focus-within:before,.project-moment--selected:before{opacity:1}.project-moment__index,.project-label,.project-metadata,.project-control{font-family:var(--font-display);font-size:.8125rem;font-weight:500;line-height:1.55}.project-moment__index{color:var(--muted);align-self:start}.project-label{color:var(--project-accent)}.project-title{margin:var(--space-md) 0 var(--space-xl);font-family:var(--font-display);letter-spacing:-.05em;transition:color var(--transition-normal) var(--ease-interaction);font-size:clamp(2.6rem,7vw,6.6rem);font-weight:600;line-height:.92}.project-moment:hover .project-title,.project-moment:focus-within .project-title,.project-moment--selected .project-title{color:var(--project-accent)}.project-description{max-width:62ch;color:color-mix(in srgb, var(--muted) 90%, var(--foreground));margin:0;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.62}.project-metadata{gap:var(--space-sm) var(--space-lg);margin:var(--space-xl) 0;color:var(--muted);flex-wrap:wrap;padding:0;list-style:none;display:flex}.project-metadata li:before{content:"/ ";color:var(--project-accent)}.project-control{align-items:center;gap:var(--space-sm);min-height:44px;color:var(--foreground);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--project-accent) 55%, transparent);text-decoration-color:color-mix(in srgb, var(--project-accent) 55%, transparent);text-underline-offset:.3em;cursor:pointer;background:0 0;border:0;padding:0;display:inline-flex}.project-media{border:1px solid color-mix(in srgb, var(--project-accent) 35%, var(--border));background:var(--surface);opacity:.44;max-width:720px;transform:translate(var(--media-x,0), var(--media-y,0));transition:opacity var(--transition-normal) var(--ease-interaction), transform var(--transition-normal) var(--ease-interaction), border-color var(--transition-fast) var(--ease-interaction);margin:0;overflow:hidden}.project-media img{object-fit:cover;filter:saturate(.45)contrast(1.04);width:100%;height:auto;max-height:520px;transition:filter var(--transition-normal) var(--ease-interaction);display:block}.project-moment:hover .project-media,.project-moment:focus-within .project-media,.project-moment--selected .project-media{opacity:1;border-color:var(--project-accent)}.project-moment:hover .project-media img,.project-moment:focus-within .project-media img,.project-moment--selected .project-media img{filter:saturate(.86)contrast(1.03)}.drag-trail{z-index:20;pointer-events:none;position:fixed;inset:0}.shell-footer{gap:var(--space-xl);min-height:128px;scroll-margin-top:76px}.footer-identity,.footer-links{align-items:center;gap:var(--space-lg);display:flex}.footer-identity{align-items:flex-start;gap:var(--space-xs);flex-direction:column}.evidence-trace{z-index:auto;min-height:720px;padding:var(--space-3xl) 0;pointer-events:auto;border-bottom:1px solid var(--border);background:0 0;position:relative;inset:auto;overflow:visible}.evidence-trace__header,.trace-flow{width:100%;max-width:none}.evidence-trace__header h2{color:var(--foreground)}.trace-flow{min-height:480px;padding-top:var(--space-2xl)}.evidence-trace--resolved .trace-response{border-color:var(--imtithal-accent)}@media (width<=960px){.about-section{grid-template-columns:1fr}.about-section .section-heading{margin-bottom:var(--space-xl)}.about-copy{max-width:720px;margin-left:14%}.about-portrait{width:148px}.project-moment{grid-template-columns:40px minmax(250px,.9fr) minmax(280px,1.1fr)}}@media (width<=767px){.shell-hero{padding-inline:20px;min-height:calc(78svh - 76px);padding-top:clamp(56px,9vh,84px);padding-bottom:var(--space-2xl)}.shell-hero h1{font-size:clamp(3.35rem,16vw,6rem)}.shell-hero .shell-lead{margin-top:var(--space-xl)}.shell-hero .shell-actions{gap:var(--space-xs) var(--space-lg)}.content-section{min-height:0;padding-block:clamp(72px,24vw,112px);display:block}.content-section h2,.evidence-trace h2{font-size:clamp(2.4rem,12vw,5.2rem)}.about-copy{padding:var(--space-lg) 0 0 var(--space-md);margin-left:0}.about-copy__intro{gap:var(--space-md);grid-template-columns:112px minmax(0,1fr)}.about-portrait{width:112px}.toolkit-field{gap:18px 24px;padding:0}.toolkit-word,.toolkit-word--3{font-size:clamp(1rem,5vw,1.45rem)}.toolkit-word--2,.toolkit-word--5{font-size:clamp(1.4rem,7vw,2rem)}.opposing-records{gap:var(--space-3xl);grid-template-columns:1fr}.career-record--education{margin-top:0;margin-left:12%}.project-moment{gap:var(--space-sm);min-height:0;padding-block:var(--space-3xl);grid-template-columns:30px minmax(0,1fr)}.project-moment__copy,.project-media{grid-column:2}.project-title{font-size:clamp(2.6rem,15vw,5rem)}.project-media{margin-top:var(--space-xl);opacity:.84;grid-row:auto;transform:none}.project-moment:before{inset:34% 0 8% 12%}.shell-footer{flex-direction:column;justify-content:center;align-items:flex-start;min-height:190px}.footer-links{flex-wrap:wrap}.evidence-trace{min-height:0;padding-block:var(--space-2xl)}.trace-flow{min-height:0}.drag-trail{display:none}}.hero-media:after{content:"";pointer-events:none;background:linear-gradient(90deg,#090b09e0 0%,#090b098f 48%,#090b097a 100%),linear-gradient(#090b0942,#090b098a);position:absolute;inset:0}.hero-media video{opacity:.48;filter:grayscale()sepia()hue-rotate(62deg)saturate(3.2)contrast(1.82)brightness(.42)}@media (width<=767px){.hero-media video{opacity:.38}}@media (prefers-reduced-motion:reduce){.hero-media video{opacity:0}}.projects-section{border-bottom:1px solid var(--border);width:100vw;min-height:0;margin-left:calc(50% - 50vw);padding:0;display:block;overflow:visible}.project-scroll-viewport{scrollbar-width:none;grid-template-rows:auto minmax(0,1fr);height:calc(100svh - 76px);display:grid;overflow:auto hidden}.project-scroll-viewport::-webkit-scrollbar{display:none}.projects-section--enhanced .project-scroll-viewport{position:sticky;top:76px;overflow:hidden}.portfolio-snap.project-scroll-active{scroll-snap-type:none}.projects-section .section-heading{box-sizing:border-box;width:min(100vw,1296px);max-width:none;margin:0 auto;padding:clamp(24px,4vh,46px) 48px clamp(18px,3vh,32px)}.projects-section .section-heading .shell-kicker{margin-bottom:var(--space-sm)}.projects-section .section-heading h2{white-space:nowrap;max-width:none;font-size:clamp(2.4rem,5.6vw,5.8rem);line-height:.9}.project-experience{border-top:1px solid var(--border);will-change:transform;align-items:stretch;gap:clamp(40px,5vw,84px);width:max-content;min-width:100%;height:100%;padding:0 max(48px,50vw - 600px) clamp(34px,5vh,64px);display:flex;transform:translate(0,0)}.project-moment{border-right:1px solid var(--border);border-bottom:0;flex:none;grid-template-columns:38px minmax(280px,.8fr) minmax(360px,1.2fr);gap:clamp(22px,4vw,62px);width:min(1080px,100vw - 144px);height:100%;min-height:0;padding:clamp(28px,4vh,54px) clamp(30px,4vw,58px) clamp(28px,4vh,54px) 0}.project-moment:last-child{margin-right:max(48px,50vw - 600px)}.project-title{font-size:clamp(2.8rem,6vw,6.2rem)}.project-media{color:var(--foreground);cursor:pointer;align-self:center;text-decoration:none;display:block;position:relative}.project-media__arrow{width:46px;height:46px;top:var(--space-md);right:var(--space-md);border:1px solid color-mix(in srgb, var(--project-accent) 72%, var(--foreground));background:color-mix(in srgb, var(--background) 86%, transparent);color:var(--project-accent);font-family:var(--font-display);opacity:0;transition:opacity var(--transition-fast) var(--ease-interaction), transform var(--transition-fast) var(--ease-interaction);place-items:center;font-size:1.3rem;display:grid;position:absolute;transform:translate(-5px,5px)}.project-media:hover .project-media__arrow,.project-media:focus-visible .project-media__arrow{opacity:1;transform:translate(0)}.project-media:focus-visible{outline:2px solid var(--project-accent);outline-offset:4px}@media (width<=960px){.projects-section .section-heading,.project-experience{padding-inline:32px}.project-moment{grid-template-columns:30px minmax(220px,.85fr) minmax(280px,1.15fr);width:calc(100vw - 80px)}}@media (width<=767px){.projects-section .section-heading{padding:20px 20px 14px}.projects-section .section-heading h2{white-space:normal;font-size:clamp(2rem,9.5vw,3.3rem)}.project-experience{gap:24px;padding:0 20px 24px}.project-moment{grid-template-rows:auto minmax(0,1fr);grid-template-columns:24px minmax(0,1fr);gap:8px 12px;width:calc(100vw - 40px);padding:20px 20px 20px 0}.project-moment__copy{grid-column:2}.project-title{margin:6px 0 12px;font-size:clamp(2.4rem,13vw,4rem)}.project-label{font-size:.7rem}.project-description{font-size:.92rem;line-height:1.45}.project-metadata{display:none}.project-media{opacity:.9;grid-column:2;align-self:end;margin-top:8px;transform:none}.project-media img{max-height:190px}.project-media__arrow{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.projects-section{height:auto!important}.project-scroll-viewport{scroll-snap-type:x mandatory;position:relative;top:auto;overflow-x:auto}.project-experience{will-change:auto;transform:none!important}.project-moment{scroll-snap-align:start}}.projects-section{min-height:calc(100svh - 76px);padding:clamp(72px,9vw,128px) 0;position:relative;overflow:hidden}.project-carousel__header,.project-carousel__viewport{box-sizing:border-box;width:min(100% - 160px,1200px);margin-inline:auto;padding-inline:0}.project-carousel__header{justify-content:space-between;align-items:center;margin-bottom:clamp(34px,5vw,68px);display:flex}.project-carousel__header h2{max-width:none;color:var(--accent);letter-spacing:-.045em;white-space:nowrap;margin:0;font-size:clamp(2.7rem,5vw,5.8rem);line-height:.9}.project-carousel__controls{z-index:4;pointer-events:none;justify-content:space-between;width:min(100% - 40px,1320px);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-carousel__controls button{width:48px;height:48px;color:var(--accent);font:500 3.6rem/.7 var(--font-display);cursor:pointer;pointer-events:auto;transition:color var(--transition-fast) var(--ease-interaction), transform var(--transition-fast) var(--ease-interaction);background:0 0;border:0;place-items:center;padding:0;display:grid}.project-carousel__controls button:hover{color:var(--foreground);transform:scale(1.08)}.project-carousel__controls button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.project-carousel__viewport{scroll-snap-type:x mandatory;scrollbar-width:none;overflow:auto hidden}.project-carousel__viewport::-webkit-scrollbar{display:none}.project-carousel__track{--project-gap:clamp(24px, 3.2vw, 48px);gap:var(--project-gap);display:flex}.project-slide{--project-accent:var(--imtithal-accent);flex:0 0 calc((100% - var(--project-gap)) / 2);scroll-snap-align:start;min-width:0}.project-slide--adalah{--project-accent:var(--adalah-accent)}.project-slide--hadith{--project-accent:var(--hadith-accent)}.project-slide--capacity{--project-accent:var(--capacity-accent)}.project-slide__media{aspect-ratio:16/9;border:1px solid color-mix(in srgb, var(--project-accent) 34%, var(--border));background:var(--surface);color:var(--project-accent);text-decoration:none;display:block;position:relative;overflow:hidden}.project-slide__media img{object-fit:cover;filter:saturate(.6)contrast(1.04)brightness(.76);width:100%;height:100%;transition:filter var(--transition-normal) var(--ease-interaction), transform var(--transition-normal) var(--ease-interaction);display:block}.project-slide__arrow{width:46px;height:46px;top:var(--space-md);right:var(--space-md);background:color-mix(in srgb, var(--background) 88%, transparent);font-family:var(--font-display);opacity:0;transition:opacity var(--transition-fast) var(--ease-interaction), transform var(--transition-fast) var(--ease-interaction);border:1px solid;place-items:center;font-size:1.3rem;display:grid;position:absolute;transform:translate(-5px,5px)}.project-slide__media:hover,.project-slide__media:focus-visible{border-color:var(--project-accent);outline:0}.project-slide__media:hover img,.project-slide__media:focus-visible img{filter:saturate(.9)contrast(1.03)brightness(.92);transform:scale(1.015)}.project-slide__media:hover .project-slide__arrow,.project-slide__media:focus-visible .project-slide__arrow{opacity:1;transform:translate(0)}.project-slide__media:focus-visible{outline:2px solid var(--project-accent);outline-offset:4px}.project-slide__copy{padding-top:var(--space-lg)}.project-slide__copy h3{color:var(--project-accent);font-family:var(--font-display);letter-spacing:-.035em;margin:0;font-size:clamp(1.55rem,2.4vw,2.35rem);line-height:1.05}.project-slide__copy p{max-width:58ch;margin:var(--space-sm) 0 0;color:color-mix(in srgb, var(--foreground) 84%, var(--muted));-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(.95rem,1.35vw,1.12rem);line-height:1.52;display:-webkit-box;overflow:hidden}@media (width<=899px){.project-carousel__header,.project-carousel__viewport{width:calc(100% - 128px)}.project-slide{flex-basis:100%}}@media (width<=600px){.projects-section{min-height:0;padding-block:72px}.project-carousel__header,.project-carousel__viewport{width:calc(100% - 40px)}.project-carousel__header{margin-bottom:28px}.project-carousel__header h2{font-size:clamp(2.4rem,13vw,4rem)}.project-carousel__controls{gap:var(--space-sm);pointer-events:auto;width:auto;position:static;transform:none}.project-carousel__controls button{width:44px;height:44px;font-size:2.8rem}.project-carousel__track{--project-gap:20px}.project-slide__arrow{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.project-carousel__viewport{scroll-behavior:auto}.project-slide__media img,.project-slide__arrow{transition:none}}.shell-hero{min-height:calc(100svh - 76px);padding-top:var(--space-3xl);justify-content:flex-end;padding-bottom:clamp(72px,10vh,120px)}@media (width<=767px){.shell-hero{min-height:calc(100svh - 76px);padding-top:var(--space-2xl);justify-content:flex-end;padding-bottom:clamp(56px,8vh,80px)}}@media (prefers-reduced-motion:reduce){.responsive-text__character,.toolkit-character,.project-media,.project-media img,.shell-background{transition:none;transform:none}.responsive-text__character,.toolkit-word{opacity:1!important;visibility:visible!important}.project-media{opacity:.9}.drag-trail{display:none}}