@import url('https://fonts.googleapis.com/css2?family=Amiri:wght@400;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--ink:#f7efe2;--muted:#d4c5b2;--sand:#d8b277;--red:#aa493b;--panel:#261d1c;--line:#ffffff25}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#171917;color:var(--ink);font-family:'IBM Plex Sans Arabic',sans-serif}button,a{font:inherit;outline-offset:3px}a{color:inherit}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px clamp(18px,4vw,60px);border-bottom:1px solid var(--line);background:#17201d}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 26px 'Amiri',serif}.brand img{width:48px;height:48px;object-fit:contain}.brand small{display:block;color:var(--muted);font:12px 'IBM Plex Sans Arabic',sans-serif}.topbar nav{display:flex;gap:8px;flex-wrap:wrap}.topbar nav a{padding:8px 14px;border:1px solid var(--line);border-radius:99px;text-decoration:none;font-size:13px}.topbar nav a:hover,.topbar nav a:focus-visible{border-color:var(--sand);color:var(--sand)}main{width:min(1500px,100%);margin:auto;padding:0 clamp(16px,3vw,46px) 64px}.hero{display:grid;grid-template-columns:1fr minmax(280px,.85fr);min-height:350px;overflow:hidden;background:linear-gradient(125deg,#27352d,#49302a 72%,#8f523e);border-radius:0 0 24px 24px}.hero-copy{position:relative;z-index:1;padding:clamp(30px,5vw,70px)}.kicker{margin:0 0 10px;color:var(--sand);font-size:11px;font-weight:700;letter-spacing:.16em}.hero h1{margin:0 0 16px;font:700 clamp(44px,5vw,76px)/1.12 'Amiri',serif}.hero h1 em{display:block;color:#f1c590;font-style:normal}.hero-copy>p:not(.kicker){max-width:570px;line-height:1.9;color:#f1e3d2}.start-link{display:inline-flex;align-items:center;gap:12px;margin-top:16px;padding:11px 20px;background:#f0c688;border-radius:999px;color:#291c19;font-weight:700;text-decoration:none}.start-link:hover{background:#fff0cf}.hero-art{position:relative;min-height:300px;overflow:hidden;background:radial-gradient(circle at 57% 37%,#f8ca89 0 8%,transparent 9%),linear-gradient(160deg,#a55942,#bd8660 48%,#5d3931)}.sun{position:absolute;top:15%;left:43%;width:95px;height:95px;border-radius:50%;background:#f6dba9;box-shadow:0 0 70px #ffd59a90}.dune{position:absolute;inset-inline:-12%;bottom:-22%;height:57%;border-radius:50% 50% 0 0;background:#a2523d;transform:rotate(-9deg)}.dune-two{bottom:-36%;background:#6b3a32;transform:rotate(11deg)}.petra-cut{position:absolute;bottom:20%;left:36%;width:28%;height:43%;border:12px solid #4a2d2a;border-bottom-width:30px;border-radius:45% 45% 2px 2px;box-shadow:0 0 0 14px #8a4c3c,0 0 0 25px #5b332e}.petra-cut:after{content:'';position:absolute;inset:40% 25% -30px;border:7px solid #4a2d2a;border-bottom:0;border-radius:50% 50% 0 0}.art-caption{position:absolute;bottom:20px;inset-inline-end:24px;color:#ffe1bd;font-size:10px;letter-spacing:.2em}.journey{padding-top:40px;scroll-margin-top:16px}.journey-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.journey-heading h2{margin:0;font:700 clamp(28px,3vw,42px) 'Amiri',serif}.journey-heading>p{max-width:340px;color:var(--muted);font-size:12px;line-height:1.7}.journey-grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(340px,.87fr);gap:18px;align-items:start}.map-wrap,.story-wrap{border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden}.map-top{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 16px;color:var(--sand);font-weight:700}.map-top button,.journey-controls button{border:1px solid var(--sand);border-radius:99px;padding:7px 12px;background:transparent;color:var(--ink);cursor:pointer;font-size:12px}.map-top button:hover,.journey-controls button:hover:not(:disabled){background:var(--sand);color:#271d1a}#jordan-map{height:min(68vh,660px);min-height:440px;background:#312b27}#map-status{margin:0;padding:0 16px;color:var(--muted);font-size:12px}#map-status:not(:empty){padding-block:10px}.route-list{display:flex;gap:7px;overflow-x:auto;list-style:none;margin:0;padding:15px;border-bottom:1px solid var(--line);scrollbar-width:thin}.route-list li{flex:0 0 auto}.route-list button{display:flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid var(--line);border-radius:99px;background:#3d2b27;color:var(--muted);cursor:pointer;white-space:nowrap;font-size:12px}.route-list button[aria-current="step"]{background:#dfb77b;border-color:#dfb77b;color:#2d211d;font-weight:700}.route-list .number{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#ffffff24;font-size:10px}.story-card{padding:clamp(20px,3vw,36px);min-height:360px;background:radial-gradient(circle at 90% 0%,#70402f75,transparent 42%)}.story-card .chapter{color:var(--sand);font-size:12px;letter-spacing:.1em}.story-card h3{font:700 clamp(34px,3.5vw,51px) 'Amiri',serif;margin:6px 0 0}.story-card .landmark{color:#edbd80;font-weight:700}.story-card p{line-height:1.9;color:#e4d6c6}.story-card .bridge{padding-block:14px;border-top:1px solid var(--line);color:#eed5b2}.story-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.story-links a{padding:9px 12px;border:1px solid #b28a68;border-radius:10px;text-decoration:none;color:#f4d2a4;font-size:12px}.story-links a:hover{background:#b28a6833}.journey-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px 16px;border-top:1px solid var(--line)}.journey-controls button:disabled{opacity:.4;cursor:default}.journey-controls span{font-size:12px;color:var(--muted)}.stop-pin{width:34px;height:34px;border:2px solid #f1cf9a;border-radius:50%;background:#6b342b;color:#fff;box-shadow:0 3px 14px #000a;cursor:pointer;font-weight:700}.stop-pin.active,.stop-pin:hover{background:#f3c78c;color:#241b19;transform:scale(1.16)}.maplibregl-popup-content{background:#2c2220;color:#fff;border:1px solid #d7ad77;border-radius:9px;font:13px 'IBM Plex Sans Arabic',sans-serif}.maplibregl-popup-tip{border-top-color:#2c2220!important}footer{display:flex;justify-content:space-between;gap:16px;padding:20px clamp(18px,4vw,60px);border-top:1px solid var(--line);color:var(--muted);font-size:11px}@media(max-width:900px){.journey-grid{grid-template-columns:1fr}.journey-heading{align-items:start;flex-direction:column}.journey-heading>p{margin:0}.story-card{min-height:0}#jordan-map{height:430px;min-height:0}}@media(max-width:600px){.topbar{align-items:start;flex-direction:column}.topbar nav a{padding:6px 10px;font-size:11px}.hero{grid-template-columns:1fr}.hero-copy{padding:30px 24px}.hero h1{font-size:43px}.hero-art{min-height:150px}.hero-art .petra-cut{height:65%;bottom:10%}.journey{padding-top:25px}.journey-heading h2{font-size:29px}#jordan-map{height:340px}.route-list{padding:10px}.story-card{padding:21px}.story-card h3{font-size:39px}footer{display:block}footer span{display:block;margin-top:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stop-pin{transition:none}}

.hero-art .petra-scene{position:absolute;z-index:1;left:14%;bottom:9%;width:73%;height:67%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 13px 8px #492c2b55)}
@media(max-width:600px){.hero-art .petra-scene{left:28%;bottom:-15%;width:52%;height:120%}}