:root{--navy:#0B2D5B;--sand:#C9B8A7;--off:#FAFAF7;--gray:#E8E8EC;--charcoal:#1A1A1A}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--off);color:var(--charcoal);font-family:Montserrat,Arial,sans-serif;font-size:15px;line-height:1.75}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;z-index:100;background:#fff;padding:10px}.header{position:sticky;top:0;z-index:20;background:rgba(250,250,247,.97);border-bottom:1px solid #e7e5e0;backdrop-filter:blur(12px)}.nav{height:94px;display:flex;align-items:center;justify-content:space-between}.brand img{width:146px;height:70px;object-fit:contain}nav{display:flex;gap:35px;align-items:center}nav a{font-size:11px;letter-spacing:.075em;font-weight:600;text-transform:uppercase}nav a:hover,.inline-link:hover{color:#8e6c55}.nav-contact{padding:12px 18px;border:1px solid var(--navy);color:var(--navy)}.menu{display:none}.hero{background:var(--navy);color:var(--off);min-height:680px;position:relative;overflow:hidden}.hero-pattern{position:absolute;inset:0;background:radial-gradient(ellipse at 90% 10%,#244877 0,transparent 52%),repeating-linear-gradient(135deg,transparent 0,transparent 80px,rgba(255,255,255,.025) 81px,transparent 82px);opacity:.8}.hero-inner{position:relative;padding-top:140px}.eyebrow{font-size:10px;letter-spacing:.23em;font-weight:700;color:#8c735f;display:flex;gap:16px;align-items:center;text-transform:uppercase}.eyebrow.light{color:var(--sand)}.line{display:inline-block;width:36px;height:1px;background:var(--sand)}h1,h2,h3{font-weight:400}h1,h2{font-family:'Playfair Display',Georgia,serif;letter-spacing:-.035em;line-height:1.16}h1{font-size:clamp(55px,7vw,102px);margin:34px 0 25px}h1 em,h2 em{font-weight:400;color:var(--sand)}.hero-copy{font-size:17px;color:#d8dce6;max-width:570px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:38px;margin-top:42px}.button{display:inline-flex;gap:35px;align-items:center;justify-content:space-between;padding:16px 22px;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button.sand{background:var(--sand);color:var(--navy)}.text-link{font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:600}.hero-bottom{margin-top:110px;padding:20px 0;border-top:1px solid #ffffff35;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.2em;color:#d1d4df}.section{padding:115px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:90px}h2{font-size:clamp(39px,4.6vw,66px);margin:27px 0 0;color:var(--navy)}h2 em{color:#9b846f}.prose{padding-top:43px}.prose p,.section-top p{color:#5e6064}.prose .lead{font-size:18px;line-height:1.85;color:#30363d}.inline-link{display:inline-block;border-bottom:1px solid var(--sand);padding-bottom:6px;margin-top:18px;font-size:12px;font-weight:700}.approach{background:#f0efeb}.section-top{display:flex;align-items:end;justify-content:space-between;gap:50px}.section-top p{max-width:360px}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:66px;border-top:1px solid #cfc9c1}.steps article{padding:34px 35px 0 0}.steps article+article{padding-left:35px;border-left:1px solid #cfc9c1}.step-num{font-family:'Playfair Display',serif;font-size:18px;color:#a88d76}.steps h3{font-family:'Playfair Display',serif;font-size:30px;color:var(--navy);margin:22px 0 9px}.steps p{font-size:13px;color:#5e6064}.partnerships{background:var(--navy);color:var(--off)}.partnership-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.partnerships h2{color:var(--off)}.partnerships h2 em{color:var(--sand)}.partnership-grid>div:last-child{padding-top:48px}.partnership-grid p{color:#d9deea;font-size:15px;line-height:2}.partnership-grid .button{margin-top:22px}.contact{text-align:center}.contact .eyebrow{justify-content:center}.contact h2{margin-top:30px}.contact p{margin-top:27px;color:#666}.email{display:inline-block;font-family:'Playfair Display',serif;font-size:clamp(24px,4vw,46px);color:var(--navy);border-bottom:1px solid var(--sand);margin-top:15px;padding-bottom:7px;overflow-wrap:anywhere}.location{margin-top:48px;font-size:10px;letter-spacing:.22em;color:#8e7a68}.footer{background:#092448;color:var(--off)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:130px}.footer img{width:125px;height:60px;object-fit:contain}.footer span{font-size:10px;color:#d7dbe3;letter-spacing:.06em}@media(max-width:760px){.wrap{width:min(100% - 36px,1180px)}.nav{height:75px}.brand img{width:120px;height:60px}.menu{display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:10px;cursor:pointer}.menu span{width:24px;height:2px;background:var(--navy)}nav{display:none;position:absolute;left:0;right:0;top:75px;background:var(--off);padding:25px 24px 30px;flex-direction:column;align-items:stretch;gap:23px;border-bottom:1px solid #ddd}nav.open{display:flex}.hero{min-height:630px}.hero-inner{padding-top:105px}h1{font-size:clamp(45px,11vw,70px)}.hero-copy{font-size:15px}.hero-actions{align-items:flex-start;flex-direction:column;gap:26px}.hero-bottom{margin-top:85px;gap:12px;flex-direction:column}.section{padding:75px 0}.two-col,.partnership-grid{grid-template-columns:1fr;gap:15px}.prose,.partnership-grid>div:last-child{padding-top:0}.section-top{display:block}.section-top p{max-width:100%;margin-top:30px}.steps{grid-template-columns:1fr;margin-top:35px}.steps article,.steps article+article{padding:22px 0;border-left:0;border-bottom:1px solid #cfc9c1}.footer-inner{padding:25px 0;flex-direction:column;text-align:center;gap:10px}.email{font-size:clamp(23px,6vw,36px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* V2 — Amman photographic hero and official Montserrat tagline */
.hero{background:#0B2D5B url("https://commons.wikimedia.org/wiki/Special:FilePath/Amman_Panorama_at_Amman_citadel_2025.jpg?width=1920") center 47% / cover no-repeat}
.hero-pattern{background:linear-gradient(90deg,rgba(5,22,46,.86) 0%,rgba(7,31,62,.70) 48%,rgba(8,31,61,.48) 100%);opacity:1}
.hero h1{font-family:Montserrat,Arial,sans-serif;font-weight:500;letter-spacing:-.055em;line-height:1.17;font-size:clamp(44px,5.8vw,79px);margin-top:0}
.hero h1 em{font-style:normal;font-weight:500;color:#FAFAF7}
.hero-copy{color:#FAFAF7;text-shadow:0 1px 4px rgba(0,0,0,.2)}
.photo-credit{background:#092448;color:#b7c0ce;text-align:center;font:10px Montserrat,Arial,sans-serif;padding:0 15px 15px}
.photo-credit a{text-decoration:underline}
@media(max-width:760px){.hero{background-position:56% center}.hero-pattern{background:linear-gradient(90deg,rgba(5,22,46,.87),rgba(5,22,46,.64))}.hero h1{font-size:clamp(38px,9vw,57px)}}

/* V3 — warmer sandstone-led color balance, all headings Montserrat */
h1,h2,h3,.steps h3{font-family:Montserrat,Arial,sans-serif;font-weight:500;letter-spacing:-.045em}
h2{font-size:clamp(36px,4.4vw,60px)}.steps h3{font-size:27px;letter-spacing:-.025em;font-weight:600}
.hero{background:#263b4e url("https://commons.wikimedia.org/wiki/Special:FilePath/Amman_cityscape_and_skyline_from_Citadel_Hill.jpg?width=1920") center 52% / cover no-repeat}
.hero-pattern{background:linear-gradient(90deg,rgba(14,26,41,.83),rgba(29,37,45,.55) 55%,rgba(34,33,33,.35));opacity:1}
.intro{background:#FAFAF7}.approach{background:#EDE7DF}.partnerships{background:#253D56}.footer,.photo-credit{background:#182C42}
.eyebrow{color:#987d67}.button.sand{background:#D6C5B3;color:#182C42}.nav-contact{border-color:#C9B8A7}.contact{background:#F6F2ED}
.phone{display:block;width:fit-content;margin:16px auto 0;color:#0B2D5B;font-size:clamp(18px,2.5vw,25px);font-weight:600;letter-spacing:.025em;border-bottom:1px solid #C9B8A7;padding-bottom:4px}
.phone:hover{color:#8e6c55}
@media(max-width:760px){.hero{background-position:58% center}.hero-pattern{background:linear-gradient(90deg,rgba(14,26,41,.87),rgba(29,37,45,.58))}}

/* V4 — approved navy gradient over existing Amman hero photo */
.hero{background-color:#0B2D5B;}
.hero-pattern{background:linear-gradient(105deg,rgba(5,20,43,.96) 0%,rgba(11,45,91,.90) 33%,rgba(11,45,91,.67) 65%,rgba(11,45,91,.32) 100%);opacity:1;}
@media(max-width:760px){.hero-pattern{background:linear-gradient(100deg,rgba(5,20,43,.94) 0%,rgba(11,45,91,.80) 65%,rgba(11,45,91,.58) 100%);}}

/* V5: Petra Treasury photograph with the approved navy gradient retained */
.hero{background-image:url("https://commons.wikimedia.org/wiki/Special:FilePath/The_Treasury_(Al_Khazneh),_Petra.jpg?width=1920");background-position:center 48%;background-size:cover;}
@media(max-width:760px){.hero{background-position:63% center;}}

/* V7 — refined off-white navigation, approved Petra hero retained */
.header{background:rgba(250,250,247,.98);border-bottom:1px solid rgba(201,184,167,.65)}
.header nav a:not(.nav-contact){color:#0B2D5B;position:relative;transition:color .2s ease}
.header nav a:not(.nav-contact)::after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:2px;background:#C9B8A7;transition:right .2s ease}
.header nav a:not(.nav-contact):hover::after,.header nav a:not(.nav-contact):focus-visible::after{right:0}
.header .nav-contact{background:#0B2D5B;color:#FAFAF7;border:1px solid #0B2D5B;border-radius:3px;transition:background .2s ease,color .2s ease}
.header .nav-contact:hover,.header .nav-contact:focus-visible{background:#173e70;color:#FAFAF7}
@media(max-width:760px){.header nav{background:#FAFAF7;border-bottom:1px solid #C9B8A7}.header .nav-contact{text-align:center}}
@media(prefers-reduced-motion:reduce){.header nav a:not(.nav-contact)::after{transition:none}}

/* V8 — approved navigation preserved; navy About section and modern Amman photo */
.intro{background:#0B2D5B;color:#FAFAF7}
.intro .two-col{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);column-gap:70px;row-gap:24px;align-items:start}
.intro .two-col>div:first-child{grid-column:1;grid-row:1}
.intro .prose{grid-column:1;grid-row:2;padding-top:0}
.intro h2{color:#FAFAF7;font-family:Montserrat,Arial,sans-serif;font-weight:500;letter-spacing:-.045em;font-size:clamp(34px,3.7vw,56px)}
.intro h2 em{color:#C9B8A7;font-style:normal}
.intro .eyebrow{color:#C9B8A7}
.intro .prose p,.intro .prose .lead{color:#E8E8EC}
.intro .inline-link{color:#FAFAF7;border-color:#C9B8A7}
.intro .inline-link:hover{color:#C9B8A7}
.about-photo{grid-column:2;grid-row:1/span 2;margin:0;position:relative;align-self:stretch;min-height:420px;border:1px solid rgba(201,184,167,.72);border-radius:5px;overflow:hidden;background:#284463}
.about-photo img{display:block;width:100%;height:100%;min-height:420px;position:absolute;inset:0;object-fit:cover;object-position:center}
.about-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(5,20,43,.8));padding:35px 22px 18px;color:#FAFAF7;font-size:10px;letter-spacing:.18em;font-weight:600}
@media(max-width:760px){.intro .two-col{grid-template-columns:1fr;gap:20px}.intro .two-col>div:first-child,.intro .prose,.about-photo{grid-column:1;grid-row:auto}.about-photo{min-height:310px;margin-top:12px}.about-photo img{min-height:310px}}

/* V9 — animated partnership roadmap */
.roadmap{position:relative;margin-top:70px;--roadmap-fill:0%;}
.roadmap-track{position:absolute;left:calc(100% / 6);right:calc(100% / 6);top:25px;height:3px;background:#d5cbc0;overflow:hidden;border-radius:4px}
.roadmap-progress{height:100%;width:var(--roadmap-fill);background:linear-gradient(90deg,#0B2D5B,#C9B8A7);transition:width 1.65s cubic-bezier(.2,.7,.2,1)}
.roadmap-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.roadmap-stage{position:relative;opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
.roadmap.is-visible .roadmap-stage{opacity:1;transform:translateY(0)}
.roadmap.is-visible .roadmap-stage:nth-child(2){transition-delay:.45s}.roadmap.is-visible .roadmap-stage:nth-child(3){transition-delay:.95s}
.roadmap-node{position:relative;z-index:1;width:52px;height:52px;margin:0 auto 26px;border-radius:50%;background:#0B2D5B;border:3px solid #C9B8A7;color:#FAFAF7;display:grid;place-items:center;font-size:12px;font-weight:700;box-shadow:0 0 0 7px #EDE7DF}
.roadmap-card{height:100%;padding:30px 27px 32px;background:#FAFAF7;border:1px solid #ded6cd;border-radius:7px;box-shadow:0 14px 30px rgba(11,45,91,.045)}
.roadmap-icon{font-size:26px;line-height:1;color:#a18b78}
.roadmap-card h3{font-family:Montserrat,Arial,sans-serif;font-size:25px;letter-spacing:-.025em;font-weight:600;color:#0B2D5B;margin:18px 0 10px}
.roadmap-card p{font-size:13px;color:#5e6064;margin:0;line-height:1.85}
@media(max-width:760px){.roadmap{margin-top:42px}.roadmap-track{left:25px;right:auto;top:25px;bottom:35px;width:3px;height:auto}.roadmap-progress{width:100%;height:var(--roadmap-fill);transition:height 1.65s cubic-bezier(.2,.7,.2,1)}.roadmap-stages{grid-template-columns:1fr;gap:22px}.roadmap-stage{display:grid;grid-template-columns:52px minmax(0,1fr);gap:20px}.roadmap-node{margin:0}.roadmap-card{padding:23px 21px}.roadmap-card h3{font-size:23px}}
@media(prefers-reduced-motion:reduce){.roadmap-stage{opacity:1;transform:none;transition:none}.roadmap-progress{transition:none}}

/* V10 — approved roadmap symbols, Global Connections partnerships, and contact details */
.roadmap-icon{display:flex;align-items:center;color:#0B2D5B;height:34px}
.roadmap-icon .line-icon{width:34px;height:34px}
.partnerships{position:relative;isolation:isolate;background:#FAFAF7;color:#0B2D5B;overflow:hidden}
.partnerships::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.24;background-image:url('assets/global-connections.svg');background-size:cover;background-position:center}
.partnerships h2{color:#0B2D5B}.partnerships h2 em{color:#987b64}
.partnership-grid p{color:#4f5963}.partnerships .eyebrow.light{color:#8c735f}
.partnership-button{background:#0B2D5B;color:#FAFAF7}.partnership-button:hover{background:#194474}
.contact-links{display:flex;flex-direction:column;align-items:center;gap:15px;margin-top:30px}
.contact-method{display:flex;align-items:center;text-align:left;gap:16px;width:min(100%,390px);padding:14px 17px;background:#FAFAF7;border:1px solid #ded9d2;border-radius:8px;transition:border-color .2s,transform .2s}
.contact-method:hover{border-color:#C9B8A7;transform:translateY(-2px)}
.contact-icon{display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;background:#E8E8EC;border-radius:8px;color:#0B2D5B}
.contact-method small{display:block;font:500 11px Montserrat,Arial,sans-serif;color:#7c7c7c;margin-bottom:3px}
.contact-method strong{display:block;font:600 clamp(13px,2.7vw,16px) Montserrat,Arial,sans-serif;color:#0B2D5B;overflow-wrap:anywhere}
@media(max-width:760px){.partnerships::before{background-position:65% center}.contact-method{gap:12px;padding:12px}.contact-icon{width:46px;height:46px;flex-basis:46px}}
@media(prefers-reduced-motion:reduce){.contact-method{transition:none}}


/* Version 11: approved Executive Navy Gradient and elegant, accessible motion */
.intro{background:linear-gradient(125deg,#071A33 0%,#0B2D5B 62%,#365579 100%);}
.intro .eyebrow{position:relative;padding-left:14px;}
.intro .eyebrow::before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:2px;background:#C9B8A7;}
/* Fade photo into the section on left and bottom without changing the photo itself. */
.about-photo{border:0;background:transparent;border-radius:0;overflow:hidden;isolation:isolate;}
.about-photo img{mask-image:linear-gradient(to right,transparent 0%,#000 23%,#000 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 23%,#000 100%);}
.about-photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(11,45,91,.92) 0%,transparent 37%);z-index:1;}
.about-photo figcaption{z-index:2;background:none;}
/* Keep the original photograph in the hero as a fallback; animate a separate layer. */
.hero::before{content:"";position:absolute;inset:-2%;background:url("https://commons.wikimedia.org/wiki/Special:FilePath/The_Treasury_(Al_Khazneh),_Petra.jpg?width=1920") center 48%/cover no-repeat;animation:petra-cinematic 15s ease-out both;will-change:transform;}
.hero-pattern{z-index:1;}.hero-inner{z-index:2;}
@keyframes petra-cinematic{from{transform:scale(1)}to{transform:scale(1.03)}}
.hero-reveal{animation:hero-enter .85s cubic-bezier(.2,.65,.2,1) both;}
.hero-reveal-two{animation-delay:.22s}.hero-reveal-three{animation-delay:.43s}
@keyframes hero-enter{from{opacity:0;transform:translateY(19px)}to{opacity:1;transform:translateY(0)}}
.js-motion .scroll-reveal,.js-motion .reveal-photo{opacity:0;transform:translateY(18px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1);}
.js-motion .scroll-reveal.is-revealed,.js-motion .reveal-photo.is-revealed{opacity:1;transform:translateY(0);}
.js-motion .reveal-photo{transition-duration:1s;}
.button,.header .nav-contact,.contact-method{transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease,border-color .25s ease;}
.button:hover,.button:focus-visible,.header .nav-contact:hover,.header .nav-contact:focus-visible{transform:translateY(-3px);box-shadow:0 9px 20px rgba(11,45,91,.16);}
.button.sand:hover,.button.sand:focus-visible{background:#e5d5c5;}
.partnership-button:hover,.partnership-button:focus-visible{background:#173e70;}
.scroll-cue{display:flex;align-items:center;gap:16px;margin-top:60px;width:max-content;color:#FAFAF7;font-size:9px;letter-spacing:.18em;font-weight:600;opacity:.86;}
.scroll-cue-line{height:34px;width:1px;position:relative;overflow:hidden;background:rgba(250,250,247,.24);}
.scroll-cue-line::after{content:"";position:absolute;left:0;top:-40%;height:40%;width:1px;background:#C9B8A7;animation:scroll-flow 2.2s ease-in-out infinite;}
@keyframes scroll-flow{to{top:110%;}}
.hero-bottom{margin-top:24px;}
@media(max-width:760px){.scroll-cue{margin-top:40px}.hero-bottom{margin-top:20px}.about-photo img{mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%);}}
@media(prefers-reduced-motion:reduce){.hero::before,.hero-reveal,.scroll-cue-line::after{animation:none!important}.js-motion .scroll-reveal,.js-motion .reveal-photo{opacity:1!important;transform:none!important;transition:none!important}.button,.header .nav-contact,.contact-method{transition:none!important;transform:none!important}}

/* Version 12: unified navigation surface and typographic SVG arrows */
.header, .header .nav, .header nav {background-color:#FAFAF7;}
.link-arrow{display:inline-block;vertical-align:middle;flex:none;color:inherit;stroke:currentColor;transform:translateY(-1px);}
.button .link-arrow,.nav-contact .link-arrow,.inline-link .link-arrow{margin-left:5px;}
@media(max-width:760px){.header,.header .nav,.header nav,.header nav.open{background:#FAFAF7!important;}.header .menu{background:transparent;color:#0B2D5B;}.header .menu span{background:#0B2D5B;}}