@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@700&family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#f3efe5;color:#132b34;font:16px/1.75 'Noto Sans Arabic',Tahoma,Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column}a{color:inherit}a:focus-visible{outline:3px solid #c18e43;outline-offset:4px}header,footer{padding:1rem max(5vw,1rem)}header{background:#fcfaf3;border-bottom:1px solid #dbd3be}.brand,.identity{display:flex;align-items:center;gap:1rem}.brand{justify-content:space-between}.identity{font-size:clamp(.85rem,2vw,1.24rem);font-weight:700}.identity img{width:clamp(70px,9vw,112px);height:auto}.identity small{display:block;font-size:.72em;color:#56675a;font-weight:500}.brand a,nav a,.button{text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:.2rem 1.55rem;margin-top:.7rem;font-size:.9rem}nav a{padding:.25rem 0}nav a[aria-current],nav a:hover{text-decoration:underline;text-decoration-color:#a13835;text-underline-offset:.55em}.lang{border:1px solid #b9b09a;padding:.18rem .8rem;border-radius:3rem;font-size:.8rem}main{flex:1}.hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,.65fr);align-items:center;gap:clamp(1rem,5vw,6rem);padding:clamp(2rem,6vw,6rem) max(5vw,1rem);min-height:410px;color:#fffaf0;background:radial-gradient(ellipse at 20% 12%,#466254 0%,transparent 53%),linear-gradient(125deg,#112933,#142e2e 54%,#111c28)}.hero.home{min-height:500px}.weave{position:absolute;z-index:-1;inset:0;background:url('tatreez.svg') center/164px;opacity:.23;mask-image:linear-gradient(90deg,#000 0%,#000 25%,transparent 74%)}[dir=ltr] .weave{transform:scaleX(-1)}.hero-copy{position:relative}.eyebrow,.kicker{font-size:.83rem;font-weight:700;letter-spacing:.035em}.eyebrow{color:#eac591}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,serif;line-height:1.16}[dir=rtl] h1,[dir=rtl] h2{font-family:Amiri,'Times New Roman',serif}h1{font-size:clamp(2.8rem,6.4vw,6.5rem);margin:.25em 0;max-width:16ch}h2{font-size:clamp(2rem,4vw,3.6rem);margin:.18em 0 .55em}.hero p{max-width:56ch;color:#eeeee2;font-size:clamp(.95rem,1.55vw,1.17rem)}.button{display:inline-block;background:#edcb94;color:#162b32;padding:.62rem 1.1rem;border:1px solid #edcb94;border-radius:5px;margin:1.25rem 0 0;margin-inline-end:.55rem;font-weight:700;overflow-wrap:anywhere}.button.secondary{background:#ffffff10;color:#fffaf0}.glass{justify-self:center;width:min(100%,325px);padding:2rem;border-radius:12px;background:linear-gradient(140deg,#ffffff32,#ffffff0d);border:1px solid #ffffff66;box-shadow:0 20px 55px #0004;backdrop-filter:blur(3px);transform:rotate(-4deg);text-align:center}.glass strong,.glass span{display:block}.glass strong{font:700 clamp(2rem,4.8vw,4.8rem)/1.35 Georgia,serif}[dir=rtl] .glass strong{font-family:Amiri,'Times New Roman',serif}.glass span{color:#f4dab1;font-size:.82rem}.flag{position:relative;width:44px;height:24px;margin:0 auto .7rem;background:linear-gradient(#101515 33.33%,#fff 33.33% 66.66%,#297147 66.66%)}.flag:after{content:'';position:absolute;inset:0;background:#a93639;clip-path:polygon(0 0,46% 50%,0 100%)}.details{padding:2.4rem max(5vw,1rem) 3rem}.kicker,article small{color:#8e3438}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1rem}.grid article{background:#fcfaf4;border:1px solid #ded5bf;border-top:3px solid #a38a61;padding:1.2rem;border-radius:6px}.grid h3{margin:.2rem 0;color:#142c36}.grid p{font-size:.92rem;color:#43544d}footer{background:#122a31;color:#e8ddc5;display:flex;flex-wrap:wrap;gap:.4rem 1rem;font-size:.8rem}@media(max-width:690px){.hero{grid-template-columns:1fr;gap:1.5rem}.hero.home{min-height:0}.glass{justify-self:start;transform:none;padding:.8rem 1rem;max-width:220px}.glass strong{font-size:2rem}.weave{mask-image:none;opacity:.13}nav{gap:.15rem .85rem}}
/* The Palestinian flag is expressed as fabric across the opening section. */
.hero{background:#efe8db;color:#152c30;grid-template-columns:minmax(0,1.12fr) minmax(0,.95fr);gap:0;padding-block:clamp(2rem,5vw,5rem)}.hero-copy{z-index:1}.hero p{color:#3b514b}.eyebrow{color:#8e3438}.button{background:#183d34;border-color:#183d34;color:#fffaf0}.button.secondary{background:#fff9;color:#183d34;border-color:#577062}.flag-art{position:relative;align-self:stretch;min-height:330px;background:url('flag-ribbons.svg') no-repeat center/contain;margin-inline-end:-5vw}.flag-art::after{content:'';position:absolute;inset:5% 0 2%;background:url('tatreez.svg') center/140px;mix-blend-mode:multiply;opacity:.28;mask-image:linear-gradient(135deg,transparent,#000 38%,transparent 90%);pointer-events:none}.weave{opacity:.23;mask-image:none;background-position:top left}.details{border-top:1px solid #d9cdb8}.grid article{border-top-color:#8e3438}[dir=ltr] .flag-art{transform:scaleX(-1)}@media(max-width:690px){.hero{grid-template-columns:1fr}.flag-art{min-height:180px;margin-inline-end:0}}
.hero{background:radial-gradient(ellipse at 15% 20%,#465363,#101c2e 70%);color:#f7f6f3;isolation:isolate}.hero-copy{padding-block:1.5rem}.hero p{color:#d5dce5}.eyebrow{color:#d4bb94}.flag-art{position:absolute;inset:-15% auto -25% -9%;width:75%;z-index:-2;margin:0;background-size:contain;opacity:.9;transform:rotate(-10deg)}[dir=ltr] .flag-art{inset:-15% -9% -25% auto;transform:scaleX(-1) rotate(-10deg)}.hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#8190a23b,#34465a70 42%,#111e30f5 74%);backdrop-filter:blur(3px);border-block:1px solid #b5c7da40;pointer-events:none}[dir=ltr] .hero::after{background:linear-gradient(270deg,#8190a23b,#34465a70 42%,#111e30f5 74%)}.button{background:#e5d3b3;border-color:#e5d3b3;color:#101c2e}.button.secondary{color:#f4eee3;background:#ffffff12;border-color:#a0acb3}@media(max-width:690px){.flag-art,[dir=ltr] .flag-art{width:140%;opacity:.48}.hero::after,[dir=ltr] .hero::after{background:#1825389c}}
.footer-quote{margin-inline-start:auto;font-size:1.1rem;font-family:Amiri,"Times New Roman",serif}
.footer-quote .flag{display:inline-block;vertical-align:middle;width:24px;height:13px;margin:0 .45em}

.footer-quote{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.65rem}.footer-quote .flag{flex:0 0 24px;margin:0}

.identity img{width:76px;flex:0 0 auto}.identity small{display:block;margin-top:.2rem}.identity{min-width:0;line-height:1.4}