*{box-sizing:border-box}body,html{margin:0;width:100%;height:100%;overflow:hidden}body{font-family:Georgia,Times New Roman,serif;color:#563718;background:#392814}.app{position:relative;width:100vw;height:100dvh;overflow:hidden;background:radial-gradient(ellipse at center,#f7ecd3 0,#ead3a9 80%,#bd9965 150%)}.app:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.3;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#835d2b0d 4px 5px);z-index:10}.stage{position:absolute;left:50%;top:calc(50% - 23px);transform-origin:center;overflow:hidden;border:2px solid #a47c42;box-shadow:0 20px 80px #26170880,inset 0 0 90px #b8924e55;background:#f5e6c8}.stage:after{content:"";position:absolute;inset:14px;border:1px solid #b99b67;pointer-events:none;z-index:20}.camera{position:absolute;inset:0;transform-origin:0 0;will-change:transform;background:radial-gradient(ellipse at 50% 45%,#fff7e5,#efddba 74%,#d6b57f)}.map-heading{position:absolute;left:0;top:24px;width:100%;text-align:center}.eyebrow,.focus-kicker{font:600 11px Arial,sans-serif;letter-spacing:.33em;color:#99764a}.map-heading h1{margin:6px 0 0;font-size:38px;font-weight:400;font-feature-settings:"smcp";font-variant:small-caps;letter-spacing:.04em}.map-heading h2{margin:5px 0;font-size:21px;letter-spacing:.25em}.map-heading p{margin:5px;font-size:13px;font-style:italic;color:#805c33}.rule{height:1px;width:270px;background:#b99458;margin:auto}.connections{position:absolute;inset:0;fill:none;stroke:#a47c42;stroke-width:2;opacity:.72}.map-node{position:absolute;transform:translateX(-50%);width:202px;min-height:237px;padding:13px 11px 14px;border:2px solid #a47c42;border-radius:2px;background:#fff8e8e8;box-shadow:0 7px 14px #71481728,inset 0 0 0 4px #fff8e8,inset 0 0 0 5px #d8b77c;display:flex;align-items:center;flex-direction:column;cursor:pointer;color:#563718;font-family:Georgia,serif;transition:box-shadow .2s,transform .2s}.map-node:focus-visible,.map-node:hover{box-shadow:0 12px 22px #71481755;transform:translateX(-50%) translateY(-5px);outline:2px solid #805c33}.node-number{font:700 11px Arial,sans-serif;letter-spacing:.15em;color:#a47c42}.map-node strong{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:17px;line-height:1.1;font-feature-settings:"smcp";font-variant:small-caps}.node-divider{width:72%;height:1px;background:#c8a36b;margin:6px 0 10px}.node-topic{font-size:13px;line-height:1.75}.map-footer{position:absolute;bottom:28px;width:100%;text-align:center;letter-spacing:.25em;font-size:11px;color:#987044}.shade{inset:0;background:#39250ed9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.focus,.shade{position:absolute;opacity:0}.focus{left:50%;top:50%;width:420px;min-height:440px;transform:translate(-50%,-50%);padding:40px 34px;background:#fff8e8;border:3px double #a47c42;box-shadow:0 20px 60px #160d0780,inset 0 0 0 10px #f5e6c8;text-align:center;visibility:hidden}.focus h2{font-size:34px;line-height:1.07;margin:22px 0}.focus-rule{width:140px;background:#d8b77c}.focus-topic{padding:10px 0;border-bottom:1px solid #d8b77c77;font-size:19px}.focus-topic span{font:10px Arial,sans-serif;color:#aa8658;margin-right:13px}.photo-layer{position:absolute;inset:0;pointer-events:none}.photo{position:absolute;width:320px;margin:0;opacity:0;visibility:hidden;will-change:transform,opacity}.photo.left-top{left:55px;top:90px}.photo.right-top{right:55px;top:90px}.photo.left-bottom{left:55px;bottom:62px}.photo.right-bottom{right:55px;bottom:62px}.photo-mat{height:155px;background:#f1e2c7;padding:8px;border:2px solid #8d6b40;box-shadow:0 12px 24px #1e120890;display:flex;align-items:center;justify-content:center;color:#805c33;font-style:italic}.photo-mat img{width:100%;height:100%;object-fit:contain;background:#ede1cd}.photo figcaption{margin:7px 3px 0;padding:7px 9px;background:#fff8e8ed;box-shadow:0 3px 10px #20130855;font-size:15px;line-height:1.25;color:#563718}.top-label{position:absolute;top:15px;left:24px;z-index:30;color:#f5e6c8;font:600 11px Arial,sans-serif;letter-spacing:.22em;text-shadow:0 1px 4px #392814}.top-label span{opacity:.5}.controls{position:absolute;z-index:30;bottom:11px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid #ab8a58;background:#f8edda;box-shadow:0 4px 18px #39281455}.complete button,.controls button{border:0;background:transparent;color:#563718;cursor:pointer;padding:7px 9px;display:flex;align-items:center;gap:6px;font-family:Georgia,serif}.complete button:hover,.controls button:focus-visible,.controls button:hover{background:#e9d6b2;outline:1px solid #a47c42}.controls svg{width:17px;height:17px}.progress{padding:0 11px;font:700 13px Arial,sans-serif;letter-spacing:.1em;white-space:nowrap}.progress i{color:#ad946e;padding:0 4px}.download{border-left:1px solid #c3a774!important;font-size:12px}.dots{position:absolute;z-index:30;bottom:76px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.dots button{width:9px;height:9px;border-radius:50%;border:1px solid #ad8754;background:#f8edda;cursor:pointer;padding:0}.dots button.selected{background:#74491f;outline:2px solid #f8edda}.complete{position:absolute;z-index:18;left:50%;top:50%;transform:translate(-50%,-50%);padding:25px 35px;background:#fff8e8;border:2px solid #a47c42;text-align:center;box-shadow:0 10px 40px #39281455}.complete h2{font-size:25px;font-weight:400}.complete button{display:inline-flex;border:1px solid #a47c42;margin:5px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:700px){.top-label{font-size:9px;left:10px}.controls{width:calc(100% - 12px);justify-content:center;gap:0;padding:5px 2px}.controls button{padding:6px}.controls svg{width:15px}.controls .download span{display:none}.progress{font-size:10px;padding:0 4px}.dots{bottom:64px;gap:5px}.dots button{width:7px;height:7px}}@media print{body,html{overflow:visible}.app{display:none}}.app{background:#f4f3ef}.app:before{opacity:.12}.stage{border:0;background:#f8f0db;box-shadow:0 16px 50px #6e56283d}.stage:after{inset:28px;border:0}.camera{background:#fbf6e6 url(/parchment.svg) 50%/cover no-repeat}.map-frame{position:absolute;inset:90px 70px 52px;border:2px solid #8a5b1d;pointer-events:none}.map-heading{top:18px;z-index:2}.portrait{width:178px;height:180px;margin:0 auto;overflow:hidden;border-radius:46% 46% 16% 16%;-webkit-mask-image:linear-gradient(#000 0 76%,transparent 100%);mask-image:linear-gradient(#000 0 76%,transparent 100%)}.portrait img{width:100%;height:100%;object-fit:cover;object-position:80% 16%;filter:sepia(.3) contrast(1.1)}.map-heading h1{position:relative;margin:-13px auto 16px;font:italic 42px Brush Script MT,Segoe Script,cursive;color:#4b2d18;text-shadow:1px 1px 0 #f9ebd1,-1px -1px 0 #f9ebd1}.map-heading h2{width:390px;height:47px;display:grid;place-items:center;margin:auto;border:2px solid #8a5b1d;border-radius:12px;background:#fffdf6;color:#1d160d;font:700 24px Arial,sans-serif;letter-spacing:.05em;text-transform:uppercase}.connections{stroke:#865916;stroke-width:2.3;opacity:.92}.map-node{width:154px;min-height:0;padding:0;border:0;background:none;box-shadow:none;gap:7px;z-index:3;font-family:Arial,sans-serif}.map-node:focus-visible,.map-node:hover{box-shadow:none;transform:translateX(-50%);outline:none}.map-node strong{width:154px;min-height:33px;border:2px solid #865916;border-radius:13px;background:#d2ac75;color:#21170d;font:700 13px/1.05 Arial,sans-serif;box-shadow:0 1px 2px #6c451639}.map-node strong,.node-topic{padding:2px 5px;text-align:center}.node-topic{width:146px;min-height:27px;display:grid;place-items:center;border:2px solid #865916;border-radius:13px;background:#fffdf8;color:#21170d;font:700 11px/1.05 Arial,sans-serif;box-shadow:0 1px 2px #6c451629}.map-node:focus-visible strong,.map-node:hover strong{background:#b98b50}.map-node:focus-visible .node-topic,.map-node:hover .node-topic{background:#fff4d7}.map-node:focus-visible strong{outline:3px solid #39250e;outline-offset:2px}.focus{background:#fbf2dc url(/parchment.svg) 50%/cover;border:2px solid #875a1b;box-shadow:0 20px 60px #160d0780,inset 0 0 0 10px #fff9e9}.focus h2{padding:10px 8px;border:2px solid #865916;border-radius:12px;background:#d2ac75;font:700 27px/1.1 Arial,sans-serif}.focus-topic{margin:8px 0;padding:9px;border:2px solid #865916;border-radius:20px;background:#fffdf8;font:700 17px Arial,sans-serif}.focus-topic span{color:#986a2f}.focus-rule{display:none}.top-label{color:#6c4a24;text-shadow:none}@media(max-width:700px){.top-label{display:none}}.app{background:#e9d9b8 url(/parchment.svg) 50%/cover no-repeat}.app:before{opacity:.08}.stage{border:2px solid #9d743a;box-shadow:0 20px 75px #3c28194d,0 0 0 9px #fff8e880}.stage:after{inset:19px;border:1px solid #bd9a60}.top-label{display:none}.shade{background:radial-gradient(ellipse at center,#4f351c38 0,#4f351c80 100%);-webkit-backdrop-filter:blur(4px) saturate(.8);backdrop-filter:blur(4px) saturate(.8)}.focus{width:500px;min-height:580px;padding:50px 42px 42px;border:5px double #996f35;background:#fff8e9 url(/parchment.svg) 50%/cover;box-shadow:0 24px 70px #27170891,inset 0 0 0 10px #f7e9cb,inset 0 0 0 11px #c5a06b}.focus:after,.focus:before{content:"✦";position:absolute;left:50%;transform:translateX(-50%);color:#a77637;font-size:23px}.focus:before{top:12px}.focus:after{bottom:12px}.focus-kicker{margin:3px 0 12px;font:700 12px Arial,sans-serif;letter-spacing:.3em;color:#9b6d35}.focus h2{margin:0 0 19px;padding:0;border:0;border-radius:0;background:none;color:#553317;font:normal 42px/1.05 Georgia,Times New Roman,serif;font-feature-settings:"smcp";font-variant:small-caps;text-shadow:0 1px #fff8e8}.focus-rule{display:block;width:170px;height:2px;background:#b68a50;margin:0 auto 24px;position:relative}.focus-rule:after{content:"◆";position:absolute;left:50%;top:-9px;transform:translateX(-50%);padding:0 8px;background:#f8edcf;color:#a77637;font-size:15px}.focus-topic{display:flex;align-items:center;min-height:48px;margin:0;padding:9px 6px;border:0;border-bottom:1px solid #b99766;border-radius:0;background:transparent;text-align:left;color:#4d351f;font:normal 20px/1.12 Georgia,Times New Roman,serif}.focus-topic:last-child{border-bottom:0}.focus-topic span{flex:none;min-width:43px;margin-right:8px;color:#a5773b;font:700 11px Arial,sans-serif;letter-spacing:.1em}.photo{width:370px;padding:11px 11px 0;border:2px solid #7c5729;background:#f7e9cd;box-shadow:0 20px 35px #2415078a,0 0 0 5px #f7e9cdaa;filter:sepia(.08)}.photo.left-top{left:43px;top:115px}.photo.right-top{right:43px;top:115px}.photo.left-bottom{left:43px;bottom:85px}.photo.right-bottom{right:43px;bottom:85px}.photo-mat{height:205px;padding:0;border:0;background:#dfc89e;box-shadow:inset 0 0 0 1px #8a6639}.photo-mat img{object-fit:cover;background:#dfc89e}.photo figcaption{min-height:67px;display:grid;place-items:center;margin:0;padding:8px 5px 12px;background:transparent;box-shadow:none;color:#50371d;font:italic 17px/1.2 Georgia,Times New Roman,serif;text-align:center}.dots button{width:12px;height:12px;border:2px solid #fff4d4;background:#9a6c35;box-shadow:0 1px 4px #27170880}.dots button.selected{background:#fff4d4;outline:2px solid #754c1f}.controls{border:1px solid #946b36;background:#f9edd6;box-shadow:0 8px 24px #3c28194d}@media(max-width:700px){.focus{width:550px}.photo{width:365px}}.focus{width:540px;min-height:650px;padding:54px 47px 46px}.focus-kicker{font-size:17px;letter-spacing:.21em}.focus h2{font-size:47px;line-height:1.04;margin-bottom:24px}.focus-rule{margin-bottom:27px}.focus-topic{min-height:58px;padding:9px 7px;font-size:29px;line-height:1.08}.focus-topic span{min-width:51px;margin-right:10px;font-size:16px}.photo figcaption{min-height:90px;padding:12px 8px 15px;font-size:25px;line-height:1.13;font-weight:600}.photo.left-top,.photo.right-top{top:98px}.photo.left-bottom,.photo.right-bottom{bottom:75px}@media(max-width:700px){.focus{width:560px}.photo figcaption{font-size:24px}}.map-node{width:170px;gap:6px}.map-node strong{width:170px;min-height:42px;padding:3px 5px;background:#cfaa70;border-color:#70430e;color:#1e1208;font-size:16px;font-weight:800;line-height:1.05}.map-node strong.medium-title{font-size:14px}.map-node strong.long-title{font-size:12.5px}.node-topic{width:164px;min-height:34px;padding:3px 5px;border-color:#70430e;background:#fffdf7;color:#211307;font-size:14px;font-weight:800;line-height:1.08}.map-node[aria-current=step] strong{background:#af7936;color:#160c03;box-shadow:0 0 0 3px #fff4d3,0 0 0 5px #70430e}.focus-kicker{color:#6e4217;font-weight:800}.focus h2{color:#281707;font-weight:700;text-shadow:none}.focus-topic{color:#2b1a0d;font-weight:700;border-bottom-color:#94642b}.focus-topic span{color:#70430e;font-weight:800}.photo figcaption{color:#2c1a0b;font-weight:700}.map-heading h2{color:#211205;font-weight:800}