.baba{position:absolute;right:14%;bottom:-12px;height:min(78svh,720px);margin:0;pointer-events:none;z-index:3;transition:opacity .35s ease;filter:drop-shadow(0 15px 22px #06100980)}.baba img{height:100%;width:auto;display:block;mask-image:linear-gradient(#000 0%,#000 87%,transparent 100%)}.baba figcaption{position:absolute;bottom:32px;right:0;text-align:right;font:400 24px Georgia,serif;color:#f3e6ca;text-shadow:0 2px 10px #000}.baba figcaption span{display:block;font:10px Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#e7dcc5;margin-top:6px}.is-travelling .baba{opacity:0}#experience[data-scene="F0"] .context{display:none}#experience[data-scene="F0"] .look-hint{display:none}#welcome{background:linear-gradient(90deg,#08140deb 0%,#08140dad 40%,#08140d18 75%);backdrop-filter:none;place-items:center start}#welcome .welcome-card{width:46vw;max-width:580px;text-align:left;padding:50px 50px 50px 70px}#welcome .welcome-card h2{font-size:clamp(42px,4.5vw,65px)}#welcome .welcome-card p{max-width:340px}#welcome .text-button{margin:18px 0 0}#welcome .primary{margin-top:16px}#welcome .primary span{font-size:9px;margin-left:18px}.welcome-card .overline{color:#e1bd7d}#baba-actions{position:absolute;left:55px;bottom:80px;z-index:9}#baba-actions .primary{font-size:12px}#experience[data-scene="F0"] #caption{bottom:105px;left:55px;transform:none;max-width:430px;font-size:15px;text-align:left}#experience[data-scene="F0"] #stop-voice{left:55px;bottom:190px;transform:none}#experience[data-scene="F0"] .baba-actions-speaking #continue-journey{background:#13241be6;color:#f2dfb8;border-color:#bca777}
#signpost{position:absolute;z-index:4;pointer-events:none;width:245px;height:318px;transform:translate(-50%,-100%);filter:drop-shadow(8px 12px 8px #06110990)}#signpost p{position:absolute;top:-16px;left:40px;margin:0;color:#f3e3c0;text-shadow:0 2px 5px #000;font-size:9px;letter-spacing:.2em;text-transform:uppercase}.signpost-pole{position:absolute;left:115px;top:10px;bottom:0;width:19px;transform:rotate(-1deg);background:repeating-linear-gradient(92deg,#2b1b10 0px,#61442a 3px,#402917 6px,#785334 9px);border-left:1px solid #9d784b;box-shadow:3px 0 4px #0008}.wood-arrow{pointer-events:auto;position:absolute;left:6px;width:224px;height:49px;padding:7px 24px;border:0;display:block;text-align:center;font:400 18px Georgia,serif;letter-spacing:.01em;color:#faeacb;background:repeating-linear-gradient(3deg,#51351f 0px,#543820 3px,#69482b 4px,#49301e 7px);text-shadow:0 1px 2px #150b06;box-shadow:inset 0 1px #ae8654,inset 0 -2px #25170b;transition:filter .2s}.wood-arrow.left{clip-path:polygon(0 50%,13% 0,100% 0,98% 100%,13% 100%);padding-left:35px}.wood-arrow.right{clip-path:polygon(0 0,87% 0,100% 50%,87% 100%,0 100%);padding-right:35px}.wood-arrow:after{content:'•';position:absolute;left:112px;top:18px;color:#c2a47b;font-size:9px;opacity:.6}.wood-arrow span{display:block;font:8px Arial,sans-serif;color:#ddc9a5;letter-spacing:.08em;margin-top:3px}.wood-arrow:nth-of-type(1){top:15px;transform:rotate(-3deg)}.wood-arrow:nth-of-type(2){top:72px;transform:rotate(-1deg)}.wood-arrow:nth-of-type(3){top:129px;transform:rotate(2deg)}.wood-arrow:nth-of-type(4){top:186px;transform:rotate(1deg)}.wood-arrow:hover,.wood-arrow:focus-visible{filter:brightness(1.32);outline:2px solid #f6d99f;outline-offset:2px}#travel-light{mix-blend-mode:normal;background:#102318;z-index:5}.is-travelling #paths,.is-travelling #signpost{visibility:hidden}.path .label,.path:not(.discovered) .label{opacity:1}.path .mark{width:13px;height:13px;background:#30422ad9;border-color:#e8c384}.path.discovery .detail{opacity:.85}.context p{max-width:400px}.look-hint{font-size:10px}
@media(max-width:650px){.baba{right:-20px;bottom:115px;height:55svh;max-height:520px;opacity:.95}.baba figcaption{right:28px;bottom:24px;font-size:20px}.baba figcaption span{font-size:8px}#welcome{background:linear-gradient(0deg,#08140dfa 0%,#08140dcc 34%,#08140d10 70%);place-items:end start}#welcome .welcome-card{width:100%;max-width:none;padding:28px 25px 38px;text-align:left}#welcome .welcome-card h2{font-size:38px;line-height:1;max-width:230px;margin:0 0 14px}#welcome .welcome-card h2 br:first-of-type{display:none}#welcome .welcome-card p{font-size:12px;max-width:220px;margin:0 0 14px}#welcome .overline{margin-bottom:12px;font-size:8px}#welcome .primary{margin-top:4px;padding:13px 20px}#welcome .text-button{margin-top:13px;font-size:10px}#baba-actions{left:24px;bottom:34px}#experience[data-scene="F0"] #caption{left:18px;right:18px;bottom:108px;max-width:calc(100% - 36px);font-size:13px;background:#0b160deb}#experience[data-scene="F0"] #stop-voice{left:auto;right:18px;bottom:76px;font-size:9px;padding:7px 10px}#signpost{width:215px;height:284px}.signpost-pole{left:103px;width:17px}.wood-arrow{width:205px;height:45px;font-size:16px}.wood-arrow:after{left:100px;top:16px}.wood-arrow:nth-of-type(1){top:13px}.wood-arrow:nth-of-type(2){top:65px}.wood-arrow:nth-of-type(3){top:117px}.wood-arrow:nth-of-type(4){top:169px}#signpost p{left:35px;font-size:8px}.context{bottom:69px;max-width:310px}.context h1{font-size:31px}.context p{font-size:11px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.baba,.wood-arrow{transition:none}}

#experience[data-scene='F0'] #caption{bottom:155px}#experience[data-scene='F0'] #stop-voice{bottom:34px}@media(max-width:650px){#experience[data-scene='F0'] #caption{bottom:155px}#experience[data-scene='F0'] #stop-voice{bottom:90px}}

@media(max-width:650px){#welcome .welcome-card h2{font-size:34px;line-height:1.08;max-width:330px}#welcome .welcome-card h2 br:first-of-type{display:inline}.baba{bottom:275px;height:52svh}}

/* Direction signs are scenery; the country landmarks are the interactive targets. */
#signpost{width:190px;height:260px;pointer-events:none;filter:drop-shadow(5px 9px 5px #06110980);transition:none}#signpost p{left:15px;top:-7px;font-size:7px}.signpost-pole{left:89px;top:15px;width:15px}.wood-arrow{pointer-events:none;width:180px;height:40px;left:0;padding:6px 17px;font-size:15px;cursor:default}.wood-arrow span{font-size:7px;margin-top:2px}.wood-arrow:after{left:88px;top:14px}.wood-arrow:nth-of-type(1){top:15px;transform:rotate(-3deg)}.wood-arrow:nth-of-type(2){top:62px;transform:rotate(-1deg)}.wood-arrow:nth-of-type(3){top:109px;transform:rotate(2deg)}.wood-arrow:nth-of-type(4){top:156px;transform:rotate(1deg)}.wood-arrow:hover{filter:none;outline:none}.country-hotspot{min-width:125px;padding:12px 15px;z-index:4}.country-hotspot .mark{width:28px;height:28px;border-radius:50%;transform:none;background:#dfba7822;border:1px solid #f0d5a4;box-shadow:0 0 0 7px #e1c28a16,0 0 26px #e1c28a55;position:relative;margin-bottom:13px}.country-hotspot .mark:after{content:'+';position:absolute;inset:0;display:grid;place-items:center;font:18px Georgia,serif;color:#f1dba9}.country-hotspot .label{font-size:21px;letter-spacing:.02em}.country-hotspot .detail{opacity:1!important;font-size:8px;margin-top:6px;background:#102318c9;padding:5px 7px;border-radius:12px;letter-spacing:.04em}.country-hotspot:hover .mark,.country-hotspot:focus-visible .mark{background:#b7975355;box-shadow:0 0 0 10px #e1c28a1f,0 0 30px #e1c28a80}.landmark-preview{position:absolute;left:50%;top:100%;transform:translate(-50%,5px);border-radius:30px 30px 3px 3px;border:1px solid #dfba7877;opacity:0;pointer-events:none;object-fit:cover;transition:opacity .25s;width:96px;height:48px}.discovered:hover .landmark-preview,.discovered:focus-visible .landmark-preview{opacity:1}#country-preview{padding:0;max-width:610px;overflow:auto;background:#11221c;border-radius:5px;box-shadow:0 30px 90px #0009}#country-close{position:absolute;right:15px;top:15px;border:1px solid #dfba7866;background:#102017ee;color:#eee1c3;padding:9px 13px;z-index:2;font-size:11px}#country-image{display:block;width:100%;height:190px;object-fit:cover}.country-body{padding:25px 30px 30px}.country-body .overline{font-size:8px;margin:0 0 10px;color:#d5b477}.country-body h2{font-size:40px;margin:0 0 15px}.country-body p{font-size:13px;line-height:1.75}.country-body #country-encounters{border-top:1px solid #dfba7833;padding-top:13px;font-size:11px;color:#b9c7b6}.country-body .text-button{margin:12px 0 0}.country-body #country-caption{font-size:11px;line-height:1.7;background:#06150e;padding:12px;color:#e7dec8;border-left:2px solid #d9b877}.country-body #country-stop{display:inline-block;margin-left:18px}#experience:has(#country-preview[open])>#caption,#experience:has(#country-preview[open])>#stop-voice{visibility:hidden}@media(max-width:650px){#signpost{width:165px;height:240px}.signpost-pole{left:78px}.wood-arrow{width:160px;height:37px;font-size:13px}.wood-arrow span{font-size:6px}.wood-arrow:after{left:78px}.wood-arrow:nth-of-type(2){top:58px}.wood-arrow:nth-of-type(3){top:101px}.wood-arrow:nth-of-type(4){top:144px}.country-hotspot .label{font-size:18px}.country-hotspot{min-width:110px}.country-hotspot .mark{width:25px;height:25px}.country-body{padding:23px}.country-body h2{font-size:34px}#country-image{height:150px}}

#experience:not([data-scene="F0"]) #caption{top:100px;bottom:auto;font-size:14px;max-width:min(82vw,680px);padding:10px 16px}#experience:not([data-scene="F0"]) #stop-voice{top:165px;bottom:auto;font-size:10px;padding:7px 11px}@media(max-width:650px){#experience:not([data-scene="F0"]) #caption{top:110px;font-size:12px}#experience:not([data-scene="F0"]) #stop-voice{top:202px}}