/* A chapter has time for arrival, reading, and an unobstructed landscape. */
.l8-map-page section{min-height:285vh;align-items:flex-start;padding:28vh 8vw 92vh;gap:24px}
.l8-map-page section:first-child{padding-top:22vh;min-height:210vh}
.l8-map-page section:last-child{min-height:180vh;padding-bottom:30vh}
.l8-map-page .card{position:sticky;top:100px;max-width:470px;background:linear-gradient(145deg,#171d27ed,#0c101be0);border-color:#e8b87344;box-shadow:0 24px 90px #0007;opacity:1;transform:none}
.l8-map-page .card::after{animation:none;background:none}
.l8-map-page .card::before{border-color:#e8b87315}
.l8-map-page section.right{padding-right:12vw}
.l8-map-page .card h2{font-size:clamp(2.2rem,4vw,3.4rem)}
.l8-map-page .card p{font-size:.94rem;line-height:1.75}
.l8-map-page .card .arabic-copy{font-size:1.08rem}
.chapter-number{display:block;font-size:10px;letter-spacing:.23em;color:var(--gold);text-transform:uppercase;margin:0 0 20px}
.chapter-number::after{content:'';display:inline-block;vertical-align:middle;width:40px;height:1px;background:#e8b87366;margin-left:12px}
.landscape-note{position:absolute;bottom:52vh;left:9vw;max-width:400px;pointer-events:none;text-shadow:0 2px 18px #000}
.landscape-note span{display:block;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.landscape-note strong{font:italic 400 clamp(2rem,4vw,3.8rem)/1.15 var(--disp);color:#f1e3c9}
.l8-map-page #journey{pointer-events:auto;mix-blend-mode:normal;right:20px;gap:12px;align-items:center;padding:14px 7px;border:1px solid #e8b87325;border-radius:60px;background:#0e111ad9;backdrop-filter:blur(12px)}
.l8-map-page #journey .chapter{display:none}
#track{display:none}
#route-overview{width:45px;height:95px;overflow:visible}
#route-overview .land{fill:#26352e;stroke:#c6b083;stroke-width:1.2}
#route-overview .trail{fill:none;stroke:#e8b873;stroke-width:1.2;stroke-dasharray:2 3}
#route-overview circle{fill:#ffe3ae;filter:drop-shadow(0 0 3px #e8b873)}
.route-stops{display:flex;flex-direction:column;gap:0}
.route-stop{position:relative;width:36px;height:34px;border:0;color:#d6c5a6;background:transparent;cursor:pointer;display:grid;place-items:center;text-decoration:none}
.route-stop::before{content:'';width:5px;height:5px;border:1px solid #e8b87377;border-radius:50%;transition:background .2s,box-shadow .2s}
.route-stop[aria-current=step]::before{background:var(--gold);box-shadow:0 0 0 4px #e8b87325,0 0 18px #e8b873;width:7px;height:7px}
.route-stop span{position:absolute;right:49px;background:#10151ff5;border:1px solid #e8b87344;padding:9px 13px;white-space:nowrap;opacity:0;pointer-events:none;font:11px var(--body);letter-spacing:.05em}
.route-stop:hover span,.route-stop:focus-visible span{opacity:1}
.route-stop:focus-visible{outline:2px solid var(--gold);outline-offset:0;border-radius:20px}
#journey-status{position:fixed;left:50%;bottom:26px;transform:translateX(-50%);z-index:10;text-align:center;pointer-events:none;background:#0e111acc;padding:9px 20px;border-radius:30px;border:1px solid #e8b87325}
#journey-status b{font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:var(--gold)}
#journey-status small{display:block;font-size:9px;color:#d0c5b3;margin-top:5px;letter-spacing:.08em}
.scenery-key{font-size:9px!important;letter-spacing:.09em;color:#b7ad98!important;margin-top:22px!important;padding-top:12px;border-top:1px solid #e8b87322}
@media(min-width:1000px) and (max-height:860px){.l8-map-page .card{max-width:540px;padding:24px 28px}.l8-map-page .card p{font-size:.85rem;line-height:1.55}.l8-map-page .card .arabic-copy{font-size:.95rem;margin-top:12px;padding-top:10px}.chapter-number{margin-bottom:12px}}
@media(max-width:780px){.l8-map-page section{min-height:260svh;padding:28svh 22px 95svh}.l8-map-page section.right{padding-right:22px}.l8-map-page section:first-child{min-height:210svh;padding-top:22svh}.l8-map-page .card{position:relative;top:auto;max-width:100%;padding:25px;background:linear-gradient(145deg,#171d27ed,#0c101be8)}.l8-map-page .card p{font-size:.9rem}.l8-map-page #journey{top:auto;bottom:82px;right:auto;left:50%;transform:translateX(-50%);padding:2px 9px;border-radius:30px}#route-overview{display:none}.route-stops{flex-direction:row}.route-stop{width:30px;height:36px}.route-stop span{right:auto;bottom:44px}.landscape-note{left:24px;right:24px;bottom:38svh;max-width:290px}#journey-status{bottom:131px;max-width:90%;width:max-content;padding:7px 15px}#journey-status small{display:none}.l8-map-page .hint{bottom:180px}}
@media(max-height:650px){.l8-map-page .card{position:relative;top:auto}}
@media(prefers-reduced-motion:reduce){.l8-map-page section{min-height:160vh}.l8-map-page .card{position:relative;top:auto}.landscape-note{bottom:16vh}.route-stop::before{transition:none}}
@media(min-width:1000px){.l8-map-page section:first-child{justify-content:flex-start;text-align:left}.l8-map-page section:first-child .card{max-width:500px}.l8-map-page section:first-child .arabic-copy{text-align:right}}
@media(max-width:780px){.l8-map-page #journey{top:72px;bottom:auto}.route-stop span{bottom:auto;top:43px}#journey-status{display:none}.l8-map-page .hint{bottom:115px}.l8-map-page .card{scroll-margin-top:135px}}
/* Photographic chapters: read, see the place, then return to the landscape. */
#scene,#labels{transform:translateX(var(--map-shift,0px));transition:transform 1.2s cubic-bezier(.22,.61,.36,1)}
.l8-map-page section[data-photo]{display:block;min-height:360vh;padding-bottom:98vh}
.story-panel{min-height:112vh;position:relative;width:100%;text-align:left}
.story-panel .card{margin-right:auto}
section.right .story-panel .card{margin-left:auto;margin-right:0}
section.center .story-panel .card{max-width:470px;text-align:left}
.photo-moment{width:min(58vw,800px);margin:20vh 0 0;position:relative;text-align:left}
section.right .photo-moment{margin-left:auto}
.photo-heading{padding-bottom:22px;text-shadow:0 2px 24px #000}
.photo-heading>span{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.photo-heading h3{font:400 clamp(2.2rem,4vw,4rem)/1.05 var(--disp);margin:10px 0 0;color:#f4e8d2}
.photo-open{display:block;position:relative;border:1px solid #dfcba14d;box-shadow:0 20px 70px #0008;background:#17202a;overflow:hidden}
.photo-open img{display:block;width:100%;height:clamp(280px,48vh,580px);object-fit:cover;object-position:center 60%}
.photo-open>span{position:absolute;bottom:16px;right:16px;padding:9px 12px;background:#0e111acf;border:1px solid #f3e7ce55;color:#fff1d8;font:10px var(--body);letter-spacing:.08em}
.photo-open:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.photo-moment figcaption{padding:17px 18px;background:#10151eef;border:1px solid #e8b87325;border-top:0}
.photo-moment figcaption strong{display:block;font-size:12px;font-weight:500;color:#f4e8d2;letter-spacing:.03em}
.photo-moment figcaption>span{display:block;margin-top:8px;font-size:10px;line-height:1.7;color:#b7b3a8}
.photo-moment a,.scenery-key a{color:inherit;text-underline-offset:3px}
.l8-map-page section[data-photo] .landscape-note{bottom:34vh}
@media(max-width:900px){#scene,#labels{transform:none!important}.l8-map-page section[data-photo]{min-height:390svh;padding-bottom:110svh}.story-panel{min-height:120svh}.story-panel .card{position:relative;top:auto}.photo-moment{width:100%;margin-top:16svh}.photo-open img{height:38svh;min-height:260px}.photo-heading h3{font-size:2.5rem}.photo-moment figcaption{padding:15px}.photo-moment figcaption>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){#scene,#labels{transition:none}.l8-map-page section[data-photo]{min-height:0;padding-bottom:65vh}.story-panel{min-height:0}.photo-moment{margin-top:15vh}.l8-map-page section[data-photo] .landscape-note{bottom:18vh}}
@font-face{font-family:Libr8Display;src:url('/fonts/norwester.otf') format('opentype');font-display:swap}