
:root{--paper:#eee9de;--ink:#163940;--muted:#63706c;--gold:#a2804c;--line:#173c4328;--glass:#f8f5edec;--serif:Georgia,'Times New Roman',serif;--sans:Arial,'Segoe UI',sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{opacity:.42;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{transition:background .2s,transform .2s}button:hover:not(:disabled){transform:translateY(-1px)}[hidden]{display:none!important}#viewer{position:fixed;inset:0;touch-action:none}canvas{display:block;width:100%;height:100%;outline:none}.topbar{position:absolute;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:24px 4vw;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-size:12px;letter-spacing:2px;line-height:1.5}.brand small{font-size:9px;letter-spacing:2px}.seal{width:44px;height:44px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:18px;letter-spacing:-2px}.languages{display:flex;align-items:center;gap:10px}.languages button{background:none;border:0;padding:9px 2px;font-size:12px}.languages button[aria-pressed=true]{border-bottom:1px solid var(--ink);font-weight:bold}.languages span{opacity:.3}.home-panel{position:absolute;z-index:2;inset:22vh auto auto 7vw;width:370px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.1px;line-height:1.5;color:var(--muted);text-transform:uppercase;margin:0 0 18px}h1{font-family:var(--serif);font-weight:400;font-size:clamp(44px,5.25vw,80px);line-height:.98;letter-spacing:-2px;margin:0 0 22px}h1 em{font-style:italic;font-weight:400;color:var(--gold)}.subtitle{font-size:15px;letter-spacing:.2px}.intro{font-size:14px;line-height:1.65;color:var(--muted);max-width:280px;margin:14px 0 26px}.home-actions{display:flex;flex-direction:column;align-items:stretch;gap:9px;max-width:315px}.primary,.secondary{border:1px solid var(--ink);padding:15px 18px;font-size:10px;font-weight:600;letter-spacing:1px;min-height:45px;background:var(--ink);color:#fff;text-align:center}.primary{display:flex;align-items:center;justify-content:space-between;gap:16px}.primary:hover{background:#245560}.secondary{background:#f3efe57a;color:var(--ink)}.secondary:hover{background:#fff8}.text-button{background:none;border:0;border-bottom:1px solid transparent;padding:11px 0;font-size:10px;letter-spacing:1px}.text-button:hover{border-bottom-color:var(--ink)}.home-actions .text-button{text-align:left;width:max-content;margin-top:6px}.home-caption{position:absolute;bottom:12vh;right:8vw;font-family:var(--serif);font-size:19px;line-height:1.5;color:#4e645f;pointer-events:none}.caption-line{display:block;width:45px;height:1px;background:var(--gold)}.edition{font:9px var(--sans);letter-spacing:2px}.footer{position:fixed;z-index:4;bottom:0;left:0;right:0;padding:16px 4vw;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:9px;letter-spacing:1.3px;pointer-events:none}.footer button{pointer-events:auto;background:none;border:0;font-size:10px;color:inherit}.experience-top{position:absolute;top:95px;left:4vw;display:flex;gap:12px;align-items:center}.pill{font-size:10px;letter-spacing:1.2px;background:#f8f5eac9;border:1px solid var(--line);border-radius:30px;padding:10px 15px}.light-button{background:#f8f5eac9;border:1px solid var(--line);padding:10px 14px;font-size:11px;min-height:40px}.glass{background:var(--glass);border:1px solid #fff8;box-shadow:0 15px 60px #123b4210;backdrop-filter:blur(12px);padding:26px;position:absolute;bottom:72px;left:4vw;width:340px;border-radius:2px}h2{font:normal 29px/1.1 var(--serif);margin:14px 0}.glass p:not(.eyebrow){font-size:13px;line-height:1.7;color:var(--muted)}.panel-top{display:flex;justify-content:space-between;align-items:center}.panel-top .eyebrow{margin:0}.panel-top .text-button{padding:0;font-size:9px}#step-progress{display:flex;gap:4px;margin:16px 0 22px}#step-progress span{height:2px;background:var(--line);flex:1}#step-progress .passed{background:var(--gold)}.tour-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px;border-top:1px solid var(--line);padding-top:18px}.icon-button{background:#f8f5eacc;border:1px solid var(--line);height:40px;min-width:40px;font-size:20px}.small{font-size:10px!important}#exit-tour{display:block;width:100%;margin-top:10px}#tour-end .secondary,#tour-end .primary{width:100%;margin:8px 0}.view-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.view-buttons button{background:transparent;border:1px solid var(--line);padding:13px 8px;font-size:11px}.view-buttons button:hover{background:#fff}.viewer-tools{position:absolute;right:4vw;bottom:72px;display:flex;gap:8px;align-items:center}#walk-pad{position:absolute;right:4vw;bottom:130px;text-align:center}#walk-pad button{background:#f8f5ead9;border:1px solid var(--line);width:42px;height:42px;margin:2px;font-size:20px}#status{position:absolute;bottom:42px;left:50%;transform:translateX(-50%);font-size:11px;background:#f8f5ead9;padding:6px 12px;max-width:80%;text-align:center}#status:empty{display:none}#hotspots{position:absolute;inset:0;pointer-events:none;z-index:1}.hotspot{position:absolute;top:0;left:0;pointer-events:auto;border:1px solid #fff;border-radius:50%;background:var(--ink);color:white;width:32px;height:32px;box-shadow:0 2px 10px #0002;font-size:12px;display:grid;place-items:center}.hotspot:after{content:attr(aria-label);position:absolute;top:50%;left:40px;transform:translateY(-50%);white-space:nowrap;padding:7px 10px;color:var(--ink);background:var(--glass);font-size:10px;opacity:0;pointer-events:none}.hotspot:hover:after,.hotspot:focus:after{opacity:1}#loading{position:fixed;z-index:50;inset:0;background:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;text-align:center;padding:30px}#loading p{font-family:var(--serif);font-size:22px}.large{width:64px;height:64px;font-size:25px}progress{appearance:none;border:0;width:220px;height:3px;background:#173c431c}progress::-webkit-progress-bar{background:#173c431c}progress::-webkit-progress-value{background:var(--gold)}#load-value{font-size:10px;letter-spacing:1px}dialog{border:1px solid #d4cec0;color:var(--ink);background:#f9f6ef;max-width:570px;width:calc(100% - 32px);max-height:85dvh;padding:38px;box-shadow:0 25px 100px #0002}dialog::backdrop{background:#102e3970;backdrop-filter:blur(5px)}dialog .close{position:absolute;right:12px;top:12px;background:none;border:none}dialog h2{margin:10px 0 24px;font-size:35px}dialog p{font-size:14px;line-height:1.8;color:#53635e}dialog img{width:100%;max-height:290px;object-fit:cover;margin-top:15px}.step-list{display:flex;flex-direction:column;gap:6px}.step-list button{text-align:start;padding:13px;border:1px solid var(--line);background:transparent}.step-list small{color:var(--gold);margin-inline-end:12px}.skip{position:fixed;top:-60px;left:10px;z-index:99;background:#fff;padding:12px}.skip:focus{top:5px}body:not([data-mode=home]) .home-caption{display:none}body[dir=rtl] .home-panel{left:auto;right:7vw}body[dir=rtl] h1{direction:ltr;text-align:right}body[dir=rtl] .glass{left:auto;right:4vw}body[dir=rtl] .viewer-tools,body[dir=rtl] #walk-pad{right:auto;left:4vw}body[dir=rtl] .home-caption{right:auto;left:8vw}
@media(max-width:1000px){.home-panel{left:5vw;width:310px}h1{font-size:60px}.home-caption{right:5vw;font-size:16px}.glass{width:300px;padding:20px}.topbar{padding:20px 4vw}}
@media(max-width:640px){.topbar{padding:16px 20px}.brand{font-size:9px;gap:8px;letter-spacing:1px}.brand small{font-size:7px}.seal{width:35px;height:35px;font-size:16px}.languages{gap:7px}.languages button{font-size:11px}.home-panel{top:106px;left:24px;width:calc(100% - 48px)}.home-panel .eyebrow{margin-bottom:10px;font-size:9px}h1{font-size:43px;line-height:1.03;letter-spacing:-1.2px}h1 br{display:none}h1 em{display:block}.subtitle{font-size:13px;margin:9px 0}.intro{font-size:12px;max-width:240px;margin:8px 0}.home-actions{position:fixed;left:24px;right:24px;bottom:57px;max-width:none;gap:7px}.home-actions .text-button{margin:0;align-self:center;text-align:center;padding:7px}.primary,.secondary{min-height:43px;padding:13px 15px;font-size:9px}.home-caption{display:none}.footer{padding:12px 20px;font-size:7px;letter-spacing:.5px}.footer button{font-size:9px}.experience-top{top:80px;left:20px}.pill{font-size:8px;padding:9px 11px}.glass{left:16px;right:16px;bottom:60px;width:auto;padding:17px 20px;max-height:44dvh;overflow:auto}.glass h2{font-size:25px;margin:10px 0}.glass p:not(.eyebrow){font-size:12px;line-height:1.55;margin:8px 0}.panel-top .eyebrow{font-size:9px}#step-progress{margin:13px 0}.tour-controls{padding-top:10px;margin-top:12px}.viewer-tools{right:16px;bottom:auto;top:134px;gap:6px}.viewer-tools .light-button{font-size:9px;padding:8px}.viewer-tools .icon-button{height:35px;min-width:35px}#walk-pad{right:16px;bottom:290px}#walk-pad button{width:36px;height:36px}#free-panel{max-width:300px;right:auto}.view-buttons{gap:5px}.view-buttons button{padding:9px;font-size:10px}#status{bottom:auto;top:170px;width:max-content;max-width:90%;font-size:10px}.hotspot{width:28px;height:28px;font-size:10px}dialog{padding:32px 23px}dialog h2{font-size:28px}.hint{display:none}body[dir=rtl] .home-panel{right:24px}body[dir=rtl] .glass{right:16px;left:16px}body[dir=rtl] #free-panel{left:auto}body[dir=rtl] .viewer-tools,body[dir=rtl] #walk-pad{left:16px}}
@media(max-height:620px) and (min-width:641px){.home-panel{top:110px}h1{font-size:45px}.intro{margin:8px 0}.home-actions{gap:5px}.primary,.secondary{padding:11px}.home-caption{display:none}.glass{bottom:48px;max-height:65vh;overflow:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.home-caption p{white-space:pre-line}

@media(min-width:641px) and (max-width:1000px) and (orientation:portrait){.home-panel{top:125px;left:40px;width:calc(100% - 80px)}.home-panel h1{font-size:56px}.home-panel h1 br{display:none}.home-panel h1 em{display:block}.home-actions{position:fixed;bottom:75px;left:40px;right:40px;max-width:340px}.home-caption{display:none}body[dir=rtl] .home-panel{right:40px}body[dir=rtl] .home-actions{left:auto;right:40px}}
body[dir=rtl] .primary,body[dir=rtl] .secondary{font-size:12px;letter-spacing:0}body[dir=rtl] .intro{font-size:14px}
