@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');
:root{--orange:#f87913;--ink:#383836;--paper:#faf9f5;--muted:#70716b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,'Noto Sans Arabic',sans-serif}html[lang=ar] body{font-family:'Noto Sans Arabic',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}header{height:100px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #dddcd5;background:var(--paper)}.logo{width:165px;height:auto;mix-blend-mode:multiply}nav{display:flex;gap:34px;font-size:14px;font-weight:600}.langs{display:flex;direction:ltr;gap:3px}.langs button{border:0;background:none;padding:9px;color:#666;cursor:pointer;font-size:12px}.langs button.active{background:var(--ink);color:white;border-radius:4px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:680px}.hero-copy{padding:75px 11% 30px;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:700;text-transform:uppercase}.eyebrow i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);margin-inline-end:10px}h1{font-size:clamp(42px,4.6vw,72px);line-height:1.23;letter-spacing:-2px;margin:30px 0 22px;font-weight:700}html[lang=ar] h1{line-height:1.55;letter-spacing:-1.5px;font-size:clamp(40px,4vw,64px)}h1 em{font-style:normal;color:var(--orange)}.intro{font-size:17px;line-height:1.9;color:var(--muted);max-width:430px;margin:0 0 30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:40px;padding:16px 25px;background:var(--orange);color:white;border:0;cursor:pointer;font-size:14px;font-weight:700}.button:hover{background:#d96509}.hero-foot{margin-top:auto;padding-top:45px;width:100%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:var(--muted)}.hero-art{position:relative;overflow:hidden;background:#e7ddcc;min-height:680px}.hero-art svg{width:100%;height:100%;position:absolute;object-fit:cover}.art-caption{position:absolute;bottom:35px;left:30px;right:30px;background:#faf9f5f2;padding:18px;display:flex;align-items:center;gap:18px}.cross{font-size:35px;color:var(--orange)}.art-caption strong{display:block;font-size:14px}.art-caption small{font-size:10px;color:var(--muted)}.art-caption>span:last-child{margin-inline-start:auto;font-size:10px}.vertical{position:absolute;top:30px;right:20px;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px;color:#333}.ticker{padding:25px 8%;display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:#fff;font-size:14px}.ticker b{color:var(--orange);font-size:24px}.section{padding:95px 7%;}h2{font-size:clamp(29px,3.1vw,46px);line-height:1.45;letter-spacing:-1px;margin:10px 0 22px}p{line-height:1.9}.about{display:grid;grid-template-columns:1fr 2fr .8fr;gap:45px;border-bottom:1px solid #dddcd5;align-items:start}.about p:not(.eyebrow){color:var(--muted);font-size:16px}.brand-mark{font-size:150px;line-height:1;color:var(--ink);font-weight:800;font-style:italic;position:relative;align-self:center;text-align:center}.brand-mark span{color:var(--orange);font-size:100px;position:absolute;top:5px;right:-10px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:30px}.section-heading>p{max-width:360px;color:var(--muted);font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{display:block;text-align:start;background:#efeee8;border:1px solid transparent;padding:28px;cursor:pointer;color:var(--ink);transition:.2s}.card:hover{transform:translateY(-5px);border-color:var(--orange);background:#fff}.card-number{font-size:11px;color:var(--muted)}.symbol{height:170px;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:64px;font-weight:700;color:var(--orange);font-family:Manrope,sans-serif}.symbol span{font-size:14px;letter-spacing:4px;color:#777}.leaf-symbol{font-size:105px}.card h3{font-size:21px;margin:15px 0 8px}.card p{color:var(--muted);font-size:13px;min-height:55px}.card-link{display:block;border-top:1px solid #d4d3cb;padding-top:18px;font-size:12px;font-weight:700}.note{font-size:11px;color:var(--muted)}.approach{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:12%}.approach .eyebrow{color:var(--orange)}.approach p{color:#bebeb6;font-size:14px}.approach ol{list-style:none;padding:0;margin:0}.approach li{display:flex;gap:25px;border-bottom:1px solid #64645e;padding:20px 0}.approach li>span{color:var(--orange);font-size:13px;padding-top:10px}.approach h3{font-size:20px;margin:0}.approach li p{margin:8px 0}.contact{text-align:center;background:#eee8dd}.contact h2{max-width:750px;margin:20px auto}.contact>p{color:var(--muted);max-width:600px;margin:15px auto 25px}.dark{background:var(--ink)}.contact-status{font-size:13px}.contact-status:empty{display:none}footer{padding:35px 5.5%;display:flex;justify-content:space-between;align-items:center;gap:25px}footer .logo{width:125px}footer p,footer>span{font-size:11px;color:var(--muted)}dialog{border:0;padding:50px;background:var(--paper);color:var(--ink);max-width:580px;width:90%;box-shadow:0 20px 100px #0005}dialog::backdrop{background:#171b19aa;backdrop-filter:blur(4px)}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b84e00;outline-offset:5px}@media(max-width:800px){header{height:80px;padding:0 5%;gap:12px}.logo{width:125px}nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 7%}.hero-art{min-height:430px}.hero-art svg{object-position:center}.hero-foot{padding-top:35px}.ticker{font-size:10px;gap:12px;padding:20px 5%}.ticker b{font-size:16px}.section{padding:60px 7%}.about{grid-template-columns:1fr;gap:10px}.brand-mark{display:none}.section-heading{display:block}.cards{grid-template-columns:1fr}.card{padding:24px}.symbol{height:120px}.card p{min-height:0}.approach{grid-template-columns:1fr;gap:25px}footer{flex-wrap:wrap}h1{font-size:46px}html[lang=ar] h1{font-size:42px}.hero-art svg{width:100%;height:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
