@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--olive:#747259;--ink:#21221e;--paper:#f2eee5;--cement:#deddd2;--gold:#b6a17c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,'Noto Sans Arabic',sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus,textarea:focus,select:focus{outline:3px solid var(--gold);outline-offset:5px}header{height:102px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 5%;border-bottom:1px solid #74725940;background:var(--paper);position:relative;z-index:10}.alliance{font-size:12px;letter-spacing:1.5px}.alliance span,.brand span{display:block;font-size:10px;letter-spacing:0}.brand{text-align:center;font-size:30px;letter-spacing:7px;font-weight:800}.brand span{font-size:12px}.controls{display:flex;gap:14px;justify-content:flex-end}.controls button{border:0;background:none;cursor:pointer;padding:12px}nav{position:absolute;top:102px;left:0;right:0;z-index:9;background:var(--ink);color:var(--paper);padding:38px 8%;box-shadow:0 16px 30px #0003}nav:not([hidden]){display:flex;flex-wrap:wrap;gap:30px}nav a{font-size:23px;padding:8px}main>section{padding:90px 7%}.hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;padding-top:65px;padding-bottom:70px}.eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--olive);font-weight:700;margin:0 0 22px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(35px,4vw,61px);line-height:1.3;letter-spacing:-1.4px;margin-bottom:25px;font-weight:600}h2{font-size:clamp(28px,3.2vw,43px);line-height:1.4;letter-spacing:-.8px;font-weight:500}h3{font-size:22px;line-height:1.5;font-weight:600}.intro{font-size:17px;max-width:560px;color:#55564c}.actions{display:flex;align-items:center;gap:25px;margin:32px 0}.button{background:var(--olive);color:white;border:1px solid var(--olive);padding:15px 23px;display:inline-block;cursor:pointer;font-weight:600;transition:background .2s}.button:hover{background:var(--ink)}.text-link{border-bottom:1px solid var(--olive);padding-bottom:5px;font-size:14px}.hero figure{margin:0}.hero img{width:100%;height:510px;object-fit:cover;display:block;border-radius:180px 0 0 0}figcaption{font-size:10px;opacity:.6;margin-top:10px}.route{display:flex;gap:15px;align-items:center;font-size:12px;margin-top:40px}.route i{height:1px;width:85px;background:var(--olive)}.statement{background:var(--cement);text-align:center}.statement p:not(.eyebrow){max-width:790px;margin:0 auto 25px;font-size:19px}.section-head{max-width:800px;margin-bottom:42px}.section-head p:not(.eyebrow){color:#636357}.cards,.news{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.cards article{border-top:1px solid var(--olive);padding-top:24px}.cards b{color:var(--olive);font-size:12px;display:block;margin-bottom:45px}.cards p,.news p{font-size:15px;color:#5d5e53}.portfolio{background:var(--ink);color:var(--paper)}.portfolio .eyebrow,.portfolio .section-head p{color:var(--gold)}.products{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #deddd240;border-right:1px solid #deddd240}.products article{padding:35px;border-left:1px solid #deddd240;border-bottom:1px solid #deddd240;min-height:190px}.products span{font-size:10px;color:var(--gold);letter-spacing:1px}.products h3{margin-top:20px;margin-bottom:6px;font-family:Manrope,'Noto Sans Arabic',sans-serif}.products p{font-size:14px;margin:0;color:var(--cement)}.product-cta{background:#74725935}.process{background:var(--cement)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.steps b{width:40px;height:40px;border:1px solid var(--olive);display:grid;place-items:center;border-radius:50%;margin-bottom:25px}.steps p{font-size:14px}.news article{padding:25px;border:1px solid #74725950}.news span{font-size:11px;color:var(--olive)}.news h3{margin-top:18px;font-size:19px}.news+.text-link{display:inline-block;margin-top:28px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--olive);color:var(--paper)}.contact .eyebrow{color:var(--paper)}.phones{margin-top:35px}.phones a{border-top:1px solid #f2eee540;padding:14px 0;display:flex;justify-content:space-between;gap:20px;font-size:13px}.phones b{font-weight:500}form{background:var(--paper);padding:32px;color:var(--ink)}label{display:block;margin-bottom:18px;font-size:12px}input,select,textarea{display:block;width:100%;border:1px solid #74725960;border-radius:0;background:transparent;padding:12px;color:var(--ink);margin-top:6px}textarea{resize:vertical}.fine{font-size:11px;color:#5d5e53}form .button{width:100%;font-size:14px}#form-status{font-size:12px;margin:12px 0 0}footer{padding:45px 7%;display:flex;align-items:center;gap:30px;flex-wrap:wrap;font-size:12px}.footer-brand{font-weight:800;font-size:22px;letter-spacing:3px}.footer-brand span{display:block;font-size:10px;letter-spacing:0}footer p{margin:0}footer small{margin-inline-start:auto;opacity:.6}[dir=ltr] .hero img{border-radius:0 180px 0 0}@media(max-width:800px){header{padding:0 5%;height:88px}.alliance{font-size:9px;letter-spacing:.5px}.alliance span{display:none}.brand{font-size:23px;letter-spacing:4px}.controls{gap:0}.controls button{font-size:12px;padding:8px}nav{top:88px}nav:not([hidden]){display:grid;gap:7px}nav a{font-size:22px}main>section{padding:60px 6%}.hero{grid-template-columns:1fr;gap:32px}.hero img{height:350px;border-radius:100px 0 0 0}.hero figure{grid-row:2}h1{font-size:40px}.intro{font-size:16px}.actions{gap:18px;flex-wrap:wrap}.cards,.steps,.news{grid-template-columns:1fr}.cards b{margin-bottom:18px}.products{grid-template-columns:1fr 1fr}.products article{padding:24px 17px}.products h3{font-size:18px}.contact{grid-template-columns:1fr;gap:35px}.phones a{font-size:12px}form{padding:25px}footer{gap:20px}footer small{margin-inline-start:0;width:100%}.statement p:not(.eyebrow){font-size:17px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}