@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/32687112bd2dd8db-s.0v2ipp7s07_p9.woff2)format("woff2");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:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/28868e710e86be81-s.44ks8kcggj012.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.1ii7211jqpzi_.woff2)format("woff2");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}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/32687112bd2dd8db-s.0v2ipp7s07_p9.woff2)format("woff2");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:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/28868e710e86be81-s.44ks8kcggj012.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.1ii7211jqpzi_.woff2)format("woff2");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}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/32687112bd2dd8db-s.0v2ipp7s07_p9.woff2)format("woff2");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:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/28868e710e86be81-s.44ks8kcggj012.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.1ii7211jqpzi_.woff2)format("woff2");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}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/32687112bd2dd8db-s.0v2ipp7s07_p9.woff2)format("woff2");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:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/28868e710e86be81-s.44ks8kcggj012.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0c89a48fa5027cee-s.p.1ii7211jqpzi_.woff2)format("woff2");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}@font-face{font-family:Space Grotesk Fallback;src:local(Arial);ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.0%;size-adjust:109.69%}.ilEUZW_className{font-family:Space Grotesk,Space Grotesk Fallback;font-style:normal}.ilEUZW_variable{--font-display:"Space Grotesk", "Space Grotesk Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");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:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");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}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");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:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");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}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");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:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");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}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");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:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");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}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}._67xkLG_className{font-family:Inter,Inter Fallback;font-style:normal}._67xkLG_variable{--font-body:"Inter", "Inter Fallback"}
@font-face{font-family:Caveat;font-style:normal;font-weight:400;font-display:swap;src:url(../media/da4b870ab52b3094-s.2uxt0u9yugpfw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-weight:400;font-display:swap;src:url(../media/86d70b7c76b6ec6e-s.2zeei6axiu3qn.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:400;font-display:swap;src:url(../media/11cc37d7380d16b4-s.27211fhlic14m.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a85fe84266768609-s.p.00hx3ibfyf9qx.woff2)format("woff2");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}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(../media/da4b870ab52b3094-s.2uxt0u9yugpfw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(../media/86d70b7c76b6ec6e-s.2zeei6axiu3qn.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(../media/11cc37d7380d16b4-s.27211fhlic14m.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a85fe84266768609-s.p.00hx3ibfyf9qx.woff2)format("woff2");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}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/da4b870ab52b3094-s.2uxt0u9yugpfw.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/86d70b7c76b6ec6e-s.2zeei6axiu3qn.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/11cc37d7380d16b4-s.27211fhlic14m.woff2)format("woff2");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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Caveat;font-style:normal;font-weight:700;font-display:swap;src:url(../media/a85fe84266768609-s.p.00hx3ibfyf9qx.woff2)format("woff2");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}@font-face{font-family:Caveat Fallback;src:local(Arial);ascent-override:124.77%;descent-override:38.99%;line-gap-override:0.0%;size-adjust:76.94%}._3RDcSa_className{font-family:Caveat,Caveat Fallback;font-style:normal}._3RDcSa_variable{--font-script:"Caveat", "Caveat Fallback"}
html{--mq-font:var(--font-body,"Inter"), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mq-display:var(--font-display,"Space Grotesk"), var(--font-body,"Inter"), sans-serif;--mq-script:var(--font-script,"Caveat"), "Inter", cursive;--mq-max:1240px;--mq-max-wide:1380px;--header-h:65px;--mq-radius-sm:18px;--mq-radius-md:24px;--mq-radius-lg:32px;--mq-shadow-soft:0 18px 40px #080f2014;--mq-shadow-md:0 26px 64px #080f2024;--mq-shadow-lg:0 42px 110px #060c1c2e;--mq-ease:cubic-bezier(.22, 1, .36, 1);scroll-behavior:smooth;overflow-x:clip}html[data-theme=dark]{--mq-bg:#08101e;--mq-bg-soft:#0d1526;--mq-surface:#0f182ae0;--mq-surface-solid:#111a2c;--mq-surface-2:#162238;--mq-elevated:#121c30f5;--mq-ink:#f5f8ff;--mq-ink-2:#d3ddf4;--mq-muted:#93a1be;--mq-line:#ffffff1a;--mq-line-strong:#ffffff29;--mq-blue:#6a8cff;--mq-blue-2:#89b3ff;--mq-blue-soft:#6a8cff2e;--mq-cyan:#1fb6d9;--mq-outline-text:#a8c4ff;--mq-invert:#f4f7ff;--mq-invert-text:#09101d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=light]{--mq-bg:#f4f7fc;--mq-bg-soft:#ebf0f8;--mq-surface:#ffffffe6;--mq-surface-solid:#fff;--mq-surface-2:#eef3fb;--mq-elevated:#fffffff5;--mq-ink:#0c1322;--mq-ink-2:#1d2940;--mq-muted:#61708f;--mq-line:#0c132214;--mq-line-strong:#0c132224;--mq-blue:#2f63ff;--mq-blue-2:#5da2ff;--mq-blue-soft:#2f63ff24;--mq-cyan:#0a9fc0;--mq-outline-text:#2f63ff;--mq-invert:#0c1322;--mq-invert-text:#fff;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body.portfolio-shell{min-width:320px;font-family:var(--mq-font);color:var(--mq-ink);background:radial-gradient(circle at top left, #6a8cff2e, transparent 30%), radial-gradient(circle at 90% 18%, #89b3ff24, transparent 22%), linear-gradient(180deg, var(--mq-bg) 0%, var(--mq-bg-soft) 100%);margin:0;overflow-x:hidden}body.portfolio-shell,body.portfolio-shell button,body.portfolio-shell input,body.portfolio-shell textarea{font-family:var(--mq-font)}body.portfolio-shell *,body.portfolio-shell :before,body.portfolio-shell :after{box-sizing:border-box}body.portfolio-shell h1,body.portfolio-shell h2,body.portfolio-shell h3,body.portfolio-shell h4,body.portfolio-shell p,body.portfolio-shell a,body.portfolio-shell button,body.portfolio-shell span,body.portfolio-shell strong,body.portfolio-shell small,body.portfolio-shell li{letter-spacing:0;word-break:normal;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none}body.portfolio-shell h1,body.portfolio-shell h2,body.portfolio-shell h3{text-wrap:balance}body.portfolio-shell p{text-wrap:pretty}body.portfolio-shell img{max-width:100%;display:block}body.portfolio-shell a{color:inherit}body.portfolio-shell main{display:block}body.portfolio-shell .section-shell,body.portfolio-shell .hero-shell,body.portfolio-shell .header-shell,body.portfolio-shell .contact-shell,body.portfolio-shell .footer-shell{width:min(100% - 40px, var(--mq-max));margin-inline:auto}body.portfolio-shell .section-heading{grid-template-columns:minmax(0,1fr) minmax(280px,400px);align-items:end;gap:24px;margin-bottom:36px;display:grid}body.portfolio-shell .section-heading.centered{text-align:center;grid-template-columns:1fr;justify-items:center}body.portfolio-shell .section-kicker,body.portfolio-shell .eyebrow{color:var(--mq-muted);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:18px;font-size:.76rem;font-weight:700;display:inline-flex}body.portfolio-shell .section-kicker:before,body.portfolio-shell .eyebrow:before{content:"";background:var(--mq-blue);border-radius:999px;width:6px;height:6px;box-shadow:0 0 0 8px #6a8cff17}body.portfolio-shell .section-heading h2,body.portfolio-shell .about-copy h2,body.portfolio-shell .contact-copy h2{color:var(--mq-ink);margin:0;font-size:clamp(2.35rem,3.7vw,4.15rem);font-weight:720;line-height:1}body.portfolio-shell .section-heading p,body.portfolio-shell .hero-copy p,body.portfolio-shell .about-copy p,body.portfolio-shell .contact-copy p{color:var(--mq-muted);margin:0;font-size:clamp(.98rem,1.15vw,1.06rem);line-height:1.68}body.portfolio-shell .button,body.portfolio-shell .header-cta,body.portfolio-shell .chip,body.portfolio-shell .icon-button,body.portfolio-shell .nav-links a,body.portfolio-shell .project-card,body.portfolio-shell .service-card,body.portfolio-shell .value-card,body.portfolio-shell .process-item,body.portfolio-shell .skill-group,body.portfolio-shell .timeline-item,body.portfolio-shell .faq-item{transition:transform .26s var(--mq-ease), border-color .26s var(--mq-ease), background .26s var(--mq-ease), color .26s var(--mq-ease), box-shadow .26s var(--mq-ease), opacity .26s var(--mq-ease)}body.portfolio-shell .button,body.portfolio-shell .header-cta{border:1px solid var(--mq-line);background:var(--mq-surface);min-height:54px;color:var(--mq-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 24px;font-size:.96rem;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}body.portfolio-shell .button svg,body.portfolio-shell .header-cta svg{width:16px;height:16px}body.portfolio-shell .button.primary,body.portfolio-shell .header-cta{color:#fff;text-shadow:0 1px 2px #06142838;background-color:var(--mq-blue);background-image:linear-gradient(180deg, #08142d0a, #08142d4d), linear-gradient(115deg, var(--mq-blue), var(--mq-cyan));transition:background-size .6s var(--mq-ease), box-shadow .32s var(--mq-ease), transform .26s var(--mq-ease);background-position:0;background-repeat:no-repeat;background-size:100% 100%,0% 100%;border-color:#0000;box-shadow:0 10px 26px #22aadc4d,inset 0 1px #ffffff38}body.portfolio-shell .button.primary:after,body.portfolio-shell .header-cta:after{content:"";z-index:0;border-radius:inherit;background:radial-gradient(170px circle at var(--spot-x,50%) var(--spot-y,50%), #fffffff2, #ffffff29 44%, transparent 68%);-webkit-mask-composite:xor;opacity:0;pointer-events:none;transition:opacity .32s var(--mq-ease);padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}body.portfolio-shell .button.primary:before,body.portfolio-shell .header-cta:before{display:none}body.portfolio-shell .button.secondary{color:var(--mq-outline-text);background:var(--mq-elevated);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-clip:padding-box;border:1px solid #0000}body.portfolio-shell .button.secondary:before{display:none}body.portfolio-shell .button.secondary:after{content:"";z-index:0;border-radius:inherit;background:radial-gradient(170px circle at var(--spot-x,50%) var(--spot-y,50%), #78b9ffe6, transparent 62%), linear-gradient(115deg, var(--mq-blue), var(--mq-cyan), var(--mq-blue));-webkit-mask-composite:xor;pointer-events:none;transition:background-position .7s var(--mq-ease);background-position:0 0,0%;background-size:auto,180% 100%;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}body.portfolio-shell .button:hover,body.portfolio-shell .header-cta:hover,body.portfolio-shell .chip:hover,body.portfolio-shell .icon-button:hover,body.portfolio-shell .project-card:hover,body.portfolio-shell .service-card:hover,body.portfolio-shell .value-card:hover,body.portfolio-shell .process-item:hover,body.portfolio-shell .skill-group:hover,body.portfolio-shell .timeline-item:hover,body.portfolio-shell .faq-item:hover{transform:translateY(-2px)}body.portfolio-shell .button,body.portfolio-shell .header-cta,body.portfolio-shell .chip,body.portfolio-shell .project-card,body.portfolio-shell .service-card,body.portfolio-shell .value-card,body.portfolio-shell .process-item,body.portfolio-shell .skill-group,body.portfolio-shell .timeline-item,body.portfolio-shell .blog-card,body.portfolio-shell .contact-methods a,body.portfolio-shell .faq-item{position:relative}body.portfolio-shell .button:before,body.portfolio-shell .header-cta:before,body.portfolio-shell .chip:before,body.portfolio-shell .project-card:before,body.portfolio-shell .service-card:before,body.portfolio-shell .value-card:before,body.portfolio-shell .process-item:before,body.portfolio-shell .skill-group:before,body.portfolio-shell .timeline-item:before,body.portfolio-shell .blog-card:before,body.portfolio-shell .contact-methods a:before,body.portfolio-shell .faq-item:before{content:"";z-index:0;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .32s var(--mq-ease), transform .32s var(--mq-ease);background:radial-gradient(circle at 50% 0,#3f82ff38,#0000 58%);position:absolute;inset:-1px}body.portfolio-shell .button:hover:before,body.portfolio-shell .header-cta:hover:before,body.portfolio-shell .chip:hover:before,body.portfolio-shell .project-card:hover:before,body.portfolio-shell .service-card:hover:before,body.portfolio-shell .value-card:hover:before,body.portfolio-shell .process-item:hover:before,body.portfolio-shell .skill-group:hover:before,body.portfolio-shell .timeline-item:hover:before,body.portfolio-shell .blog-card:hover:before,body.portfolio-shell .contact-methods a:hover:before,body.portfolio-shell .faq-item:hover:before{opacity:1}body.portfolio-shell .button>*,body.portfolio-shell .header-cta>*,body.portfolio-shell .chip>*,body.portfolio-shell .project-card>*,body.portfolio-shell .service-card>*,body.portfolio-shell .value-card>*,body.portfolio-shell .process-item>*,body.portfolio-shell .skill-group>*,body.portfolio-shell .timeline-item>*,body.portfolio-shell .blog-card>*,body.portfolio-shell .contact-methods a>*,body.portfolio-shell .faq-item>*{z-index:1;position:relative}body.portfolio-shell .site-header{z-index:40;padding-top:18px;position:sticky;top:18px}body.portfolio-shell .header-shell{border:1px solid var(--mq-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:74px;box-shadow:var(--mq-shadow-soft);background:#0b1220b8;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:14px 18px;display:grid}html[data-theme=light] body.portfolio-shell .header-shell{background:#fffc}body.portfolio-shell .brand{align-items:center;gap:14px;text-decoration:none;display:inline-flex}body.portfolio-shell .brand-mark{background:var(--mq-invert);width:46px;height:46px;color:var(--mq-invert-text);border-radius:999px;place-items:center;font-size:1rem;font-weight:800;line-height:1;display:inline-grid}body.portfolio-shell .brand-copy{gap:2px;display:grid}body.portfolio-shell .brand-copy strong{color:var(--mq-ink);font-size:.96rem;font-weight:700}body.portfolio-shell .brand-copy small{color:var(--mq-muted);font-size:.8rem;font-weight:600}body.portfolio-shell .nav-links{justify-self:center;align-items:center;gap:clamp(20px,3vw,36px);display:inline-flex}body.portfolio-shell .nav-links a{color:var(--mq-muted);font-size:.95rem;font-weight:650;text-decoration:none;position:relative}body.portfolio-shell .nav-links a:after{content:"";background:var(--mq-blue);opacity:0;border-radius:999px;height:2px;position:absolute;bottom:-10px;left:0;right:0;transform:scaleX(.6)}body.portfolio-shell .nav-links a:hover{color:var(--mq-ink)}body.portfolio-shell .nav-links a:hover:after{opacity:1;transform:scaleX(1)}body.portfolio-shell .header-actions{align-items:center;gap:12px;display:inline-flex}body.portfolio-shell .icon-button{border:1px solid var(--mq-line);background:var(--mq-surface);width:46px;height:46px;color:var(--mq-ink);border-radius:999px;place-items:center;display:inline-grid}body.portfolio-shell .icon-button svg{width:18px;height:18px}body.portfolio-shell .nav-toggle{display:none}body.portfolio-shell .hero{padding-top:18px}body.portfolio-shell .hero-shell{width:min(100% - 40px, var(--mq-max-wide));padding-block:8px 40px;display:block}body.portfolio-shell .hero-copy{flex-direction:column;justify-content:flex-start;display:flex}body.portfolio-shell .gateway-avatar{display:none}body.portfolio-shell .hero-copy-centered{z-index:auto;text-align:center;align-items:center;width:100%;max-width:760px;margin:-12px auto 0;padding-inline:16px;position:relative}body.portfolio-shell .hero h1{max-width:8.4ch;color:var(--mq-ink);letter-spacing:-.062em;margin:0;font-size:clamp(3.2rem,6vw,5.8rem);font-weight:800;line-height:.92}body.portfolio-shell .hero-copy p{max-width:34ch;margin-top:16px;font-size:1.02rem}body.portfolio-shell .hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:28px;display:flex}body.portfolio-shell .stats-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:min(100%,980px);margin-top:34px;display:grid}body.portfolio-shell .stat-card{border:1px solid var(--mq-line);border-radius:var(--mq-radius-sm);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0f;min-width:0;padding:18px}html[data-theme=light] body.portfolio-shell .stat-card{background:#ffffffe0}body.portfolio-shell .stat-card strong{color:var(--mq-ink);font-size:1.02rem;font-weight:720;display:block}body.portfolio-shell .stat-card span{color:var(--mq-ink-2);opacity:.74;margin-top:6px;font-size:.82rem;line-height:1.45;display:block}body.portfolio-shell .hero-stage{flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;padding-top:28px;display:flex;position:relative;overflow:visible}body.portfolio-shell .hero-visual{width:100%;height:clamp(340px,40dvh,440px);min-height:320px;transform:translate3d(calc(var(--mx,0) * -12px), calc(var(--my,0) * -9px), 0);translate:0 calc(var(--sy,0) * 34px);transition:transform .52s var(--mq-ease);margin:0 auto 10px;position:relative;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 72px calc(100% - 72px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 72px calc(100% - 72px),#0000 100%);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:repeat-y;mask-repeat:repeat-y}body.portfolio-shell .hero-orbit-line{opacity:.44;border:1px dashed #ffffff1a;border-radius:999px;width:min(720px,78%);height:220px;position:absolute;top:42px;left:50%;transform:translate(-50%)}body.portfolio-shell .filter-group{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}body.portfolio-shell .chip{border:1px solid var(--mq-line);background:var(--mq-surface);min-height:44px;color:var(--mq-muted);border-radius:999px;padding:0 18px;font-size:.9rem;font-weight:700}body.portfolio-shell .chip.is-active,body.portfolio-shell .chip:hover{background:var(--mq-invert);color:var(--mq-invert-text);border-color:#0000}body.portfolio-shell .project-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;display:grid}body.portfolio-shell .project-card{border:1px solid var(--mq-line);border-radius:var(--mq-radius-md);background:var(--mq-surface);min-height:420px;box-shadow:var(--mq-shadow-soft);grid-column:span 4;position:relative;overflow:hidden}body.portfolio-shell .project-card.is-featured:first-child{grid-column:span 7}body.portfolio-shell .project-card.is-featured:nth-child(2){grid-column:span 5}body.portfolio-shell .project-image,body.portfolio-shell .project-image img{width:100%;height:100%}body.portfolio-shell .project-image img{object-fit:cover;transition:transform .42s var(--mq-ease)}body.portfolio-shell .project-card:hover .project-image img{transform:scale(1.04)}body.portfolio-shell .project-arrow{background:var(--mq-invert);width:44px;height:44px;color:var(--mq-invert-text);box-shadow:var(--mq-shadow-soft);border-radius:999px;place-items:center;display:inline-grid;position:absolute;top:18px;right:18px}body.portfolio-shell .project-info{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a101db8;border:1px solid #ffffff1a;border-radius:22px;gap:10px;padding:18px;display:grid;position:absolute;bottom:16px;left:16px;right:16px}html[data-theme=light] body.portfolio-shell .project-info{background:#ffffffd1;border-color:#0c132214}body.portfolio-shell .project-info .section-kicker{margin-bottom:0}body.portfolio-shell .project-info h3{color:var(--mq-ink);margin:0;font-size:clamp(1.26rem,1.65vw,1.72rem);font-weight:750;line-height:1.08}body.portfolio-shell .project-info p{color:var(--mq-muted);margin:0;font-size:.96rem;line-height:1.55}body.portfolio-shell .project-role{gap:3px;display:grid}body.portfolio-shell .project-role span{color:var(--mq-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:600}body.portfolio-shell .project-role strong{color:var(--mq-ink);font-size:.98rem;font-weight:700}body.portfolio-shell .case-button{width:100%}body.portfolio-shell .project-more{justify-content:center;margin-top:28px;display:flex}body.portfolio-shell .section-cta{border:1px solid var(--mq-line);border-radius:var(--mq-radius-md);background:var(--mq-surface);justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:20px 22px;display:flex}body.portfolio-shell .section-cta p{color:var(--mq-muted);margin:0;font-size:.98rem;line-height:1.6}body.portfolio-shell .service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}body.portfolio-shell .service-card{border:1px solid var(--mq-line);border-radius:var(--mq-radius-md);background:var(--mq-surface);min-height:380px;box-shadow:var(--mq-shadow-soft);flex-direction:column;gap:22px;padding:28px;display:flex}body.portfolio-shell .service-card.is-featured{color:#0c1322;background:linear-gradient(#fffffffa,#f0f5fffa);border-color:#2f63ff24}html[data-theme=light] body.portfolio-shell .service-card.is-featured{background:linear-gradient(#fff,#f2f6ff)}body.portfolio-shell .service-badge{background:var(--mq-blue-soft);color:var(--mq-blue);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:8px 12px;font-size:.72rem;font-weight:800}body.portfolio-shell .service-index{display:none}body.portfolio-shell .service-main h3{color:currentColor;margin:0 0 12px;font-size:1.42rem;font-weight:750;line-height:1.1}body.portfolio-shell .service-main p{color:var(--mq-muted);margin:0;font-size:.98rem;line-height:1.6}body.portfolio-shell .service-card.is-featured .service-main p,body.portfolio-shell .service-card.is-featured .service-includes li,body.portfolio-shell .service-card.is-featured .service-price strong em{color:#56637d}body.portfolio-shell .service-price strong{color:currentColor;align-items:flex-end;gap:8px;font-size:clamp(2.2rem,3vw,3rem);font-weight:800;line-height:.92;display:inline-flex}body.portfolio-shell .service-price strong em{color:var(--mq-muted);font-size:.34em;font-style:normal;font-weight:650}body.portfolio-shell .service-price>span{display:none}body.portfolio-shell .service-includes{gap:12px;margin:0;padding:0;list-style:none;display:grid}body.portfolio-shell .service-includes li{color:var(--mq-muted);padding-left:24px;font-size:.95rem;line-height:1.45;position:relative}body.portfolio-shell .service-includes li:before{content:"";background:var(--mq-blue);border-radius:999px;width:8px;height:8px;position:absolute;top:.45em;left:0}body.portfolio-shell .service-link{width:100%;margin-top:auto}body.portfolio-shell .value-grid,body.portfolio-shell .skills-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}body.portfolio-shell .value-card,body.portfolio-shell .skill-group{border:1px solid var(--mq-line);border-radius:var(--mq-radius-md);background:var(--mq-surface);gap:14px;min-height:220px;padding:24px;display:grid}body.portfolio-shell .card-icon{background:var(--mq-blue-soft);width:48px;height:48px;color:var(--mq-blue);border-radius:16px;place-items:center;display:inline-grid}body.portfolio-shell .card-number{color:var(--mq-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.82rem;font-weight:700}body.portfolio-shell .value-card h3,body.portfolio-shell .skill-group h3,body.portfolio-shell .process-item h3{color:var(--mq-ink);margin:0;font-size:1.18rem;font-weight:700;line-height:1.2}body.portfolio-shell .value-card p,body.portfolio-shell .process-item p{color:var(--mq-muted);margin:0;font-size:.94rem;line-height:1.55}body.portfolio-shell .process-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;display:grid}body.portfolio-shell .process-item{border:1px solid var(--mq-line);border-radius:var(--mq-radius-md);background:var(--mq-surface);gap:18px;padding:24px;display:grid}body.portfolio-shell .process-item>span{background:var(--mq-blue-soft);width:42px;height:42px;color:var(--mq-blue);border-radius:999px;justify-content:center;align-items:center;font-size:.86rem;font-weight:800;display:inline-flex}body.portfolio-shell .resume-section{color:#f4f7ff;background:radial-gradient(circle at 0 0,#6a8cff1f,#0000 24%),#0b1221}body.portfolio-shell .resume-section .section-heading h2,body.portfolio-shell .resume-section .section-heading p,body.portfolio-shell .resume-section .section-kicker{color:inherit}body.portfolio-shell .resume-section .section-heading p,body.portfolio-shell .resume-section .timeline-item p,body.portfolio-shell .resume-section .timeline-item span,body.portfolio-shell .resume-facts span{color:#dfe8ffb8}body.portfolio-shell .resume-layout{display:block}body.portfolio-shell .resume-copy{gap:18px;display:grid}body.portfolio-shell .resume-facts{flex-wrap:wrap;gap:10px;display:flex}body.portfolio-shell .resume-facts span{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;padding:10px 14px;font-size:.86rem;font-weight:650}body.portfolio-shell .timeline{gap:14px;display:grid}body.portfolio-shell .timeline-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:22px;grid-template-columns:130px minmax(0,1fr);gap:18px;padding:22px;display:grid}body.portfolio-shell .timeline-item h3,body.portfolio-shell .timeline-item strong{color:#f4f7ff;margin:0}body.portfolio-shell .timeline-item strong{margin-top:4px;font-size:.98rem;font-weight:600;display:block}body.portfolio-shell .timeline-item p{margin:10px 0 0}body.portfolio-shell .about-layout{grid-template-columns:minmax(0,1fr) minmax(320px,440px);align-items:stretch;gap:24px;display:grid}body.portfolio-shell .about-copy,body.portfolio-shell .about-media{border:1px solid var(--mq-line);border-radius:var(--mq-radius-lg);background:var(--mq-surface);box-shadow:var(--mq-shadow-soft);position:relative;overflow:hidden}body.portfolio-shell .about-copy{align-content:center;gap:22px;padding:clamp(28px,4vw,44px);display:grid}body.portfolio-shell .about-media{min-height:540px}body.portfolio-shell .about-media img{object-fit:cover;filter:grayscale();width:100%;height:100%}body.portfolio-shell .about-stat{border:1px solid var(--mq-line);color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a101db8;border-radius:20px;gap:4px;padding:16px 18px;display:grid;position:absolute;bottom:22px;left:22px}body.portfolio-shell .about-stat strong{font-size:2rem;font-weight:800;line-height:1}body.portfolio-shell .about-stat span{color:#ffffffbd;font-size:.84rem}body.portfolio-shell .skill-group{min-height:0}body.portfolio-shell .skill-pills{flex-wrap:wrap;gap:10px;display:flex}body.portfolio-shell .skill-pills span{border:1px solid var(--mq-line);min-height:38px;color:var(--mq-ink-2);background:var(--mq-bg-soft);border-radius:999px;align-items:center;padding:0 14px;font-size:.88rem;font-weight:600;display:inline-flex}body.portfolio-shell .faq-list{gap:14px;display:grid}body.portfolio-shell .faq-item{border:1px solid var(--mq-line);background:var(--mq-surface);border-radius:22px;overflow:hidden}body.portfolio-shell .faq-item button{width:100%;color:var(--mq-ink);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:18px;padding:22px 24px;font-size:1rem;font-weight:700;display:flex}body.portfolio-shell .faq-answer{max-height:0;overflow:hidden}body.portfolio-shell .faq-answer p{color:var(--mq-muted);margin:0;padding:0 24px 22px;font-size:.96rem;line-height:1.7}body.portfolio-shell .faq-item.is-open .faq-answer{max-height:240px}body.portfolio-shell .faq-item.is-open button i{transform:rotate(45deg)}body.portfolio-shell .contact-card{border:1px solid var(--mq-line);text-align:center;background:radial-gradient(circle at top right, #6a8cff29, transparent 28%), var(--mq-surface-solid);box-shadow:var(--mq-shadow-md);border-radius:36px;justify-items:center;gap:24px;padding:clamp(34px,5vw,58px);display:grid}body.portfolio-shell .contact-copy p{max-width:56ch;margin-top:18px}body.portfolio-shell .site-footer{padding:0 0 28px}body.portfolio-shell .footer-shell{border-top:1px solid var(--mq-line);color:var(--mq-muted);justify-content:space-between;align-items:center;gap:18px;padding-top:24px;font-size:.88rem;display:flex}body.portfolio-shell .footer-shell a{border:1px solid var(--mq-line);background:var(--mq-surface);border-radius:999px;place-items:center;width:42px;height:42px;display:inline-grid}body.portfolio-shell .case-modal[hidden]{display:none}body.portfolio-shell .case-modal{z-index:60;place-items:center;padding:20px;display:grid;position:fixed;inset:0}body.portfolio-shell .case-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070c16a3;position:absolute;inset:0}body.portfolio-shell .case-dialog{z-index:1;border:1px solid var(--mq-line);border-radius:var(--mq-radius-lg);background:var(--mq-surface-solid);width:min(100%,1040px);max-height:calc(100vh - 40px);box-shadow:var(--mq-shadow-lg);padding:18px;position:relative;overflow:auto}body.portfolio-shell .case-close{z-index:2;position:absolute;top:18px;right:18px}body.portfolio-shell .case-cover{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:end;gap:22px;display:grid}body.portfolio-shell .case-cover img{object-fit:cover;border-radius:24px;width:100%;height:360px}body.portfolio-shell .case-cover h2{color:var(--mq-ink);margin:0;font-size:clamp(2rem,4vw,3.6rem);font-weight:760;line-height:.98}body.portfolio-shell .case-cover p,body.portfolio-shell .case-content p,body.portfolio-shell .case-content li{color:var(--mq-muted)}body.portfolio-shell .case-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px;display:grid}body.portfolio-shell .case-content section{border:1px solid var(--mq-line);background:var(--mq-surface);border-radius:20px;padding:18px}body.portfolio-shell .case-content h3{margin:0 0 12px}body.portfolio-shell .case-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}body.portfolio-shell .empty-state{color:var(--mq-muted)}body.portfolio-shell .reveal.is-visible{opacity:1;transition:opacity .62s var(--mq-ease), transform .62s var(--mq-ease);transform:translateY(0)}body.portfolio-shell .hero-stage.reveal{transform:none}@media (max-width:1180px){body.portfolio-shell .about-layout{grid-template-columns:1fr}body.portfolio-shell .project-card,body.portfolio-shell .project-card.is-featured:first-child,body.portfolio-shell .project-card.is-featured:nth-child(2){grid-column:span 6}body.portfolio-shell .value-grid,body.portfolio-shell .skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.portfolio-shell .process-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){body.portfolio-shell .site-header{padding-top:10px;top:10px}body.portfolio-shell .header-shell{grid-template-columns:auto auto auto;gap:12px}body.portfolio-shell .nav-links{border:1px solid var(--mq-line);background:var(--mq-elevated);box-shadow:var(--mq-shadow-md);border-radius:24px;flex-direction:column;align-items:stretch;gap:2px;padding:10px;display:none;position:absolute;top:calc(100% + 10px);left:20px;right:20px}body.portfolio-shell .site-header.menu-active .nav-links,body.portfolio-shell.menu-open .nav-links{display:flex}body.portfolio-shell .nav-links a{border-radius:16px;padding:14px 16px}body.portfolio-shell .nav-links a:after,body.portfolio-shell .header-cta{display:none}body.portfolio-shell .nav-toggle{display:inline-grid}body.portfolio-shell .hero-shell,body.portfolio-shell .section-shell,body.portfolio-shell .contact-shell,body.portfolio-shell .header-shell,body.portfolio-shell .footer-shell{width:min(100% - 24px, var(--mq-max))}body.portfolio-shell .hero-shell{padding-block:34px}body.portfolio-shell .hero h1{max-width:14ch;font-size:clamp(2.9rem,9vw,4.6rem)}body.portfolio-shell .hero-copy-centered{max-width:680px}body.portfolio-shell .hero-orbit-line{width:min(520px,86%);height:196px;top:36px}body.portfolio-shell .section-heading{grid-template-columns:1fr;gap:18px}body.portfolio-shell .service-grid,body.portfolio-shell .project-grid,body.portfolio-shell .process-list,body.portfolio-shell .value-grid,body.portfolio-shell .skills-grid,body.portfolio-shell .case-content,body.portfolio-shell .case-cover{grid-template-columns:1fr}body.portfolio-shell .project-card,body.portfolio-shell .project-card.is-featured:first-child,body.portfolio-shell .project-card.is-featured:nth-child(2){grid-column:1}body.portfolio-shell .section-cta,body.portfolio-shell .case-actions,body.portfolio-shell .footer-shell{flex-direction:column;align-items:stretch}body.portfolio-shell .footer-shell a{align-self:flex-start}}@media (max-width:640px){body.portfolio-shell .brand-copy{display:none}body.portfolio-shell .hero-actions{display:grid}body.portfolio-shell .stats-strip{grid-template-columns:1fr}body.portfolio-shell .hero-actions .button,body.portfolio-shell .button,body.portfolio-shell .section-cta .button{width:100%}body.portfolio-shell .hero h1{max-width:7.2ch;font-size:clamp(2.24rem,9.9vw,3.28rem)}body.portfolio-shell .hero-orbit-line{width:92%;height:132px;top:30px}body.portfolio-shell .hero-copy-centered{margin-top:0;padding-inline:8px}body.portfolio-shell .hero-copy p{max-width:24ch;font-size:.94rem}body.portfolio-shell .project-card{min-height:360px}body.portfolio-shell .project-info,body.portfolio-shell .service-card,body.portfolio-shell .value-card,body.portfolio-shell .skill-group,body.portfolio-shell .process-item,body.portfolio-shell .timeline-item,body.portfolio-shell .contact-card,body.portfolio-shell .case-dialog{padding:18px}body.portfolio-shell .about-media{height:420px;min-height:420px}}@media (prefers-reduced-motion:reduce){body.portfolio-shell *,body.portfolio-shell :before,body.portfolio-shell :after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}body.portfolio-shell .reveal{opacity:1;transform:none}}body.portfolio-shell{--mq-bg:#0d1117;--mq-bg-soft:#15191f;--mq-surface:#14181f;--mq-surface-solid:#12161d;--mq-surface-2:#1a2029;--mq-elevated:#171c24;--mq-ink:#f7f9ff;--mq-ink-2:#d9e0ee;--mq-muted:#7f899c;--mq-line:#ffffff14;--mq-line-strong:#ffffff24;--mq-blue:#3f82ff;--mq-blue-2:#78b7ff;--mq-blue-soft:#3f82ff29;--mq-invert:#f6f8fc;--mq-invert-text:#0c1118;background:var(--mq-bg)}html[data-theme=light] body.portfolio-shell{--mq-bg:#f5f7fb;--mq-bg-soft:#eef2f8;--mq-surface:#fff;--mq-surface-solid:#fff;--mq-surface-2:#edf2f9;--mq-elevated:#fff;--mq-ink:#0c1118;--mq-ink-2:#1c2637;--mq-muted:#667386;--mq-line:#0c111817;--mq-line-strong:#0c111826;--mq-blue-soft:#2563eb1f;--mq-invert:#10151d;--mq-invert-text:#fff;background:var(--mq-bg)}body.portfolio-shell .section-shell,body.portfolio-shell .header-shell,body.portfolio-shell .contact-shell,body.portfolio-shell .footer-shell{width:min(100% - 48px,1120px)}body.portfolio-shell .hero-shell{width:100%;min-height:calc(100vh - var(--header-h));min-height:calc(100dvh - var(--header-h));flex-direction:column;justify-content:center;align-items:center;padding-block:clamp(16px,2vh,32px);padding-inline:0;display:flex}body.portfolio-shell .site-header{border-bottom:1px solid var(--mq-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d1117b8;padding-top:0;top:0}html[data-theme=light] body.portfolio-shell .site-header{background:#f5f7fbc2}body.portfolio-shell .header-shell{min-height:64px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}body.portfolio-shell .brand-mark{width:44px;height:44px;color:var(--mq-ink);background:#000;border-radius:13px;font-size:0;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff1f}html[data-theme=light] body.portfolio-shell .brand-mark{box-shadow:0 0 0 1px #0c111814}body.portfolio-shell .brand-mark img{object-fit:cover;width:100%;height:100%;display:block}body.portfolio-shell .brand-copy{display:none}body.portfolio-shell .nav-links{gap:34px}body.portfolio-shell .nav-links a{color:var(--mq-muted);font-size:.86rem}body.portfolio-shell .header-cta{min-height:42px;padding-inline:18px;font-size:.84rem}body.portfolio-shell .icon-button{width:40px;height:40px}body.portfolio-shell .hero{min-height:calc(100vh - var(--header-h));min-height:calc(100dvh - var(--header-h));border-bottom:1px solid var(--mq-line);background:radial-gradient(circle at 50% 38%,#1f3c7c57,#0000 32%) 0 0/122% 122%,linear-gradient(#080c12 0%,#0d1117 74%,#11161d 100%) 0 0/100% 100%;align-items:start;padding-top:0;animation:14s ease-in-out infinite alternate mqHeroGlow;display:grid}html[data-theme=light] body.portfolio-shell .hero{background:radial-gradient(circle at 50% 35%,#3f82ff29,#0000 34%),linear-gradient(#f7f9fd 0%,#eef3fb 100%)}body.portfolio-shell .hero-orbit-line{border:0;border-top:1px solid #ffffff14;border-radius:50% 50% 0 0/100% 100% 0 0;width:min(1020px,86vw);height:360px;top:38px;left:50%}html[data-theme=light] body.portfolio-shell .hero-orbit-line{border-top-color:#0c11181a}body.portfolio-shell .hero-copy-centered{max-width:900px;margin:-24px auto 0}body.portfolio-shell .hero-copy-centered .eyebrow{z-index:5;letter-spacing:.1em;text-transform:uppercase;justify-content:center;margin-bottom:18px;font-size:.66rem;position:relative}body.portfolio-shell .hero h1{z-index:3;text-wrap:balance;letter-spacing:-.055em;max-width:30ch;font-size:clamp(2.4rem,4vw,3.9rem);line-height:1.06;position:relative}body.portfolio-shell .hero h1:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--hero-scrim,#080c12b8), transparent 78%);pointer-events:none;border-radius:50%;position:absolute;inset:-30px -64px}body.portfolio-shell .hero-copy p{z-index:5;text-wrap:pretty;max-width:52ch;color:var(--mq-muted);margin-top:16px;font-size:1rem;position:relative}body.portfolio-shell .hero-actions{z-index:5;margin-top:22px;position:relative}body.portfolio-shell .hero-actions .button{justify-content:center;min-width:180px}body.portfolio-shell .button,body.portfolio-shell .header-cta{border-radius:999px;min-height:46px}body.portfolio-shell .stats-strip{border-top:1px solid var(--mq-line);border-bottom:1px solid var(--mq-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:100vw;max-width:none;margin-top:clamp(48px,7vh,90px);display:grid}body.portfolio-shell .stat-card{border:0;border-right:1px solid var(--mq-line);text-align:center;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-radius:0;align-content:center;place-items:center;gap:4px;min-height:116px;padding:20px;display:grid}body.portfolio-shell .stat-card:last-child{border-right:0}body.portfolio-shell .stat-card strong{color:var(--mq-ink);font-size:clamp(1.65rem,2vw,2.35rem);line-height:1}body.portfolio-shell .stat-card span{color:var(--mq-muted);max-width:16ch;margin-top:0;font-size:.78rem}body.portfolio-shell .section{background:var(--mq-bg-soft);border-bottom:1px solid var(--mq-line)}body.portfolio-shell .work-section,body.portfolio-shell .services,body.portfolio-shell .value-section,body.portfolio-shell .resume-section,body.portfolio-shell .testimonials-section,body.portfolio-shell .blog-section,body.portfolio-shell .faq-section,body.portfolio-shell .contact-section{background:var(--mq-bg-soft)}body.portfolio-shell .section-shell,body.portfolio-shell .contact-shell{padding-block:clamp(74px,8vw,118px)}body.portfolio-shell .section-heading{grid-template-columns:minmax(0,1fr) minmax(260px,380px);margin-bottom:34px}body.portfolio-shell .section-heading h2,body.portfolio-shell .about-copy h2,body.portfolio-shell .contact-copy h2{letter-spacing:-.045em;font-size:clamp(2rem,3.05vw,3.15rem)}body.portfolio-shell .section-kicker,body.portfolio-shell .eyebrow{letter-spacing:.16em;margin-bottom:14px;font-size:.68rem}body.portfolio-shell .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}body.portfolio-shell .project-card,body.portfolio-shell .project-card.is-featured:first-child,body.portfolio-shell .project-card.is-featured:nth-child(2){min-height:0;box-shadow:none;background:#151a21;border-radius:22px;grid-column:auto}html[data-theme=light] body.portfolio-shell .project-card,html[data-theme=light] body.portfolio-shell .project-card.is-featured:first-child,html[data-theme=light] body.portfolio-shell .project-card.is-featured:nth-child(2){background:#fff}body.portfolio-shell .project-image{aspect-ratio:1.55;height:auto;display:block;overflow:hidden}body.portfolio-shell .project-image,body.portfolio-shell .project-image img{height:auto}body.portfolio-shell .project-image img{object-fit:cover;height:100%}body.portfolio-shell .project-info{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;padding:18px 20px 20px;display:grid;position:static}body.portfolio-shell .project-info .section-kicker,body.portfolio-shell .project-info p,body.portfolio-shell .project-role{display:none}body.portfolio-shell .project-info h3{grid-row:span 2;font-size:1rem;line-height:1.25}body.portfolio-shell .case-button{width:auto;min-height:34px;padding:0 13px;font-size:.78rem}body.portfolio-shell .project-arrow{width:38px;height:38px;top:14px;right:14px}body.portfolio-shell .service-grid{gap:22px}body.portfolio-shell .service-card{min-height:370px;box-shadow:none;background:#11151b;border-radius:22px;padding:32px}body.portfolio-shell .service-card.is-featured{color:var(--mq-ink);background:#080c13;border-color:#3f82ffa3;box-shadow:0 0 0 1px #3f82ff2e}html[data-theme=light] body.portfolio-shell .service-card,html[data-theme=light] body.portfolio-shell .service-card.is-featured{color:var(--mq-ink);background:#fff}body.portfolio-shell .service-badge{color:#fff;letter-spacing:.08em;background:#286dff;align-self:flex-end}body.portfolio-shell .service-main h3{font-size:1.12rem}body.portfolio-shell .service-price strong{font-size:clamp(1.85rem,2.6vw,2.35rem)}body.portfolio-shell .value-grid{border:1px solid var(--mq-line);background:var(--mq-surface-solid);border-radius:22px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;overflow:hidden}body.portfolio-shell .value-card{border:0;border-right:1px solid var(--mq-line);box-shadow:none;background:0 0;border-radius:0;min-height:210px}body.portfolio-shell .value-card:last-child{border-right:0}body.portfolio-shell .card-icon{display:none}body.portfolio-shell .card-number{color:#3f82ff24;letter-spacing:-.04em;font-size:2rem}body.portfolio-shell .process-list{border:1px solid var(--mq-line);border-radius:22px;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;overflow:hidden}body.portfolio-shell .process-item{border:0;border-right:1px solid var(--mq-line);background:var(--mq-surface-solid);box-shadow:none;border-radius:0}body.portfolio-shell .process-item:last-child{border-right:0}body.portfolio-shell .resume-section{background:#0b0f15}html[data-theme=light] body.portfolio-shell .resume-section{background:#eef2f8}body.portfolio-shell .resume-layout,body.portfolio-shell .resume-copy,body.portfolio-shell .timeline{display:block}body.portfolio-shell .resume-facts{display:none}body.portfolio-shell .timeline-item{background:#ffffff06;border-radius:18px;grid-template-columns:150px 1fr minmax(260px,.95fr);align-items:center;gap:34px;min-height:86px;margin-bottom:10px;padding:20px 28px}body.portfolio-shell .timeline-item div{display:contents}body.portfolio-shell .timeline-item h3{grid-column:2;font-size:.96rem}body.portfolio-shell .timeline-item strong{color:var(--mq-muted);grid-column:2;font-size:.84rem}body.portfolio-shell .timeline-item p{grid-area:1/3/span 2;margin:0;font-size:.86rem;line-height:1.55}body.portfolio-shell .testimonials-section{background:#10141a}html[data-theme=light] body.portfolio-shell .testimonials-section{background:#f5f7fb}body.portfolio-shell .testimonial-shell{grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:18px;display:grid}body.portfolio-shell .testimonial-card{border:1px solid var(--mq-line);background:radial-gradient(circle at 12% 14%, #3f82ff2e, transparent 24%), var(--mq-surface-solid);border-radius:26px;align-content:center;gap:28px;min-height:280px;padding:clamp(28px,5vw,56px);display:grid}body.portfolio-shell .quote-mark{color:var(--mq-blue);font-size:4rem;font-weight:800;line-height:.5}body.portfolio-shell .testimonial-card blockquote{max-width:850px;color:var(--mq-ink);letter-spacing:-.035em;margin:0;font-size:clamp(1.35rem,2.3vw,2.15rem);font-weight:700;line-height:1.24}body.portfolio-shell .testimonial-author{align-items:center;gap:14px;display:flex}body.portfolio-shell .testimonial-author>span{background:var(--mq-blue);color:#fff;border-radius:999px;place-items:center;width:42px;height:42px;font-size:.78rem;font-weight:800;display:inline-grid}body.portfolio-shell .testimonial-author strong,body.portfolio-shell .testimonial-author small{display:block}body.portfolio-shell .testimonial-author small{color:var(--mq-muted);margin-top:4px}body.portfolio-shell .testimonial-arrow{border:1px solid var(--mq-line);background:var(--mq-surface);width:46px;height:46px;color:var(--mq-ink);border-radius:999px;place-items:center;display:grid}body.portfolio-shell .testimonial-dots{justify-content:center;gap:8px;margin-top:24px;display:flex}body.portfolio-shell .testimonial-dots button{background:#ffffff29;border:0;border-radius:999px;width:8px;height:8px;padding:0}html[data-theme=light] body.portfolio-shell .testimonial-dots button{background:#0c111829}body.portfolio-shell .testimonial-dots button.is-active{background:var(--mq-blue);width:28px}body.portfolio-shell .about-section{background:#171b21}html[data-theme=light] body.portfolio-shell .about-section{background:#f5f7fb}body.portfolio-shell .about-layout{grid-template-columns:minmax(0,1fr) minmax(360px,500px);align-items:center}body.portfolio-shell .about-copy,body.portfolio-shell .about-media{box-shadow:none;background:0 0;border:0;border-radius:0}body.portfolio-shell .about-media{border-radius:22px;min-height:500px}body.portfolio-shell .about-media img{border-radius:22px}body.portfolio-shell .blog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}body.portfolio-shell .blog-section .section-shell{position:relative}body.portfolio-shell .blog-section .section-heading,body.portfolio-shell .blog-section .section-cta{z-index:2;position:relative}body.portfolio-shell .blog-grid{z-index:2;border:1px solid var(--mq-line);background:linear-gradient(180deg, #ffffff09, transparent 34%), var(--mq-surface-solid);border-radius:28px;padding:22px;animation:10s ease-in-out infinite alternate mqPanelGlow;position:relative}body.portfolio-shell .blog-grid:before{content:"komiljon_blog";border:1px solid var(--mq-line);background:var(--mq-surface-solid);height:34px;color:var(--mq-muted);letter-spacing:.04em;border-radius:999px;align-items:center;padding:0 14px;font-size:.76rem;font-weight:800;display:inline-flex;position:absolute;top:-42px;left:22px}body.portfolio-shell .blog-card{border:1px solid var(--mq-line);background:var(--mq-surface-solid);min-height:260px;color:inherit;transition:transform .26s var(--mq-ease), border-color .26s var(--mq-ease);border-radius:22px;flex-direction:column;gap:12px;padding:22px;text-decoration:none;display:flex}body.portfolio-shell .blog-card:hover{border-color:#3f82ff61;transform:translateY(-3px)}body.portfolio-shell .blog-card img{aspect-ratio:1.6;object-fit:cover;border-radius:16px;width:100%;margin-bottom:6px}body.portfolio-shell .blog-card span{color:var(--mq-blue-2);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}body.portfolio-shell .blog-card h3{color:var(--mq-ink);margin:0;font-size:1.05rem;line-height:1.28}body.portfolio-shell .blog-card p{color:var(--mq-muted);margin:0;font-size:.9rem;line-height:1.58}body.portfolio-shell .blog-card strong{color:var(--mq-ink);align-items:center;gap:8px;margin-top:auto;font-size:.86rem;display:inline-flex}body.portfolio-shell .faq-section{background:#171b21}html[data-theme=light] body.portfolio-shell .faq-section{background:#f0f4fa}body.portfolio-shell .faq-section .section-heading{text-align:center;grid-template-columns:1fr;justify-items:center}body.portfolio-shell .faq-list{max-width:680px;margin:0 auto}body.portfolio-shell .faq-item{background:0 0;border-width:0 0 1px;border-radius:0}body.portfolio-shell .contact-section{background:#171b21}html[data-theme=light] body.portfolio-shell .contact-section{background:#f0f4fa}body.portfolio-shell .contact-layout{grid-template-columns:minmax(280px,.9fr) minmax(420px,1fr);align-items:start;gap:60px;display:grid}body.portfolio-shell .contact-methods{gap:12px;margin-top:34px;display:grid}body.portfolio-shell .contact-methods a{border:1px solid var(--mq-line);background:var(--mq-surface-solid);border-radius:18px;grid-template-columns:42px 1fr;align-items:center;gap:3px 14px;padding:16px;text-decoration:none;display:grid}body.portfolio-shell .contact-methods span{background:var(--mq-blue-soft);width:42px;height:42px;color:var(--mq-blue);border-radius:14px;grid-row:span 2;place-items:center;display:grid}body.portfolio-shell .contact-methods small{color:var(--mq-muted)}body.portfolio-shell .contact-form{gap:18px;display:grid}body.portfolio-shell .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}body.portfolio-shell .contact-form label,body.portfolio-shell .contact-form fieldset{border:0;gap:10px;margin:0;padding:0;display:grid}body.portfolio-shell .contact-form label>span,body.portfolio-shell .contact-form legend{color:var(--mq-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;font-weight:800}body.portfolio-shell .contact-form input[type=text],body.portfolio-shell .contact-form input[type=tel],body.portfolio-shell .contact-form textarea{border:1px solid var(--mq-line);background:var(--mq-surface-solid);width:100%;color:var(--mq-ink);border-radius:14px;outline:none;font-size:.94rem}body.portfolio-shell .contact-form input[type=text],body.portfolio-shell .contact-form input[type=tel]{height:48px;padding:0 16px}body.portfolio-shell .contact-form textarea{resize:vertical;min-height:132px;padding:16px}body.portfolio-shell .contact-form input:focus,body.portfolio-shell .contact-form textarea:focus{border-color:#3f82ffb8;box-shadow:0 0 0 4px #3f82ff1a}body.portfolio-shell .option-row{flex-wrap:wrap;gap:10px;display:flex}body.portfolio-shell .option-row label{display:inline-flex}body.portfolio-shell .option-row input{opacity:0;pointer-events:none;position:absolute}body.portfolio-shell .option-row span{border:1px solid var(--mq-line);min-height:34px;color:var(--mq-muted);background:0 0;border-radius:999px;align-items:center;padding:0 15px;font-size:.78rem;font-weight:700;display:inline-flex}body.portfolio-shell .option-row input:checked+span{background:var(--mq-blue-soft);color:var(--mq-ink);border-color:#3f82ff8c}body.portfolio-shell .contact-form button[type=submit]{width:100%}body.portfolio-shell .contact-form button[disabled]{cursor:wait;opacity:.72}body.portfolio-shell .project-card:nth-child(2n),body.portfolio-shell .service-card:nth-child(2n),body.portfolio-shell .value-card:nth-child(2n),body.portfolio-shell .process-item:nth-child(2n),body.portfolio-shell .blog-card:nth-child(2n){transition-delay:45ms}body.portfolio-shell .project-card:nth-child(3n),body.portfolio-shell .service-card:nth-child(3n),body.portfolio-shell .value-card:nth-child(3n),body.portfolio-shell .process-item:nth-child(3n),body.portfolio-shell .blog-card:nth-child(3n){transition-delay:90ms}@keyframes mqHeroGlow{0%{background-position:50% 0}to{background-position:50% 100%}}@keyframes mqPanelGlow{0%{box-shadow:inset 0 1px #ffffff0a,0 0 #3f82ff00}to{box-shadow:inset 0 1px #ffffff0f,0 24px 70px #3f82ff0f}}body.portfolio-shell .form-status{min-height:22px;color:var(--mq-muted);margin:0;font-size:.88rem}body.portfolio-shell .form-status.is-success{color:#72d48c}body.portfolio-shell .form-status.is-error{color:#ff8181}body.portfolio-shell .site-footer{background:#171b21}html[data-theme=light] body.portfolio-shell .site-footer{background:#f0f4fa}@media (max-width:1120px){body.portfolio-shell .process-list,body.portfolio-shell .value-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.portfolio-shell .process-item:nth-child(2n),body.portfolio-shell .value-card:nth-child(2n){border-right:0}body.portfolio-shell .timeline-item{grid-template-columns:130px 1fr}body.portfolio-shell .timeline-item p{grid-area:auto/2;margin-top:10px}body.portfolio-shell .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){body.portfolio-shell .site-header{top:0}body.portfolio-shell .header-shell{justify-content:space-between;min-height:62px;display:flex}body.portfolio-shell .header-actions{margin-left:auto}html{--header-h:63px}body.portfolio-shell .hero{min-height:calc(100vh - var(--header-h));min-height:calc(100dvh - var(--header-h));padding-top:0}body.portfolio-shell .hero-shell{min-height:calc(100vh - var(--header-h));min-height:calc(100dvh - var(--header-h))}body.portfolio-shell .hero-visual{height:270px;min-height:270px}body.portfolio-shell .hero h1{font-size:clamp(2.2rem,8.5vw,3.6rem)}body.portfolio-shell .hero-copy-centered{width:min(100%,100vw - 28px);max-width:calc(100vw - 28px);padding-inline:0}body.portfolio-shell .stats-strip{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:42px}body.portfolio-shell .stat-card:nth-child(2){border-right:0}body.portfolio-shell .stat-card:nth-child(-n+2){border-bottom:1px solid var(--mq-line)}body.portfolio-shell .section-heading,body.portfolio-shell .service-grid,body.portfolio-shell .project-grid,body.portfolio-shell .about-layout,body.portfolio-shell .contact-layout,body.portfolio-shell .form-grid{grid-template-columns:1fr}body.portfolio-shell .section-heading{align-items:start}body.portfolio-shell .testimonial-shell{grid-template-columns:1fr}body.portfolio-shell .testimonial-arrow{display:none}body.portfolio-shell .blog-grid,body.portfolio-shell .process-list,body.portfolio-shell .value-grid{grid-template-columns:1fr}body.portfolio-shell .process-item,body.portfolio-shell .value-card{border-right:0;border-bottom:1px solid var(--mq-line)}body.portfolio-shell .process-item:last-child,body.portfolio-shell .value-card:last-child{border-bottom:0}}@media (max-width:640px){html{--header-h:104px}body.portfolio-shell .site-header{left:0;right:0}body.portfolio-shell .header-shell{flex-wrap:wrap;width:100%;padding-block:10px;padding-inline:14px;position:relative}body.portfolio-shell .header-actions{display:none}body.portfolio-shell .nav-links{width:100%;box-shadow:none;scrollbar-width:none;background:0 0;border:0;border-radius:0;flex-direction:row;order:3;align-items:center;gap:8px;margin-top:8px;padding:0 0 2px;display:flex;position:static;overflow-x:auto}body.portfolio-shell .nav-links::-webkit-scrollbar{display:none}body.portfolio-shell .nav-links a{border:1px solid var(--mq-line);white-space:nowrap;background:#ffffff08;border-radius:999px;flex:none;padding:9px 12px;font-size:.76rem}body.portfolio-shell,body.portfolio-shell main,body.portfolio-shell .hero,body.portfolio-shell .hero-stage{max-width:100vw}body.portfolio-shell,body.portfolio-shell main,body.portfolio-shell .hero{overflow-x:hidden}body.portfolio-shell .section-shell,body.portfolio-shell .header-shell,body.portfolio-shell .contact-shell,body.portfolio-shell .footer-shell{width:min(100% - 28px,1120px)}body.portfolio-shell .hero-visual{height:214px;min-height:214px}body.portfolio-shell .hero-orbit-line{height:150px;top:28px}body.portfolio-shell .hero-copy-centered .eyebrow{letter-spacing:.12em;max-width:30ch;font-size:.56rem;line-height:1.6}body.portfolio-shell .hero h1{max-width:13ch;font-size:clamp(2.1rem,8.6vw,3rem)}body.portfolio-shell .hero-copy p{max-width:38ch}body.portfolio-shell .stats-strip{grid-template-columns:1fr}body.portfolio-shell .stat-card{border-right:0;border-bottom:1px solid var(--mq-line);min-height:84px}body.portfolio-shell .stat-card:last-child{border-bottom:0}body.portfolio-shell .project-info{grid-template-columns:1fr}body.portfolio-shell .case-button{width:100%}body.portfolio-shell .timeline-item{grid-template-columns:1fr;gap:8px}body.portfolio-shell .timeline-item h3,body.portfolio-shell .timeline-item strong,body.portfolio-shell .timeline-item p{grid-column:1}body.portfolio-shell .about-media{min-height:360px}}body.portfolio-shell .button:before,body.portfolio-shell .header-cta:before,body.portfolio-shell .chip:before,body.portfolio-shell .project-card:before,body.portfolio-shell .service-card:before,body.portfolio-shell .value-card:before,body.portfolio-shell .process-item:before,body.portfolio-shell .skill-group:before,body.portfolio-shell .timeline-item:before,body.portfolio-shell .blog-card:before,body.portfolio-shell .contact-methods a:before,body.portfolio-shell .faq-item:before{filter:blur(10px);transition:opacity .52s var(--mq-ease), transform .52s var(--mq-ease), filter .52s var(--mq-ease);background:radial-gradient(circle at 50% 0,#5994ff21,#5994ff0b 30%,#0000 68%);inset:-18px;transform:scale(.96)translateY(6px)}body.portfolio-shell .button:hover:before,body.portfolio-shell .header-cta:hover:before,body.portfolio-shell .chip:hover:before,body.portfolio-shell .project-card:hover:before,body.portfolio-shell .service-card:hover:before,body.portfolio-shell .value-card:hover:before,body.portfolio-shell .process-item:hover:before,body.portfolio-shell .skill-group:hover:before,body.portfolio-shell .timeline-item:hover:before,body.portfolio-shell .blog-card:hover:before,body.portfolio-shell .contact-methods a:hover:before,body.portfolio-shell .faq-item:hover:before{opacity:.72;filter:blur(14px);transform:scale(1)translateY(0)}body.portfolio-shell .button:hover,body.portfolio-shell .header-cta:hover,body.portfolio-shell .chip:hover,body.portfolio-shell .icon-button:hover,body.portfolio-shell .project-card:hover,body.portfolio-shell .service-card:hover,body.portfolio-shell .value-card:hover,body.portfolio-shell .process-item:hover,body.portfolio-shell .skill-group:hover,body.portfolio-shell .timeline-item:hover,body.portfolio-shell .faq-item:hover,body.portfolio-shell .blog-card:hover,body.portfolio-shell .contact-methods a:hover{box-shadow:0 18px 52px #3f82ff0a}body.portfolio-shell .reveal{opacity:1;transform:none}.modal-backdrop{-webkit-backdrop-filter:blur(12px);z-index:9999;background:#040812d1;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}body.portfolio-shell .hero-drift-card{z-index:var(--zi,1);aspect-ratio:1/1.12;border:1px solid var(--mq-line-strong);background:var(--mq-surface-solid);width:124px;box-shadow:var(--mq-shadow-md);will-change:transform, left, top, opacity;cursor:pointer;border-radius:24px;transition:box-shadow .3s,border-color .3s,scale .3s;position:absolute;overflow:hidden;animation:none!important}body.portfolio-shell .hero-drift-card:hover{z-index:20;border-color:var(--mq-blue);scale:1.08;box-shadow:0 16px 44px #2f63ff59}body.portfolio-shell .hero-drift-card img{object-fit:cover;pointer-events:none;width:100%;height:100%}body.portfolio-shell .hero-drift-card:after{content:"";background:linear-gradient(#0000,#08101e7a);height:38%;position:absolute;inset:auto 0 0}body.portfolio-shell .hero{--hero-scrim:#080c12bd}html[data-theme=light] body.portfolio-shell .hero{--hero-scrim:#f7f9fdd6}body.portfolio-shell .hero-accent{font-family:var(--mq-script);letter-spacing:.01em;color:var(--mq-blue);font-size:1.18em;font-weight:700;line-height:1;display:inline-block;position:relative}body.portfolio-shell .hero-accent-line{width:100%;height:.3em;position:absolute;bottom:-.14em;left:0;overflow:visible}body.portfolio-shell .hero-accent-line path{stroke-dasharray:1 1.1;stroke-dashoffset:1.06px;animation:.9s cubic-bezier(.65,0,.35,1) .5s forwards hero-accent-draw}@keyframes hero-accent-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){body.portfolio-shell .hero-accent-line path{stroke-dashoffset:0;animation:none}}body.portfolio-shell .hero-title-line{display:block}@media (max-width:640px){body.portfolio-shell .hero-title-line{display:inline}}body.portfolio-shell h1,body.portfolio-shell h2,body.portfolio-shell h3,body.portfolio-shell h4,body.portfolio-shell .brand-mark{font-family:var(--mq-display)}body.portfolio-shell h1,body.portfolio-shell h2{letter-spacing:-.03em;font-weight:700}@media (min-width:641px){body.portfolio-shell .hero-visual:has(.hero-drift-card)~.hero-copy-centered{margin-top:clamp(-90px,-6.5vh,-20px)}}body.portfolio-shell .button:focus-visible,body.portfolio-shell .header-cta:focus-visible,body.portfolio-shell .icon-button:focus-visible,body.portfolio-shell .chip:focus-visible{outline:2px solid var(--mq-blue);outline-offset:3px}body.portfolio-shell .button:focus:not(:focus-visible),body.portfolio-shell .header-cta:focus:not(:focus-visible),body.portfolio-shell .icon-button:focus:not(:focus-visible),body.portfolio-shell .chip:focus:not(:focus-visible){outline:none}body.portfolio-shell .button svg,body.portfolio-shell .header-cta svg{transition:transform .26s var(--mq-ease)}@media (hover:hover) and (pointer:fine){body.portfolio-shell .button:hover,body.portfolio-shell .header-cta:hover{transform:translateY(-2px)}body.portfolio-shell .button.primary:hover,body.portfolio-shell .header-cta:hover{background-size:100% 100%,100% 100%;box-shadow:0 18px 42px #22aadc6b,inset 0 1px #ffffff42}body.portfolio-shell .button.primary:hover:after,body.portfolio-shell .header-cta:hover:after{opacity:1}body.portfolio-shell .button.secondary:hover{color:var(--mq-ink);box-shadow:inset 0 0 0 999px var(--mq-blue-soft), 0 14px 34px #22aadc38}body.portfolio-shell .button.secondary:hover:after{background-position:0 0,100%}body.portfolio-shell .button:hover svg,body.portfolio-shell .header-cta:hover svg{transform:translate(2px,-2px)}}@media (hover:none){body.portfolio-shell .button:hover,body.portfolio-shell .header-cta:hover{transform:none}}body.portfolio-shell .button:active,body.portfolio-shell .header-cta:active,body.portfolio-shell .icon-button:active,body.portfolio-shell .chip:active{transition-duration:90ms;transform:translateY(0)scale(.97)}body.portfolio-shell .button.primary:active,body.portfolio-shell .header-cta:active{box-shadow:0 6px 16px #22aadc52,inset 0 2px 6px #0000002e}body.portfolio-shell .button:active:before,body.portfolio-shell .header-cta:active:before{opacity:0}body.portfolio-shell .button:disabled,body.portfolio-shell .button[aria-disabled=true]{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}body.portfolio-shell .button:disabled:before,body.portfolio-shell .button:disabled:after,body.portfolio-shell .button[aria-disabled=true]:before,body.portfolio-shell .button[aria-disabled=true]:after{opacity:0}@media (prefers-reduced-motion:reduce){body.portfolio-shell .button,body.portfolio-shell .header-cta,body.portfolio-shell .button svg,body.portfolio-shell .header-cta svg{transition:none}body.portfolio-shell .button:hover,body.portfolio-shell .button:active,body.portfolio-shell .header-cta:hover,body.portfolio-shell .header-cta:active{transform:none}}body.portfolio-shell .hero-title-line-mask{clip-path:inset(-.6em -.3em -.3em);display:block}body.portfolio-shell .hero-title-line{will-change:transform;display:block}body.portfolio-shell .hero-copy-centered{transform:translate3d(calc(var(--mx,0) * 6px), calc(var(--my,0) * 5px), 0);translate:0 calc(var(--sy,0) * -70px);opacity:calc(1 - var(--sy,0) * .85);transition:transform .48s var(--mq-ease);will-change:transform}body.portfolio-shell .hero-title-line-mask:first-child .hero-accent-line path{animation-delay:.75s}body.portfolio-shell .hero-title-line-mask:nth-child(2) .hero-accent-line path{animation-delay:.92s}@media (prefers-reduced-motion:reduce){body.portfolio-shell .hero-copy-centered{opacity:1;transition:none;transform:translate(0,0)}body.portfolio-shell .hero-visual{transform:translate(0,0)}}
