.hero{padding-top:34px!important}.hero-grid{grid-template-columns:1.08fr .92fr!important;gap:64px!important;align-items:start!important;padding-bottom:54px!important}.hero-copy{padding-top:8px}.hero-copy h1{font-size:clamp(3.15rem,5.15vw,4.9rem)!important;line-height:1.32!important}.hero-role{font-size:21px!important;margin-top:11px!important}.hero-description{font-size:16px!important;line-height:1.95!important;margin-top:15px!important;max-width:410px!important}.hero-actions{margin-top:23px!important;gap:21px!important}.hero-actions .button{padding:11px 22px!important}.portrait-wrap{width:min(100%,448px)!important;justify-self:center!important;padding:12px 0 12px 12px!important;margin-top:0!important}.portrait{aspect-ratio:.96!important}.portrait img{object-position:50% 12%!important}.portrait::after{inset:52% 0 0!important;background:linear-gradient(transparent,rgba(12,16,11,.82))!important}.portrait-label{top:33px!important;left:-14px!important;font-size:12px!important;padding:7px 13px!important}.portrait-wrap::after{content:"</>CODE";position:absolute;top:4px;right:28px;z-index:4;padding:8px 12px;border:1px solid rgba(198,241,108,.35);border-radius:999px;background:rgba(17,19,16,.82);backdrop-filter:blur(10px);color:#c6f16c;box-shadow:0 8px 24px rgba(0,0,0,.18);font:700 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.project-showcase-section{position:relative}.showcase-header{align-items:end;gap:24px;margin-bottom:0!important}.showcase-header .section-intro{display:none!important}.showcase-header h2{margin-bottom:0!important;font-size:0!important;line-height:1!important}.showcase-header h2::after{content:"مشاريعي الخاصة";display:block;font-family:Cairo,sans-serif;font-size:clamp(2.1rem,4vw,3.55rem);font-weight:800;line-height:1.25;color:var(--text);letter-spacing:-1px}.projects-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2vw,28px);margin-top:clamp(24px,3.5vw,38px)}.showcase-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025)),rgba(6,12,24,.72);box-shadow:0 24px 70px rgba(0,0,0,.28);transform:translateY(0);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.showcase-card::before{content:"";position:absolute;inset:-1px;pointer-events:none;background:radial-gradient(circle at 18% 0%,rgba(67,186,255,.18),transparent 38%);opacity:.75}.showcase-card:hover{transform:translateY(-5px);border-color:rgba(99,203,255,.34);box-shadow:0 30px 90px rgba(0,0,0,.34)}.showcase-card.is-extra{display:none}.projects-showcase-grid.show-all .showcase-card.is-extra{display:block}.showcase-image-link{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:rgba(2,8,18,.85)}.showcase-image-link img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.01);transition:transform .35s ease,filter .35s ease}.showcase-card:hover .showcase-image-link img{transform:scale(1.035);filter:saturate(1.06) contrast(1.04)}.showcase-number{position:absolute;top:13px;inset-inline-start:13px;padding:7px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(0,0,0,.34);color:rgba(255,255,255,.88);font-size:11px;letter-spacing:.12em;direction:ltr;backdrop-filter:blur(10px)}.showcase-content{position:relative;z-index:1;padding:clamp(18px,2.2vw,24px)}.showcase-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.showcase-title-row h3{margin:0;font-size:clamp(1.22rem,2vw,1.55rem);line-height:1.35}.github-icon-button{flex:0 0 auto;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:#b7bcb4;background:rgba(255,255,255,.035);transition:.2s ease}.github-icon-button:hover{color:#fff;border-color:rgba(255,255,255,.35);transform:translateY(-2px)}.project-github-icon{width:19px;height:19px}.showcase-content>p{color:var(--muted);line-height:1.9;font-size:14px;margin:12px 0 15px}.showcase-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}.showcase-tags span{padding:5px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.1);color:#aeb5aa;background:rgba(255,255,255,.025);font-size:11px}.showcase-github-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#cbd0c6;transition:color .2s ease}.showcase-github-link:hover{color:var(--lime)}.showcase-github-link .project-github-icon{width:16px;height:16px}.projects-more-wrap{display:flex;justify-content:center;margin-top:32px}.projects-more-button{display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.04);color:var(--text);font:600 14px/1 Cairo,sans-serif;cursor:pointer;transition:.2s ease}.projects-more-button:hover{border-color:rgba(198,241,108,.42);color:var(--lime);transform:translateY(-2px)}.projects-more-count{font:600 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted)}@media(min-width:1600px){.hero{padding-top:42px!important}.hero-grid{gap:82px!important}.portrait-wrap{max-width:462px!important}}@media(max-width:1050px){.hero{padding-top:30px!important}.hero-grid{gap:38px!important}.portrait-wrap{width:min(100%,423px)!important}.hero-copy h1{font-size:clamp(3rem,5.4vw,4.5rem)!important}}@media(max-width:760px){.hero{padding-top:22px!important}.hero-grid{grid-template-columns:1fr!important;gap:30px!important;padding-bottom:32px!important}.hero-copy{padding-top:0}.hero-copy h1{font-size:clamp(3rem,11vw,4.25rem)!important}.hero-role{font-size:19px!important}.hero-description{font-size:15px!important;margin-top:13px!important}.portrait-wrap{width:min(100% - 28px,380px)!important}.portrait{aspect-ratio:1.03!important}.portrait-wrap::after{right:18px;top:1px}.projects-showcase-grid{grid-template-columns:1fr;gap:17px}.showcase-content{padding:18px}.showcase-header{display:block}.showcase-header h2::after{font-size:clamp(2rem,8vw,2.8rem)}}.skills-section .section-intro{display:none!important}#skills,.skills-section,a[href="#skills"]{display:none!important}

/* Process sequence v3 — node builds, details appear, line travels, next node starts each second */
#enhProcess{position:relative;overflow:hidden}
#enhProcess::before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;inset:7% auto auto -220px;background:radial-gradient(circle,rgba(198,241,108,.08),transparent 68%);pointer-events:none}
#enhProcess .enh-shell{position:relative}
#enhProcess .enh-title{max-width:760px}
#enhProcess .enh-subtitle{max-width:680px;line-height:1.95}
#enhProcess .enh-process-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;direction:rtl;gap:0!important;position:relative;margin:58px 0 8px!important;padding:0!important;overflow:visible}
#enhProcess .enh-process-card{--i:0;position:relative!important;display:grid!important;grid-template-rows:108px auto auto!important;justify-items:center!important;align-content:start!important;min-width:0!important;min-height:0!important;padding:0 10px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;text-align:center!important;overflow:visible!important;isolation:isolate;opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
#enhProcess .enh-process-card:nth-child(2){--i:1}#enhProcess .enh-process-card:nth-child(3){--i:2}#enhProcess .enh-process-card:nth-child(4){--i:3}#enhProcess .enh-process-card:nth-child(5){--i:4}#enhProcess .enh-process-card:nth-child(6){--i:5}
#enhProcess .enh-process-card>b{position:relative;z-index:3;width:88px;height:88px;margin:0!important;border-radius:50%;display:grid;place-items:center;color:var(--enh-lime);background:radial-gradient(circle at 34% 28%,rgba(198,241,108,.34),rgba(198,241,108,.11) 44%,rgba(10,16,10,.96) 73%);border:1px solid rgba(198,241,108,.34);font:800 13px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.11em;opacity:0;clip-path:circle(0 at 50% 50%);transform:scale(.12) rotate(-18deg);box-shadow:0 0 0 rgba(198,241,108,0)}
#enhProcess .enh-process-card>b::before{content:"";position:absolute;inset:8px;border-radius:50%;border:1px dashed rgba(198,241,108,.24)}
#enhProcess .enh-process-card>b::after{content:"";position:absolute;inset:-13px;border-radius:50%;border:1px solid rgba(198,241,108,.18);opacity:0;transform:scale(.72)}
#enhProcess .enh-process-card h3{margin:12px 0 6px!important;color:var(--enh-text);font-size:clamp(.98rem,1.45vw,1.2rem)!important;line-height:1.5!important;font-weight:800!important;opacity:0;transform:translateY(12px)}
#enhProcess .enh-process-card p{max-width:170px;margin:0 auto!important;color:var(--enh-muted)!important;font-size:11.5px!important;line-height:1.82!important;opacity:0;transform:translateY(15px)}
#enhProcess .enh-process-card:not(:last-child)::before{content:"";position:absolute;z-index:1;top:44px;right:50%;width:100%;height:2px;background:linear-gradient(90deg,rgba(198,241,108,.1),rgba(198,241,108,.95),rgba(198,241,108,.16));box-shadow:0 0 24px rgba(198,241,108,.22);transform:scaleX(0);transform-origin:right center;opacity:0}
#enhProcess .enh-process-card:hover>b{box-shadow:0 20px 52px rgba(0,0,0,.3),0 0 0 10px rgba(198,241,108,.055),0 0 30px rgba(198,241,108,.16)!important}
#enhProcess .enh-process-grid:has(.enh-process-card:first-child.is-visible) .enh-process-card>b{animation:processNodeBuild .42s cubic-bezier(.2,.85,.2,1) calc(var(--i)*1s) forwards}
#enhProcess .enh-process-grid:has(.enh-process-card:first-child.is-visible) .enh-process-card>b::after{animation:processHalo .5s ease calc(var(--i)*1s + .18s) forwards}
#enhProcess .enh-process-grid:has(.enh-process-card:first-child.is-visible) .enh-process-card h3{animation:processTextIn .28s ease calc(var(--i)*1s + .32s) forwards}
#enhProcess .enh-process-grid:has(.enh-process-card:first-child.is-visible) .enh-process-card p{animation:processTextIn .32s ease calc(var(--i)*1s + .48s) forwards}
#enhProcess .enh-process-grid:has(.enh-process-card:first-child.is-visible) .enh-process-card:not(:last-child)::before{animation:processLineX .34s cubic-bezier(.2,.8,.2,1) calc(var(--i)*1s + .7s) forwards}
#enhProcess .enh-request-row{justify-content:center!important;align-items:center!important;gap:10px!important;margin-top:34px!important;padding-top:24px;border-top:1px solid rgba(255,255,255,.07);opacity:0;transform:translateY(12px)}
#enhProcess .enh-process-grid:has(.enh-process-card:first-child.is-visible)+.enh-request-row{animation:processCtaIn .4s ease 5.7s forwards}
#enhProcess .enh-request-row small{flex-basis:100%;text-align:center;margin-top:4px;color:var(--enh-muted)}
@keyframes processNodeBuild{0%{opacity:0;clip-path:circle(0 at 50% 50%);transform:scale(.12) rotate(-18deg);box-shadow:0 0 0 rgba(198,241,108,0)}65%{opacity:1;clip-path:circle(100% at 50% 50%);transform:scale(1.08) rotate(2deg);box-shadow:0 18px 48px rgba(0,0,0,.28),0 0 0 13px rgba(198,241,108,.07),0 0 34px rgba(198,241,108,.18)}100%{opacity:1;clip-path:circle(100% at 50% 50%);transform:scale(1) rotate(0);box-shadow:0 18px 48px rgba(0,0,0,.28),0 0 0 9px rgba(198,241,108,.05),0 0 22px rgba(198,241,108,.12)}}
@keyframes processHalo{0%{opacity:0;transform:scale(.72)}55%{opacity:.85;transform:scale(1.16)}100%{opacity:.5;transform:scale(1)}}
@keyframes processTextIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes processLineX{0%{opacity:0;transform:scaleX(0)}15%{opacity:1}100%{opacity:1;transform:scaleX(1)}}
@keyframes processLineY{0%{opacity:0;transform:scaleY(0)}15%{opacity:1}100%{opacity:1;transform:scaleY(1)}}
@keyframes processCtaIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){#enhProcess{overflow:visible}#enhProcess .enh-process-grid{grid-template-columns:1fr!important;direction:rtl;gap:0!important;margin-top:36px!important}#enhProcess .enh-process-card{grid-template-columns:78px minmax(0,1fr)!important;grid-template-rows:auto auto!important;justify-items:stretch!important;align-items:center!important;text-align:right!important;padding:0 0 30px!important;min-height:108px!important}#enhProcess .enh-process-card>b{grid-column:1!important;grid-row:1/3!important;width:66px;height:66px;justify-self:start;font-size:11px}#enhProcess .enh-process-card h3{grid-column:2!important;grid-row:1!important;margin:6px 0 5px!important;font-size:1.08rem!important;align-self:end;text-align:right}#enhProcess .enh-process-card p{grid-column:2!important;grid-row:2!important;max-width:none;margin:0!important;font-size:12.5px!important;line-height:1.85!important;align-self:start;text-align:right}#enhProcess .enh-process-card:not(:last-child)::before{top:62px;right:32px;width:2px;height:calc(100% - 3px);background:linear-gradient(180deg,rgba(198,241,108,.92),rgba(198,241,108,.14));transform:scaleY(0);transform-origin:top center}#enhProcess .enh-process-grid:has(.enh-process-card:first-child.is-visible) .enh-process-card:not(:last-child)::before{animation-name:processLineY}#enhProcess .enh-request-row{justify-content:flex-start!important;text-align:right}#enhProcess .enh-request-row small{text-align:right}}
@media(max-width:520px){#enhProcess .enh-process-card{grid-template-columns:68px minmax(0,1fr)!important;padding-bottom:26px!important}#enhProcess .enh-process-card>b{width:58px;height:58px}#enhProcess .enh-process-card:not(:last-child)::before{top:55px;right:28px}#enhProcess .enh-process-card p{font-size:12px!important}#enhProcess .enh-request-row{align-items:stretch!important}#enhProcess .enh-request-row>a{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){#enhProcess .enh-process-card>b,#enhProcess .enh-process-card h3,#enhProcess .enh-process-card p,#enhProcess .enh-process-card::before,#enhProcess .enh-request-row{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important}}

/* Mobile experience v1 — compact, touch-first, faster */
@media(max-width:760px){
html,body{max-width:100%;overflow-x:hidden}html{scroll-padding-top:76px}body{padding-bottom:calc(74px + env(safe-area-inset-bottom));font-size:15px}.container,.enh-shell{width:calc(100% - 28px)!important;max-width:680px!important;margin-inline:auto!important}.site-header{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.header-inner{min-height:66px!important;gap:8px!important}.brand{gap:8px!important;min-width:0}.brand-mark{width:36px!important;height:36px!important;border-radius:10px!important;font-size:21px!important}.brand-text{font-size:13px!important;line-height:1.35!important;white-space:nowrap}.brand-text small{font-size:8px!important;letter-spacing:1.4px!important}.menu-button{width:40px!important;height:40px!important;border-radius:11px!important}.header-link{display:none!important}.enh-header-controls{gap:4px!important;margin-inline-start:0!important}.enh-header-controls button{min-width:31px!important;width:31px;height:31px!important;padding:0!important;border-radius:9px!important;font-size:9px!important}.enh-header-controls #enhCommandOpen{display:none!important}.hero{padding-top:18px!important}.hero-grid{grid-template-columns:1fr!important;gap:22px!important;padding-bottom:26px!important}.hero-copy{padding-top:0!important}.eyebrow{font-size:12px!important;margin-bottom:11px!important}.hero-copy h1{font-size:clamp(2.55rem,12.4vw,3.45rem)!important;line-height:1.23!important;letter-spacing:-1.3px!important}.hero-role{font-size:17px!important;line-height:1.55!important;gap:10px!important;margin-top:9px!important;flex-wrap:wrap}.hero-role span{font-size:13px!important;padding:7px!important}.hero-description{max-width:none!important;font-size:14px!important;line-height:1.9!important;margin-top:11px!important}.enh-availability{margin-top:13px!important;padding:7px 10px!important;font-size:11px!important}.hero-actions{display:grid!important;grid-template-columns:1fr auto!important;gap:12px!important;margin-top:18px!important;align-items:center!important}.hero-actions>.button{grid-column:1/-1;width:100%!important;min-height:48px!important;padding:0 18px!important}.hero-actions .text-link{font-size:13px!important}.hero-socials{justify-self:end!important}.portrait-wrap{width:min(100%,345px)!important;padding:9px 0 9px 9px!important;margin:0 auto!important}.portrait{aspect-ratio:1.02!important;border-radius:92px 18px 18px 18px!important}.portrait-wrap::before{inset:0 12px 0 0!important;border-radius:98px 20px 20px 20px!important}.portrait-wrap::after{right:14px!important;top:0!important;padding:6px 9px!important;font-size:9px!important}.portrait-label{left:-8px!important;top:28px!important;padding:6px 10px!important;font-size:10px!important;border-width:4px!important}.photo-caption{right:18px!important;left:18px!important;bottom:17px!important}.photo-caption strong{font-size:15px!important}.photo-caption small{font-size:10px!important}.photo-caption svg{width:30px!important;height:30px!important}.hero-bottom{padding-block:15px!important}.scroll-hint{font-size:11px!important}.section,.enh-section{padding-block:52px!important}.section-label,.enh-kicker{font-size:12px!important;margin-bottom:9px!important}.enh-title,.showcase-header h2::after{font-size:clamp(1.85rem,8.3vw,2.45rem)!important;line-height:1.3!important;letter-spacing:-.5px!important}.enh-title.small{font-size:clamp(1.65rem,7.4vw,2.15rem)!important}.enh-subtitle,.section-intro{font-size:13.5px!important;line-height:1.85!important;margin-top:10px!important}.about-grid{grid-template-columns:1fr!important;gap:14px!important}.about-copy{padding-top:0!important;font-size:14px!important;line-height:2!important}.closing{padding-block:46px!important;flex-direction:column!important;align-items:flex-start!important;gap:18px!important}.closing-code{font-size:3.7rem!important}.enh-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important;margin-top:18px!important}.enh-stat{padding:14px!important;border-radius:15px!important}.enh-stat strong{font-size:1.35rem!important}.enh-stat span{font-size:10.5px!important;margin-top:5px!important}.enh-tech-track{padding:11px 0!important;gap:9px!important;animation-duration:38s!important}.enh-featured{padding-top:34px!important}.enh-featured-card{grid-template-columns:1fr!important;gap:12px!important;padding:22px!important;border-radius:22px!important}.enh-featured-copy h2{font-size:3.1rem!important;letter-spacing:-3px!important}.enh-featured-copy p{font-size:13px!important;line-height:1.85!important}.enh-featured-mark{display:flex!important;min-width:0!important;width:100%!important;margin-top:6px!important;gap:8px!important}.enh-featured-mark-icon{width:92px!important}.enh-featured-mark-wordmark{width:150px!important}.enh-capability-card{margin-top:22px!important;border-radius:22px!important}.enh-capability-intro{padding:23px 20px 20px!important}.enh-capability-intro h3{font-size:1.5rem!important;line-height:1.45!important}.enh-capability-intro p{font-size:13px!important;line-height:1.85!important}.enh-capability-tags{gap:6px!important}.enh-capability-tags span{font-size:9px!important;padding:6px 8px!important}.enh-capability-list{grid-template-columns:1fr!important;padding:4px 20px!important}.enh-capability-row{padding:17px 0!important;border-inline-start:0!important}.enh-capability-row:nth-last-child(2){border-bottom:1px solid rgba(255,255,255,.075)!important}.enh-capability-footer{padding:20px!important;flex-direction:column!important;align-items:stretch!important;gap:14px!important}.enh-capability-footer>span{font-size:12px!important}.enh-request-row{gap:9px!important}.enh-request-row .enh-primary,.enh-request-row .enh-secondary{min-height:46px!important;padding-inline:14px!important;font-size:12px!important}.enh-project-tools{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important;margin:20px 0 16px!important}.enh-search{grid-column:1/-1!important;min-width:0!important}.enh-search input{height:46px!important;font-size:14px!important}.enh-filters{grid-column:1/-1!important;display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overscroll-behavior-inline:contain;padding:2px 1px 7px!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch}.enh-filters::-webkit-scrollbar{display:none}.enh-filter{flex:0 0 auto!important;height:38px!important}.enh-select{min-width:0!important;display:grid!important;gap:5px!important}.enh-select select{width:100%!important;height:42px!important;min-width:0!important}.projects-showcase-grid{grid-template-columns:1fr!important;gap:15px!important;margin-top:18px!important}.showcase-card{border-radius:21px!important;box-shadow:0 16px 46px rgba(0,0,0,.24)!important}.showcase-image-link{aspect-ratio:16/10!important}.showcase-content{padding:16px!important}.showcase-title-row{gap:10px!important}.showcase-title-row h3{font-size:1.16rem!important;line-height:1.45!important}.github-icon-button{width:40px!important;height:40px!important}.showcase-content>p{font-size:13px!important;line-height:1.8!important;margin:9px 0 12px!important}.showcase-tags{gap:5px!important;margin-bottom:13px!important}.showcase-tags span{font-size:10px!important;padding:5px 8px!important}.showcase-github-link{min-height:42px!important;font-size:12px!important}.projects-more-wrap{margin-top:22px!important}.projects-more-button{width:100%!important;min-height:48px!important;justify-content:center!important}.enh-project-extra-actions{display:grid!important;grid-template-columns:1fr!important}.enh-project-extra-actions>*{width:100%!important}.enh-modal{align-items:flex-end!important;padding:0!important;background:rgba(5,7,5,.72)!important}.enh-modal-card{width:100%!important;max-width:none!important;max-height:92dvh!important;border-radius:24px 24px 0 0!important;border-bottom:0!important;overscroll-behavior:contain!important}.enh-modal-close{width:44px!important;height:44px!important;margin:10px!important}.enh-modal-body{padding:18px!important}.enh-modal-media{border-radius:18px!important}.enh-modal-image{max-height:38vh!important;object-fit:cover!important}.enh-modal-head{gap:10px!important;align-items:flex-start!important}.enh-modal-head h3{font-size:1.45rem!important;line-height:1.4!important}.enh-case-grid{grid-template-columns:1fr!important;gap:9px!important}.enh-modal-actions{display:grid!important;grid-template-columns:1fr!important}.enh-modal-actions>*{width:100%!important;min-height:46px!important}.enh-similar>div{display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:5px!important}.enh-similar button{flex:0 0 auto!important}.enh-contact-card{padding:22px!important;border-radius:22px!important}.enh-contact-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:9px!important}.enh-contact-actions>*{min-width:0!important;width:100%!important}.enh-contact-actions .enh-primary{grid-column:1/-1!important}.enh-github-grid{grid-template-columns:1fr!important}.enh-dual,.enh-compare-grid{grid-template-columns:1fr!important;gap:18px!important}.enh-logo-grid{grid-template-columns:1fr 1fr!important}.enh-timeline-wrap{margin-top:38px!important}.enh-faq details{border-radius:15px!important}.enh-faq summary{padding:16px!important;font-size:13px!important}.enh-faq p{padding:0 16px 16px!important;font-size:12.5px!important}.enh-bottom-nav,#enhBottomNav{position:fixed!important;z-index:18000!important;left:10px!important;right:10px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:4px!important;padding:6px!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:18px!important;background:rgba(17,20,16,.9)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;box-shadow:0 16px 44px rgba(0,0,0,.34)!important}.enh-bottom-nav button,#enhBottomNav button{min-width:0!important;min-height:48px!important;padding:5px 2px!important;border:0!important;border-radius:13px!important;background:transparent!important;color:var(--enh-muted)!important;font-size:15px!important;display:grid!important;place-items:center!important;gap:2px!important}.enh-bottom-nav button span,#enhBottomNav button span{font-size:9px!important;line-height:1.15!important}.enh-bottom-nav button:active,#enhBottomNav button:active{background:rgba(198,241,108,.09)!important;color:var(--enh-lime)!important}.enh-float{bottom:calc(88px + env(safe-area-inset-bottom))!important}.code-bg{opacity:.30!important;filter:blur(.75px) brightness(.74)!important}.cb-line{font-size:13px!important}.enh-progress{height:2px!important}button,a,input,select,textarea,summary{touch-action:manipulation}.showcase-card:hover,.enh-service:hover,.button:hover{transform:none!important}}
@media(max-width:430px){.container,.enh-shell{width:calc(100% - 22px)!important}.brand-text small{display:none!important}.enh-header-controls button{width:29px!important;min-width:29px!important;height:29px!important}.hero-copy h1{font-size:clamp(2.35rem,12vw,3rem)!important}.hero-role{font-size:16px!important}.hero-actions{grid-template-columns:1fr auto!important}.portrait-wrap{width:min(100% - 12px,320px)!important}.enh-stats{gap:7px!important}.enh-stat{padding:12px!important}.enh-contact-actions{grid-template-columns:1fr!important}.enh-contact-actions .enh-primary{grid-column:auto!important}.enh-project-tools{grid-template-columns:1fr!important}.enh-search,.enh-filters{grid-column:auto!important}.enh-process-card{grid-template-columns:64px minmax(0,1fr)!important}.showcase-number,.enh-feature-badge{font-size:9px!important}.code-bg{display:block!important}}
@media(hover:none) and (pointer:coarse){.showcase-card:hover,.enh-service:hover,.enh-primary:hover,.enh-secondary:hover,.button:hover{transform:none!important}.showcase-card:hover .showcase-image-link img{transform:scale(1.01)!important;filter:none!important}}


/* MOBILE-NAV-PRO-V2 */
@media(max-width:760px){
  .site-header{
    background:rgba(15,18,14,.90)!important;
    border-bottom:1px solid rgba(255,255,255,.075)!important;
    backdrop-filter:blur(18px) saturate(125%)!important;
    -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
    box-shadow:0 8px 28px rgba(0,0,0,.12)!important;
  }

  .site-header .header-inner{
    position:relative!important;
    min-height:60px!important;
    flex-wrap:nowrap!important;
    gap:10px!important;
  }

  .site-header .brand{
    min-width:0!important;
    gap:9px!important;
    margin-inline-end:auto!important;
  }

  .site-header .brand-mark{
    width:34px!important;
    height:34px!important;
    border-radius:9px!important;
    font-size:19px!important;
    box-shadow:none!important;
  }

  .site-header .brand-text{
    max-width:170px!important;
    overflow:hidden!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:700!important;
    letter-spacing:0!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }

  .site-header .brand-text small{
    margin-top:2px!important;
    color:#8f998b!important;
    font-size:7px!important;
    line-height:1.1!important;
    letter-spacing:1.7px!important;
  }

  .site-header .menu-button{
    position:relative!important;
    display:flex!important;
    flex:0 0 38px!important;
    width:38px!important;
    height:38px!important;
    padding:0!important;
    border:1px solid rgba(255,255,255,.105)!important;
    border-radius:11px!important;
    background:rgba(255,255,255,.028)!important;
    color:#e6eae2!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
    transition:background .22s ease,border-color .22s ease,color .22s ease,transform .22s ease!important;
  }

  .site-header .menu-button:hover,
  .site-header .menu-button:focus-visible{
    border-color:rgba(198,241,108,.32)!important;
    background:rgba(198,241,108,.055)!important;
    color:var(--lime)!important;
  }

  .site-header .menu-button:active{
    transform:scale(.96)!important;
  }

  .site-header .menu-button svg{
    display:none!important;
  }

  .site-header .menu-button::before,
  .site-header .menu-button::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:16px!important;
    height:1.5px!important;
    border-radius:999px!important;
    background:currentColor!important;
    transform-origin:center!important;
    transition:transform .24s cubic-bezier(.22,1,.36,1),box-shadow .24s ease!important;
  }

  .site-header .menu-button::before{
    transform:translate(-50%,-5px)!important;
    box-shadow:0 5px 0 currentColor!important;
  }

  .site-header .menu-button::after{
    transform:translate(-50%,5px)!important;
  }

  .site-header .menu-button[aria-expanded="true"]{
    border-color:rgba(198,241,108,.34)!important;
    background:rgba(198,241,108,.07)!important;
    color:var(--lime)!important;
  }

  .site-header .menu-button[aria-expanded="true"]::before{
    transform:translate(-50%,-50%) rotate(45deg)!important;
    box-shadow:none!important;
  }

  .site-header .menu-button[aria-expanded="true"]::after{
    transform:translate(-50%,-50%) rotate(-45deg)!important;
  }

  /* Keep the phone header intentionally minimal. */
  .site-header #enhHeaderControls{
    display:none!important;
  }

  html.js .site-header #navigation{
    position:absolute!important;
    top:calc(100% + 9px)!important;
    inset-inline:0!important;
    z-index:80!important;
    width:100%!important;
    max-height:min(72dvh,520px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    padding:8px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:stretch!important;
    gap:3px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:17px!important;
    background:linear-gradient(180deg,rgba(20,24,19,.998),rgba(15,18,14,.998))!important;
    box-shadow:0 24px 65px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.025)!important;
    backdrop-filter:blur(22px)!important;
    -webkit-backdrop-filter:blur(22px)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-7px) scale(.985)!important;
    transform-origin:top center!important;
    transition:opacity .22s ease,transform .26s cubic-bezier(.22,1,.36,1),visibility .22s ease!important;
  }

  html.js .site-header #navigation.is-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
  }

  .site-header #navigation > a{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    min-height:43px!important;
    width:100%!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:11px!important;
    background:transparent!important;
    color:#c2c9be!important;
    font-size:13px!important;
    font-weight:600!important;
    line-height:1.2!important;
    text-align:start!important;
    transition:background .18s ease,color .18s ease,padding .18s ease!important;
  }

  .site-header #navigation > a::after{
    display:none!important;
  }

  .site-header #navigation > a::before{
    content:""!important;
    width:5px!important;
    height:5px!important;
    margin-inline-end:10px!important;
    flex:0 0 5px!important;
    border-radius:50%!important;
    background:#4d554a!important;
    transition:background .18s ease,box-shadow .18s ease!important;
  }

  .site-header #navigation > a:hover,
  .site-header #navigation > a:focus-visible{
    background:rgba(255,255,255,.035)!important;
    color:#f1f4ee!important;
  }

  .site-header #navigation > a[aria-current="location"],
  .site-header #navigation > a[aria-current="page"]{
    background:rgba(198,241,108,.065)!important;
    color:#e5f6c0!important;
  }

  .site-header #navigation > a[aria-current="location"]::before,
  .site-header #navigation > a[aria-current="page"]::before{
    background:var(--lime)!important;
    box-shadow:0 0 0 4px rgba(198,241,108,.08)!important;
  }

  .site-header #navigation .rad-nav-actions{
    width:100%!important;
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
    margin:6px 0 0!important;
    padding:8px 0 0!important;
    border-top:1px solid rgba(255,255,255,.075)!important;
  }

  .site-header #navigation .rad-nav-actions a{
    min-height:41px!important;
    padding:0 10px!important;
    border-radius:10px!important;
    font-size:11px!important;
    font-weight:700!important;
    box-shadow:none!important;
  }

  .site-header #navigation .rad-nav-project{
    background:var(--lime)!important;
    border-color:var(--lime)!important;
    color:#12160f!important;
  }

  .site-header #navigation .rad-nav-consult{
    background:rgba(255,255,255,.025)!important;
    border-color:rgba(255,255,255,.11)!important;
    color:#d8ded4!important;
  }

  .site-header:has(#navigation.is-open){
    box-shadow:0 12px 34px rgba(0,0,0,.18)!important;
  }

  .site-header:has(#navigation.is-open) .brand-mark{
    box-shadow:0 0 0 1px rgba(198,241,108,.08)!important;
  }
}

@media(max-width:380px){
  .site-header .brand-text{
    max-width:140px!important;
    font-size:12px!important;
  }
  .site-header .brand-text small{
    letter-spacing:1.2px!important;
  }
  .site-header #navigation .rad-nav-actions{
    grid-template-columns:1fr!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .site-header .menu-button,
  .site-header .menu-button::before,
  .site-header .menu-button::after,
  html.js .site-header #navigation{
    transition:none!important;
  }
}


/* PROJECTS-40: repository-native covers + project logos + 10-by-10 staged reveal */
.showcase-card.is-staged-hidden{display:none}
.projects-showcase-grid.show-all .showcase-card.is-staged-hidden{display:block}
.showcase-card.is-new-project{border-color:rgba(198,241,108,.19);background:linear-gradient(150deg,rgba(198,241,108,.055),rgba(255,255,255,.025)),rgba(6,12,24,.76)}
.showcase-card.is-new-project:hover{border-color:rgba(198,241,108,.38)}
.showcase-card.is-new-project .showcase-image-link{aspect-ratio:16/7;background:linear-gradient(135deg,rgba(6,10,14,.96),rgba(16,21,18,.94));display:grid;place-items:center}
.showcase-card.is-new-project .showcase-image-link .showcase-cover-image{width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important;filter:none!important}
.showcase-card.is-new-project:hover .showcase-image-link .showcase-cover-image{transform:none!important;filter:none!important}
.showcase-title-row.has-project-icon{align-items:center;gap:13px}
.showcase-project-icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.045);box-shadow:0 10px 28px rgba(0,0,0,.22)}
.showcase-project-icon img{display:block;width:100%;height:100%;object-fit:contain}
.showcase-title-copy{min-width:0;flex:1}
.showcase-title-copy h3{margin:0}
.showcase-new-pill{display:inline-flex;margin-top:5px;padding:4px 7px;border:1px solid rgba(198,241,108,.28);border-radius:999px;background:rgba(198,241,108,.08);color:var(--lime);font:700 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}
.showcase-card.is-new-project .showcase-number{border-color:rgba(198,241,108,.32);background:rgba(9,13,10,.72);color:#ddff9c}
.projects-more-button[hidden]{display:none!important}
@media(max-width:760px){
  .showcase-card.is-new-project .showcase-image-link{aspect-ratio:16/7!important}
  .showcase-project-icon{width:52px;height:52px;flex-basis:52px;border-radius:14px}
}