@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-cyrillic-wght-normal.Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-greek-wght-normal.DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-vietnamese-wght-normal.usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-latin-ext-wght-normal.Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-latin-wght-normal.DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light dark;--pearl:light-dark(#f8f9fa,#101820);--silver:light-dark(#e9eef2,#1c2935);--ice:light-dark(#cde2ee,#304a60);--lavender:light-dark(#e8e5f0,#39364d);--ink:light-dark(#1c2730,#e8eef4);--slate:light-dark(#566875,#a5b5c4);--white:light-dark(#fff,#192630);--line:light-dark(#dbe2e7,#30414f);--focus:light-dark(#326580,#9ecce6);--ease:cubic-bezier(.16, 1, .3, 1);--nav-shadow:0 8px 30px light-dark(#263f5010,#00000040);--glass-edge:light-dark(#b8d7e8,#526e83);--glass-shadow:0 12px 30px light-dark(#7897b51c,#00000040), inset 0 2px 2px light-dark(#ffffffd9,#223340e8), inset 0 -2px 3px light-dark(#a8cbdc55,#7dabc333)}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:light-dark(#aab6bf,#71899d) var(--pearl);scroll-padding-top:120px}body{color:var(--ink);background:var(--pearl);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope Variable,sans-serif;font-size:16px;line-height:1.65}::selection{color:var(--ink);background:var(--ice)}a{color:inherit;text-underline-offset:5px;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button[hidden],[hidden]{display:none!important}a:focus-visible,button:focus-visible{outline:2px solid var(--focus);outline-offset:5px;border-radius:4px}img{max-width:100%;display:block}svg{flex-shrink:0;display:block}figure,h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance;font-weight:500;line-height:1.1}h1,h2{letter-spacing:-.04em}h2{font-size:clamp(2.4rem,4.4vw,4.4rem)}h3{letter-spacing:-.025em}.container{width:min(1280px,100% - 112px);margin-inline:auto}.section{padding-block:120px}.skip-link{z-index:100;background:var(--ink);color:var(--pearl);padding:12px 24px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}.wordmark{letter-spacing:-.055em;font-size:28px;font-weight:700;line-height:1.2;display:inline-block}.wordmark span{color:light-dark(#698a9e,#9bbacf)}.site-header{z-index:50;width:min(1392px,100% - 112px);transition:padding .5s var(--ease);pointer-events:none;justify-content:space-between;align-items:center;margin-inline:auto;padding-top:34px;display:flex;position:fixed;inset:0 0 auto}.site-header>*{pointer-events:auto}.site-header:before{content:"";z-index:-1;background:linear-gradient(to bottom, var(--pearl) 0 52%, transparent);opacity:0;height:144px;transition:opacity .5s var(--ease);pointer-events:none;position:fixed;inset:0 0 auto}.site-header.is-scrolled{padding-top:18px}.site-header.is-scrolled:before{opacity:1}.nav-dock{border:1px solid var(--glass-edge);-webkit-backdrop-filter:blur(24px)saturate(1.5);box-shadow:var(--glass-shadow), inset 1px 0 1px light-dark(#ffffffed,#cbe3f026), inset -1px 0 1px light-dark(#d6c9ee80,#b4a5d926);background:linear-gradient(135deg,light-dark(#ffffffa8,#263847e8),light-dark(#e4f0f781,#1b2c3de0) 55%,light-dark(#ece7f28c,#2b293ee6));border-radius:18px;align-items:center;padding:6px;display:flex}.desktop-nav{display:flex;position:relative}.nav-link{z-index:1;border-radius:12px;padding:11px 19px;font-size:13px;font-weight:550;transition:color .25s;position:relative}.nav-link:hover{color:light-dark(#365d73,#b4d9ee)}.nav-indicator{opacity:0;height:100%;transition:transform .55s var(--ease), width .55s var(--ease), opacity .25s;background:linear-gradient(135deg,light-dark(#ffffff9e,#668ba440),light-dark(#cddfea7d,#46627b50),light-dark(#e3dcf07a,#76648c40));border-radius:12px;position:absolute;top:0;left:0;box-shadow:inset 0 1px 1px light-dark(#fff,#192630),inset 0 -1px 2px light-dark(#8eb5cc80,#8eb5cc33),0 3px 7px light-dark(#7698ae14,#00000026)}.language-switch{border-left:1px solid var(--line);margin-left:9px;padding-left:9px;display:flex}.language-switch a{min-width:42px;min-height:44px;color:var(--slate);place-items:center;font-size:12px;display:grid}.language-switch a[aria-current]{color:var(--ink);font-weight:750}.language-switch a:hover{color:var(--ink)}.menu-toggle{background:0 0;border:0;border-radius:12px;place-items:center;width:44px;height:44px;display:none}.menu-close-icon,.menu-toggle[aria-expanded=true] .menu-open-icon{display:none}.menu-toggle[aria-expanded=true] .menu-close-icon{display:block}.mobile-nav{display:none}.theme-toggle{background:0 0;border:0;border-radius:12px;place-items:center;width:44px;height:44px;margin-left:4px;padding:0;display:grid}.theme-toggle:hover{background:light-dark(#ffffff65,#668ba440)}.theme-sun,.theme-toggle[aria-pressed=true] .theme-moon{display:none}.theme-toggle[aria-pressed=true] .theme-sun{display:block}.hero{grid-template-columns:1.05fr 1fr;align-items:center;height:min(100svh,1080px);min-height:880px;padding-top:100px;padding-bottom:95px;display:grid;position:relative}.hero-background{position:relative}.hero-background:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 84% 45%,light-dark(#d7e8f0b0,#23435b70),#0000 46%),radial-gradient(at 70% 12%,light-dark(#ebe2f2a0,#39304c60),#0000 44%);position:absolute;inset:0}.hero-copy{z-index:2;padding-top:10px;position:relative}.hero-eyebrow{letter-spacing:.09em;text-transform:uppercase;margin-bottom:26px;font-size:11px;font-weight:650}.hero h1{max-width:650px;font-size:clamp(3.4rem,4.4vw,4.5rem);line-height:1.12}.hero h1 span{display:block}.hero h1 span+span{color:var(--slate)}.hero-description{color:var(--slate);max-width:470px;margin-top:30px;font-size:15px;line-height:1.85}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:35px;display:flex}.button{border-radius:12px;justify-content:center;align-items:center;gap:22px;min-height:52px;padding:13px 21px;font-size:13px;font-weight:600;transition:background .25s,box-shadow .25s;display:inline-flex}.button-primary{color:var(--ink);backdrop-filter:blur(16px);background:linear-gradient(145deg,light-dark(#f8f3ffda,#3e3856f2),light-dark(#ddd5eff0,#343d55f0) 48%,light-dark(#d5e8f4e6,#2e4b61f2));border:1px solid light-dark(#b6b6d9,#777496);box-shadow:0 7px 20px light-dark(#807ba524,#00000040),inset 0 2px 2px light-dark(#fffffff0,#cbe3f033),inset 0 -2px 3px light-dark(#9caac055,#7597b133)}.button-primary:hover{background:linear-gradient(145deg,light-dark(#fff,#192630),light-dark(#eae2f7,#48405f),light-dark(#e2f2fa,#385c73));box-shadow:0 10px 24px light-dark(#807ba52e,#00000050),inset 0 2px 2px light-dark(#fff,#192630),inset 0 -2px 3px light-dark(#9caac055,#7597b133)}.button-quiet{backdrop-filter:blur(12px);background:light-dark(#ffffff65,#263b4a80);border:1px solid light-dark(#c5dbe7,#526e83);padding-inline:17px;box-shadow:inset 0 1px 2px light-dark(#ffffffed,#cbe3f026),inset 0 -1px 2px light-dark(#a8cbdc3d,#a8cbdc26)}.button-quiet:hover{background:light-dark(#ffffffc0,#354d61)}.hero-copy,.sculpture{animation:entrance .65s var(--ease) both}.sculpture{aspect-ratio:10/11;isolation:isolate;align-self:center;margin-left:-20px;margin-right:-55px;animation-delay:.12s;position:relative}.sculpture-poster{object-fit:contain;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.sculpture-aura{z-index:-1;background:radial-gradient(light-dark(#d8e4ec60,#37566e60),#0000 68%);position:absolute;inset:8% 0 12%}.sculpture-shadow{filter:blur(18px);z-index:-1;background:light-dark(#61788828,#0006);border-radius:50%;width:55%;height:5%;position:absolute;bottom:10%;left:24%;transform:rotate(-12deg)}.scroll-cue{min-height:44px;color:var(--slate);align-items:center;gap:13px;font-size:11px;display:flex;position:absolute;bottom:44px;left:0}.scroll-cue-line{background:light-dark(#a8b9c3,#71899d);width:1px;height:25px;margin-right:3px}.scroll-cue svg{margin-left:8px}.work-section{padding-top:105px}.section-heading{justify-content:space-between;align-items:end;gap:56px;margin-bottom:64px;display:flex}.section-heading h2{max-width:560px}.section-heading>p{max-width:320px;color:var(--slate);font-size:15px}.public-projects{grid-template-columns:1.22fr 1fr;align-items:start;gap:60px;display:grid}.project-batoul{margin-top:170px}.project-visual{border:1px solid var(--glass-edge);aspect-ratio:1.25;box-shadow:var(--glass-shadow);background:light-dark(#e6ebee,#1e2e3b);border-radius:16px;justify-content:center;align-items:center;padding:52px 32px;display:flex;position:relative;overflow:hidden}.project-nour .project-visual{background:radial-gradient(at 85% 20%,light-dark(#d9e9f199,#31546c70),light-dark(#e9eef4ad,#21334480) 60%),linear-gradient(135deg,light-dark(#eef7fc,#1e3546),light-dark(#e3e4f1,#2b2c42))}.project-batoul .project-visual{aspect-ratio:.97;background:linear-gradient(145deg,light-dark(#f5f1ead9,#38332ee6),light-dark(#ece8e3a1,#2c3038e0),light-dark(#e6eaf1d9,#263648e6));border-color:light-dark(#d4d6e1,#656679);padding:38px 24px}.browser-frame{background:var(--white);width:100%;min-width:0;transition:transform .45s var(--ease);border-radius:8px;flex:0 100%;overflow:hidden;transform:perspective(1200px)rotateY(-5deg)rotateX(3deg)rotate(-2deg);box-shadow:0 16px 34px light-dark(#24374525,#0005)}.browser-frame picture{width:100%;display:block}.project-batoul .browser-frame{transform:perspective(1200px)rotateY(5deg)rotateX(2deg)rotate(2deg)}.project-visual:hover .browser-frame{transform:perspective(1200px)rotateY(0)rotateX(0)rotate(0)}.browser-toolbar{color:light-dark(#586673,#a5b5c4);background:light-dark(#fbfcfd,#192630);justify-content:space-between;align-items:center;height:30px;padding:0 10px;font-size:7px;display:flex}.browser-dots{gap:3px;display:flex}.browser-dots i{background:light-dark(#b3bfc5,#71899d);border-radius:50%;width:4px;height:4px}.browser-end{width:18px}.browser-frame img{aspect-ratio:1.44;object-fit:cover;object-position:top;width:100%;height:auto}.project-open{place-items:center;width:44px;height:44px;display:grid;position:absolute;bottom:18px;right:18px}.project-open svg{transform:rotate(-40deg)}.technology-list{flex-wrap:wrap;gap:6px 16px;margin:16px 0 0;padding:0;list-style:none;display:flex}.technology-list li{color:var(--slate);font-size:11px}.glass-control{backdrop-filter:blur(16px)saturate(1.4);background:linear-gradient(145deg,light-dark(#ffffffb8,#345064e8),light-dark(#e2edf4a8,#253c4ee0));border:1px solid light-dark(#bbd6e5,#526e83);border-radius:12px;transition:background .25s;box-shadow:0 5px 12px light-dark(#648aa51a,#0003),inset 0 1px 2px light-dark(#fff,#192630),inset 0 -1px 2px light-dark(#97c2d664,#97c2d633)}.glass-control:hover{background:light-dark(#fff,#192630)}.project-caption{justify-content:space-between;align-items:end;gap:16px;margin-top:25px;display:flex}.project-category{color:var(--slate);letter-spacing:.025em;margin-bottom:8px;font-size:10px}.project h3{font-size:clamp(1.3rem,2vw,1.85rem)}.project-status{color:var(--slate);align-items:center;gap:6px;max-width:140px;padding-bottom:3px;font-size:9px;line-height:1.5;display:flex}.project-status>span{background:light-dark(#8e9699,#a6b0b8);border-radius:50%;flex-shrink:0;width:5px;height:5px}.status-live>span{background:light-dark(#427e62,#8cc7a8)}.project-description{color:var(--slate);max-width:520px;margin-top:18px;font-size:13px;line-height:1.85}.text-link{align-items:center;gap:16px;min-height:44px;margin-top:12px;font-size:12px;font-weight:600;display:inline-flex}.text-link:hover{text-decoration:underline}.internal-projects{grid-template-columns:1fr 1.1fr;gap:60px;margin-top:70px;display:grid}.concept-visual{aspect-ratio:1.4;border-radius:16px;padding:35px;position:relative;overflow:hidden}.mail-visual{background:light-dark(#eaf0f2,#1b2c38);flex-direction:column;justify-content:center;align-items:center;display:flex}.mail-input{background:light-dark(#ffffffd0,#2a3e4de8);border-radius:12px;align-items:center;gap:14px;width:min(340px,100%);padding:18px 22px;display:flex;box-shadow:0 7px 20px light-dark(#435b6b0a,#00000026)}.mail-icon{color:light-dark(#50738b,#a2c4dc)}.mail-input strong{font-size:11px;font-weight:650;display:block}.mail-input div>span{color:var(--slate);font-size:10px}.mail-route{color:light-dark(#5e849b,#a2c4dc);flex-direction:column;align-items:center;gap:9px;margin:10px;display:flex}.mail-route>span{background:light-dark(#a4bac8,#71899d);width:1px;height:12px}.mail-result{flex-direction:column;align-items:center;gap:6px;display:flex}.mail-result>span{color:var(--slate);font-size:9px}.mail-result strong{color:light-dark(#355d6a,#c1e1e9);background:light-dark(#d1e2e7,#2c4956);border-radius:6px;align-items:center;gap:7px;padding:6px 13px;font-size:11px;font-weight:600;display:flex}.mail-result strong span{background:light-dark(#60858d,#9bc5cc);border-radius:50%;width:5px;height:5px}.concept-label{text-align:center;color:var(--slate);font-size:10px;position:absolute;bottom:17px;left:24px;right:24px}.project-khidma{grid-template-columns:1.22fr 1fr;align-items:center;gap:60px;margin-top:70px;display:grid}.project-khidma .project-caption{margin-top:0}.khidma-visual{color:light-dark(#345951,#b5d9ce);background:light-dark(#e5efed,#1c3232);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:220px;display:flex}.khidma-visual>span{letter-spacing:-.03em;font-size:clamp(48px,5vw,72px);line-height:1.2}.khidma-visual>p{margin-top:14px;font-size:12px}.workflow-visual{background:light-dark(#e8eaf1,#262b40);flex-direction:column;justify-content:center;align-items:center;min-height:320px;display:flex}.workflow-input{background:light-dark(#ffffffd0,#30394fe8);border-radius:12px;justify-content:center;align-items:center;gap:14px;width:min(340px,100%);padding:18px 22px;display:flex;box-shadow:0 7px 20px light-dark(#435b6b0a,#00000026)}.workflow-input strong{font-size:11px;font-weight:650}.workflow-input svg{color:light-dark(#576785,#b0bddc)}.workflow-stages{flex-wrap:wrap;justify-content:center;gap:8px;max-width:340px;margin:0;padding:0;list-style:none;display:flex}.workflow-stages li{color:light-dark(#40516f,#c6d4ef);background:light-dark(#dbe0ed,#35435d);border-radius:6px;padding:5px 10px;font-size:11px}.workflow-approval{color:var(--slate);text-align:center;margin-top:14px;margin-bottom:18px;font-size:10px}.experience-section{border-top:1px solid var(--line)}.experience-intro{grid-template-columns:1fr 1.1fr;gap:90px;display:grid}.experience-intro h2{max-width:450px}.experience-entry h3{font-size:26px}.experience-role{color:var(--slate);margin-top:10px;font-size:12px}.experience-entry p:last-child{color:var(--slate);margin-top:26px;font-size:15px;line-height:1.9}.expertise{grid-template-columns:repeat(3,1fr);gap:60px;margin-top:80px;display:grid}.expertise-domain{border-top:1px solid var(--line);padding-top:26px}.expertise-domain h3{font-size:17px}.expertise-domain ul{flex-wrap:wrap;gap:9px 18px;margin:23px 0 0;padding:0;list-style:none;display:flex}.expertise-domain li{color:var(--slate);font-size:12px}.about-section{background:light-dark(#edf0f0,#18242d)}.about-layout{grid-template-columns:1fr 1.1fr;gap:90px;display:grid}.about-title h2{max-width:470px}.about-motif{color:var(--slate);margin-top:78px}.about-motif>span{letter-spacing:-.04em;color:light-dark(#71818a,#91a6b6);font-size:110px;font-weight:400;line-height:1;display:block}.about-copy>p{color:var(--slate);margin-bottom:24px;font-size:16px;line-height:1.95}.about-copy>p:first-child{color:var(--ink);font-size:21px;line-height:1.7}.social-links{justify-content:flex-start;gap:32px;margin-top:24px;display:flex}.social-links a{align-items:center;gap:10px;min-height:44px;font-size:12px;display:flex}.social-links svg{transform:rotate(-40deg)}.social-links a:hover{text-decoration:underline}.footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding-block:32px;display:flex}.footer .wordmark{font-size:22px}.footer>p{color:var(--slate);font-size:10px}.footer>p span{margin-left:20px}.footer>div{gap:24px;display:flex}.footer>div a{min-height:44px;color:var(--slate);align-items:center;font-size:10px;display:flex}.footer>div a:hover{text-decoration:underline}.legal-page{max-width:850px;min-height:80svh;padding-block:170px 100px}.legal-page h1,.legal-page h2{overflow-wrap:anywhere;hyphens:auto}.legal-page h1{margin-block:30px;font-size:clamp(2.8rem,6vw,5rem)}.legal-page h2{letter-spacing:-.02em;margin-top:42px;margin-bottom:16px;font-size:24px}.legal-page p{max-width:70ch;color:var(--slate);overflow-wrap:anywhere;margin-bottom:18px}.legal-page p a{text-decoration:underline}@keyframes entrance{0%{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes menu-entrance{0%{opacity:.6;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){:is(.button,.text-link,.social-links a,.mobile-nav a,.project-visual) svg{transition:translate .18s var(--ease)}:is(.button,.text-link,.mobile-nav a):focus-visible svg{translate:3px}:is(.social-links a,.project-visual):focus-visible svg{translate:2px -2px}}@media (prefers-reduced-motion:no-preference) and (hover:hover){:is(.button,.text-link,.mobile-nav a):hover svg{translate:3px}:is(.social-links a,.project-visual):hover svg{translate:2px -2px}}@media (width>=1600px){.hero h1{font-size:4.5rem}}@media (width<=1100px){.container,.site-header{width:calc(100% - 72px)}.nav-link{padding-inline:14px}.hero{min-height:820px}.hero h1{font-size:3.35rem}.sculpture{margin-left:-10px;margin-right:-30px}.section{padding-block:95px}.public-projects,.internal-projects,.project-khidma{gap:35px}.experience-intro,.about-layout{gap:50px}.project-visual{padding-inline:24px}.project-caption{flex-wrap:wrap;gap:10px}.expertise{gap:32px}.concept-visual{padding:28px 20px}.footer>p span{margin-left:0;display:block}}@media (width<=899px){.hero{grid-template-columns:1.15fr 1fr;height:auto;min-height:0;padding-top:190px;padding-bottom:100px}.hero h1{font-size:clamp(2.4rem,5vw,3.35rem)}.hero-description{margin-top:24px;font-size:13px}.hero-actions{gap:8px;margin-top:28px}.button{gap:14px;padding-inline:15px;font-size:12px}.sculpture{margin-right:-20px}.hero-eyebrow{font-size:9px}.scroll-cue{bottom:20px}.nav-link{padding-inline:11px;font-size:12px}.wordmark{font-size:24px}.section-heading{gap:35px}.section-heading>p{max-width:220px;font-size:13px}.public-projects{grid-template-columns:1.12fr 1fr;gap:28px}.project-batoul{margin-top:120px}.project-visual,.project-batoul .project-visual{padding:24px 15px}.internal-projects{gap:28px}.concept-visual{aspect-ratio:1;padding:20px 15px}.experience-intro,.about-layout{gap:40px}.expertise{gap:25px}.expertise-domain h3{font-size:14px}.experience-entry p:last-child{font-size:13px}.about-copy>p{font-size:14px}.about-copy>p:first-child{font-size:18px}}@media (width<=700px){html{scroll-padding-top:95px}.container,.site-header{width:calc(100% - 44px)}.site-header{flex-wrap:wrap;padding-top:20px}html:not(.js) .site-header{position:relative}.site-header.is-scrolled{padding-top:12px}.site-header .wordmark{font-size:25px}.nav-dock{border-radius:15px;padding:4px}.desktop-nav{display:none}.language-switch{border:0;margin-left:0;padding-left:0}.language-switch a{min-width:35px}.menu-toggle:not([hidden]){display:grid}.mobile-nav{backdrop-filter:blur(24px);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);background:linear-gradient(145deg,light-dark(#f8fbfcee,#263847f5),light-dark(#e4eef7e8,#1b2c3df5),light-dark(#ede7f3e6,#2b293ef5));border-radius:16px;flex-direction:column;flex-basis:100%;margin-top:16px;padding:12px 18px;display:flex}html.js .mobile-nav:not([hidden]){animation:menu-entrance .2s var(--ease)}html:not(.js) .mobile-nav[hidden]{display:flex!important}.mobile-nav a{justify-content:space-between;align-items:center;padding:15px 2px;font-size:16px;display:flex}.mobile-nav a+a{border-top:1px solid var(--line)}.hero{grid-template-columns:1fr;padding-top:150px;padding-bottom:87px}.hero-copy{padding-top:0}.hero h1{max-width:540px;font-size:clamp(2.4rem,8.7vw,3.8rem);line-height:1.14}.hero-eyebrow{letter-spacing:.07em;margin-bottom:22px;font-size:9px}.hero-description{max-width:420px;margin-top:25px;font-size:13px}.hero-actions{gap:10px;margin-top:28px}.hero-actions .button{gap:12px;font-size:11px}.sculpture{aspect-ratio:1.2;grid-row:2;width:min(410px,105%);margin:7px auto 0}.sculpture-shadow{bottom:8%}.scroll-cue{font-size:10px;bottom:17px}.section{padding-block:75px}.section-heading{margin-bottom:38px;display:block}h2{font-size:clamp(2.25rem,8.5vw,3.25rem)}.section-heading>p{max-width:310px;margin-top:20px;font-size:13px}.public-projects,.internal-projects,.project-khidma{display:block}.project-khidma{margin-top:58px}.project-khidma .project-caption{margin-top:22px}.project-batoul{margin-top:58px}.project-visual{aspect-ratio:1.18;padding:34px 22px}.project-batoul .project-visual{aspect-ratio:1.05;padding:38px 25px}.project-caption{justify-content:space-between;margin-top:22px}.project h3{font-size:23px}.project-category,.project-status{font-size:9px}.project-description{margin-top:15px;font-size:12px}.internal-projects{margin-top:58px}.project-ticket{margin-top:48px}.concept-visual{aspect-ratio:1.2;padding:30px 22px}.mail-visual,.workflow-visual{aspect-ratio:auto;width:100%;min-height:320px}.experience-intro,.about-layout{display:block}.experience-entry{margin-top:44px}.experience-entry h3{font-size:23px}.experience-entry p:last-child{margin-top:22px;font-size:14px}.expertise{margin-top:44px;display:block}.expertise-domain{margin-top:30px;padding-top:24px}.expertise-domain h3{font-size:17px}.expertise-domain ul{gap:7px 17px;margin-top:18px}.expertise-domain li{font-size:12px}.about-motif{display:none}.about-copy{margin-top:36px}.about-copy>p:first-child{font-size:19px}.about-copy>p{font-size:14px}.social-links{margin-top:14px}.footer{flex-wrap:wrap;align-items:start;gap:20px;padding-top:30px;padding-bottom:24px}.footer>p{text-align:right}.footer>div{gap:25px;width:100%}.legal-page{padding-block:135px 70px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.project-visual:hover .browser-frame{transform:none}.sculpture-poster{transform:none!important}}