:root{--bg: #eef3f0;--bg-deep: #e2ebe6;--ink: #132019;--ink-soft: #3d5248;--muted: #5f7469;--line: rgba(19, 32, 25, .12);--accent: #0b6b5c;--accent-soft: #c5e4db;--surface: rgba(255, 255, 255, .55);--hero-a: #9ec9bc;--hero-b: #d7e6c8;--hero-c: #b8c9d8;--radius: 999px;--ease: cubic-bezier(.22, 1, .36, 1);--font-display: "Cairo Play", "Cairo", system-ui, sans-serif;--font-body: "Cairo", system-ui, sans-serif;--max: 72rem}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:4.5rem}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,rgba(158,201,188,.45),transparent 60%),radial-gradient(900px 500px at 90% 0%,rgba(184,201,216,.4),transparent 55%),linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%);font-family:var(--font-body);font-size:1.05rem;line-height:1.6;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");mix-blend-mode:multiply;z-index:0}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}img{max-width:100%;display:block}.site{position:relative;z-index:1}.shell{width:min(100% - 2rem,var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(12px);background:#eef3f0b8;border-bottom:1px solid transparent;transition:border-color .3s var(--ease)}.site-header.is-scrolled{border-bottom-color:var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.9rem}.nav-brand{font-family:var(--font-display);font-weight:700;letter-spacing:-.03em;font-size:1.05rem;text-decoration:none}.nav-links{display:flex;align-items:center;gap:.35rem 1rem;flex-wrap:wrap;justify-content:flex-end}.nav-links a,.lang-toggle{font-size:.92rem;color:var(--ink-soft);text-decoration:none;position:relative;transition:color .25s var(--ease),transform .25s var(--ease)}.nav-links a:after{content:"";position:absolute;inset-inline:0;bottom:-.2rem;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:inline-start;transition:transform .3s var(--ease)}.nav-links a:hover,.nav-links a:focus-visible,.lang-toggle:hover,.lang-toggle:focus-visible{color:var(--ink)}.nav-links a:hover:after,.nav-links a:focus-visible:after{transform:scaleX(1)}.lang-toggle{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);padding:.35rem .8rem;cursor:pointer;font:inherit}.lang-toggle:active{transform:scale(.96)}.hero{position:relative;min-height:unset;display:grid;align-items:center;padding-block:3.25rem 2.75rem;overflow:visible}.hero-atmosphere{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;will-change:transform}.hero-inner{position:relative;z-index:1;width:min(100% - 2rem,var(--max));padding-block:.25rem 0}.hero-blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.7;animation:drift 18s ease-in-out infinite alternate}.hero-blob.a{width:42%;aspect-ratio:1;inset-inline-start:-6%;top:-20%;background:var(--hero-a)}.hero-blob.b{width:34%;aspect-ratio:1;inset-inline-end:-4%;top:-10%;background:var(--hero-b);animation-delay:-6s;animation-duration:22s}.hero-blob.c{width:28%;aspect-ratio:1;inset-inline-start:40%;top:45%;background:var(--hero-c);animation-delay:-12s;animation-duration:26s}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(3%,-4%,0) scale(1.08)}}.hero-content{position:relative;z-index:1;max-width:42rem;overflow:visible}.brand-mark{margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,7vw,3.75rem);line-height:1.1;letter-spacing:-.04em;font-weight:700;padding-block:.04em;overflow:visible;animation:breath 10s ease-in-out infinite}[dir=rtl] .brand-mark{letter-spacing:0;line-height:1.25}@keyframes breath{0%,to{opacity:1}50%{opacity:.88}}.hero-tagline{margin:.85rem 0 0;color:var(--ink-soft);font-size:clamp(.98rem,2vw,1.12rem);max-width:34rem;line-height:1.5;overflow:visible;padding-inline:.1em}.hero-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.35rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.75rem;padding:.65rem 1.25rem;border-radius:var(--radius);border:1px solid transparent;font:inherit;font-weight:600;text-decoration:none;transition:transform .25s var(--ease),background .25s var(--ease),border-color .25s var(--ease),box-shadow .25s var(--ease)}.btn:hover,.btn:focus-visible{transform:translateY(-2px)}.btn:active{transform:translateY(0) scale(.98)}.btn-primary{background:var(--ink);color:#f4faf7}.btn-primary:hover,.btn-primary:focus-visible{background:#0b1712;box-shadow:0 10px 28px #1320192e}.btn-ghost{background:var(--surface);border-color:var(--line);color:var(--ink)}.btn-ghost:hover,.btn-ghost:focus-visible{border-color:#13201947;background:#fffc}.section{padding-block:3.25rem;scroll-margin-top:4.75rem}.section-head{margin-bottom:1.35rem;max-width:40rem}.section-head h2{margin:0;font-family:var(--font-display);font-size:clamp(1.65rem,3.5vw,2.15rem);letter-spacing:-.03em;line-height:1.15}.section-title-link{display:inline-flex;align-items:baseline;gap:.55rem;text-decoration:none;color:inherit}.section-title-link:hover .section-hash,.section-title-link:focus-visible .section-hash{opacity:1;transform:translateY(0)}.section-hash{font-family:var(--font-body);font-size:.85rem;font-weight:600;color:var(--accent);opacity:0;transform:translateY(.15rem);transition:opacity .25s var(--ease),transform .25s var(--ease)}.section-head p{margin:.45rem 0 0;color:var(--muted)}.project-list{display:grid;gap:.7rem}.project-row{--row-shift: .28rem;position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:.95rem 1.15rem;align-items:center;padding:1rem 1.1rem;text-decoration:none;border:1px solid var(--line);border-radius:1rem;background:linear-gradient(135deg,#ffffff9e,#ffffff57);box-shadow:0 1px #ffffff8c inset;transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease),box-shadow .3s var(--ease);overflow:hidden}.project-row:before{content:"";position:absolute;inset-block:.85rem;inset-inline-start:0;width:3px;border-radius:999px;background:var(--accent);transform:scaleY(.35);opacity:0;transition:transform .3s var(--ease),opacity .3s var(--ease)}.project-row:hover,.project-row:focus-visible{transform:translate(var(--row-shift));border-color:#0b6b5c47;background:linear-gradient(135deg,#ffffffd6,#c5e4db47);box-shadow:0 10px 28px #13201914}.project-row:hover:before,.project-row:focus-visible:before{transform:scaleY(1);opacity:1}[dir=rtl] .project-row{--row-shift: -.28rem}[dir=rtl] .project-go-arrow{transform:scaleX(-1)}.project-logo{width:3.35rem;height:3.35rem;object-fit:contain;border-radius:.9rem;background:#ffffffc7;padding:.4rem;border:1px solid var(--line);transition:transform .3s var(--ease)}.project-row:hover .project-logo,.project-row:focus-visible .project-logo{transform:scale(1.04)}.project-copy{min-width:0}.project-title-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .7rem}.project-copy h3{margin:0;font-family:var(--font-display);font-size:1.12rem;letter-spacing:-.02em}.project-copy p{margin:.35rem 0 0;color:var(--muted);font-size:.95rem;line-height:1.45}.project-tags{display:flex;flex-wrap:wrap;gap:.3rem}.project-tags span{border:1px solid var(--line);border-radius:var(--radius);padding:.12rem .55rem;font-size:.72rem;font-weight:600;color:var(--ink-soft);background:#ffffff8c}.project-go{display:inline-flex;align-items:center;gap:.35rem;color:var(--accent);font-size:.88rem;font-weight:700;white-space:nowrap;transition:transform .3s var(--ease),color .3s var(--ease)}.project-go-arrow{display:inline-block;transition:transform .3s var(--ease)}.project-row:hover .project-go,.project-row:focus-visible .project-go{color:var(--ink)}.project-row:hover .project-go-arrow,.project-row:focus-visible .project-go-arrow{transform:translate(.25rem)}[dir=rtl] .project-row:hover .project-go-arrow,[dir=rtl] .project-row:focus-visible .project-go-arrow{transform:scaleX(-1) translate(.25rem)}.nav-links a.is-active{color:var(--ink)}.nav-links a.is-active:after{transform:scaleX(1)}.site-footer{padding-block:2.5rem 3rem;border-top:1px solid var(--line);color:var(--muted);font-size:.95rem}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:center}.footer-inner a{color:var(--ink-soft);font-weight:600;text-decoration:none}.footer-inner a:hover,.footer-inner a:focus-visible{color:var(--accent)}.reveal{opacity:0;transform:translateY(1.1rem);transition:opacity .7s var(--ease),transform .7s var(--ease)}.reveal.is-in{opacity:1;transform:none}.hero-stage>*{opacity:0;transform:translateY(1.25rem);animation:rise-in .9s var(--ease) forwards}.hero-stage>*:nth-child(1){animation-delay:.05s}.hero-stage>*:nth-child(2){animation-delay:.22s}.hero-stage>*:nth-child(3){animation-delay:.38s}@keyframes rise-in{to{opacity:1;transform:none}}.page-fade{animation:page-in .45s var(--ease)}@keyframes page-in{0%{opacity:.35}to{opacity:1}}.site.locale-exit,.site.locale-enter-rtl,.site.locale-enter-ltr,.site.locale-hold{pointer-events:none;will-change:opacity,transform}.site.locale-hold{opacity:0;transform:translate3d(0,.35rem,0)}.site.locale-exit-to-rtl{animation:locale-out-rtl .22s var(--ease) forwards}.site.locale-exit-to-ltr{animation:locale-out-ltr .22s var(--ease) forwards}.site.locale-enter-rtl{animation:locale-in-rtl .4s var(--ease) both}.site.locale-enter-ltr{animation:locale-in-ltr .4s var(--ease) both}@keyframes locale-out-rtl{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-.85rem,.3rem,0)}}@keyframes locale-out-ltr{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(.85rem,.3rem,0)}}@keyframes locale-in-rtl{0%{opacity:0;transform:translate3d(.85rem,-.3rem,0)}to{opacity:1;transform:translateZ(0)}}@keyframes locale-in-ltr{0%{opacity:0;transform:translate3d(-.85rem,-.3rem,0)}to{opacity:1;transform:translateZ(0)}}.lang-toggle-pulse{animation:lang-pulse .55s var(--ease)}@keyframes lang-pulse{0%{transform:scale(1);box-shadow:0 0 #0b6b5c00}35%{transform:scale(1.06);box-shadow:0 0 0 6px #0b6b5c29}to{transform:scale(1);box-shadow:0 0 #0b6b5c00}}@media(max-width:720px){.project-row{grid-template-columns:auto 1fr;padding:.9rem}.project-go,.section-hash{display:none}.nav-links a:not(.lang-toggle):nth-child(-n+3){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-blob,.brand-mark,.hero-stage>*,.page-fade,.site.locale-exit-to-rtl,.site.locale-exit-to-ltr,.site.locale-enter-rtl,.site.locale-enter-ltr,.lang-toggle-pulse{animation:none!important}.site.locale-hold{opacity:1!important;transform:none!important}.reveal{opacity:1;transform:none;transition:none}.project-row,.btn,.lang-toggle,.nav-links a{transition:none}.project-row:hover,.project-row:focus-visible,.btn:hover,.btn:focus-visible{transform:none}}