@font-face{font-family:YingtianSerif;src:url('assets/fonts/display.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:YingtianSans;src:url('assets/fonts/body.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Instrument;src:url('assets/fonts/instrument-serif-regular.ttf') format('truetype');font-display:swap}
:root{--paper:#eee5d4;--cream:#f7f0e3;--ink:#342921;--muted:#776555;--red:#913b2e;--gold:#ad874e;--scene-bg:#eee5d4;--scene-ink:#342921;--line:#bda784;--pad:clamp(25px,5vw,100px);--display:YingtianSerif,'Songti SC',serif;--body:YingtianSans,'Microsoft YaHei',sans-serif;--latin:Instrument,Georgia,serif;--ease:cubic-bezier(.22,1,.36,1);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.9 var(--body);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:800}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{border:0;background:none;padding:0;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.35;cursor:default}img{display:block;max-width:100%;height:auto}button,a,input{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--red);outline-offset:5px}button:hover{color:var(--red)}::selection{background:var(--red);color:var(--cream)}[hidden]{display:none!important}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--red);margin-bottom:24px}.act p:not(.eyebrow){font-size:13px;line-height:2.15;letter-spacing:.035em}.act h2{font-size:clamp(50px,5.5vw,88px);line-height:1.25;letter-spacing:-.045em}.act h2 em{font-style:normal;color:var(--red)}
.opening{position:fixed;inset:0;background:var(--red);color:var(--cream);z-index:200;display:flex;align-items:center;justify-content:center;gap:25px;pointer-events:none;animation:open-scroll 1.25s .1s var(--ease) forwards}.opening>span{border:3px double var(--gold);font-family:var(--display);padding:15px;font-size:33px;writing-mode:vertical-rl;letter-spacing:.15em}.opening>i{height:1px;width:80px;background:var(--gold);transform-origin:left;animation:line-open .8s var(--ease)}.skip-link{position:fixed;top:10px;left:15px;z-index:300;background:var(--cream);padding:10px;transform:translateY(-180%)}.skip-link:focus{transform:none}.masthead{position:fixed;inset:0 0 auto;height:90px;z-index:70;padding:0 var(--pad);display:flex;justify-content:space-between;align-items:center;gap:25px;color:var(--scene-ink);pointer-events:none}.masthead>*{pointer-events:auto}.brand{display:flex;align-items:center;gap:13px;font-family:var(--display);font-size:20px;letter-spacing:.08em;line-height:1.15}.brand small{display:block;font:8px var(--latin);letter-spacing:.2em;margin-top:5px}.seal{font-family:var(--display);writing-mode:vertical-rl;display:flex;align-items:center;justify-content:center;letter-spacing:.1em;line-height:1;font-size:12px;width:32px;height:38px;background:var(--red);color:var(--cream);border:3px double var(--cream);outline:1px solid var(--red)}.masthead nav{display:flex;gap:38px;font-size:11px;letter-spacing:.12em}.masthead nav button{position:relative;padding:10px 0}.masthead nav button::after{content:"";position:absolute;bottom:0;left:50%;width:4px;height:4px;border-radius:50%;background:var(--red);transform:scale(0);transition:transform .3s}.masthead nav button.active::after{transform:scale(1)}.read-notes{font-size:10px;letter-spacing:.08em}.read-notes span{font-size:17px;margin-left:12px}
.cinema-track{height:1500svh;position:relative}.stage-frame{height:100svh;min-height:650px;width:100%;position:sticky;top:0;overflow:hidden;background:var(--scene-bg);isolation:isolate;color:var(--scene-ink)}.scene-wash{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 35%,#fff8dc99,transparent 63%),linear-gradient(120deg,#d2ad7222,transparent 50%);opacity:var(--wash-opacity,1);z-index:0}.paper-grain{position:absolute;inset:0;pointer-events:none;z-index:40;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath d='M0 0h150v150H0z' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}.celestial{position:absolute;width:58vw;height:58vw;max-width:920px;max-height:920px;right:-3vw;top:6vh;pointer-events:none;color:var(--gold);opacity:var(--orbit-opacity,.55);transform:translateY(var(--orbit-y,0px)) rotate(var(--orbit-rotation,0deg))}.celestial i{position:absolute;inset:0;border:1px solid #b28c4a55;border-radius:50%}.celestial i:nth-child(2){inset:5%;border-style:dashed;border-color:#b28c4a33}.celestial i:first-child::after,.celestial i:nth-child(2)::after{content:"";position:absolute;top:50%;left:-8px;right:-8px;height:1px;background:#b28c4a33}.celestial>span{position:absolute;right:8%;top:15%;font:130px var(--display);opacity:.07}.cloud-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--gold);stroke-width:.65;opacity:var(--cloud-opacity,.23);transform:translateX(var(--cloud-shift,0px));pointer-events:none}.cloud-lines path:last-child{opacity:.4}#dust{position:absolute;inset:0;z-index:35;pointer-events:none;opacity:.6}.hero-art{position:absolute;right:-6%;bottom:5%;width:77vw;max-width:1500px;mix-blend-mode:multiply;z-index:2;opacity:var(--hero-opacity,1);transform:translate3d(var(--hero-x,0px),var(--hero-y,0px),0) scale(var(--hero-scale,1));transform-origin:58% 72%;will-change:transform,opacity;pointer-events:none}.hero-art img{width:100%;filter:saturate(.78) sepia(.12)}.model-world{position:absolute;inset:10% -4% 0 11%;z-index:5;opacity:var(--model-opacity,0);pointer-events:none;transform:translateY(var(--model-y,0px));will-change:opacity,transform}.model-world.is-interactive{pointer-events:auto}.model-world #model-canvas{width:100%;height:100%}.model-world canvas{max-width:100%}.model-loading{position:absolute;inset:15% 5%;display:grid;place-items:center;mix-blend-mode:multiply;z-index:-1}.model-world.ready .model-loading{display:none}.model-fallback{display:none}.drawing-world{position:absolute;inset:12% 0 3% 20%;opacity:var(--model-opacity,0);z-index:6;pointer-events:none}.drawing-assembly{position:absolute;left:50%;top:50%;width:390px;height:480px;transform:translate(-50%,-50%);mix-blend-mode:multiply;--explode:0}.drawing-assembly img{position:absolute;left:0;width:100%;height:auto;mix-blend-mode:multiply;transform:translateY(calc(var(--y)*1px + var(--offset)*var(--explode)*1px)) rotate(calc(var(--tilt)*var(--explode)*1deg));transform-origin:50% 70%;will-change:transform}.drawing-assembly [data-drawing=roof]{--y:0;--offset:-60;--tilt:-3;z-index:4}.drawing-assembly [data-drawing=upper]{--y:86;--offset:-20;--tilt:1.4;z-index:3}.drawing-assembly [data-drawing=lower]{--y:204;--offset:30;--tilt:0;z-index:2}.drawing-assembly [data-drawing=base]{--y:315;--offset:80;--tilt:0;z-index:1}
.act{position:absolute;inset:0;z-index:10;opacity:0;pointer-events:none;transform:translate3d(0,var(--act-y,0px),0);will-change:opacity,transform}.act-hero{opacity:1}.hero-heading{position:absolute;left:var(--pad);top:21%;z-index:2}.hero-heading h1{font-size:clamp(84px,8vw,140px);letter-spacing:-.055em;line-height:1.18}.hero-heading h1>span{display:block;clip-path:inset(0 0 var(--title-cut,0%) 0)}.hero-heading h1>span:last-child{margin-left:.6em}.red-dot{color:var(--red);font-size:.6em}.hero-heading .hero-poem{font-size:12px;margin-top:30px;line-height:2.2;color:var(--muted)}.enter{display:flex;gap:35px;align-items:center;font-size:11px;margin-top:35px;letter-spacing:.12em}.enter i{font-style:normal;width:45px;height:45px;border:1px solid var(--red);border-radius:50%;display:grid;place-items:center;font-size:22px;color:var(--red);animation:breathe-down 2.5s ease-in-out infinite}.hero-baseline{position:absolute;left:var(--pad);right:var(--pad);bottom:3.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px!important;letter-spacing:.1em;color:var(--muted)}.hero-baseline b{font:43px var(--latin);margin-right:13px;color:var(--ink)}
.history-heading{position:absolute;top:19%;left:var(--pad)}.history-heading>p:last-child{margin-top:30px;color:var(--muted)}.history-river{position:absolute;width:70%;height:68%;right:-2%;bottom:3%;mix-blend-mode:multiply}.history-river>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none}.river-ghost{stroke:#b38a4544;stroke-width:22}.river-draw{stroke:var(--gold);stroke-width:1.5;stroke-dasharray:1400;stroke-dashoffset:var(--river-dash,1400);filter:drop-shadow(0 3px 3px #97672b44)}.history-scene{position:absolute;opacity:var(--item-opacity,1);transform:translateY(var(--item-y,0px)) scale(var(--item-scale,1));width:31%;max-width:315px}.history-scene img{width:100%;filter:sepia(.15) saturate(.8);mask-image:radial-gradient(ellipse,black 45%,transparent 73%)}.history-a{left:0;bottom:6%;--item-y:20px}.history-b{left:35%;bottom:36%}.history-c{right:0;top:4%}.history-scene figcaption{display:flex;align-items:center;gap:18px;margin:5px 0 0 25px}.history-scene b{font:50px var(--display);line-height:1.2;color:var(--red)}.history-scene span{font-size:10px;letter-spacing:.04em}.history-crane{position:absolute;width:95px;right:12%;top:17%;mix-blend-mode:multiply;transform:translate(var(--crane-x,0px),var(--crane-y,0px)) rotate(-7deg)}.act .micro-note{position:absolute;bottom:5%;left:var(--pad);font-size:9px!important;color:var(--muted)}
.axis-copy{position:absolute;left:var(--pad);top:22%;max-width:40%}.axis-copy>p:not(.eyebrow){margin-top:30px;color:var(--muted)}.axis-key{display:flex;gap:27px;margin-top:28px;font-size:10px;color:var(--red)}.axis-key i{display:inline-block;width:5px;height:5px;border:1px solid var(--gold);border-radius:50%;margin-right:8px}.city-plan{position:absolute;right:12%;top:17%;height:65%;width:40%;mix-blend-mode:multiply;transform:perspective(1200px) rotateX(var(--map-tilt,8deg)) rotateZ(var(--map-turn,-7deg)) translateY(var(--map-y,30px));clip-path:inset(var(--map-reveal,0%) 0 0)}.city-plan>img{width:100%;height:100%;object-fit:contain;opacity:.8;filter:sepia(.12)}.city-plan svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.city-plan .axis-line{stroke:var(--red);stroke-width:1.5;fill:none;stroke-dasharray:480;stroke-dashoffset:var(--axis-dash,480)}.city-plan .axis-mark{fill:var(--red);stroke:var(--cream);stroke-width:4;opacity:var(--axis-nodes,0)}.plan-north{position:absolute;top:3%;left:50%;font:10px var(--body);letter-spacing:.1em}.plan-label{position:absolute;bottom:-5%;left:0;right:0;text-align:center;font-size:9px;color:var(--muted)}.ceremony-band{position:absolute;bottom:0;left:0;width:100%;height:17%;object-fit:cover;object-position:center;opacity:.3;mix-blend-mode:multiply;mask-image:linear-gradient(transparent,black 60%);transform:translateX(var(--procession-x,0px))}
.anatomy-copy{position:absolute;left:var(--pad);top:18%;width:31%;pointer-events:none}.anatomy-copy .anatomy-count{font:68px var(--latin)!important;color:var(--red);line-height:1;margin:0 0 15px}.anatomy-count i{font:14px var(--latin);margin-left:8px;color:var(--muted)}.anatomy-copy h2{font-size:clamp(40px,4.1vw,64px)}.anatomy-copy>p:last-child{font-size:12px;margin-top:25px;color:var(--muted);max-width:310px;min-height:80px}.layer-trace{position:absolute;right:5%;top:29%;width:125px;height:38%;display:flex;flex-direction:column;justify-content:space-between;font-size:10px;color:var(--red)}.layer-trace>span{display:flex;gap:9px;align-items:center;opacity:.36;transform:translateX(var(--trace-x,0px))}.layer-trace>span.active{opacity:1}.layer-trace i{height:1px;width:var(--leader-width,25px);background:var(--gold)}.model-tools{position:absolute;left:var(--pad);right:var(--pad);bottom:9%;display:flex;align-items:center;gap:22px;z-index:30}.model-mode{display:flex;gap:20px;border-bottom:1px solid #a88d6366}.model-mode button{font-size:11px;padding:8px 0;position:relative}.model-mode button.active{color:var(--red)}.model-mode button.active::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--red)}#free-camera{font-size:11px;padding:6px 15px;border:1px solid var(--gold);background:#eee5d4cc;white-space:nowrap}#free-camera span{margin-left:20px}.free-controls{display:flex;gap:18px;align-items:center;margin-left:auto;font-size:10px;background:#eee5d4ed;padding:10px 15px}.free-controls button{font-size:10px}.free-controls label{display:flex;gap:10px;align-items:center}.free-controls input{width:120px;accent-color:var(--red)}.act .model-caption{position:absolute;bottom:4%;left:var(--pad);font-size:9px!important;letter-spacing:.08em;color:var(--muted)}
.craft-copy{position:absolute;left:var(--pad);top:19%;width:39%}.craft-copy>p:last-child{margin-top:30px;color:var(--muted)}.craft-visual{position:absolute;right:8%;top:11%;height:70%;width:48%;mix-blend-mode:multiply;transform:translate(var(--craft-x,0px),var(--craft-y,0px)) rotate(var(--craft-rotate,0deg)) scale(var(--craft-scale,1))}.craft-sketch{width:100%;height:100%;object-fit:contain;filter:sepia(.18);mask-image:linear-gradient(black 70%,transparent)}.craft-ornament{position:absolute;right:-6%;bottom:0;width:30%;mix-blend-mode:multiply;opacity:.3;transform:rotate(var(--ornament-rotate,0deg))}.craft-visual svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:var(--gold);stroke-width:1;opacity:.7}.craft-visual path{stroke-dasharray:700;stroke-dashoffset:var(--craft-dash,700)}.craft-visual circle{fill:var(--red);stroke:var(--paper);stroke-width:3}.material-orbit{position:absolute;left:8%;right:12%;bottom:6%;display:flex;gap:60px;justify-content:space-between;mix-blend-mode:multiply}.material-orbit figure{display:flex;gap:18px;align-items:center;transform:translateY(var(--material-y,0px));opacity:var(--material-opacity,1)}.material-orbit img{width:90px;height:90px;object-fit:contain;border-radius:50%;border:1px solid var(--gold);padding:3px}.material-orbit figcaption{font:18px var(--display);letter-spacing:.1em}.material-orbit small{display:block;font:8px var(--body);letter-spacing:.15em;margin-top:7px;color:var(--muted)}
.colour-copy{position:absolute;top:19%;left:var(--pad);z-index:3;color:var(--cream)}.colour-copy .eyebrow{color:#d6b16c}.colour-copy h2 em{color:#d6b16c}.colour-copy>p:last-child{margin-top:30px;color:#e4d4bc}.colour-architecture{position:absolute;width:58%;height:85%;right:-5%;bottom:-4%;transform:translateY(var(--colour-y,40px)) rotate(var(--colour-turn,4deg)) scale(var(--colour-scale,1));transform-origin:80% 100%;z-index:2}.colour-architecture img{width:100%;height:100%;object-fit:contain;filter:saturate(.8) drop-shadow(20px 25px 30px #151b1c66)}.colour-ribbons{position:absolute;left:var(--pad);bottom:8%;display:flex;height:24%;width:38%;gap:12px;z-index:3}.colour-ribbons>div{position:relative;flex:1;background:var(--swatch);height:var(--ribbon-height,100%);align-self:end;padding:16px 12px;color:var(--cream);overflow:hidden;border-top:1px solid #c9a15b}.colour-ribbons b{font:40px var(--display);line-height:1}.colour-ribbons span{position:absolute;bottom:10px;left:12px;font-size:7px;letter-spacing:.1em;writing-mode:vertical-rl}.colour-pattern{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) invert(1);mix-blend-mode:screen;opacity:.025;transform:scale(var(--pattern-scale,1))}
.act-collection{padding:clamp(100px,15vh,155px) var(--pad) 70px}.collection-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:40px}.collection-heading h2{font-size:clamp(35px,4vw,62px);line-height:1.4}.collection-heading h2 em{display:inline}.collection-heading>p{font-size:10px!important;color:var(--muted);padding-bottom:5px}.collection-heading .eyebrow{margin-bottom:17px}.poster-collection{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:25px;perspective:1400px}.poster-collection figure{min-width:0;transform:translateY(var(--poster-y,0px)) rotateY(var(--poster-rotate,0deg)) rotateZ(var(--poster-tilt,0deg));opacity:var(--poster-opacity,1);transform-origin:50% 100%}.poster-collection button{width:100%;display:block;text-align:left;position:relative;transition:transform .5s var(--ease);padding:7px;background:#ead8b8;box-shadow:0 15px 35px -25px #4a281d99}.poster-collection button:hover{transform:translateY(-12px)}.poster-collection img{width:100%;height:clamp(230px,43svh,500px);object-fit:cover;object-position:top}.poster-collection button>span{display:block;padding:12px 3px 5px;font-size:10px;color:var(--ink)}.act .collection-hint{position:absolute;left:var(--pad);bottom:6%;font-size:9px!important;color:var(--muted);letter-spacing:.07em}
.act-finale{color:#512b23;overflow:hidden}.finale-glow{position:absolute;inset:-15%;background:radial-gradient(ellipse at 50% 20%,#fff0b166,transparent 65%);transform:scale(var(--finale-glow,1));z-index:-1}.gold-scroll{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:url(#gold);stroke-width:18;stroke-dasharray:2300;stroke-dashoffset:var(--scroll-dash,2300);opacity:.55;filter:drop-shadow(0 7px 6px #985d2b55)}.finale-title{position:absolute;top:17%;left:var(--pad);right:var(--pad);text-align:center;z-index:5}.finale-title .eyebrow{color:#783828;margin-bottom:25px}.finale-title h2{font-size:clamp(48px,6vw,100px);line-height:1.3;letter-spacing:-.04em}.finale-title h2 span{display:block;transform:translateY(var(--closing-title-y,0px));opacity:var(--closing-title-opacity,1)}.finale-title h2 span:last-child{font-size:.88em;margin-top:6px}.finale-title>p:last-child{font-size:12px;margin-top:24px;color:#754335;line-height:2.1}.finale-building{position:absolute;width:108%;left:-4%;bottom:-5%;mix-blend-mode:multiply;transform:translateY(var(--closing-building-y,100px)) scale(var(--closing-building-scale,.9));transform-origin:50% 100%;z-index:2;opacity:var(--closing-building-opacity,1)}.finale-building img{width:100%;filter:sepia(.17) saturate(.73);mask-image:linear-gradient(transparent 0%,black 9%)}.finale-foreground{position:absolute;bottom:-2%;left:-3%;width:33%;mix-blend-mode:multiply;transform:translateY(var(--flower-y,20px)) rotate(-5deg);z-index:4;opacity:.65;mask-image:radial-gradient(ellipse at 20% 90%,black 15%,transparent 70%)}.finale-actions{position:absolute;z-index:8;bottom:5%;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:30px}.finale-actions button{font-size:11px;background:#e4b49ae6;border:1px solid #b6754c;padding:10px 20px;backdrop-filter:blur(10px)}.finale-actions button>span{margin-left:50px;font-size:17px}
.journey-rail{position:absolute;right:22px;top:50%;transform:translateY(-50%);z-index:55;display:flex;flex-direction:column;align-items:center;gap:18px;pointer-events:none;color:var(--scene-ink)}.journey-rail>span:first-child{writing-mode:vertical-rl;font-size:9px;letter-spacing:.2em}.journey-rail>div{height:120px;width:1px;background:#a98d6255}.journey-rail i{display:block;height:100%;width:1px;background:var(--red);transform:scaleY(var(--progress,0));transform-origin:top}.journey-rail>span:last-child{font:15px var(--latin)}.scroll-cue{position:absolute;left:var(--pad);bottom:4%;display:flex;align-items:center;gap:18px;z-index:20;pointer-events:none;opacity:var(--cue-opacity,0)}.scroll-cue>span{font-size:9px;letter-spacing:.12em}.scroll-cue i{height:35px;width:1px;background:var(--gold);animation:breathe-down 2.5s infinite ease-in-out}footer{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:110px;padding:25px var(--pad);background:#d28f7d;color:#5e3328}footer>span{font:16px var(--display)}footer small{display:block;font:7px var(--body);letter-spacing:.18em;margin-top:8px}footer p{font-size:9px}footer button{font-size:9px}.noscript{position:fixed;inset:0;background:var(--paper);z-index:250;padding:15vh 10vw}.noscript a{text-decoration:underline}.noscript h1{font-size:40px}
dialog{padding:0;border:0;background:var(--cream);color:var(--ink)}dialog::backdrop{background:#1b211fe8;backdrop-filter:blur(10px)}dialog[open]{animation:dialog-in .4s var(--ease)}.poster-dialog{width:min(95vw,1120px);height:94svh;max-height:none;max-width:none;overflow:hidden}.dialog-toolbar{height:65px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 25px;border-bottom:1px solid #bda78477}.dialog-toolbar h2{font-size:16px}.dialog-toolbar>div{display:flex;gap:10px}.dialog-toolbar button{min-width:35px;height:38px;font-size:22px}.dialog-toolbar #zoom-reset{font:16px var(--latin);min-width:55px}.dialog-toolbar .close-poster{font-size:30px;margin-left:10px}.poster-scroll{height:calc(100% - 105px);padding:25px;overflow:auto;overscroll-behavior:contain}.poster-scroll img{width:var(--poster-width,100%);max-width:none;height:auto;margin:auto}.poster-dialog>p{font-size:9px;height:40px;display:grid;place-items:center;border-top:1px solid #bda78477;color:var(--muted)}.notes-dialog{width:min(90vw,620px);max-height:86svh;padding:50px;overflow:auto}.close-notes{position:absolute;right:20px;top:15px;font-size:28px;min-width:40px;min-height:40px}.notes-dialog h2{font-size:36px;margin-bottom:22px}.notes-dialog h3{font-size:16px;margin:25px 0 10px}.notes-dialog p{font-size:12px;line-height:2.1;color:var(--muted);margin-bottom:12px}.notes-dialog .eyebrow{font-size:9px;color:var(--red)}.notes-dialog>a{font-size:12px;text-decoration:underline;text-underline-offset:4px}.notes-goto{font-size:11px;border-bottom:1px solid var(--gold);padding:8px 0;margin-top:20px}
@keyframes open-scroll{to{clip-path:inset(0 50%);visibility:hidden}}@keyframes line-open{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes breathe-down{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}@keyframes dialog-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:1800px){.hero-art{right:0;width:75vw}.model-world{inset:8% 2% -2% 14%}.act .anatomy-copy>p:last-child{font-size:14px}.poster-collection{gap:35px}.poster-collection img{height:44svh}.history-river{bottom:8%}.craft-visual{right:10%;width:44%}}
@media(max-width:1100px){.masthead{height:78px}.hero-heading{top:20%}.hero-heading h1{font-size:90px}.hero-art{width:92%;right:-18%;bottom:8%}.history-heading h2,.axis-copy h2,.craft-copy h2,.colour-copy h2{font-size:58px}.history-river{width:76%;height:62%;right:-7%;bottom:5%}.history-heading>p:last-child{font-size:11px}.history-scene b{font-size:35px}.history-scene figcaption{gap:10px;margin-left:10px}.history-scene span{font-size:8px}.anatomy-copy{top:15%;width:35%}.anatomy-copy h2{font-size:45px}.layer-trace{right:4%;width:100px}.model-world{inset:17% -8% 3% 6%}.material-orbit{left:5%;right:8%;gap:20px}.material-orbit img{width:75px;height:75px}.material-orbit figure{gap:14px}.collection-heading{display:block}.collection-heading>p{margin-top:20px}.poster-collection{gap:15px}.poster-collection img{height:37svh}.poster-collection button>span{font-size:8px}.act-collection{padding-top:15vh}.collection-heading h2{font-size:48px}.colour-ribbons{width:42%;bottom:10%}.finale-title h2{font-size:72px}.finale-building{width:125%;left:-12.5%;bottom:0}}
@media(max-width:800px){:root{--pad:30px}.cinema-track{height:1300svh}.hero-heading h1{font-size:83px}.hero-heading .eyebrow{font-size:9px}.hero-art{bottom:15%;width:105%;right:-12%}.hero-baseline{bottom:4%}.hero-heading .hero-poem{font-size:11px}.history-heading{top:17%}.history-river{height:55%;width:98%;right:-10%;bottom:6%}.history-heading>p:last-child{font-size:12px}.history-c{top:5%;right:5%}.axis-copy{top:16%;max-width:55%}.city-plan{right:3%;width:51%;top:30%;height:54%}.anatomy-copy{top:14%;width:65%}.anatomy-copy h2{font-size:46px}.anatomy-copy .anatomy-count{font-size:43px!important;position:absolute;left:calc(100% + 70px);top:50px}.anatomy-copy>p:last-child{font-size:11px!important;margin-top:17px;max-width:430px}.model-world{inset:27% -3% 6% -3%}.layer-trace{top:49%;height:29%;font-size:8px;right:4%;width:95px}.layer-trace i{max-width:25px}.model-tools{bottom:8%;gap:20px}.free-controls{position:absolute;right:0;bottom:50px;font-size:9px;gap:16px}.free-controls input{width:100px}.model-caption{font-size:8px!important}.craft-copy{top:16%;width:60%}.craft-copy>p:last-child{font-size:11px!important}.craft-visual{width:65%;height:54%;top:31%;right:0}.material-orbit{bottom:6%;left:var(--pad);right:var(--pad)}.material-orbit img{width:60px;height:60px}.material-orbit figcaption{font-size:14px}.material-orbit small{font-size:6px}.colour-copy{top:17%}.colour-architecture{width:73%;bottom:6%;height:61%;right:-12%}.colour-ribbons{bottom:8%;height:25%;width:42%;gap:8px}.colour-ribbons>div{padding:12px 8px}.colour-ribbons b{font-size:30px}.colour-ribbons span{font-size:6px;left:9px}.colour-copy>p:last-child{font-size:11px!important}.collection-heading h2{font-size:42px}.collection-heading h2 em{display:block;margin-left:.5em}.poster-collection{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:20px 15px 30px;margin:0 -15px}.poster-collection::-webkit-scrollbar{display:none}.poster-collection figure{flex:0 0 34vw;scroll-snap-align:center}.poster-collection img{height:43svh}.collection-heading{margin-bottom:20px}.collection-hint{bottom:7%!important}.finale-title{top:18%}.finale-title h2{font-size:65px}.finale-title>p:last-child{font-size:11px!important}.finale-building{width:160%;left:-30%;bottom:7%}.finale-foreground{width:45%;bottom:4%}.gold-scroll{stroke-width:12}.finale-actions{bottom:5%}footer p{display:none}}
@media(max-width:600px){:root{--pad:23px}.cinema-track{height:1250svh}.stage-frame{min-height:620px}.masthead{height:68px;gap:14px}.brand{font-size:15px;gap:10px}.brand small{font-size:6px;letter-spacing:.1em}.seal{width:26px;height:32px;font-size:10px}.masthead nav{gap:17px;font-size:9px;letter-spacing:.06em}.masthead>.read-notes{font-size:0}.masthead>.read-notes span{font-size:17px;margin:0}.eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:19px}.act h2{font-size:45px}.act p:not(.eyebrow){font-size:12px;line-height:2.05}.hero-heading{top:19%;left:var(--pad)}.hero-heading h1{font-size:clamp(48px,13.7vw,70px);line-height:1.25}.hero-heading h1>span:last-child{margin-left:.57em}.hero-heading .hero-poem{font-size:10px;line-height:2.1;margin-top:24px}.hero-heading .eyebrow{font-size:8px}.hero-art{width:132%;right:-24%;bottom:12%}.hero-baseline{bottom:3.5%;font-size:7px;gap:10px}.hero-baseline>span:first-child{font-size:7px;max-width:130px}.hero-baseline b{font-size:30px;margin-right:7px}.hero-baseline>span:last-child{font-size:7px}.enter{gap:20px;margin-top:23px;font-size:10px}.enter i{width:36px;height:36px;font-size:18px}.celestial{width:105vw;height:105vw;top:40%;right:-15%}.celestial>span{font-size:80px}.journey-rail{right:10px;gap:12px;top:56%}.journey-rail>span:first-child{font-size:7px;letter-spacing:.12em}.journey-rail>div{height:80px}.journey-rail>span:last-child{font-size:12px}.scroll-cue{bottom:3%;gap:13px}.scroll-cue>span{font-size:8px}.history-heading{top:15%;left:var(--pad)}.history-heading h2{font-size:44px}.history-heading>p:last-child{font-size:11px;line-height:2.1;margin-top:23px}.history-river{width:117%;height:48%;right:-17%;bottom:10%}.history-scene{width:35%;max-width:180px}.history-a{left:0;bottom:0}.history-b{left:31%;bottom:35%}.history-c{right:3%;top:0}.history-scene figcaption{display:block;margin:0 0 0 20px}.history-scene b{font-size:28px}.history-scene span{display:block;font-size:7px;margin-top:3px}.history-crane{width:65px;right:11%;top:26%}.act .micro-note{font-size:7px!important;bottom:5%;left:var(--pad)}.axis-copy{top:15%;max-width:90%;left:var(--pad)}.axis-copy h2{font-size:43px}.axis-copy>p:not(.eyebrow){margin-top:21px;font-size:11px;line-height:2}.axis-key{margin-top:18px;gap:23px;font-size:8px}.city-plan{width:83%;height:44%;right:7%;top:49%}.plan-label{font-size:7px;bottom:0}.plan-north{font-size:8px;top:0}.ceremony-band{height:12%;opacity:.18}.anatomy-copy{top:13%;width:90%;left:var(--pad)}.anatomy-copy .eyebrow{font-size:8px;margin-bottom:16px}.anatomy-copy h2{font-size:39px;line-height:1.23}.anatomy-copy .anatomy-count{left:auto;right:7%;top:53px;font-size:45px!important}.anatomy-count i{font-size:11px}.anatomy-copy>p:last-child{font-size:10px!important;line-height:2;margin-top:17px;max-width:280px;min-height:60px}.model-world{inset:32% -14% 9% -14%}.drawing-world{inset:37% 0 13% 0}.drawing-assembly{width:240px;height:300px;transform:translate(-50%,-50%)}.drawing-assembly [data-drawing=roof]{--y:0;--offset:-32;--tilt:-3}.drawing-assembly [data-drawing=upper]{--y:53;--offset:-12;--tilt:1.4}.drawing-assembly [data-drawing=lower]{--y:125;--offset:14;--tilt:0}.drawing-assembly [data-drawing=base]{--y:194;--offset:36;--tilt:0}.layer-trace{top:46%;height:30%;right:15px;width:66px;font-size:7px}.layer-trace>span{gap:4px}.layer-trace i{max-width:13px}.model-tools{left:var(--pad);right:var(--pad);bottom:8%;gap:20px;flex-wrap:wrap}.model-mode{gap:16px}.model-mode button{font-size:9px;padding:7px 0}#free-camera{font-size:9px;padding:6px 10px}#free-camera span{margin-left:12px}.free-controls{bottom:45px;left:0;right:auto;width:100%;justify-content:space-between;padding:10px 12px;gap:12px;font-size:8px}.free-controls button{font-size:8px}.free-controls label{gap:7px}.free-controls input{width:85px}.act .model-caption{font-size:7px!important;bottom:3.4%;max-width:300px}.craft-copy{top:15%;left:var(--pad);width:92%}.craft-copy h2{font-size:43px}.craft-copy>p:last-child{font-size:10px!important;margin-top:20px;line-height:2.1}.craft-visual{top:37%;height:44%;width:88%;right:0}.craft-ornament{right:3%;bottom:0;width:29%}.craft-visual svg{opacity:.45}.material-orbit{bottom:7%;left:var(--pad);right:var(--pad);gap:10px}.material-orbit figure{display:block;text-align:center}.material-orbit img{width:61px;height:61px;margin:auto}.material-orbit figcaption{font-size:12px;margin-top:8px}.material-orbit small{font-size:5px;letter-spacing:.08em;margin-top:4px}.colour-copy{top:16%;left:var(--pad);right:var(--pad)}.colour-copy h2{font-size:44px}.colour-copy>p:last-child{font-size:10px!important;line-height:2.1;margin-top:22px}.colour-architecture{width:100%;height:54%;bottom:7%;right:-18%}.colour-ribbons{width:43%;bottom:9%;height:24%;gap:5px}.colour-ribbons>div{padding:12px 6px}.colour-ribbons b{font-size:24px}.colour-ribbons span{font-size:5px;left:6px;letter-spacing:.03em}.act-collection{padding:14vh var(--pad) 50px}.collection-heading h2{font-size:35px}.collection-heading .eyebrow{font-size:8px;margin-bottom:16px}.collection-heading>p{font-size:10px!important;margin-top:20px;line-height:2}.collection-heading{margin-bottom:12px}.poster-collection{gap:19px;margin-left:calc(-1 * var(--pad));margin-right:calc(-1 * var(--pad));padding:22px var(--pad) 27px;scroll-padding-left:var(--pad)}.poster-collection figure{flex-basis:66vw}.poster-collection img{height:39svh}.poster-collection button{padding:7px}.poster-collection button>span{font-size:10px;padding:12px 4px 5px}.act .collection-hint{font-size:8px!important;bottom:5%!important}.finale-title{top:19%;left:18px;right:18px}.finale-title .eyebrow{font-size:8px;margin-bottom:25px}.finale-title h2{font-size:clamp(35px,10.4vw,54px);line-height:1.35}.finale-title h2 span:last-child{font-size:.88em;margin-top:12px}.finale-title>p:last-child{font-size:10px!important;margin-top:25px;line-height:2.1}.finale-building{width:190%;left:-45%;bottom:12%;transform-origin:50% 100%}.finale-foreground{width:70%;bottom:8%;left:-10%;opacity:.65}.gold-scroll{stroke-width:15}.finale-actions{bottom:4%;left:var(--pad);right:var(--pad);gap:20px}.finale-actions button{font-size:9px;padding:9px 12px}.finale-actions button>span{font-size:14px;margin-left:25px}footer{padding:24px var(--pad);min-height:100px;gap:20px}footer>span{font-size:12px}footer small{font-size:5px;letter-spacing:.1em}footer button{font-size:8px;max-width:85px}.dialog-toolbar{height:57px;padding:0 13px;gap:8px}.dialog-toolbar h2{font-size:12px}.dialog-toolbar>div{gap:3px}.dialog-toolbar button{font-size:18px;min-width:27px;height:36px}.dialog-toolbar #zoom-reset{font-size:13px;min-width:40px}.dialog-toolbar .close-poster{font-size:25px;margin-left:4px}.poster-dialog{width:96vw;height:94svh}.poster-scroll{padding:15px;height:calc(100% - 95px)}.poster-dialog>p{font-size:7px;height:38px}.notes-dialog{padding:45px 27px 30px}.notes-dialog h2{font-size:30px}.notes-dialog h3{font-size:14px}.notes-dialog p,.notes-dialog>a{font-size:11px}.notes-dialog .eyebrow{font-size:8px}}
@media(max-width:360px){.masthead nav{gap:12px;font-size:8px}.brand{font-size:13px;gap:8px}.brand small{font-size:5px}.seal{width:23px;height:29px}.hero-heading h1{font-size:46px}.hero-heading{top:17%}.hero-heading .hero-poem{font-size:9px}.hero-art{bottom:13%}.hero-baseline b{font-size:26px}.hero-baseline>span:first-child{max-width:100px}.act h2{font-size:38px}.anatomy-copy h2{font-size:35px}.anatomy-copy .anatomy-count{font-size:37px!important;right:6%}.anatomy-copy>p:last-child{font-size:9px!important;max-width:240px}.collection-heading h2{font-size:31px}.collection-heading>p{font-size:9px!important}.poster-collection img{height:37svh}.colour-copy h2{font-size:39px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.opening{display:none}.paper-grain{opacity:.03}#dust{display:none}.act{transform:none!important}.history-scene,.craft-visual,.material-orbit figure,.poster-collection figure{transform:none!important}}

.act{pointer-events:none!important}.act button,.act input,.poster-collection{pointer-events:auto}

:root{--map-water:#8caaa0}
.act:not(.is-current) :is(.hero-heading,.history-heading,.axis-copy,.anatomy-copy,.craft-copy,.colour-copy,.collection-heading,.finale-title){visibility:hidden}
.hero-heading h1{font-size:clamp(84px,7.4vw,135px)}
.hero-art{width:70vw;right:-4%}
.model-world{inset:10% 1% 5% 18%}
.act-finale{background:var(--scene-bg)}
.anatomy-count{white-space:nowrap}
.finale-building{bottom:-15%}
.city-plan .map-art{width:100%;height:100%;overflow:visible}
.map-label{font:18px var(--display);fill:var(--ink);letter-spacing:.15em}
.map-label-red{fill:var(--red)}
.map-small{font:11px var(--body);fill:var(--muted);letter-spacing:.1em}
@media(max-width:1100px){.hero-art{width:88%;right:-15%}.hero-heading h1{font-size:90px}.model-world{inset:17% 1% 5% 5%}.finale-building{bottom:-6%}}
@media(max-width:800px){.hero-art{width:105%;right:-12%}.hero-heading h1{font-size:83px}.model-world{inset:29% 2% 8% 2%}.history-c{right:12%}.finale-building{bottom:3%}.anatomy-copy .anatomy-count{left:auto;right:-16%;width:110px}}
@media(max-width:600px){.hero-art{width:132%;right:-24%}.hero-heading h1{font-size:clamp(48px,13.7vw,70px)}.model-world{inset:34% 3% 11% 3%}.history-c{right:18%}.finale-building{bottom:10%}.anatomy-copy .anatomy-count{right:5%;width:auto}.map-label{font-size:18px}.map-small{font-size:11px}}
@media(max-width:360px){.hero-heading h1{font-size:46px}}


#drawing-world{mix-blend-mode:multiply}.colour-architecture{mask-image:linear-gradient(black 0%,black 76%,transparent 100%)}