/* Direction follows the page language, including the brand position. */
html[dir=rtl] .site-header .nav-wrap{direction:rtl}
html[dir=ltr] .site-header .nav-wrap{direction:ltr}
.em-hero{background:linear-gradient(115deg,#0b337b 0%,#11295d 45%,#101d48 100%)}
.em-hero:before{background:url('/assets/brand-grid.svg') center/260px 225px repeat;opacity:.63;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.25) 58%,rgba(0,0,0,.5))}
.em-hero:after{content:"";position:absolute;z-index:-1;width:560px;height:490px;inset-inline-end:-190px;bottom:-185px;background:url('/assets/brand-mosaic.svg') center/contain no-repeat;opacity:.17;pointer-events:none;transform:rotate(-12deg)}
.em-hero .em-description{color:#d2def2}
.em-hero .em-origin,.em-hero .em-capabilities{color:#c6d9ef}
.em-showcase-heading>a{color:#b3f3ff;font-size:13px;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:flex;align-items:center}
.em-project{background:#0c224b;border-color:#83a5d16b;box-shadow:0 20px 65px #020d3255}
.em-preview.em-preview-slide{background:#050d25}
.em-preview.em-preview-slide img{object-fit:contain;object-position:center}
.em-slide[hidden],.em-slider-controls[hidden]{display:none}
.em-slider-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px}
.em-slide-prev,.em-slide-next{display:flex;align-items:center;justify-content:center;border:1px solid #87a3c7;border-radius:50%;width:44px;height:44px;flex:none;color:#fff;background:#0b2351}
.em-slide-prev:hover,.em-slide-next:hover{background:#285bb0}
.em-slide-prev svg{transform:scaleX(-1)}
html[dir=ltr] .em-slide-prev svg{transform:none}
html[dir=ltr] .em-slide-next svg{transform:scaleX(-1)}
.em-slide-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:0}
.em-slide-dots button{width:32px;min-height:44px;display:flex;justify-content:center;align-items:center;border:0;padding:0;background:none;color:inherit}
.em-slide-dots span{display:block;width:6px;height:6px;border-radius:10px;background:#90a8ce;transition:width .2s,background .2s}
.em-slide-dots [aria-current=true] span{background:#70e3fa;width:20px}
.em-hero .em-preview-note{font-size:12px;color:#c4d5ed;margin-top:8px;line-height:1.9}
.em-slide-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.em-hero .em-project-caption strong{font-size:17px}
.em-foot{border-color:#7995c14d;color:#c4d5ed}
#work .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}
#work .project-info h3{font-size:20px}
#work .project-info{gap:12px}
#work .project-summary{font-size:14px}
.em-work-note{font-size:17px;text-align:center;max-width:730px;line-height:1.9;margin:48px auto 0;color:#53647d}
#work .all-work{margin-top:22px}
.footer-grid{grid-template-columns:1.05fr .8fr 1.2fr 1fr;gap:32px}
.em-address{margin-bottom:6px;padding-bottom:14px;border-bottom:1px solid #7d9bc433}
.em-address strong{font-size:14px;color:#e7f0ff}
.site-footer .em-address p{font-size:13px;line-height:1.85;margin-top:9px;max-width:270px;text-align:start;color:#bccde5}
.site-footer .footer-group a[href*="wa.me"]{width:fit-content;border-bottom:1px solid #67cde05c;color:#a7edfa;padding-block:5px;min-height:44px;display:inline-flex;align-items:center}
.site-footer .footer-group a[href*="wa.me"]:after{content:"WhatsApp";font:11px Arial,sans-serif;margin-inline-start:10px;color:#c9dcee}
@media(max-width:1050px){#work .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}}
@media(max-width:540px){.em-hero:before{background-size:180px 156px;opacity:.55}.em-slide-dots button{width:27px}.em-hero .em-project-caption{align-items:flex-start;flex-direction:column;min-height:112px}.em-project-caption .em-project-link{min-height:30px}.em-work-note{font-size:15px;margin-top:32px}#work .project-grid{grid-template-columns:1fr;gap:32px}.footer-grid{grid-template-columns:1fr;gap:28px}.em-hero .em-project-caption strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){.em-slide-dots span{transition:none}}

/* Contact actions stay separate at every width. */
.contact-section .contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:48px;align-items:center}
.contact-section .contact-actions{display:flex;flex-direction:column;align-items:stretch;gap:14px;min-width:0;width:100%;margin:0;text-align:center}
.contact-section .contact-actions>a{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;min-height:52px;max-width:100%;padding:12px 18px;font-size:15px;line-height:1.7;white-space:normal}
.contact-section .contact-actions>.button{min-width:0;width:100%;min-height:58px}
.contact-section .contact-actions>a[href*="wa.me"]{border:1px solid #8ea9cb;border-radius:7px;color:#d3f5ff;background:#ffffff06}
.contact-section .contact-actions>a[href*="wa.me"]:hover{background:#ffffff12}
.contact-section .contact-actions>a[href^="mailto:"]{font:400 16px/1.5 Arial,sans-serif;letter-spacing:0;overflow-wrap:anywhere;min-height:44px;padding:8px}
.em-whatsapp-icon{width:23px;height:23px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.site-footer .footer-group a.em-phone{gap:10px;direction:ltr;white-space:nowrap;border:0;padding-block:6px}
.site-footer .footer-group a.em-phone:after{content:none}
.site-footer .em-phone .em-whatsapp-icon{color:#67e5ac;width:22px;height:22px}
.site-footer .footer-group:last-child .em-address{border-bottom:0;border-top:1px solid #7d9bc433;margin-top:18px;padding:18px 0 0}
.site-footer .em-address p{max-width:none}
.site-footer .footer-group{min-width:0}
@media(max-width:700px){.contact-section .contact-grid{grid-template-columns:1fr;gap:28px}.contact-section .contact-actions{max-width:420px}.contact-section .contact-actions>a{font-size:14px}}
