html{scroll-padding-top:92px;scroll-behavior:auto}.site-header{position:sticky;top:0;z-index:60;background:#f8f5eff2;backdrop-filter:blur(12px);height:88px;transition:border-color .3s,box-shadow .3s}.site-header.is-scrolled{border-color:#cab6a5;box-shadow:0 5px 25px #46392e06}.site-header nav a[aria-current=location]{color:var(--red)}.mobile-menu{position:sticky;top:88px;z-index:59}
.explorer{display:block}.explore-drawing{position:relative;isolation:isolate}.drawing-topline{padding:12px 24px;min-height:51px}.drawing-scroll-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px 24px 0}.drawing-building-picks{display:flex;gap:20px}.drawing-building-picks button{font-size:.875rem;line-height:1.8;padding:4px 0;border-bottom:1px solid transparent;color:var(--muted)}.drawing-building-picks button[aria-pressed=true]{color:var(--red);border-color:var(--red)}#drawingGesture{margin:0;font-size:.75rem;line-height:1.8;color:var(--muted)}
.explore-canvas{height:min(clamp(350px,calc(100svh - 290px),670px),var(--drawing-stage-available,1000px));min-height:0;max-height:none;aspect-ratio:auto;flex:none;perspective:none;touch-action:pan-y;cursor:default}.hand-world{position:absolute;left:50%;top:50%;width:90%;aspect-ratio:1.3735;transform:translate(-50%,-50%);transform-style:flat;pointer-events:none;will-change:auto}#overviewImage{opacity:1;visibility:visible;animation:none!important}#drawingModelCanvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;opacity:0}.hotspots{position:absolute;inset:0;z-index:4;pointer-events:none;transform-style:flat}.hotspot{pointer-events:auto;width:34px;height:34px;font-size:.875rem;transition:background .25s,opacity .2s;box-shadow:0 0 0 4px #f8f5ef75}.hotspot-label{font-size:.75rem}
.drawing-phase-caption{position:absolute;left:24px;bottom:17px;display:flex;gap:13px;align-items:flex-start;z-index:5;pointer-events:none;max-width:290px;background:#f8f5efc9;padding:8px 12px;border-left:1px solid #ccb5a5}.drawing-phase-caption>span{font-size:1.9rem;line-height:1.3;color:var(--red);opacity:.65}.drawing-phase-caption strong{display:block;font-size:1rem;color:var(--red);line-height:1.7}.drawing-phase-caption p{font-size:.75rem;color:var(--muted);line-height:1.8;margin-top:2px}.drawing-model-status{position:absolute;right:24px;bottom:22px;font-size:.875rem;color:var(--red);background:#f8f5efee;padding:8px 12px;max-width:280px}
.drawing-scroll-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;background:#f1ece4;border-top:1px solid #e2d8cd}.drawing-phase-picks{display:flex;gap:28px}.drawing-phase-picks button{font-size:.875rem;color:var(--muted);padding:4px 0;border-bottom:1px solid transparent;line-height:1.8}.drawing-phase-picks button span{font-size:.75rem;opacity:.7;margin-right:6px}.drawing-phase-picks button[aria-pressed=true]{color:var(--red);border-color:var(--red)}.drawing-scroll-hint{font-size:.75rem;color:var(--muted);line-height:1.8}.drawing-story-meter{height:2px;background:#e3d4c5;overflow:hidden}.drawing-story-meter>span{display:block;height:100%;width:100%;background:var(--red);transform:scaleX(0);transform-origin:left}.drawing-bottomline{padding:9px 24px;border:0;min-height:38px}.drawing-details-wrap{background:#f0e8df;border-top:1px solid #d7cabc}
.scroll-reveal,.scroll-reveal.is-visible{opacity:1;transform:none;transition:none}.hero-art,.hero-copy>*,.journal-text,.author-photo{will-change:transform}
@media(max-width:800px){.site-header{height:76px}.mobile-menu{top:76px}.explore-canvas{height:min(clamp(300px,calc(100svh - 310px),520px),var(--drawing-stage-available,1000px))}}
@media(max-width:650px){.drawing-topline{padding:11px 15px;gap:10px}.drawing-scroll-heading{padding:10px 15px 0;gap:10px;align-items:center}.drawing-building-picks{gap:15px}.drawing-building-picks button{font-size:.875rem}#drawingGesture{font-size:.75rem;text-align:right;max-width:143px;order:initial;width:auto}.explore-canvas{height:min(clamp(300px,calc(100svh - 320px),470px),var(--drawing-stage-available,1000px))}.hotspot{width:29px;height:29px;font-size:.75rem}.hotspot-label{font-size:.75rem;top:calc(100% + 5px)}.drawing-phase-caption{left:15px;bottom:9px;gap:9px;padding:5px 9px;max-width:260px}.drawing-phase-caption>span{font-size:1.5rem}.drawing-phase-caption strong{font-size:.875rem}.drawing-phase-caption p{font-size:.75rem}.drawing-scroll-footer{padding:11px 15px;gap:4px;flex-wrap:wrap}.drawing-phase-picks{width:100%;justify-content:space-between;gap:10px}.drawing-phase-picks button{font-size:.875rem;line-height:1.7}.drawing-phase-picks button span{display:none}.drawing-scroll-hint{width:100%;margin-top:3px;font-size:.75rem}.drawing-bottomline{padding:9px 15px;gap:2px;font-size:.75rem}.drawing-model-status{right:15px;bottom:67px;font-size:.75rem;max-width:220px}}
@media(max-height:650px){.explore-canvas{height:min(260px,var(--drawing-stage-available,1000px))}.drawing-phase-caption{display:none}.drawing-scroll-heading{padding-top:7px}.drawing-scroll-footer{padding-block:7px}.drawing-topline{padding-block:8px}.drawing-bottomline{padding-block:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-header{transition:none}.hero-art,.hero-copy>*,.journal-text,.author-photo{will-change:auto}}

#drawingScrollScene[data-condensed=true] .drawing-phase-caption{display:none}
.reader-chapter figure .landscape-plate{display:block;width:100%;aspect-ratio:var(--plate-aspect);position:relative;overflow:hidden}
.reader-chapter figure .landscape-plate img{position:absolute;left:50%;top:50%;width:var(--plate-width);max-width:none;height:auto;max-height:none;transform:translate(-50%,-50%) rotate(-90deg)}

/* One paper field, with strict copy and drawing safety zones. */
.hero{width:min(1400px,calc(100% - 80px));display:grid;grid-template-columns:minmax(330px,.46fr) minmax(0,1fr);gap:0;min-height:0;align-items:start;padding:28px 0 26px;position:relative;isolation:isolate;background:var(--paper)}
.hero-copy{grid-column:1;z-index:2;align-self:center;width:auto;max-width:440px;padding:23px 28px 28px 0;background:none}
.hero h1{font-size:clamp(3rem,4.55vw,4.5rem);line-height:1.28;margin-top:22px;letter-spacing:.04em}
.hero-intro{font-size:1.375rem;line-height:1.65;margin-top:23px}
.hero-description{font-size:1rem;max-width:22em;margin-top:17px}
.hero-actions{gap:22px;margin-top:25px}.hero-actions .button,.hero-actions .text-link{font-size:.875rem}
.hero-footnote{margin-top:29px;font-size:.75rem}.hero-footnote small{font-size:.75rem}
.hero-art{grid-column:2;width:100%;max-width:none;margin:0;padding:0 0 0 6px;align-self:start;z-index:0;mix-blend-mode:multiply;min-width:0}
.hero-art-meta{min-height:35px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 12px 6px;color:var(--muted)}
.art-note,.art-side-label{position:static;writing-mode:horizontal-tb;transform:none;font-size:.75rem;line-height:1.8;letter-spacing:.08em;color:var(--muted)}
.art-note{color:var(--red);text-align:right}
.hero-sketch{width:100%;aspect-ratio:1.15}.hero-sketch>img{width:67%;left:50%;top:50%}
.art-caption{margin:0 12px;font-size:.75rem;line-height:1.8;padding-top:12px}
.art-signature{margin:8px 12px 0;font-size:.75rem}

/* The only temple selector lives on the same pinned sheet as its drawing. */
#explore{width:min(1440px,calc(100% - 64px));padding-top:44px;padding-bottom:36px}
.explorer{border:0}.explore-drawing{background:var(--paper);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"intro controls" "stage stage" "footer footer" "meter meter" "source source"}
.drawing-scene-intro{grid-area:intro;position:relative;inset:auto;z-index:8;padding:16px 24px 10px;pointer-events:none}
#explore .drawing-scene-intro .section-heading{margin:0;gap:0;display:block;max-width:none}
.drawing-scene-intro .section-heading>div{width:fit-content;background:none;padding:0}
.drawing-scene-intro h2{font-size:clamp(1.5rem,2.55vw,2.125rem);line-height:1.5;margin-top:8px}
.drawing-scene-intro .temple-tabs{pointer-events:auto;max-width:100%;width:fit-content;gap:29px;border:0;margin:10px 0 0;background:none}
.drawing-scene-intro .temple-tab{font-size:1.125rem;line-height:1.6;padding:9px 0 8px;min-height:44px;gap:11px}
.drawing-scene-intro .temple-tab>span,.drawing-scene-intro .temple-tab small{font-size:.75rem}
.drawing-scene-intro .temple-tab small{margin-left:0}
.drawing-topline{grid-area:controls;position:relative;inset:auto;z-index:10;background:none;border:0;min-height:0;padding:18px 24px 10px;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:5px}
.drawing-controls{flex-direction:row;align-items:center;gap:18px}.drawing-controls .small-control{font-size:.875rem;line-height:1.8;padding-block:5px}
#drawingGesture{font-size:.75rem;line-height:1.8;margin:0;max-width:220px;text-align:right}
.drawing-stage-panel{grid-area:stage;min-width:0;border-top:1px solid #e5dbd0}
.explore-canvas{height:min(clamp(500px,calc(100svh - 185px),1000px),var(--drawing-stage-available,1000px));--drawing-image-offset:0;min-height:0;max-height:none}
.hand-world{mix-blend-mode:multiply}
.hotspots{display:none}.drawing-phase-caption{display:none}.drawing-scroll-footer{grid-area:footer;background:#f1ece46b;padding:12px 24px}.drawing-story-meter{grid-area:meter}.drawing-bottomline{grid-area:source;background:var(--paper)}
.drawing-phase-copy{display:flex;gap:8px;align-items:center;font-size:.75rem;line-height:1.8;color:var(--muted);margin-left:auto}.drawing-phase-copy strong{font-size:.875rem;color:var(--red);white-space:nowrap}.drawing-scroll-hint{margin-left:8px}
.drawing-details-wrap{border:1px solid #d7cabc}.temple-facts{padding-block:23px}

/* A factual China base map. Sichuan owns the only zoom interaction. */
.field-map-section{width:min(1360px,calc(100% - 80px));padding:0 0 62px}
.field-map-sheet{position:relative;margin:0;border-bottom:1px solid var(--line);isolation:isolate}
.field-map-copy{position:absolute;left:0;top:22%;z-index:2;pointer-events:none}
.field-map-copy h2{font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.55;margin-top:13px;letter-spacing:.03em}
.field-map-copy h2 em{font-style:normal;color:var(--red)}
.field-map-copy>p:last-child{font-size:1rem;line-height:2;margin-top:28px;color:var(--muted)}
.field-map-copy>p:last-child>span{display:block}
.map-stage{--map-stage-height:clamp(520px,52vw,800px);position:relative;height:var(--map-stage-height);overflow:hidden}
.map-grid{position:absolute;inset:30px 0;background-image:linear-gradient(#baa58d1c 1px,transparent 1px),linear-gradient(90deg,#baa58d1c 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at 67% 50%,#000 20%,transparent 72%);pointer-events:none}
.map-world{position:absolute;right:0;top:28px;width:min(78%,calc((var(--map-stage-height) - 56px) * 1.3));aspect-ratio:1.3;transform-origin:center;will-change:transform}
.china-map-mount{position:absolute;inset:0}.china-map{display:block;width:100%;height:100%;overflow:visible;outline:none}
.map-province{fill:#e8ded2;fill-opacity:.52;stroke:#a78c77;stroke-width:1.2;stroke-linejoin:round;vector-effect:non-scaling-stroke;transition:fill .28s,fill-opacity .28s,stroke .28s,opacity .28s;outline:none}
.map-province.is-sichuan{fill:#a35e52;fill-opacity:.86;stroke:#7e443c;stroke-width:2.1;cursor:zoom-in}
.map-province.is-sichuan:hover,.map-province.is-sichuan:focus-visible{fill:#914d43;stroke:#71392f}
.china-map-mount.is-zoomed .map-province:not(.is-sichuan){opacity:.12}.china-map-mount.is-zoomed .map-province.is-sichuan{fill-opacity:.4;stroke-width:2.3;cursor:zoom-out}
.china-map-mount.is-zoomed+.map-markers{opacity:1}
.map-markers{position:absolute;inset:0;pointer-events:none}.map-marker{position:absolute;width:10px;height:10px;translate:-50% -50%;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px #94534920;pointer-events:auto}
.map-marker>span{position:absolute;left:19px;top:50%;translate:0 -50%;font-size:.875rem;line-height:1.8;white-space:nowrap;background:#f8f5efed;padding:2px 7px;color:var(--red)}
.map-north{position:absolute;right:10px;top:26px;display:grid;justify-items:center;gap:7px;font-size:.75rem;color:var(--muted)}
.map-north>span{height:29px;width:1px;background:#b99c83;position:relative}.map-north>span::before{content:"";position:absolute;left:-3px;top:0;width:7px;height:7px;border-top:1px solid #b99c83;border-left:1px solid #b99c83;transform:rotate(45deg)}
.map-interaction{position:absolute;right:12px;bottom:18px;z-index:3;background:#f8f5efec;padding:8px 11px;font-size:.75rem;line-height:1.8;color:var(--muted);pointer-events:none}.map-interaction span{display:block;color:var(--red);font-size:.875rem}
.field-map-sheet figcaption{display:flex;justify-content:space-between;gap:18px;padding:13px 0;font-size:.75rem;line-height:1.8;color:var(--muted)}
.field-map-sheet figcaption a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:#c1aa96}

@media(max-width:1000px){.hero{grid-template-columns:minmax(300px,.44fr) minmax(0,1fr)}.hero-copy{padding-right:24px}.hero h1{font-size:clamp(2.65rem,5vw,3.75rem)}.hero-intro{font-size:1.125rem}.hero-actions{gap:14px}.hero-sketch{aspect-ratio:1.12}.hero-sketch>img{width:66%}.drawing-scene-intro .temple-tabs{gap:23px}.drawing-scene-intro h2{font-size:1.75rem}.drawing-phase-copy span{display:none}.field-map-copy h2{font-size:2.5rem}.map-stage{--map-stage-height:600px}}
@media(max-width:800px){.hero{width:calc(100% - 40px);padding-top:26px;display:grid;grid-template-columns:minmax(0,1fr);gap:0}.hero-copy{grid-column:1;grid-row:1;position:relative;width:100%;max-width:none;padding:0;background:none}.hero h1{font-size:clamp(2.75rem,7vw,3.5rem);margin-top:17px}.hero-description{max-width:36em}.hero-art{grid-column:1;grid-row:2;margin:18px 0 0;padding:0;width:100%;max-width:none}.hero-art-meta{padding-inline:0}.hero-sketch{aspect-ratio:1.38}.hero-sketch>img{width:72%;left:50%;top:50%}.art-caption{margin-inline:0;font-size:.75rem}.art-signature{margin-right:0}.art-note{display:block}.art-side-label{display:block}#explore{width:calc(100% - 36px);padding-top:29px}.explore-drawing{grid-template-columns:minmax(0,1fr) auto}.drawing-scene-intro{padding:14px 18px 8px}.drawing-topline{padding:16px 18px 8px}.drawing-scene-intro h2{font-size:1.5rem}.drawing-controls{gap:12px}.drawing-controls .small-control{font-size:.75rem}.explore-canvas{height:min(clamp(420px,calc(100svh - 180px),900px),var(--drawing-stage-available,1000px))}.field-map-section{width:calc(100% - 40px);padding-bottom:42px}.field-map-copy{top:12%}.field-map-copy h2{font-size:2rem}.field-map-copy>p:last-child{margin-top:18px}.map-stage{--map-stage-height:540px}}
@media(max-width:650px){.hero h1{font-size:clamp(2.5rem,10vw,3.15rem)}.hero .eyebrow{font-size:.75rem}.hero-intro{font-size:1.125rem;margin-top:16px}.hero-description{font-size:1rem;margin-top:12px}.hero-actions{margin-top:18px;gap:21px}.hero-actions .button{padding:10px 19px;min-height:44px}.hero-actions .text-link{font-size:.875rem}.hero-footnote{margin-top:21px}.hero-art{margin-top:0}.hero-sketch{aspect-ratio:1.3735}.hero-sketch>img{width:72.8063%}.hero-art .art-caption{font-size:.75rem}.hero-art .art-signature{font-size:.75rem}
 .explore-drawing{grid-template-columns:1fr;grid-template-areas:"intro" "controls" "stage" "footer" "meter" "source"}.drawing-scene-intro{position:relative;inset:auto;padding:15px 14px 0;pointer-events:auto}#explore .drawing-scene-intro .section-heading{max-width:100%}.drawing-scene-intro .eyebrow{font-size:.75rem}.drawing-scene-intro .section-heading h2{font-size:1.4rem;margin-top:6px;line-height:1.5}.drawing-scene-intro .temple-tabs{gap:22px;margin-top:9px;width:100%;justify-content:space-between}.drawing-scene-intro .temple-tab{font-size:1rem;gap:7px;white-space:normal}.drawing-scene-intro .temple-tab small{display:none}.drawing-topline{position:relative;inset:auto;padding:7px 14px 8px;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.drawing-controls{flex-direction:row;gap:14px;flex-shrink:0}.drawing-controls .small-control{font-size:.75rem}#drawingGesture{font-size:.75rem;max-width:160px;order:initial}.explore-canvas{height:min(clamp(310px,calc(100svh - 285px),670px),var(--drawing-stage-available,1000px));--drawing-image-offset:0}.drawing-scroll-footer{padding:11px 14px;gap:3px}.drawing-phase-copy{display:none}.drawing-bottomline{padding:9px 14px}.drawing-scene-intro .section-heading>div{background:none;padding:0}
 .field-map-copy{position:relative;left:auto;top:auto;padding-top:22px}.field-map-copy h2{font-size:1.9rem;line-height:1.5;margin-top:9px}.field-map-copy h2 br{display:none}.field-map-copy>p:last-child{font-size:.875rem;line-height:1.9;margin-top:13px;display:flex;gap:20px}.field-map-copy>p:last-child>span{display:inline}.map-stage{--map-stage-height:390px;margin-top:-2px}.map-world{width:100%;left:0;right:auto;top:34px;transform-origin:50% 50%}.map-grid{inset:15px 0;background-size:52px 52px;mask-image:radial-gradient(ellipse,#000 10%,transparent 75%)}.map-north{right:2px;top:18px}.map-interaction{right:0;bottom:10px}.field-map-sheet figcaption{font-size:.75rem;gap:12px;flex-wrap:wrap;padding-top:0}
 #drawingScrollScene[data-enlarged-text=true] .drawing-scene-intro .eyebrow{display:none}#drawingScrollScene[data-enlarged-text=true] .drawing-topline{padding-block:4px}#drawingScrollScene[data-enlarged-text=true] #drawingGesture{display:none}
}
@media(max-height:650px) and (min-width:651px){.drawing-scene-intro .section-heading{display:none!important}.drawing-scene-intro .temple-tabs{margin-top:0}.drawing-topline{padding-block:10px}.explore-canvas{height:min(430px,var(--drawing-stage-available,1000px));--drawing-image-offset:0}}
@media(prefers-reduced-motion:reduce){.map-world,.field-map-copy,.map-grid{will-change:auto;transform:none}}