:root{--ink:#073f42;--deep:#053337;--orange:#ee9228;--paper:#fff;--mist:#f4f6f4;--line:#dbe3e0;--muted:#5e7372;--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:100px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
button,a{font:inherit}a{color:inherit}button{cursor:pointer}img{max-width:100%;height:auto}::selection{background:#ffc27d;color:var(--deep)}
.wrap{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:12px;background:var(--orange);padding:8px 16px;z-index:10}.skip-link:focus{top:12px}
.site-header{position:relative;z-index:5;background:#fff;border-bottom:1px solid var(--line)}.header-inner{height:98px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;flex-shrink:0}.brand-mark{width:44px;height:44px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:6px;color:var(--ink);font-size:35px;line-height:1;font-weight:800;position:relative;overflow:hidden;letter-spacing:-5px;padding-right:4px}.brand-slash{position:absolute;width:29px;height:5px;transform:rotate(-43deg);background:var(--orange);left:11px;top:21px}.brand-wordmark{display:flex;flex-direction:column;line-height:1.06}.brand-wordmark strong{font-size:22px;letter-spacing:-1.2px}.brand-wordmark small{font-size:10px;letter-spacing:2.6px;font-weight:700;color:var(--orange);margin-top:5px}.site-nav,.header-actions{display:flex;align-items:center}.site-nav{gap:31px}.site-nav a{font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}.site-nav a:hover,.site-nav a:focus-visible{color:#b56414}.header-actions{gap:20px}.language-toggle{background:none;border:0;color:var(--ink);font-weight:700;font-size:14px;padding:10px 2px;white-space:nowrap}.header-cta{padding:12px 22px;background:var(--ink);color:#fff;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}.header-cta:hover,.header-cta:focus-visible{background:#0c666a}.menu-toggle{display:none;border:0;background:transparent;width:40px;height:40px;padding:8px}.menu-toggle span{display:block;height:2px;background:var(--ink);margin:5px 0}
.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:7%;align-items:center;padding-block:91px 104px}.eyebrow,.section-kicker{font-weight:800;letter-spacing:2px;font-size:12px;color:#a15d16;line-height:1.5}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 27px}.eyebrow-line{display:inline-block;width:32px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(56px,5.7vw,88px);line-height:1.055;letter-spacing:-5px;font-weight:700;margin:0 0 28px;max-width:740px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-lede{max-width:610px;color:#425c5b;font-size:19px;line-height:1.7;margin-bottom:35px}.hero-actions{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;padding:17px 22px;text-decoration:none;font-weight:800;min-height:58px}.button-primary{background:var(--orange);color:#152f2f}.button-primary:hover,.button-primary:focus-visible{background:#f6aa49}.text-link{display:inline-flex;gap:9px;align-items:center;font-weight:700;text-underline-offset:5px}.hero-proof{display:flex;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:24px;margin:54px 0 0;color:var(--muted);font-size:15px}.hero-proof strong{font-size:34px;line-height:1;color:var(--ink);letter-spacing:-2px}
.hero-panel{background:var(--ink);color:#fff;min-height:550px;padding:34px 39px 0;display:flex;flex-direction:column;position:relative;overflow:hidden}.hero-panel::after{content:"";position:absolute;width:190px;height:190px;border:1px solid rgba(255,255,255,.13);border-radius:50%;right:-115px;top:135px;pointer-events:none}.panel-top{display:flex;justify-content:space-between;align-items:start;gap:15px}.panel-badge{font-size:11px;letter-spacing:2px;color:#ffc47d;font-weight:800}.panel-symbol{font-size:33px;color:var(--orange);line-height:1}.hero-panel h2{font-size:clamp(32px,3vw,48px);line-height:1.13;letter-spacing:-1.7px;margin:50px 0 19px;max-width:400px}.hero-panel p{color:#d9e7e4;max-width:360px;font-size:16px;line-height:1.65}.hero-panel ul{list-style:none;margin:17px 0 35px;padding:0;display:grid;gap:8px}.hero-panel li{border-bottom:1px solid #37686a;padding:8px 0 12px;font-size:15px}.hero-panel li::before{content:"+";display:inline-block;color:var(--orange);font-weight:800;margin-inline-end:13px}.panel-footer{margin:auto -39px 0;padding:18px 39px;background:var(--orange);color:#123536;display:flex;justify-content:space-between;gap:12px;font-size:10px;font-weight:800;letter-spacing:1.2px}
.statement{background:var(--mist);padding-block:100px 94px}.statement-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:10%}.section-kicker{margin-bottom:23px}.display-heading{font-size:clamp(35px,3.5vw,55px);letter-spacing:-2.4px;line-height:1.12;font-weight:700;margin-bottom:0}.statement-copy{padding-top:47px;color:#425c5b;font-size:18px;line-height:1.75}.statement-copy p{margin-bottom:17px}.feature-rail{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bdcbc7;margin-top:66px}.feature-rail div{padding:27px 25px 0 0;display:flex;flex-direction:column;min-height:145px}.feature-rail div+div{border-inline-start:1px solid #bdcbc7;padding-inline-start:25px}.feature-rail span,.steps span{color:#b76e22;font-size:14px;font-weight:800}.feature-rail strong{font-size:18px;margin-top:13px}.feature-rail small{font-size:14px;color:var(--muted);margin-top:3px}
.work-section{padding-block:104px 111px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:43px}.section-heading>div{max-width:750px}.section-heading>p{max-width:255px;margin:0 0 5px;color:var(--muted);font-size:15px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project-card{border:1px solid var(--line);min-width:0;background:#fff}.project-visual{height:290px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center}.project-index,.project-type{position:absolute;font-weight:800;font-size:11px;letter-spacing:1.5px}.project-index{top:20px;left:24px}.project-type{bottom:19px;right:24px}.project-letter{font-size:clamp(31px,3.4vw,54px);line-height:1;letter-spacing:-2.2px;font-weight:800}.project-letter small{font-size:14px;letter-spacing:6px}.project-albalad .project-visual{background:#e8dfd0;color:#4e452e}.project-tire .project-visual{background:#d9e5e6;color:#183638}.project-tire .project-letter{font-style:italic}.project-storekom .project-visual{background:#fff1df;color:#c66a0a}.project-storekom .project-letter span{font-weight:400}.project-ops .project-visual{background:#e9f0ef}.project-ops .ops-logo{height:205px;width:205px;object-fit:contain;mix-blend-mode:multiply}.project-detail{padding:26px 26px 24px;display:flex;justify-content:space-between;align-items:end;gap:25px}.project-detail h3{font-size:24px;letter-spacing:-.6px;line-height:1.2;margin-bottom:8px}.project-detail p{font-size:15px;color:var(--muted);line-height:1.45;margin-bottom:17px;max-width:310px}.project-detail a:not(.qr-link){font-size:14px;font-weight:800;text-decoration:none;border-bottom:1px solid var(--orange);padding-bottom:4px;display:inline-flex;gap:16px}.project-detail a:not(.qr-link):hover{text-decoration:underline}.qr-link{background:#fff;border:1px solid var(--line);padding:5px;flex:none;width:100px;height:100px;display:grid;place-items:center}.qr-link img{display:block;width:88px;height:88px}.project-note{color:var(--muted);font-size:13px;margin:18px 0 0}
.services-section{padding-block:106px;background:var(--ink);color:#fff}.services-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:12%}.services-intro .section-kicker,.contact-section .section-kicker{color:#ffb56b}.services-intro .display-heading{max-width:530px}.services-intro>p:last-child{margin:31px 0 0;color:#d8e5e3;line-height:1.75;font-size:17px;max-width:520px}.service-list{border-top:1px solid #477477}.service-list article{display:flex;gap:27px;padding:28px 0;border-bottom:1px solid #477477}.service-list article>span{color:var(--orange);font-size:13px;font-weight:800}.service-list h3{font-size:22px;letter-spacing:-.5px;margin:0 0 6px}.service-list p{font-size:15px;color:#d8e5e3;line-height:1.65;margin:0}
.approach-section{padding-block:105px 120px}.approach-section .section-heading{margin-bottom:46px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:27px}.steps article{padding-top:25px;border-top:2px solid var(--ink)}.steps h3{font-size:22px;letter-spacing:-.4px;margin:27px 0 8px}.steps p{color:var(--muted);font-size:15px;line-height:1.6;max-width:235px}
.contact-section{background:var(--deep);color:#fff;padding-block:101px 105px}.contact-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:12%;align-items:center}.contact-grid h2{font-size:clamp(40px,4.2vw,65px);line-height:1.08;letter-spacing:-2.4px;margin-bottom:23px}.contact-grid>div:first-child>p:last-child{color:#d4e3e0;font-size:17px;line-height:1.7;max-width:550px}.contact-options>a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:24px 26px;text-decoration:none;margin-bottom:12px}.contact-options>a>span:first-child{display:flex;flex-direction:column;gap:4px;min-width:0}.contact-options small{font-size:11px;font-weight:800;letter-spacing:1.7px}.contact-options strong{font-size:clamp(17px,2vw,27px);letter-spacing:-.5px;overflow-wrap:anywhere}.contact-options>a>span:last-child{font-size:25px}.contact-primary{background:var(--orange);color:var(--ink)}.contact-primary:hover{background:#ffc071}.contact-secondary{border:1px solid #7a9d9b;color:#fff}.contact-secondary:hover{background:#1c5658}.contact-options>p{font-size:14px;color:#bdd4d0;margin:17px 0 0}.site-footer{background:#032a2d;color:#bfd2d0;padding:27px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px}.footer-brand{font-size:19px;color:#fff;text-decoration:none;font-weight:800}.footer-brand span{color:var(--orange)}.footer-inner>a:last-child{color:#fff;text-decoration:none}
.only-ar{display:none}html[lang="ar"] .only-en{display:none}html[lang="ar"] .only-ar{display:inline}html[lang="ar"] body{font-family:Tahoma,Arial,sans-serif}html[lang="ar"] .hero h1,html[lang="ar"] .display-heading,html[lang="ar"] .contact-grid h2{letter-spacing:0;line-height:1.3}html[lang="ar"] .hero-panel h2{letter-spacing:0;line-height:1.35}html[lang="ar"] .brand-wordmark,html[lang="ar"] .brand-mark,html[lang="ar"] .project-letter,html[lang="ar"] .project-detail h3,html[lang="ar"] .footer-brand{direction:ltr}html[lang="ar"] .project-index{left:auto;right:24px}html[lang="ar"] .project-type{right:auto;left:24px}html[lang="ar"] .eyebrow,html[lang="ar"] .section-kicker{letter-spacing:0}
.brand-mark{padding:0;background:#fff}.brand-mark img{position:absolute;max-width:none;width:110px;height:110px;left:-34px;top:-20px}
@media(max-width:1100px){.site-nav{gap:16px}.header-inner{gap:16px}.hero{gap:4%;grid-template-columns:minmax(0,1fr) minmax(310px,.85fr)}.hero h1{font-size:clamp(52px,5.5vw,72px);letter-spacing:-3.5px}.hero-panel{padding-inline:28px}.panel-footer{margin-inline:-28px;padding-inline:28px}}
@media(max-width:850px){.wrap{width:min(calc(100% - 42px),var(--max))}.header-inner{height:75px}.menu-toggle{display:block;order:3}.site-nav{display:none;position:absolute;top:75px;left:0;right:0;background:#fff;padding:20px 21px 25px;border-bottom:1px solid var(--line);box-shadow:0 15px 22px #052f3212;flex-direction:column;align-items:stretch;gap:0}.site-nav.open{display:flex}.site-nav a{padding:11px 0;font-size:16px}.header-actions{margin-inline-start:auto}.hero{grid-template-columns:1fr;gap:54px;padding-block:71px 75px}.hero-panel{min-height:0}.hero-panel h2{margin-top:36px}.hero-panel ul{grid-template-columns:repeat(2,1fr);gap:8px 22px}.hero-proof{margin-top:37px}.statement-grid,.services-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.statement-copy{padding-top:0}.feature-rail{grid-template-columns:repeat(2,1fr)}.feature-rail div{border-bottom:1px solid #bdcbc7}.feature-rail div:nth-child(3){border-inline-start:0;padding-inline-start:0}.section-heading{align-items:start;flex-direction:column;gap:16px}.section-heading>p{max-width:560px}.steps{grid-template-columns:repeat(2,1fr)}.contact-grid{gap:35px}}
@media(max-width:590px){.wrap{width:min(calc(100% - 36px),var(--max))}.brand-mark{width:37px;height:37px}.brand-mark img{width:94px;height:94px;left:-29px;top:-17px}.brand-wordmark strong{font-size:19px}.brand-wordmark small{font-size:8px;letter-spacing:2px}.header-cta{display:none}.header-actions{gap:5px}.language-toggle{font-size:12px}.hero{padding-block:55px 62px;gap:40px}.hero h1{font-size:clamp(42px,10vw,62px);letter-spacing:-2.7px}.hero-lede{font-size:17px}.hero-actions{gap:18px}.button{width:100%}.hero-panel{padding:26px 23px 0}.hero-panel h2{font-size:35px}.hero-panel ul{grid-template-columns:1fr}.panel-footer{margin-inline:-23px;padding-inline:23px}.statement,.work-section,.services-section,.approach-section,.contact-section{padding-block:72px}.display-heading{font-size:38px;letter-spacing:-1.5px}.statement-copy{font-size:16px}.feature-rail{margin-top:35px}.feature-rail div{padding-inline:10px;min-height:135px}.feature-rail div:nth-child(2n){padding-inline-start:13px}.feature-rail strong{font-size:16px}.feature-rail small{font-size:13px}.project-grid{grid-template-columns:1fr;gap:18px}.project-visual{height:240px}.project-letter{font-size:43px}.project-detail{padding:20px;gap:10px}.project-detail h3{font-size:21px}.project-detail p{font-size:14px}.qr-link{width:84px;height:84px;padding:3px}.qr-link img{width:76px;height:76px}.services-intro .display-heading{font-size:37px}.service-list article{gap:18px}.steps{gap:20px}.steps h3{margin-top:16px}.contact-grid h2{font-size:43px}.contact-options>a{padding:18px}.footer-inner{flex-wrap:wrap}.footer-inner>span{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* A little warmth and motion, without blocking content or making checkout feel busy. */
.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;z-index:-1;left:-8%;top:-35px;width:62%;height:95%;background:radial-gradient(ellipse at 20% 40%,rgba(255,192,116,.29),transparent 64%);pointer-events:none}
.hero-panel{background:radial-gradient(circle at 95% 15%,#12676a 0%,transparent 42%),linear-gradient(135deg,#06494b 0%,#05363a 100%);box-shadow:18px 20px 0 #f9e6d0}
.hero-panel::before{content:"";position:absolute;width:180px;height:180px;right:-30px;top:70px;background:radial-gradient(circle,rgba(239,146,40,.3),transparent 70%);animation:glow-breathe 7s ease-in-out infinite;pointer-events:none}
.panel-symbol{animation:small-float 4.5s ease-in-out infinite}
.motion-strip{overflow:hidden;background:#f6a343;color:#073f42;border-block:1px solid #e69234;white-space:nowrap}
.motion-track{width:max-content;display:flex;gap:54px;padding:12px 0;font-size:12px;font-weight:800;letter-spacing:3px;animation:ribbon 32s linear infinite}
.motion-track span{display:inline-block;white-space:nowrap}
.project-card{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.project-card:hover,.project-card:focus-within{transform:translateY(-5px);box-shadow:0 16px 38px #073f4215;border-color:#9dbfba}
.project-cover{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.project-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,28,30,.34),transparent 31%,transparent 62%,rgba(3,28,30,.52))}
.project-visual .project-index,.project-visual .project-type{z-index:1;color:#fff;background:rgba(3,28,30,.72);border:1px solid rgba(255,255,255,.35);border-radius:3px;padding:7px 10px;text-shadow:0 1px 2px rgba(0,0,0,.45);backdrop-filter:blur(8px)}
.project-card:hover .project-cover,.project-card:focus-within .project-cover{transform:scale(1.045)}
.button-primary,.header-cta,.form-submit{transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.button-primary:hover,.button-primary:focus-visible,.form-submit:hover,.form-submit:focus-visible{transform:translateY(-3px);box-shadow:0 10px 18px #ad5d1726}
.site-header{position:sticky;top:0;backdrop-filter:blur(10px)}
.mobile-contact{display:none}
.contact-section{background:radial-gradient(circle at 0% 18%,rgba(238,146,40,.14),transparent 34%),linear-gradient(130deg,#064547,#053236)}
.contact-intro .contact-options{max-width:550px;margin-top:38px}
.contact-grid{grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:7%}
.form-shell{background:#fff;color:var(--ink);padding:34px 38px;box-shadow:18px 18px 0 #e58c2e}
.form-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:25px;color:#9d571b;font-size:12px;font-weight:800;letter-spacing:2px}
.form-head>span:last-child{font-size:26px;line-height:1}
.inquiry-form{display:grid;gap:17px}
.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.field{min-width:0;display:flex;flex-direction:column;gap:7px}
.field label{font-size:14px;font-weight:700;color:var(--ink)}
.field input,.field select,.field textarea{font:inherit;color:var(--ink);background:#f7f9f8;border:1px solid #cedbd7;border-radius:0;width:100%;min-height:48px;padding:10px 12px;outline:0;transition:box-shadow .2s ease,border-color .2s ease}
.field textarea{resize:vertical;min-height:100px}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#0a7475;box-shadow:0 0 0 3px #0a747526}
.field select{appearance:auto}
.field[hidden],.honeypot{display:none!important}
.consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;color:#4f6865;cursor:pointer}
.consent input{width:18px;height:18px;flex:none;accent-color:#087472;margin-top:2px}
.form-submit{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:var(--orange);color:var(--ink);padding:16px 19px;font-size:16px;font-weight:800;min-height:55px}
.form-footnote{color:#6b807c;margin:-4px 0 0;font-size:12px}
.form-status{padding:12px 14px;border-inline-start:4px solid #2d9a6d;background:#e9f5ef;color:#075736;font-weight:700;font-size:14px;margin-bottom:20px}
.form-status.notice{border-color:#ca762d;background:#fff4e7;color:#704214}
.content-area{min-height:55vh;padding-block:60px 100px}.content-area h1{font-size:clamp(36px,4vw,58px);letter-spacing:-2px}.content-area a:not(.button){text-underline-offset:4px}
.woocommerce .button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--orange)!important;color:var(--ink)!important;border-radius:0!important}
.woocommerce ul.products li.product .price,.woocommerce div.product p.price{color:var(--ink)}
.woocommerce .woocommerce-breadcrumb{color:var(--muted)}
.motion-ready .reveal-target{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.25,1);transition-delay:var(--reveal-delay,0ms)}
.motion-ready .reveal-target.is-visible{opacity:1;transform:translateY(0)}
@keyframes glow-breathe{50%{transform:scale(1.35);opacity:.4}}
@keyframes small-float{50%{transform:translateY(-8px)}}
@keyframes ribbon{to{transform:translateX(-50%)}}
html[dir="rtl"] .motion-track{animation-direction:reverse}
html[dir="rtl"] .hero-panel{box-shadow:-18px 20px 0 #f9e6d0}
html[dir="rtl"] .form-shell{box-shadow:-18px 18px 0 #e58c2e}
@media(max-width:850px){.contact-grid{grid-template-columns:1fr;gap:42px}.contact-intro .contact-options{margin-top:22px}.hero-panel{box-shadow:12px 13px 0 #f9e6d0}html[dir="rtl"] .hero-panel{box-shadow:-12px 13px 0 #f9e6d0}}
@media(max-width:590px){body{padding-bottom:65px}.mobile-contact{position:fixed;z-index:8;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:18px;align-items:center;text-decoration:none;background:var(--orange);color:var(--ink);font-size:15px;font-weight:800;min-height:61px;box-shadow:0 -4px 20px #073f4230}.form-shell{padding:24px 18px;box-shadow:8px 8px 0 #e58c2e}.form-row{grid-template-columns:1fr;gap:17px}.contact-grid h2{font-size:40px}.contact-intro .contact-options{margin-top:28px}.hero-panel{box-shadow:8px 10px 0 #f9e6d0}html[dir="rtl"] .form-shell{box-shadow:-8px 8px 0 #e58c2e}}
@media(prefers-reduced-motion:reduce){.motion-track,.hero-panel::before,.panel-symbol{animation:none!important}.project-card,.project-cover,.button-primary,.form-submit{transition:none!important}.motion-ready .reveal-target{opacity:1;transform:none;transition:none}}