:root{
  --ink:#1b130d;
  --ink-2:#34251b;
  --paper:#f8f0e7;
  --paper-2:#fffaf5;
  --cream:#efe2d4;
  --sand:#d8b990;
  --bronze:#a86e3e;
  --bronze-2:#d6a36f;
  --date:#69482f;
  --night:#17110c;
  --night-2:#211710;
  --muted:#7a6759;
  --line:rgba(105,72,47,.18);
  --white:#fffdfb;
  --shadow:0 34px 120px rgba(27,19,13,.22);
  --shadow-dark:0 32px 110px rgba(0,0,0,.34);
  --display:'Alexandria','Tajawal',system-ui,sans-serif;
  --body:'Tajawal','Alexandria',system-ui,sans-serif;
  --max:1220px;
  --wide:1440px;
  --radius:2px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--night);}
body{margin:0;font-family:var(--body);font-weight:400;color:var(--ink);background:var(--paper);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
::selection{background:rgba(168,110,62,.3)}
.page-progress{position:fixed;top:0;right:0;left:0;height:3px;z-index:9999;background:rgba(255,255,255,.08)}
.page-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--bronze),var(--bronze-2));}
.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto;position:relative;z-index:2}.container.narrow{width:min(920px,calc(100% - 48px))}
.section{position:relative;padding:clamp(86px,9vw,148px) 0;overflow:hidden}.section-dark{color:#f9eee4;background:var(--night)}.section-light{background:var(--paper-2);color:var(--ink)}.section-cream{background:var(--cream);color:var(--ink)}
.section-dark:before,.section-light:before,.section-cream:before{content:"";position:absolute;inset:0;background-image:url('../img/grain.svg');background-size:220px 220px;opacity:.14;pointer-events:none;mix-blend-mode:multiply}.section-dark:before{opacity:.18;mix-blend-mode:screen}
.site-header{position:fixed;top:0;right:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,4vw,52px);color:#fff6ed;transition:background .35s ease,backdrop-filter .35s ease,border-color .35s ease; border-bottom:1px solid transparent}.site-header.is-scrolled{background:rgba(23,17,12,.76);backdrop-filter:blur(16px);border-bottom-color:rgba(216,185,144,.14)}
.brand{display:flex;gap:10px;align-items:baseline;font-family:var(--display)}.brand-mark{font-weight:700;font-size:18px;letter-spacing:-.02em}.brand-sub{font-size:11px;color:var(--bronze-2);letter-spacing:.14em}.site-nav{display:flex;gap:24px;align-items:center;font-size:14px;color:rgba(255,246,237,.78)}.site-nav a{position:relative;padding:7px 0}.site-nav a:after{content:"";position:absolute;right:0;left:auto;bottom:0;height:1px;width:0;background:var(--bronze-2);transition:width .25s}.site-nav a:hover:after,.site-nav a.is-active:after{width:100%}.menu-toggle{display:none;background:transparent;border:1px solid rgba(255,255,255,.24);color:#fff;border-radius:999px;padding:8px 14px;font:inherit}
.eyebrow{font-family:var(--display);font-size:13px;line-height:1.8;letter-spacing:.04em;color:var(--bronze);font-weight:700;margin:0 0 18px}.section-dark .eyebrow{color:var(--bronze-2)}.center{text-align:center}.copy-panel h2,.closing-card h2{font-family:var(--display);font-size:clamp(34px,5.3vw,70px);font-weight:700;line-height:1.25;letter-spacing:-.045em;margin:0 0 34px}.copy-panel{align-self:center}.prose{font-size:clamp(18px,1.48vw,21px);line-height:2.08;color:rgba(27,19,13,.84)}.section-dark .prose{color:rgba(255,246,237,.82)}.prose p{margin:0 0 19px}.prose strong{color:inherit;font-weight:800}.prose-large{font-size:clamp(21px,2vw,28px);line-height:2.05}.columns-prose{columns:2;column-gap:62px}.columns-prose p{break-inside:avoid}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);gap:clamp(44px,7vw,96px);align-items:center}.split-reverse{grid-template-columns:minmax(360px,.72fr) minmax(0,1fr)}.split-reverse .copy-panel{order:2}.split-reverse .media-frame,.split-reverse .portrait{order:1}
.media-frame{position:relative;min-height:560px;box-shadow:var(--shadow);background:#2b1e15;overflow:hidden}.media-frame:after{content:"";position:absolute;inset:14px;border:1px solid rgba(255,255,255,.22);pointer-events:none}.section-light .media-frame:after,.section-cream .media-frame:after{border-color:rgba(105,72,47,.2)}.media-frame img{width:100%;height:100%;min-height:560px;object-fit:cover;filter:saturate(.88) contrast(1.05)}.media-frame.tall{min-height:680px}.media-frame.tall img{min-height:680px}.section-dark .media-frame{box-shadow:var(--shadow-dark)}
.hero{min-height:100svh;padding:0;display:grid;place-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;opacity:.17;filter:blur(2px) saturate(.8);transform:scale(1.1)}.hero-bg img{width:100%;height:100%;object-fit:cover}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 24% 32%,rgba(214,163,111,.19),transparent 30%),linear-gradient(90deg,rgba(23,17,12,.45),rgba(23,17,12,.98) 58%),linear-gradient(180deg,rgba(23,17,12,.5),#17110c 95%)}.hero-grid{width:min(var(--wide),calc(100% - 60px));display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.8fr);gap:clamp(40px,7vw,110px);align-items:center;padding:120px 0 74px}.hero-copy h1{font-family:var(--display);font-size:clamp(52px,8.4vw,126px);line-height:1.13;letter-spacing:-.065em;margin:0;color:#fff8ef;max-width:880px}.hero-line{font-size:clamp(22px,2.4vw,34px);color:rgba(255,246,237,.74);margin:34px 0 0}.hero-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:44px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:999px;border:1px solid rgba(216,185,144,.26);font-weight:700}.btn-primary{background:var(--bronze-2);color:#20160f;border-color:transparent}.btn-ghost{color:#fff7ef}.hero-object{position:relative;margin:0;align-self:stretch;min-height:560px;display:grid;place-items:center}.hero-object:before{content:"";position:absolute;inset:8% 6%;border:1px solid rgba(216,185,144,.22);box-shadow:0 0 0 999px rgba(255,255,255,.015)}.hero-object img{width:min(430px,78%);height:auto;filter:drop-shadow(0 42px 60px rgba(0,0,0,.58));transform:rotate(-3deg)}.scroll-note{position:absolute;bottom:30px;right:50%;transform:translateX(50%);color:rgba(255,246,237,.54);font-size:12px;letter-spacing:.08em}
.identity-section{background:radial-gradient(circle at 76% 14%,rgba(168,110,62,.16),transparent 36%),linear-gradient(180deg,#17110c,#20160f)}.crisis-section{background:linear-gradient(180deg,#fffaf5 0%,#efe4d7 100%)}.crisis-visual{align-self:stretch;display:flex;align-items:center}.museum-card{position:relative;background:#f7efe6;border:1px solid var(--line);padding:18px;box-shadow:var(--shadow);width:100%}.museum-card:before{content:"";position:absolute;inset:-18px 22px auto auto;width:80px;height:80px;border-top:1px solid rgba(105,72,47,.18);border-right:1px solid rgba(105,72,47,.18)}.museum-card img{height:540px;width:100%;object-fit:cover;filter:grayscale(.12) sepia(.12) contrast(1.02)}.museum-card p{font-family:var(--display);font-size:16px;line-height:1.8;color:var(--date);margin:18px 0 2px;text-align:center}.cinematic-section{min-height:95svh;display:flex;align-items:center;background:#0f0a07}.cinematic-bg{position:absolute;inset:0}.cinematic-bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(.2) contrast(1.1);opacity:.45}.cinematic-scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,10,7,.36),rgba(15,10,7,.95) 66%),linear-gradient(180deg,rgba(15,10,7,.1),rgba(15,10,7,.82))}.cinematic-section .narrow{margin-inline-start:auto;margin-inline-end:clamp(24px,9vw,150px);}
.memory-section{background:radial-gradient(circle at 16% 18%,rgba(168,110,62,.14),transparent 33%),#efe2d4}.craft-section{background:linear-gradient(180deg,#fffaf5,#f1e3d5)}.craft-gallery{display:grid;grid-template-columns:1.05fr .85fr;grid-template-rows:1fr 1fr;gap:16px;min-height:720px}.craft-gallery figure{margin:0;overflow:hidden;background:#20160f;box-shadow:var(--shadow)}.craft-gallery img{width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.08)}.craft-gallery .gallery-main{grid-row:1 / span 2}.endorsement-section{background:radial-gradient(circle at 25% 20%,rgba(214,163,111,.13),transparent 35%),#17110c}.endorsement-section blockquote{margin:34px 0;padding:34px 0;border-block:1px solid rgba(216,185,144,.28);font-family:var(--display);font-size:clamp(26px,3.4vw,44px);line-height:1.7;color:#fff8ef}.endorsement-section blockquote p{margin:0}.impact-section{background:#efe2d4}.impact-section .narrow{width:min(1040px,calc(100% - 48px))}.impact-section h2{font-family:var(--display);font-size:clamp(40px,5vw,78px);line-height:1.28;letter-spacing:-.045em;margin:0 auto 42px;max-width:850px}.regional-section{background:linear-gradient(180deg,#fffaf5,#f5eadf)}.symbol-panel{min-height:520px;display:grid;place-items:center;text-align:center;padding:52px;background:rgba(255,255,255,.44);border:1px solid var(--line);box-shadow:var(--shadow)}.symbol-panel img{width:min(260px,72%);opacity:.85}.symbol-panel p{font-family:var(--display);font-size:22px;line-height:1.8;color:var(--date);max-width:360px}.portrait-section{background:radial-gradient(circle at 22% 18%,rgba(214,163,111,.14),transparent 34%),#15100b}.portrait{margin:0;position:relative;min-height:680px;overflow:hidden;box-shadow:var(--shadow-dark);background:#241913}.portrait img{width:100%;height:100%;min-height:680px;object-fit:cover;object-position:center top;filter:saturate(.88) contrast(1.04)}.portrait:after{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.18)}.portrait-section .prose p:nth-last-child(-n+3){font-family:var(--display);font-size:clamp(23px,2.3vw,34px);line-height:1.85;color:#fff8ef}.closing-section{background:radial-gradient(circle at 50% 0%,rgba(168,110,62,.16),transparent 36%),linear-gradient(180deg,#fffaf5,#ead9c8);padding-bottom:100px}.closing-card{width:min(960px,calc(100% - 48px));margin:auto;text-align:center;padding:clamp(54px,8vw,90px);background:rgba(255,250,245,.7);border:1px solid rgba(105,72,47,.18);box-shadow:var(--shadow)}.closing-card h2{font-size:clamp(48px,8vw,112px);margin-bottom:30px}.closing-card .prose{max-width:760px;margin:auto}.contact-panel{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:42px}.contact-panel a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border:1px solid rgba(105,72,47,.26);border-radius:999px;background:#fffaf5;color:var(--date);font-weight:800}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}
@media (max-width:1100px){.split,.split-reverse,.hero-grid{grid-template-columns:1fr}.split-reverse .copy-panel,.split-reverse .media-frame,.split-reverse .portrait{order:initial}.hero-grid{padding-top:140px}.hero-object{min-height:420px}.columns-prose{columns:1}.cinematic-section .narrow{margin-inline:auto}.craft-gallery{min-height:520px}.media-frame,.media-frame img,.media-frame.tall,.media-frame.tall img,.portrait,.portrait img{min-height:480px}}
@media (max-width:820px){.container,.container.narrow,.hero-grid,.closing-card{width:min(100% - 34px, var(--max))}.site-nav{position:fixed;top:66px;right:16px;left:16px;display:none;flex-direction:column;background:rgba(23,17,12,.94);border:1px solid rgba(216,185,144,.18);padding:18px;align-items:stretch}.site-nav.is-open{display:flex}.menu-toggle{display:inline-flex}.site-header{padding:14px 17px}.section{padding:72px 0}.copy-panel h2,.closing-card h2{font-size:clamp(32px,10vw,54px)}.prose{font-size:18px;line-height:2}.hero-copy h1{font-size:clamp(44px,15vw,78px)}.hero-actions{gap:10px}.hero-object{display:none}.hero-overlay{background:linear-gradient(90deg,rgba(23,17,12,.25),rgba(23,17,12,.95) 60%),linear-gradient(180deg,rgba(23,17,12,.35),#17110c 95%)}.media-frame,.media-frame img,.media-frame.tall,.media-frame.tall img,.portrait,.portrait img{min-height:380px}.museum-card img{height:360px}.craft-gallery{grid-template-columns:1fr;grid-template-rows:auto;min-height:auto}.craft-gallery .gallery-main{grid-row:auto}.craft-gallery figure{height:300px}.endorsement-section blockquote{font-size:24px}.closing-card{padding:42px 24px}.symbol-panel{min-height:360px;padding:34px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none;opacity:1;transform:none}}

/* Mobile refinement pass — v1.1
   Purpose: preserve the approved desktop direction while improving handheld rhythm,
   readability, image crops, and menu behavior. */
@media (max-width: 820px) {
  html { scroll-padding-top: 74px; }
  body { overflow-x: hidden; }
  .page-progress { height: 2px; }

  .site-header {
    padding: 12px 16px;
    min-height: 62px;
    background: rgba(23,17,12,.54);
    backdrop-filter: blur(14px);
  }
  .site-header.is-scrolled { background: rgba(23,17,12,.88); }
  .brand { gap: 8px; }
  .brand-mark { font-size: 16px; }
  .brand-sub { font-size: 10px; letter-spacing: .08em; }
  .menu-toggle { min-height: 36px; padding: 6px 12px; font-size: 13px; }
  .site-nav {
    top: 62px;
    right: 12px;
    left: 12px;
    padding: 14px;
    gap: 4px;
    border-radius: 16px;
    box-shadow: 0 24px 90px rgba(0,0,0,.38);
  }
  .site-nav a {
    padding: 12px 14px;
    border-radius: 12px;
    background: rgba(255,255,255,.025);
  }
  .site-nav a:after { display: none; }

  .container,
  .container.narrow,
  .hero-grid,
  .closing-card,
  .impact-section .narrow {
    width: min(100% - 32px, var(--max));
  }
  .section { padding: 64px 0; }
  .split,
  .split-reverse { gap: 30px; }

  .eyebrow {
    font-size: 12px;
    line-height: 1.7;
    margin-bottom: 12px;
  }
  .copy-panel h2,
  .closing-card h2 {
    font-size: clamp(31px, 9.6vw, 48px);
    line-height: 1.36;
    letter-spacing: -.04em;
    margin-bottom: 22px;
  }
  .prose,
  .prose-large {
    font-size: 17px;
    line-height: 2.06;
  }
  .prose p { margin-bottom: 15px; }

  .hero {
    min-height: 100dvh;
    place-items: end stretch;
  }
  .hero-bg {
    opacity: .28;
    filter: blur(1px) saturate(.82) contrast(1.05);
  }
  .hero-bg img { object-position: 42% center; }
  .hero-overlay {
    background:
      radial-gradient(circle at 50% 18%, rgba(214,163,111,.18), transparent 38%),
      linear-gradient(180deg, rgba(23,17,12,.42), rgba(23,17,12,.82) 34%, #17110c 96%);
  }
  .hero-grid {
    display: block;
    padding: 112px 0 78px;
  }
  .hero-copy h1 {
    font-size: clamp(42px, 13.2vw, 70px);
    line-height: 1.22;
    letter-spacing: -.055em;
    max-width: 12ch;
  }
  .hero-line {
    font-size: clamp(19px, 5.3vw, 25px);
    line-height: 1.9;
    margin-top: 24px;
    max-width: 18ch;
  }
  .hero-actions { margin-top: 30px; }
  .btn { min-height: 46px; padding: 0 18px; font-size: 14px; }
  .scroll-note { bottom: 18px; font-size: 11px; opacity: .72; }

  .media-frame,
  .media-frame img,
  .media-frame.tall,
  .media-frame.tall img,
  .portrait,
  .portrait img {
    min-height: 340px;
  }
  .media-frame:after,
  .portrait:after { inset: 10px; }
  .media-frame img { object-position: center center; }
  .media-frame.tall img { object-position: center top; }

  .crisis-visual { display: block; }
  .museum-card {
    padding: 12px;
    margin-top: 8px;
  }
  .museum-card:before { display: none; }
  .museum-card img {
    height: 310px;
    object-position: center center;
  }
  .museum-card p {
    font-size: 14px;
    line-height: 1.7;
    margin-top: 12px;
  }

  .cinematic-section {
    min-height: auto;
    padding: 96px 0 82px;
  }
  .cinematic-bg img { object-position: 46% center; opacity: .88; }
  .cinematic-scrim {
    background:
      linear-gradient(180deg, rgba(15,10,7,.28), rgba(15,10,7,.86) 36%, rgba(15,10,7,.96)),
      linear-gradient(90deg, rgba(15,10,7,.25), rgba(15,10,7,.78));
  }

  .craft-gallery {
    gap: 12px;
  }
  .craft-gallery figure { height: 255px; }
  .craft-gallery img { object-position: center center; }
  .craft-gallery .gallery-main { height: 340px; }

  .endorsement-section blockquote {
    font-size: clamp(22px, 6.8vw, 30px);
    line-height: 1.85;
    padding: 24px 0;
    margin: 26px 0;
  }
  .impact-section h2 {
    font-size: clamp(34px, 10vw, 52px);
    line-height: 1.38;
    margin-bottom: 28px;
  }
  .symbol-panel {
    min-height: 300px;
    padding: 30px 22px;
  }
  .symbol-panel img { width: min(205px, 62%); }
  .symbol-panel p { font-size: 18px; line-height: 1.85; }

  .portrait { min-height: 420px; }
  .portrait img {
    min-height: 420px;
    object-position: center 15%;
  }
  .portrait-section .prose p:nth-last-child(-n+3) {
    font-size: clamp(21px, 6vw, 27px);
    line-height: 1.9;
  }

  .closing-section { padding-bottom: 68px; }
  .closing-card {
    padding: 38px 22px;
  }
  .contact-panel {
    margin-top: 30px;
    gap: 10px;
  }
  .contact-panel a {
    width: 100%;
    min-height: 48px;
  }
}

@media (max-width: 520px) {
  .brand-sub { display: none; }
  .site-header { padding-inline: 14px; }
  .container,
  .container.narrow,
  .hero-grid,
  .closing-card,
  .impact-section .narrow {
    width: calc(100% - 26px);
  }
  .section { padding: 58px 0; }
  .copy-panel h2,
  .closing-card h2 {
    font-size: clamp(29px, 10.2vw, 42px);
    margin-bottom: 20px;
  }
  .prose,
  .prose-large {
    font-size: 16.5px;
    line-height: 2.02;
  }
  .hero-copy h1 {
    font-size: clamp(39px, 13.8vw, 60px);
    max-width: 11ch;
  }
  .hero-line { font-size: 18px; max-width: 17ch; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero-actions .btn { width: 100%; }
  .media-frame,
  .media-frame img,
  .media-frame.tall,
  .media-frame.tall img {
    min-height: 300px;
  }
  .museum-card img { height: 270px; }
  .craft-gallery figure { height: 220px; }
  .craft-gallery .gallery-main { height: 300px; }
  .portrait,
  .portrait img { min-height: 380px; }
}


/* WordPress / Elementor section-fidelity guardrails */
html, body { direction: rtl; }
.elementor-widget-html, .elementor-widget-html .elementor-widget-container { margin:0 !important; padding:0 !important; }
.elementor-section.alsyani-elementor-chunk-section { margin:0 !important; padding:0 !important; }
.elementor-section.alsyani-elementor-chunk-section > .elementor-container { max-width: none !important; width:100% !important; min-height:0 !important; }
.elementor-section.alsyani-elementor-chunk-section .elementor-column-gap-default > .elementor-column > .elementor-element-populated,
.elementor-section.alsyani-elementor-chunk-section .elementor-column > .elementor-widget-wrap { padding:0 !important; }
body.elementor-editor-active .reveal { opacity:1 !important; transform:none !important; }
body.elementor-editor-active .page-progress { display:none !important; }
body.elementor-editor-active .site-header { position:sticky !important; top:0 !important; }

/* ---------------------------------------------------------------
   Layout fix — stray horizontal scrollbar
   .hero sets overflow:hidden but was position:static, so it was not
   the containing block for .hero-bg (position:absolute, scale(1.1)).
   The clip never applied and the 110%-wide background escaped the
   viewport, adding ~63px of horizontal scroll on every screen.
   --------------------------------------------------------------- */
.hero{position:relative}

/* ---------------------------------------------------------------
   Site footer — contact
   --------------------------------------------------------------- */
.site-footer{padding:56px 24px 44px;text-align:center;background:#120d09;color:rgba(255,246,237,.58);font-size:13px}
.footer-inner{max-width:var(--max);margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:14px}
.footer-brand{margin:0;font-family:var(--display);font-size:20px;font-weight:700;letter-spacing:.01em;color:var(--sand)}
.footer-tagline{margin:0;font-size:14px;line-height:1.9;color:rgba(255,246,237,.72);max-width:46ch}
.footer-contact{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin:12px 0 4px}
.footer-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 26px;border-radius:999px;font-family:var(--body);font-size:15px;font-weight:800;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.footer-btn svg{flex:none}
.footer-btn:hover{transform:translateY(-1px)}
.footer-btn:focus-visible{outline:2px solid var(--bronze-2);outline-offset:3px}
.footer-btn-wa{background:var(--bronze-2);color:var(--night);border:1px solid var(--bronze-2)}
.footer-btn-wa:hover{background:#e4b684;border-color:#e4b684}
.footer-btn-mail{background:transparent;color:var(--bronze-2);border:1px solid rgba(214,163,111,.45)}
.footer-btn-mail:hover{background:rgba(214,163,111,.12);border-color:rgba(214,163,111,.72)}
.footer-legal{margin:10px 0 0;font-size:12px;color:rgba(255,246,237,.5)}

@media (max-width: 820px){
  .site-footer{padding:46px 20px 38px}
  .footer-contact{width:100%;max-width:360px;gap:12px}
  .footer-btn{width:100%}
}

@media (max-width: 520px){
  .footer-brand{font-size:18px}
  .footer-tagline{font-size:13px}
  .footer-legal{font-size:11px}
}

@media (prefers-reduced-motion:reduce){
  .footer-btn,.footer-btn:hover{transition:none;transform:none}
}