/* Give the five steps enough travel in both scroll directions. */
#tentStage{height:575vh}
#placeMethod{
 --pm-core-height:176px;--pm-case-height:130px;
 position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;
 height:100%;margin:0;background:none;color:rgba(248,244,234,.97);
 font-family:"Noto Serif SC","Source Han Serif SC","Songti SC",serif;
 opacity:1;visibility:visible;pointer-events:none;transform:translateY(100vh);
}
#placeMethod.is-method-visible{pointer-events:auto}
#placeMethod .place-method-body{
 display:grid;justify-items:center;width:min(88vw,1100px);padding:20px 0;
 text-shadow:0 2px 16px rgba(8,16,24,.5);
}
#placeMethod h2{
 margin:0 0 20px;font-size:clamp(20px,1.65vw,24px);font-weight:300;
 line-height:1.4;letter-spacing:.12em;text-align:center;
}
#placeMethod .place-method-index{
 position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;
 width:100%;margin:0 0 34px;
}
#placeMethod .place-method-index-item{
 position:relative;display:flex;align-items:baseline;justify-content:center;gap:10px;
 min-height:48px;padding:8px 0 10px;border:0;background:none;color:inherit;
 font:inherit;text-shadow:inherit;cursor:pointer;opacity:.5;
 transition:opacity 240ms ease;
}
#placeMethod .place-method-index-item.is-passed{opacity:.78}
#placeMethod .place-method-index-item.is-active{opacity:1}
#placeMethod .place-method-index-item:not(:first-child)::before{
 content:"";position:absolute;left:-36px;top:50%;width:48px;height:1px;
 background:rgba(248,244,234,.3);pointer-events:none;
}
#placeMethod .place-method-index-item:focus-visible{outline:1px solid currentColor;outline-offset:4px}
#placeMethod .place-method-number{
 font:400 14px/1.5 "Cormorant Garamond",Georgia,serif;font-variant-numeric:tabular-nums;
 letter-spacing:.04em;min-width:20px;
}
#placeMethod .place-method-word{font-size:clamp(19px,1.75vw,25px);font-weight:300;line-height:1.5;letter-spacing:.1em;white-space:nowrap}
#placeMethod .place-method-emphasis{
 position:absolute;left:0;top:0;height:1px;width:var(--pm-rule-width,86px);
 background:rgba(248,244,234,.8);pointer-events:none;
 transform:translate(var(--pm-rule-x,0px),var(--pm-rule-y,48px));
 transition:transform 460ms cubic-bezier(.22,1,.36,1);
}
#placeMethod .place-method-reading{position:relative;width:100%;height:calc(var(--pm-core-height) + var(--pm-case-height))}
#placeMethod .place-method-panel{
 position:absolute;inset:0;display:grid;grid-template-rows:var(--pm-core-height) var(--pm-case-height);
 justify-items:center;text-align:center;visibility:hidden;pointer-events:none;
 transition:visibility 0s 240ms;
}
#placeMethod .place-method-panel.is-active{visibility:visible;transition-delay:0s}
#placeMethod .place-method-core{
 align-self:center;max-width:1040px;margin:0;font-size:clamp(30px,3.3vw,48px);
 font-weight:300;line-height:1.4;letter-spacing:.02em;text-wrap:balance;
 opacity:0;transform:translateY(6px);filter:blur(1.5px);
 transition:opacity 240ms ease,transform 300ms cubic-bezier(.22,1,.36,1),filter 240ms ease;
}
#placeMethod .pm-mobile-break{display:none}
#placeMethod .place-method-case{
 width:min(100%,760px);padding-top:12px;font-size:16px;line-height:1.75;letter-spacing:.025em;
 opacity:0;transform:translateY(4px);filter:blur(1px);
 transition:opacity 260ms ease,transform 300ms cubic-bezier(.22,1,.36,1),filter 260ms ease;
}
#placeMethod .place-method-case::before{content:"";display:block;width:32px;height:1px;margin:0 auto 12px;background:rgba(248,244,234,.3)}
#placeMethod .place-method-case-heading{display:flex;align-items:baseline;justify-content:center;gap:12px;margin-bottom:8px}
#placeMethod .place-method-case-heading small{font:400 10px/1.5 "Helvetica Neue",Arial,sans-serif;letter-spacing:.14em;opacity:.65}
#placeMethod .place-method-case h3{font-size:18px;font-weight:400;line-height:1.5;letter-spacing:.06em;margin:0}
#placeMethod .place-method-case p{margin:0;opacity:.84}
#placeMethod .place-method-panel.is-active .place-method-core,
#placeMethod .place-method-panel.is-active .place-method-case{opacity:1;transform:translateY(0);filter:blur(0)}
#placeMethod .place-method-panel.is-active .place-method-case{transition-delay:40ms}
#placeMethod .place-method-visual{width:min(280px,35vw);aspect-ratio:1000/620;margin-top:16px;pointer-events:none}
#placeMethod .place-method-visual svg{display:block;width:100%;height:100%;overflow:hidden}
#placeMethod .place-method-visual path,#placeMethod .place-method-visual circle{stroke:rgba(248,244,234,.7);fill:none;stroke-linecap:round;stroke-linejoin:round}
#placeMethod .place-method-found{opacity:.32}
#placeMethod .place-method-place-detail,#placeMethod .place-method-analysis,
#placeMethod .place-method-route,#placeMethod .place-method-experience{opacity:.13;transition:opacity 260ms ease}
#placeMethod .place-method-mountain{stroke-width:1.15}
#placeMethod .place-method-quiet-line,#placeMethod .place-method-contour,
#placeMethod .place-method-surface,#placeMethod .place-method-vegetation{stroke-width:.75}
#placeMethod .place-method-water{stroke-width:1.35}
#placeMethod .place-method-habitation{stroke-width:.9}
#placeMethod .place-method-route path{stroke-width:1.55}
#placeMethod .place-method-mark{fill:rgba(248,244,234,.6)}
#placeMethod[data-step="read"] .place-method-place-detail,
#placeMethod[data-step="read"] .place-method-analysis,
#placeMethod[data-step="enter"] .place-method-route,
#placeMethod[data-step="experience"] .place-method-experience{opacity:.36}
#placeMethod[data-step="understand"] .place-method-visual>svg>g{opacity:.26}
@media(max-width:700px){
 #placeMethod{--pm-core-height:168px;--pm-case-height:150px}
 #placeMethod .place-method-body{width:90vw;padding:16px 0}
 #placeMethod h2{font-size:20px;margin-bottom:18px;letter-spacing:.08em}
 #placeMethod .place-method-index{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 0;margin-bottom:24px}
 #placeMethod .place-method-index-item{flex:0 0 33.333%;gap:6px;min-height:44px;padding:8px 0}
 #placeMethod .place-method-index-item:not(:first-child)::before{left:-10px;width:20px}
 #placeMethod .place-method-index-item:nth-child(4)::before{display:none}
 #placeMethod .place-method-number{font-size:12px;min-width:17px}
 #placeMethod .place-method-word{font-size:19px;letter-spacing:.06em}
 #placeMethod .place-method-core{font-size:clamp(25px,6.7vw,30px);line-height:1.4;letter-spacing:.01em;text-wrap:initial}
 #placeMethod .pm-mobile-break{display:initial}
 #placeMethod .place-method-case{font-size:14px;line-height:1.75;letter-spacing:0;padding-top:8px}
 #placeMethod .place-method-case h3{font-size:16px;letter-spacing:.03em}
 #placeMethod .place-method-case-heading{gap:8px}
 #placeMethod .place-method-case-heading small{font-size:9px}
 #placeMethod .place-method-visual{width:180px;margin-top:12px}
}
@media(min-width:701px) and (max-height:780px){
 #placeMethod{--pm-core-height:144px;--pm-case-height:118px}
 #placeMethod .place-method-body{padding:16px 0}
 #placeMethod h2{margin-bottom:16px}
 #placeMethod .place-method-index{margin-bottom:22px}
 #placeMethod .place-method-core{font-size:clamp(30px,3.2vw,40px)}
 #placeMethod .place-method-visual{width:190px;margin-top:12px}
}
@media(max-width:700px) and (max-height:740px){
 #placeMethod{--pm-core-height:132px;--pm-case-height:136px}
 #placeMethod .place-method-body{padding:8px 0}
 #placeMethod h2{margin-bottom:14px}
 #placeMethod .place-method-index{margin-bottom:16px}
 #placeMethod .place-method-core{font-size:25px;line-height:1.35}
 #placeMethod .place-method-visual{width:130px;margin-top:0}
}
@media(max-height:600px){#placeMethod .place-method-visual{display:none}}
@media(max-width:360px){#placeMethod .place-method-core{font-size:22px}}
@media(prefers-reduced-motion:reduce){
 #placeMethod .place-method-index-item,#placeMethod .place-method-emphasis,#placeMethod .place-method-panel,
 #placeMethod .place-method-core,#placeMethod .place-method-case,#placeMethod .place-method-visual>svg>g{transition:none}
 #placeMethod .place-method-core,#placeMethod .place-method-case{transform:none;filter:none}
}

/* The planar geographic companion occupies the former auxiliary drawing's place. */
#placeMethod{--pm-core-height:144px;--pm-case-height:120px}
#placeMethod .place-method-body{padding:12px 0}
#placeMethod .place-method-index{margin-bottom:20px}
#placeMethod .place-method-map{position:relative;width:min(600px,88vw);height:300px;margin:12px 0 0;pointer-events:none;color:rgba(248,244,234,.97)}
#placeMethod .pm-map-geography{position:absolute;inset:0;margin:auto;width:auto;height:100%;overflow:visible}
#placeMethod .pm-map-outline{fill:none;stroke:currentColor;stroke-width:.8;vector-effect:non-scaling-stroke;stroke-linejoin:round;opacity:.48}
#placeMethod .pm-map-terrain{opacity:.055}
#placeMethod .pm-map-point{opacity:0;transition:opacity 300ms ease}
#placeMethod .pm-map-point.is-visible{opacity:.64}
#placeMethod .pm-map-point.is-current{opacity:1}
#placeMethod .pm-map-dot{fill:currentColor;stroke:none}
#placeMethod .pm-map-ring{fill:none;stroke:currentColor;stroke-width:.65;vector-effect:non-scaling-stroke;opacity:0;transition:opacity 250ms ease}
#placeMethod .pm-map-point.is-current .pm-map-ring{opacity:.85}
#placeMethod .pm-map-labels{position:absolute;inset:0}
#placeMethod .pm-map-label{position:absolute;width:max-content;max-width:150px;white-space:normal;text-wrap:balance;font-size:12px;font-weight:400;line-height:1.25;letter-spacing:.01em;opacity:0;transition:opacity 300ms ease;transform:translateY(-50%)}
#placeMethod .pm-map-label[data-side="end"]{transform:translate(-100%,-50%)}
#placeMethod .pm-map-label.is-visible{opacity:.88}
#placeMethod .pm-map-label.is-current{opacity:1}
#placeMethod .pm-map-leader{fill:none;stroke:currentColor;stroke-width:.55;vector-effect:non-scaling-stroke;opacity:.48}
#placeMethod .pm-map-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(min-width:701px) and (max-height:780px){
 #placeMethod{--pm-core-height:128px;--pm-case-height:118px}
 #placeMethod .place-method-map{height:260px;margin-top:4px}
}
@media(max-width:700px){
 #placeMethod{--pm-core-height:144px;--pm-case-height:126px}
 #placeMethod .place-method-body{padding:8px 0}
 #placeMethod .place-method-map{width:94vw;height:260px;margin-top:6px}
 #placeMethod .pm-map-label{max-width:min(120px,31vw);font-size:11px;line-height:1.2;letter-spacing:0}
}
@media(max-width:700px) and (max-height:740px){
 #placeMethod{--pm-core-height:120px;--pm-case-height:116px}
 #placeMethod .place-method-map{height:180px;margin-top:4px}
}
@media(max-height:620px){
 #placeMethod .place-method-body{max-height:none;overflow:visible}
 #placeMethod .place-method-map{height:200px;flex-shrink:0}
}
@media(prefers-reduced-motion:reduce){
 #placeMethod .pm-map-point,#placeMethod .pm-map-label,#placeMethod .pm-map-ring{transition:none!important;transition-delay:0s!important}
}

/* Compact guide; case notes sit beyond measured geographic and label bounds. */
#placeMethod .place-method-reading{height:56px}
#placeMethod .place-method-panel{display:flex;align-items:center;justify-content:center}
#placeMethod .place-method-core{font-size:18px;line-height:1.6;letter-spacing:.03em;filter:none;transform:none}
#placeMethod .place-method-core br{display:none}
#placeMethod .place-method-map{width:min(1100px,88vw);height:min(440px,52svh);margin-top:12px}
#placeMethod .place-method-map-cases{position:absolute;inset:0}
#placeMethod .place-method-map-cases .place-method-case{position:absolute;margin:0;padding:0;width:240px;text-align:left;font-size:14px;line-height:1.8;visibility:hidden;opacity:0;filter:none;transform:none;transition:opacity 240ms ease}
#placeMethod .place-method-map-cases .place-method-case.is-active{visibility:visible;opacity:1}
#placeMethod .place-method-map-cases .place-method-case::before{display:none}
#placeMethod .place-method-map-cases .place-method-case-heading{justify-content:flex-start;flex-wrap:wrap;gap:4px 10px;margin-bottom:10px}
#placeMethod .place-method-map-cases .place-method-case h3{font-size:17px}
#placeMethod .place-method-map-cases .place-method-case p{margin:0}
#placeMethod .place-method-map-cases .place-method-case br{display:none}
#placeMethod[data-map-final="true"] .place-method-map-cases{visibility:hidden}
#placeMethod[data-map-final="true"] .place-method-map-cases .place-method-case{visibility:hidden;opacity:0}
@media(max-width:1100px){
 #placeMethod .place-method-map{--pm-map-height:min(340px,37svh);width:94vw;height:calc(var(--pm-map-height) + 140px)}
 #placeMethod .pm-map-geography{height:var(--pm-map-height);bottom:auto}
 #placeMethod .place-method-map-cases .place-method-case{left:50%!important;top:calc(var(--pm-map-height) + 28px)!important;width:min(460px,88vw)!important;transform:translateX(-50%);text-align:center}
 #placeMethod .place-method-map-cases .place-method-case-heading{justify-content:center}
}
@media(max-width:700px){
 #placeMethod h2{margin-bottom:12px}
 #placeMethod .place-method-index{margin-bottom:10px}
 #placeMethod .place-method-reading{height:64px}
 #placeMethod .place-method-core{font-size:15px;line-height:1.6;text-wrap:balance}
 #placeMethod .place-method-map{--pm-map-height:min(300px,34svh);margin-top:4px}
}