@charset "UTF-8";@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:100 900;src:url(../fonts/Outfit.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Alexandria;font-style:normal;font-weight:100 900;src:url(../fonts/AlexandriaArabic.woff2) format("woff2");unicode-range:u+06??,u+0750-077f,u+0870-088e,u+0890-0891,u+0898-08e1,u+08e3-08ff,u+200c-200e,u+2010-2011,u+204f,u+2e41,u+fb50-fdff,u+fe70-fe74,u+fe76-fefc,u+102e0-102fb,u+10e60-10e7e,u+10efd-10eff,u+1ee00-1ee03,u+1ee05-1ee1f,u+1ee21-1ee22,u+1ee24,u+1ee27,u+1ee29-1ee32,u+1ee34-1ee37,u+1ee39,u+1ee3b,u+1ee42,u+1ee47,u+1ee49,u+1ee4b,u+1ee4d-1ee4f,u+1ee51-1ee52,u+1ee54,u+1ee57,u+1ee59,u+1ee5b,u+1ee5d,u+1ee5f,u+1ee61-1ee62,u+1ee64,u+1ee67-1ee6a,u+1ee6c-1ee72,u+1ee74-1ee77,u+1ee79-1ee7c,u+1ee7e,u+1ee80-1ee89,u+1ee8b-1ee9b,u+1eea1-1eea3,u+1eea5-1eea9,u+1eeab-1eebb,u+1eef0-1eef1}@font-face{font-display:swap;font-family:Alexandria;font-style:normal;font-weight:100 900;src:url(../fonts/AlexandriaLatin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{ascent-override:100.5481%;descent-override:26.1425%;font-family:Outfit fallback;line-gap-override:0%;size-adjust:99.4549%;src:local("Arial")}@font-face{ascent-override:85.2857%;descent-override:22.1144%;font-family:Alexandria fallback;line-gap-override:0%;size-adjust:113.5009%;src:local("Arial")}:root{--blue:#50c8f0;--night:#28285a;--duration:.24s;--transition:var(--duration) linear;--animation:calc(var(--duration)*2) forwards;--padding-x:16px;--padding-y:16px;--h-header:72px}:root.theme-light{--background:#fff;--background-secondary:#f9fafb;--color:#111827;--color-secondary:rgba(17,24,39,.73);--shadow:0 0 0/10%;color-scheme:light}:root.theme-dark{--background:#111827;--background-secondary:#1f2937;--color:#fff;--color-secondary:hsla(0,0%,100%,.67);--shadow:255 255 255/10%;color-scheme:dark}:root[dir=ltr]{--font-family:"Outfit","Outfit fallback";--line-height:1.1;--origin:0%}:root[dir=rtl]{--font-family:"Alexandria","Alexandria fallback";--line-height:1.4;--origin:100%}@media (min-width:768px){:root{--padding-x:24px;--padding-y:24px}:root:not(.scrolled){--h-header:88px}}@media (min-width:1024px){:root{--padding-x: calc(50% - 476px) ;--padding-y:32px}}@media (min-width:1280px){:root{--padding-x: calc(50% - 600px) }}*,:after,:before{box-sizing:border-box}::-moz-selection{background-color:var(--blue);color:var(--night)}::selection{background-color:var(--blue);color:var(--night)}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--background);color:var(--color);font-family:var(--font-family);font-size:16px;line-height:1.6;margin:0;padding:0;transition:background-color var(--transition),color var(--transition)}.menu-open body{height:100%;overflow:hidden}.h1,h1{font-size:44px;font-weight:700;letter-spacing:-.04em;line-height:var(--line-height);margin-block-end:24px;margin-block-start:0}@media (min-width:768px){.h1,h1{font-size:56px;margin-block-end:36px}}@media (min-width:1024px){.h1,h1{font-size:80px;margin-block-end:48px}}.h2,h2{font-size:32px;font-weight:500;letter-spacing:-.04em;line-height:var(--line-height);margin-block-end:24px;margin-block-start:0}@media (min-width:768px){.h2,h2{font-size:42px}}@media (min-width:1024px){.h2,h2{font-size:56px}}.h3,h3{font-size:20px;letter-spacing:-.02em;line-height:var(--line-height);margin-block-end:12px;margin-block-start:0}.h3,.h6,h3,h6{font-weight:500}.h6,h6{font-size:16px;line-height:1.5;margin-block-end:0}a{color:var(--color);text-decoration:none;transition:color var(--transition)}p{margin-block:0 12px}p:last-child{margin-block-end:0}ol,ul{list-style:none;margin:0;padding:0}ol{counter-reset:ol}ol li:before{content:counters(ol,".") ".";counter-increment:ol}ol .big-count:before{color:var(--blue);font-size:56px;font-weight:900;line-height:var(--line-height)}button{background-color:transparent;border:none;color:currentcolor;cursor:pointer;font-family:inherit;font-size:inherit;margin:0;padding:0}strong{font-weight:600}address{font-style:normal}picture{background-color:var(--background-secondary);display:grid;transition:background-color var(--transition)}img{height:auto;-o-object-fit:cover;object-fit:cover;width:100%}.container{padding:calc(var(--padding-y)*3) var(--padding-x)}.container-no-pt{padding-top:0}.hero{display:grid;grid-auto-rows:1fr auto;min-height:calc(100vh - var(--h-header));padding-block:0;transition:min-height var(--transition)}.hero a{display:grid;justify-self:center;margin-bottom:24px}.intro{align-content:center;display:grid;grid-template-columns:repeat(12,1fr)}.intro-justify{margin:auto;max-width:348px}@media (min-width:768px){.intro-justify{max-width:100%}}.intro *{grid-column:1/13}@media (min-width:768px){.intro *{grid-column:1/10}}@media (min-width:1280px){.intro *{grid-column:1/8}}@media (min-width:768px){.intro-end *{grid-column:7/12}}.row{display:grid;gap:24px 0;grid-template-columns:repeat(12,1fr)}.row-evenly{justify-content:space-evenly}.row-center{align-items:center}.row-no-gap{gap:0}.col{grid-column:1/13}@media (min-width:768px){.col--1-6{grid-column:1/6}.col--3-6{grid-column:3/6;order:-1}.col--7-10{grid-column:7/10}.col--7-12{grid-column:7/12}}@media (min-width:1024px){.col--1-3{grid-column:1/3}.col--1-4{grid-column:1/4}.col--2-12{grid-column:2/12}.col--4-6{grid-column:4/6}.col--5-13{grid-column:5/13}.col--7-9{grid-column:7/9}.col--10-12{grid-column:10/12}.col--auto-auto{grid-column:auto/auto}}@media (min-width:1280px){.col--3-11{grid-column:3/11}}header{--padding-y:24px;background-color:var(--background);display:grid;grid-template-columns:repeat(2,auto);justify-content:space-between;padding:var(--padding-y) var(--padding-x);position:fixed;transition:background-color var(--transition),padding var(--transition);width:100%;z-index:1}.scrolled header{box-shadow:0 0 10px rgba(var(--shadow))}@media (min-width:768px){header{grid-template-columns:repeat(3,auto)}html:not(.scrolled) header{--padding-y:32px}}.skip{background-color:var(--blue);color:var(--night);inset-block-start:4px;inset-inline-start:4px;padding:4px 8px;position:absolute;transform:translateY(calc(-100% - 8px));transition:transform var(--transition)}.skip:focus{transform:translateY(0)}.logo{display:grid;opacity:1;overflow:hidden;transition-property:visibility,opacity;visibility:visible;width:24px}.menu-open .logo{opacity:0;visibility:hidden}.menu-closing .logo{transition-delay:var(--duration)}@media (min-width:375px){.logo{width:auto}}.logo path{transition:fill var(--transition)}.nav{background-color:transparent;height:var(--h-header);top:0;right:0;bottom:0;left:0;opacity:0;position:fixed;visibility:hidden;width:100%}.menu-closing .nav,.menu-open .nav{transition-duration:var(--duration);transition-property:height,visibility,opacity,background-color}.menu-open .nav{background-color:var(--background-secondary);height:100%;opacity:1;overflow-y:auto;transition-timing-function:cubic-bezier(.55,.09,.68,.53);visibility:visible}.menu-closing .nav{transition-delay:var(--duration);transition-timing-function:cubic-bezier(.46,.03,.52,.96)}@media (min-width:768px){.nav{height:auto;opacity:1;position:relative;visibility:visible}}.menu{display:grid;gap:24px;padding:10%;visibility:hidden}@media (min-width:768px){.menu{grid-template-columns:repeat(var(--item-total),auto);padding:0}}.menu a{display:grid;font-size:28px;font-weight:500;opacity:0;position:relative;transform:translateY(-8px);visibility:hidden;width:-moz-fit-content;width:fit-content}.menu-closing .menu a,.menu-open .menu a{transition-property:visibility,opacity,transform}.menu-open .menu a{opacity:1;transform:translateY(0);transition-delay:calc(var(--duration) + var(--item-number)*20ms);transition-timing-function:cubic-bezier(.55,.09,.68,.53);visibility:visible}.menu-closing .menu a{transition-delay:calc(-20ms + 20ms*(var(--item-total) - var(--item-number)));transition-timing-function:cubic-bezier(.46,.03,.52,.96)}@media (min-width:768px){.menu a{font-size:16px;line-height:1.5;opacity:1;transform:none;visibility:visible}}.menu a:after{background-color:var(--blue);border-radius:2rem;bottom:-2px;content:"";height:4px;position:absolute;transform:scaleX(0);transform-origin:var(--origin);transition:transform var(--transition);width:30%}@media (min-width:768px){.menu a:after{height:3px}}.menu a.active:after{transform:scaleX(1)}.switchers{align-items:center;-moz-column-gap:16px;column-gap:16px;display:flex;position:relative}.switchers>*{height:20px;transition:color var(--transition);width:20px}.switchers .toggle-lang,.switchers .toggle-theme{opacity:1;transition-property:color,visibility,opacity;visibility:visible}.menu-open .switchers .toggle-lang,.menu-open .switchers .toggle-theme{opacity:0;visibility:hidden}.menu-closing .switchers .toggle-lang,.menu-closing .switchers .toggle-theme{transition-delay:var(--duration)}.tooltip-lang{font-size:12.5px;inset-inline-end:calc(100% + 8px);opacity:0;position:absolute;visibility:hidden;width:-moz-max-content;width:max-content}@keyframes tooltip-lang{0%{opacity:0;transform:translate(20%)}30%,70%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-20%)}}@media (min-width:1024px){.tooltip-lang.active{animation:tooltip-lang 2s var(--duration) ease-in-out;visibility:visible}[dir=rtl] .tooltip-lang.active{animation-direction:reverse}}.toggle-theme-enter-active,.toggle-theme-leave-active{transition-duration:calc(var(--duration)/2);transition-property:transform,opacity}.toggle-theme-enter-from,.toggle-theme-leave-to{opacity:0;transform:scaleY(0)}.toggle-menu{align-content:space-between;display:grid;padding:2px}@media (min-width:768px){.toggle-menu{display:none}}.toggle-menu span{background-color:currentcolor;border-radius:2em;height:2px}@keyframes toggle-top{0%{transform:translateY(7px) scaleX(1) rotate(-45deg)}25%{transform:translateY(7px) scaleX(1) rotate(0)}50%{transform:translateY(0) scaleX(1) rotate(0)}}@keyframes toggle-top-scale{50%{transform:translateY(0) scaleX(1) rotate(0)}75%{transform:translateY(7px) scaleX(1) rotate(0)}to{transform:translateY(7px) scaleX(1) rotate(-45deg)}}.toggle-menu .top{animation:toggle-top var(--animation)}.menu-open .toggle-menu .top{animation:toggle-top-scale var(--animation)}@keyframes toggle-middle{0%,75%{transform:scaleX(0)}to{transform:scaleX(.5)}}@keyframes toggle-middle-scale{0%{transform:scaleX(.5)}25%,to{transform:scaleX(0)}}.toggle-menu .middle{animation:toggle-middle var(--animation);transform-origin:var(--origin)}.menu-open .toggle-menu .middle{animation:toggle-middle-scale var(--animation)}@keyframes toggle-bottom{0%{transform:translateY(-7px) scaleX(1) rotate(45deg)}25%{transform:translateY(-7px) scaleX(1) rotate(0)}50%{transform:translateY(0) scaleX(1) rotate(0)}75%,to{transform:translateY(0) scaleX(.75) rotate(0);transform-origin:var(--origin)}}@keyframes toggle-bottom-scale{0%,25%{transform:translateY(0) scaleX(.75) rotate(0);transform-origin:var(--origin)}50%{transform:translateY(0) scaleX(1) rotate(0)}75%{transform:translateY(-7px) scaleX(1) rotate(0)}to{transform:translateY(-7px) scaleX(1) rotate(45deg)}}.toggle-menu .bottom{animation:toggle-bottom var(--animation)}.menu-open .toggle-menu .bottom{animation:toggle-bottom-scale var(--animation)}main{transform:translateY(var(--h-header));transition:transform var(--transition)}main:is(.page-enter-active,.page-leave-active){transition-property:opacity}main:is(.page-enter-from,.page-leave-to){opacity:0}main.error{--h-header:0;align-content:center;display:grid;justify-items:center;min-height:100vh}footer{--padding-y:48px;display:grid;font-weight:300;gap:var(--padding-y);justify-content:center;padding:var(--padding-y) var(--padding-x);transform:translateY(var(--h-header));transition:transform var(--transition)}@media (min-width:1024px){footer{--padding-y:144px;grid-template-columns:repeat(3,auto);justify-content:space-between}}footer a:hover{color:var(--blue)}.socials{display:grid;grid-template-columns:repeat(4,auto);justify-content:space-between;margin-top:12px;max-width:200px}@media (min-width:768px){.socials{max-width:280px}}.socials a{display:grid}.copy{font-size:12.5px}.lead{color:var(--color-secondary);font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:1.3;transition:color var(--transition)}footer .lead{color:var(--color);font-weight:300;margin:0;max-width:400px}.tag{display:inline-block;margin-inline-end:12px}.tag-bold{color:var(--color-secondary);font-weight:500;transition:color var(--transition)}.tag:last-child{margin-inline-end:0}.tag:before{color:var(--blue);content:"#";margin-inline-end:3px}.card-group{display:grid;gap:var(--padding-y);grid-template-columns:repeat(1,minmax(auto,348px));justify-content:center}@media (min-width:768px){.card-group{grid-template-columns:repeat(2,minmax(348px,460px))}}@media (min-width:1280px){.card-group{grid-template-columns:repeat(2,1fr)}}.card{border-radius:var(--padding-y);display:grid;overflow:hidden;position:relative;z-index:1}.card img{aspect-ratio:49/52}.card .overlay{background:linear-gradient(0deg,transparent,transparent 60%,rgba(0,0,0,.6));transition:opacity var(--transition);width:100%}.card .inner,.card .overlay{height:100%;position:absolute}.card .inner{color:#fff;display:grid;grid-auto-rows:auto 1fr;padding:var(--padding-y)}.card .tag:before{color:#fff}.card h2,.card h3{font-size:32px}@media (min-width:1280px){.card h2.work,.card h3.work{font-size:56px}}.card .lead{align-self:end;color:#fff;transform:translateY(calc(100% + 48px));transition:transform var(--transition);visibility:hidden}@media (min-width:768px){.card .lead{visibility:visible}}.card:hover .overlay{background:linear-gradient(0deg,#000,#0009 50%,#000);opacity:.8}.card:hover .lead{transform:translateY(0)}.link{display:inline-block;font-size:20px;font-weight:500}@media (min-width:768px){.link{font-size:28px}}.link.outfit{font-family:Outfit,Outfit fallback}.link:hover{color:var(--blue)}.link.move:hover{color:currentcolor}.more{display:grid;padding-top:var(--padding-y)}.btn{align-items:center;background-color:var(--background-secondary);border-radius:2em;-moz-column-gap:12px;column-gap:12px;display:flex;font-weight:500;justify-content:center;line-height:2.875;padding-inline:20px 10px;transition:background-color var(--transition),color var(--transition),font-weight var(--transition);width:-moz-max-content;width:max-content}.more .btn{justify-self:end}.start .btn{justify-self:start}.error .btn{margin-top:96px}.btn:hover{background-color:var(--blue);color:var(--night);font-weight:600}.btn:focus{outline:2px solid var(--blue);outline-offset:3px}.btn svg{background-color:var(--blue);border-radius:2rem;color:var(--background-secondary);height:32px;padding:10px;transition:color var(--transition),transform var(--transition);width:32px}[dir=rtl] .btn svg{transform:rotate(180deg)}.btn:hover svg{color:var(--night);transform:translate(5px)}[dir=rtl] .btn:hover svg{transform:translate(-5px) rotate(180deg)}.move{display:inline-block;position:relative}.move:before{background-color:var(--blue);bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0;transform:scaleX(.05);transform-origin:var(--origin);transition:transform var(--transition)}@keyframes move{0%{transform:scaleX(.05)}25%{transform:scaleX(1);transform-origin:var(--origin)}26%{transform:scaleX(1);transform-origin:calc(100% - var(--origin))}60%{transform:scaleX(.05)}80%{transform:scaleX(0);transform-origin:calc(100% - var(--origin))}81%{transform:scaleX(0);transform-origin:var(--origin)}to{transform:scaleX(.05)}}.move:hover:before{animation:move var(--animation)}.back{font-size:12.8px;font-weight:500;line-height:var(--line-height);margin-block-end:12px;text-transform:uppercase;width:-moz-max-content;width:max-content}.back:hover{color:var(--blue)}.back svg{margin-inline-end:6px}[dir=rtl] .back svg{transform:rotate(-180deg)}.post-nav{background-color:var(--background-secondary);display:grid;justify-content:space-between;padding-block:72px 48px;transition:background-color var(--transition)}.post-nav .next,.post-nav .prev{padding-inline:18px 12px;position:relative}.post-nav .next:hover,.post-nav .prev:hover{color:var(--blue)}.post-nav .next:before,.post-nav .prev:before{color:var(--color-secondary);content:attr(data-text);font-size:.8rem;inset-block-start:-12px;inset-inline-start:20px;line-height:.9375;pointer-events:none;position:absolute;transition-property:color var(--transition)}.post-nav .next:not(.prev),.post-nav .prev:not(.prev){grid-column:2;padding-inline:12px 18px;text-align:end}.post-nav .next:not(.prev):before,.post-nav .prev:not(.prev):before{inset-inline:0 18px}.post-nav svg{position:absolute;top:45%}[dir=rtl] .post-nav svg{transform:rotate(180deg)}.post-nav .prev svg{inset-inline-start:-3px}.post-nav .next svg{inset-inline-end:-3px}.request{background-color:var(--background-secondary);transition:background-color var(--transition)}main:not(.contact) .request{text-align:center}.request .h3{color:var(--color-secondary);transition:color var(--transition)}.request a{margin:0}.contact #map{background-color:var(--background-secondary);height:720px;transition:background-color var(--transition);width:100%}.work h1{margin-block-end:0}.work .banner{justify-items:center;overflow:hidden;padding:var(--padding-y) var(--padding-y) 0}@media (min-width:1024px){.work .banner{--padding-y:48px}}.work .banner img{aspect-ratio:2/1;border-radius:.5rem .5rem 0 0;max-width:1280px}.work .row-evenly{grid-template-columns:repeat(3,auto)}@media (min-width:768px){.work .col .inner{position:sticky;top:var(--padding-y)}}.work .lead{margin-bottom:16px}.work .preview{aspect-ratio:1/1;overflow-y:scroll;padding:var(--padding-y)}.work .preview img{border-radius:.25rem}.work .preview::-webkit-scrollbar{width:6px}.work .preview::-webkit-scrollbar-thumb{background-color:var(--blue)}.work .preview::-webkit-scrollbar-track{background-color:var(--color-secondary)}.work img{box-shadow:0 0 40px rgba(var(--shadow))}.blog h1{margin-block-end:24px}.blog .meta{color:var(--color-secondary);font-weight:500;transition:color var(--transition)}@media (min-width:768px){.blog .meta ul{display:inline-flex;margin-inline-start:12px;padding-inline-start:12px;position:relative}.blog .meta ul:before{background-color:var(--color-secondary);content:"";height:10px;inset-inline-start:0;margin-top:-5px;opacity:.2;position:absolute;top:50%;width:1px}}.blog .banner{margin:0 auto;max-width:1200px}.blog .banner img{aspect-ratio:16/9}.blog .content{color:var(--color-secondary);transition:color var(--transition)}.blog .content .lead{letter-spacing:normal;line-height:1.6}.blog .content h2{color:var(--color);font-size:28px;font-weight:600;letter-spacing:-.03em;margin-block-end:12px;margin-block-start:36px;transition:color var(--transition)}.blog .content h3{font-size:20px;font-weight:600;letter-spacing:0;margin-block-start:24px}.blog .content a[rel=nofollow]{text-decoration:underline}.blog .content a[rel=nofollow]:hover{color:var(--blue)}.blog .content ol,.blog .content ul{margin-block:0 12px}.blog .content li{margin-bottom:6px;padding-inline-start:1.1rem}.blog .content li:before{float:inline-start;margin-inline-start:-.975rem}.blog .content ul li:before{content:"•"}.blog .share{border-block:1px solid var(--background-secondary);display:flex;justify-content:space-between;padding-block:24px;transition:border-color var(--transition)}.blog .share h2{margin:0}.blog .share ul{-moz-column-gap:24px;column-gap:24px;display:flex;height:24px}.blog .share .tooltip-clipboard{color:currentcolor;position:relative}.blog .share .tooltip-clipboard-text{border:1px solid;border-radius:2em;color:#00d282;font-size:12.5px;inset-inline-end:34px;line-height:1.76;padding:0 6px;position:absolute;width:-moz-max-content;width:max-content}.blog .share .tooltip-clipboard-text-enter-active,.blog .share .tooltip-clipboard-text-leave-active{transition:opacity var(--transition)}.blog .share .tooltip-clipboard-text-enter-from,.blog .share .tooltip-clipboard-text-leave-to{opacity:0}.blog .share .tooltip-clipboard:hover,.blog .share a:hover{color:var(--blue);transition:color var(--transition)}