@charset "UTF-8";:root{--text: #000000;--muted: #7f7f7f;--secondary: #808080;--accent: #fe5022;--soft: #f0f0f0;--menu-bg: #ffecea;--white: #ffffff;--border: #e2e2e2;--font: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-ar: "Segoe UI", Tahoma, "Noto Sans Arabic", Arial, sans-serif;--fs-text: 29px;--lh-text: 46px;--fs-small: 23px;--lh-small: 33px;--fs-h1: 60px;--lh-h1: 72px;--fs-h2: 60px;--lh-h2: 72px;--fs-h3: 41px;--fs-nav: 29px;--fs-footer-nav: 27px;--fs-promo: 23px;--lh-promo: 33px;--fs-card-sub: 20px;--lh-card-sub: 39px;--container: 1400px;--gutter: 20px;--section: 100px}@media(max-width:1024px){:root{--fs-text: 27px;--lh-text: 37px;--fs-small: 21px;--lh-small: 30px;--fs-h1: 50px;--lh-h1: 60px;--fs-h2: 50px;--lh-h2: 60px;--container: 1024px;--fs-promo: 27px;--lh-promo: 37px;--fs-card-sub: 27px;--lh-card-sub: 37px;--section: 80px}}@media(max-width:767px){:root{--fs-text: 23px;--lh-text: 28px;--fs-small: 23px;--lh-small: 28px;--fs-h1: 40px;--lh-h1: 50px;--fs-h2: 40px;--lh-h2: 50px;--fs-h3: 32px;--fs-footer-nav: 23px;--fs-promo: 23px;--lh-promo: 28px;--fs-card-sub: 23px;--lh-card-sub: 28px;--container: 767px;--section: 60px}}*{box-sizing:border-box}html{font-size:16px;scrollbar-gutter:stable}body{margin:0;font-family:var(--font);font-size:var(--fs-text);font-weight:300;line-height:var(--lh-text);color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}html[dir=rtl] body{font-family:var(--font-ar)}img{max-width:100%;height:auto}a{color:var(--text)}h1,h2,h3,h4{font-weight:300;color:var(--text);margin:0}h1{font-size:var(--fs-h1);line-height:var(--lh-h1)}h2{font-size:var(--fs-h2);line-height:var(--lh-h2)}h3{font-size:var(--fs-text);line-height:var(--lh-text)}p{margin-block:0 1em}button{font:inherit;color:inherit}.container{max-width:calc(var(--container) + 20px);margin-inline:auto;padding-inline:10px}.container.boxed{max-width:calc(var(--container) + 2 * var(--gutter));padding-inline:var(--gutter)}.container.narrow{max-width:760px}.container.wide{max-width:none}.center{text-align:center}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.prose{max-width:none;overflow-wrap:break-word}.prose>:last-child{margin-bottom:0}.prose a{text-decoration:underline}.prose table{display:block;overflow-x:auto;max-width:100%}.prose img{height:auto}.skip{position:absolute;inset-inline-start:-9999px;top:8px}.skip:focus{inset-inline-start:8px;background:var(--white);padding:8px 12px;z-index:100}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pill{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--text);border-radius:100px;padding:10px 20px;background:transparent;color:var(--text);font:inherit;font-size:29px;line-height:46px;font-weight:300;text-decoration:none;cursor:pointer;transition:background .3s,color .3s,border-color .3s}.pill:hover,.pill:focus-visible{background:var(--text);color:var(--white)}.pill[disabled]{opacity:.6;cursor:wait}.pill.light{border-color:var(--white);color:var(--white)}.pill.light:hover,.pill.light:focus-visible{background:var(--text);border-color:var(--text);color:var(--white)}.pill .icon{font-size:.8em}.site-header .bar{display:flex;align-items:center;min-height:155px}.brand{display:inline-flex;margin-inline-end:auto}.brand img{width:242px}.short-nav{display:flex}.short-nav a,.langs a{font-size:var(--fs-nav);line-height:20px;padding:13px 20px;text-decoration:none}.menu-toggle-slot{width:50px;height:50px;flex:none}.menu-toggle{position:fixed;top:52px;inset-inline-end:max(var(--gutter),(100% - var(--container)) / 2);z-index:100;width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--white);color:var(--text);cursor:pointer}.menu-panel{position:fixed;inset:0;z-index:200;background:var(--menu-bg);overflow-y:auto;visibility:hidden;transform:translate(100%);transition:transform .5s ease,visibility 0s linear .5s}.menu-panel.open{visibility:visible;transform:none;transition:transform .5s ease,visibility 0s}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-block:50px}.menu-col{display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:10px;min-height:85vh}.menu-col.end{align-items:flex-end;text-align:end}.menu-col .brand{margin:0}.menu-close{width:30px;height:30px;margin-inline-end:10px;padding:0;border:0;background:none;cursor:pointer;font-size:30px;display:inline-flex}.menu-links{display:flex;flex-direction:column;align-items:flex-end;gap:30px}.menu-links a{font-size:43px;line-height:20px;padding-block:13px;text-decoration:none;transition:color .2s}.menu-col .copy{font-size:23px;line-height:33px;font-weight:200;margin:0}.section{margin-block:var(--section)}.section-tight{margin-block:40px}.section-title{font-size:var(--fs-h3);line-height:1.2;margin-bottom:40px}.page-head{padding-block:20px 50px}.page-head h1{margin-bottom:16px}.lead{max-width:60ch}.page-head .lead{max-width:none}.kicker{font-size:var(--fs-small);line-height:var(--lh-small);color:var(--muted)}.crumbs{font-size:14px;line-height:20px;color:var(--muted);margin-bottom:8px}.crumbs a{color:inherit;text-decoration:none}.crumbs a:hover{color:var(--text)}.cover img,.wide-cover img{width:100%;max-height:810px;object-fit:cover}.hero{display:grid;grid-template-columns:53% 1fr;align-items:center;min-height:calc(100vh - 155px);padding-block:0 50px}.hero-text{padding:10px}.hero h1{margin-bottom:30px}.hero .lead{max-width:none;margin-bottom:32px}.hero-image{justify-self:center;width:min(383px,100%)}.page-head,.contact{padding-inline:10px}.works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 30px}.work-card{display:block;position:relative;overflow:hidden;text-decoration:none}.work-cover{display:block;transition:transform .3s ease}.work-card:hover .work-cover,.work-card:focus-visible .work-cover{transform:scale(1.05)}.work-card .work-cover img{height:420px;object-fit:cover;object-position:center}.reveal-pending{visibility:hidden}.reveal-in{animation:fade-in .75s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.work-card-body{position:relative;background:var(--white);padding-block:15px}.work-card h3{font-size:29px;line-height:46px;letter-spacing:1px}.work-card p{font-size:var(--fs-card-sub);line-height:var(--lh-card-sub);color:var(--secondary);margin:0}@media(prefers-reduced-motion:reduce){.work-cover,.row-links a,.row-links .icon{transition:none}}.works-grid+.center,.section .center{margin-top:50px}.work-body{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-top:30px}.work-meta{position:sticky;top:30px;align-self:start;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.work-meta h3{font-size:var(--fs-h3);line-height:1.2}.plain-list{list-style:none;margin:0;padding:0;font-size:var(--fs-small);line-height:var(--lh-small)}.plain-list a{color:var(--muted);text-decoration:none}.plain-list a:hover{color:var(--text)}.work-gallery{display:flex;flex-direction:column;gap:0}.work-gallery a{display:block}.service-groups{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;padding-inline:10px}.service-cover{position:sticky;top:30px}.service-cover img{display:block;width:100%}.service-group+.service-group{margin-top:70px}.service-group h2{margin-bottom:30px}.row-links{list-style:none;margin:0;padding:0}.row-links a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:30px 10px 30px 0;border-bottom:1px solid var(--muted);text-decoration:none;transition:border-color .3s}.row-links a:hover,.row-links a:focus-visible{border-bottom-color:var(--text)}.row-links h3{font-size:var(--fs-text)}.row-links .icon{font-size:22px;transform:rotate(-45deg);transition:transform .3s}.row-links a:hover .icon,.row-links a:focus-visible .icon{transform:rotate(0)}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:80px}.feature-row.reverse .feature-image{order:2}.feature-image img{aspect-ratio:1/1;object-fit:cover}.feature-text h2{font-size:var(--fs-h3);line-height:1.2;margin-bottom:20px}.feature-text h2 a{text-decoration:none}.feature-text p{font-size:var(--fs-small);line-height:var(--lh-small)}.tools-title{font-size:var(--fs-h3);line-height:1.2;margin-bottom:40px}.logo-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:50px 40px;align-items:center}.logo-grid li{display:flex;justify-content:center}.logo-grid app-cms-image{width:180px;max-width:100%}.logo-grid img{max-height:60px;width:auto;max-width:100%;margin-inline:auto;object-fit:contain;filter:saturate(0);transition:filter .2s}.logo-grid a:hover img,.logo-grid li:hover img{filter:saturate(.99)}.logo-grid.tools{grid-template-columns:repeat(6,minmax(0,1fr))}.promo{display:grid;grid-template-columns:709fr 656fr;gap:20px;min-height:300px;border-radius:32px;color:var(--white);background:linear-gradient(180deg,#000,#2f28ae)}.promo-text{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:50px}.promo-logo{display:block;height:70px;width:auto;margin-bottom:20px;object-fit:contain;object-position:left center}.promo-text p{margin:30px 0 40px;font-size:var(--fs-promo);line-height:var(--lh-promo);font-weight:200}.promo-text a:not(.pill){color:inherit;text-decoration:none}.promo-image{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;padding-block:50px;overflow:hidden}.promo-image img{display:block;border-radius:15px 0 0 15px;box-shadow:0 17.08px 42.71px #00000050;object-fit:cover;object-position:right center}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;padding-block:20px 40px}.contact-info h1{margin-bottom:24px}.contact-info .intro{font-size:var(--fs-small);line-height:var(--lh-small);margin-bottom:40px}.contact-details{margin:0 0 30px;font-size:var(--fs-small);line-height:var(--lh-small)}.contact-details dt{margin-top:16px}.contact-details dd{margin:0}.contact-details a{text-decoration:none}.address{margin-bottom:20px}.form-card{background:var(--soft);border-radius:20px;padding:40px}.form-card h2{font-size:var(--fs-text);line-height:var(--lh-text);margin-bottom:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}form{display:grid;gap:20px;margin:0}label{display:grid;gap:4px;color:var(--secondary)}input,textarea{font:inherit;font-size:var(--fs-small);font-weight:300;color:var(--text);background:transparent;border:0;border-bottom:1px solid var(--text);border-radius:0;padding:8px 0;min-height:44px;width:100%}input::placeholder,textarea::placeholder{color:var(--secondary)}input:focus,textarea:focus{outline:none;border-bottom-color:var(--accent)}.round-submit{width:50px;height:50px;border-radius:50%;border:0;background:var(--text);color:var(--white);display:inline-flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer}.round-submit[disabled]{opacity:.6;cursor:wait}.error{color:#b91c1c;font-size:14px;line-height:20px}.notice{padding:12px 16px;border-radius:8px;font-size:var(--fs-small);line-height:var(--lh-small)}.notice.success{background:#e3f5ea;color:#14532d}.notice.error{background:#fde8e8}.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;opacity:0}.site-footer{background:var(--soft);margin-top:var(--section)}.footer-top .container{padding-block:100px}.footer-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-row+.footer-row{margin-top:50px}.idea{font-size:var(--fs-h2);line-height:var(--lh-h2);margin:0}.footer-row.cta .pill{justify-self:end;align-self:start}.contacts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.contacts a,.footer-links a{text-decoration:none}.contacts a{display:block}.footer-links{justify-self:end;align-self:end;display:flex;flex-wrap:wrap;gap:25px}.footer-links a{font-size:var(--fs-footer-nav);line-height:20px;padding-block:13px}.footer-bottom .container{padding-block:50px}.footer-bar{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-bar>*{padding:10px}.footer-bar .copy{display:flex;align-items:center;gap:20px;margin:0;line-height:1}.to-top{width:33px;height:33px;padding:5px;border-radius:50%;border:2px solid var(--text);background:none;display:inline-flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;flex:none}@media(max-width:1024px){.site-header .bar{min-height:110px}.brand img{width:190px}.hero{grid-template-columns:1fr;min-height:0;padding-block:20px 50px}.hero-image{order:-1;width:min(300px,70vw)}.logo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.logo-grid.tools{grid-template-columns:repeat(4,minmax(0,1fr))}.promo{grid-template-columns:1fr}}@media(max-width:767px){.site-header .bar{min-height:84px}.menu-toggle{top:17px}.brand img{width:150px}.short-nav{display:none}.works-grid,.service-groups,.feature-row,.work-body,.contact,.form-row{grid-template-columns:1fr}.feature-row{gap:24px;margin-bottom:50px}.feature-row.reverse .feature-image{order:0}.service-cover,.work-meta{position:static}.work-card .work-cover img{height:250px}.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.logo-grid.tools{grid-template-columns:repeat(3,minmax(0,1fr))}.menu-grid{display:flex;flex-direction:column;align-items:flex-start;gap:40px;padding:27px calc(var(--gutter) + 10px) 30px}.menu-col{display:contents}.menu-col .brand img{width:150px}.menu-links{order:1}.menu-col .copy{order:2}.menu-close{position:absolute;top:27px;inset-inline-end:calc(var(--gutter) + 10px)}.menu-links{align-items:flex-start;gap:16px}.menu-links a{font-size:32px}.promo-text{padding:30px}.promo-image{padding:30px 0 30px 30px}.promo-image img{border-radius:10px 0 0 10px}.form-card{padding:24px}.footer-row{grid-template-columns:1fr}.footer-row.cta .pill,.footer-links{justify-self:start}.footer-bottom .container{padding-block:30px}.footer-bar{flex-direction:column;align-items:stretch;gap:30px}.footer-bar .copy{justify-content:space-between}.footer-bar app-social-links{--social-gap: 15px 25px}.menu-col.start app-social-links{display:none}}html[dir=rtl] .menu-panel{transform:translate(-100%)}html[dir=rtl] .menu-panel.open{transform:none}html[dir=rtl] .promo-image img{border-radius:0 15px 15px 0}html[dir=rtl] input[dir=ltr]{text-align:left}
