:root{--green:#176c40;--dark:#14382b;--lime:#c8e4a9;--paper:#f6f7f2;--muted:#657169}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--dark);background:#fff;font-family:Arial,"Helvetica Neue",sans-serif;line-height:1.7}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{outline-offset:5px}button{cursor:pointer}header{padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #e3e8df;background:white}nav{display:flex;gap:35px;font-size:14px}.logo{width:160px;height:55px;object-fit:contain}.lang{border:1px solid #d2dbd1;background:white;padding:9px 18px;border-radius:4px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:var(--paper)}.hero-copy{padding:80px 10% 45px}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:bold;color:var(--green)}h1{font-size:clamp(36px,4.2vw,66px);line-height:1.35;letter-spacing:-2px;margin:24px 0}p{color:var(--muted);font-size:16px}h2{font-size:clamp(28px,3vw,43px);line-height:1.4;letter-spacing:-1px;margin:17px 0}.button{display:inline-block;padding:14px 24px;background:var(--green);color:white;border-radius:3px;font-size:14px}.text-link{display:inline-block;font-size:12px;margin:20px}.hero-note{font-size:12px;margin-top:55px;color:var(--muted)}.hero-art{position:relative;background:#e5eae3;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:30px}.hero-art img{width:100%;mix-blend-mode:multiply}.art-label{font-size:10px;letter-spacing:2px;position:absolute;top:30px;left:30px}.art-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;margin-top:20px}.brand-strip{display:flex;gap:40px;align-items:center;justify-content:space-between;padding:30px 5%;border-bottom:1px solid #e3e8df;flex-wrap:wrap}.brand-strip span{font-size:11px;color:var(--muted)}.brand-strip strong{font-size:22px;color:#435249}.catalogue{padding:85px 5%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-head p{max-width:320px;font-size:14px}.catalog-tools{display:flex;gap:20px;justify-content:space-between;align-items:start}#filters{display:flex;gap:8px;flex-wrap:wrap}#filters button{background:white;border:1px solid #dbe2d8;border-radius:30px;padding:8px 15px;font-size:12px}#filters button.active{background:var(--dark);color:white;border-color:var(--dark)}input{border:1px solid #dbe2d8;padding:10px 15px;width:230px;min-width:180px;border-radius:4px}.results-line{font-size:11px;color:var(--muted);margin:20px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{border:1px solid #e1e6dd;background:white;padding:0;text-align:start;color:var(--dark);transition:transform .2s}.card:hover{transform:translateY(-4px)}.card-image{height:240px;background:var(--paper);overflow:hidden}.card img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply}.card-body{padding:22px}.card .tag{font-size:10px;color:var(--green)}.card h3{font-size:20px;margin:8px 0}.card p{font-size:12px;margin:0 0 20px}.card-bottom{display:flex;justify-content:space-between;font-size:12px;border-top:1px solid #e4e8e0;padding-top:15px}.story{background:var(--paper);padding:75px 7%;display:grid;grid-template-columns:1fr 1fr;gap:80px}.story-facts{display:flex;gap:50px;border-top:1px solid #ccd8cb;padding-top:20px}.story-facts b{font-size:48px;display:block;line-height:1.3;color:var(--green)}.story-facts span{font-size:11px;display:block}.contact{background:var(--dark);color:white;padding:75px 7%;display:grid;grid-template-columns:1.3fr 1fr;gap:80px}.contact .eyebrow{color:var(--lime)}.contact p{color:#bed0c4}.contact-links{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:18px}.contact-links>a:not(.button){font-size:18px}.contact .button{background:var(--lime);color:var(--dark)}small{font-size:11px;color:#bed0c4}footer{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}dialog{border:0;border-radius:10px;max-width:800px;width:90%;padding:35px;color:var(--dark);max-height:90vh}dialog::backdrop{background:#102b23b0}.close{position:absolute;inset-inline-end:15px;top:8px;border:0;background:white;font-size:28px}dialog img{width:100%;max-height:300px;object-fit:contain;background:var(--paper)}dialog p{font-size:14px}dialog dl{background:var(--paper);padding:20px}dialog dt{font-weight:bold}dialog dd{margin:0 0 12px;font-size:14px}[hidden]{display:none!important}@media(max-width:900px){.hero-copy{padding:45px 7%}.hero{min-height:520px}.grid{grid-template-columns:repeat(2,1fr)}.catalog-tools{flex-direction:column}.story,.contact{gap:35px}.brand-strip{gap:24px}}@media(max-width:600px){header{flex-wrap:wrap;padding:12px 5%}.logo{width:125px;height:44px}nav{order:3;width:100%;justify-content:center;gap:30px}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 6%}.hero-art{padding:45px 20px 25px}.hero-art img{max-height:350px;object-fit:contain}.hero-note{margin-top:20px}h1{font-size:42px}.brand-strip{justify-content:center}.brand-strip strong{font-size:17px}.catalogue{padding:50px 5%}.section-head{display:block}.grid{grid-template-columns:1fr}.card-image{height:230px}.story,.contact{grid-template-columns:1fr;padding:45px 6%;gap:20px}footer{flex-wrap:wrap}.contact-links>a:not(.button){font-size:15px}.text-link{margin-inline:12px}input{width:100%}}

/* Arabic shares the English font family, with spacing suited to connected letters. */
html[lang="ar"] body{letter-spacing:normal;line-height:1.85}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] .eyebrow{letter-spacing:normal}
html[lang="ar"] h1{font-weight:700;line-height:1.45}
html[lang="ar"] h2{font-weight:700;line-height:1.5}
html[lang="ar"] .card p{font-size:14px}