/* V3: fewer movements, continuous motion and a denser illustrated composition. */
:root{--scene-ink:#342921;--final-paper:#f5dcc4;--final-ink:#3b2019;--final-secondary:#623b2c}
.cinema-track{height:850svh}
.stage-frame{min-height:0}
.act{transform:none;will-change:auto;visibility:hidden}
.act.is-visible{visibility:visible;will-change:opacity}
.hero-art{width:77vw;right:-5%;bottom:1%}
.hero-heading{top:18%}
.hero-heading .hero-poem{color:var(--ink)}
.paper-grain{opacity:.035}
.journey-rail{right:15px}
#dust{opacity:.36}
.layer-trace i{width:32px}
.anatomy-copy{top:16%;width:32%}
.anatomy-copy .anatomy-count{font-size:53px!important;margin-bottom:16px}
.anatomy-count i{font-family:var(--body);font-size:10px;letter-spacing:.14em}
.anatomy-copy h2{font-size:clamp(46px,4.2vw,65px);line-height:1.25}
.anatomy-copy>p:last-child{color:var(--ink);font-size:12px;max-width:350px;line-height:2}
.model-world{inset:9% 1% 4% 19%}
.layer-trace>span{opacity:.65}
.layer-trace>span.active{opacity:1}
.act .model-caption{color:var(--ink);font-size:10px!important}
.craft-copy{left:var(--pad);top:16%;width:31%}
.craft-copy h2{font-size:clamp(48px,4.8vw,73px)}
.craft-copy>p:not(.eyebrow){margin-top:23px;color:var(--ink);font-size:12px;line-height:2.1}
.craft-visual{right:22%;width:43%;top:10%;height:77%;z-index:2;pointer-events:none}
.craft-sketch{filter:none;mask-image:linear-gradient(black 82%,transparent)}
.craft-visual svg{opacity:.6}
.act-craft .colour-architecture{width:45%;height:78%;right:-14%;bottom:3%;z-index:1;opacity:.8;transform:translateY(calc(var(--craft-p,0)*-28px));mask-image:linear-gradient(black 0%,black 68%,transparent 100%)}
.act-craft .colour-architecture img{filter:saturate(.72);object-position:right bottom}
.craft-palette{display:flex;gap:10px;max-width:310px;margin-top:30px;border-top:1px solid var(--line);padding-top:18px}
.craft-palette>span{position:relative;flex:1;font:25px var(--display);color:var(--pigment);padding-top:13px}
.craft-palette>span::before{content:"";position:absolute;top:0;left:0;right:8px;height:4px;background:var(--pigment)}
.craft-palette small{display:block;font:8px var(--body);color:var(--ink);margin-top:8px;letter-spacing:.04em;white-space:nowrap}
.material-orbit{left:36%;right:5%;bottom:5%;gap:25px;z-index:4}
.material-orbit img{width:77px;height:77px;background:var(--cream)}
.material-orbit figure{gap:12px}
.material-orbit figcaption{font-size:16px}
.material-orbit small{font-size:7px}
.craft-ornament{opacity:.2;right:-12%;width:33%}
.act-collection{padding-top:13vh}
.poster-collection img{height:48svh}
.collection-heading{margin-bottom:28px}
.act-finale{background:var(--final-paper);color:var(--final-ink)}
.act-finale .finale-title{top:13%;z-index:6}
.act-finale .finale-title h2{color:var(--final-ink);font-size:clamp(56px,6.3vw,101px);line-height:1.25;text-shadow:0 2px 22px var(--final-paper)}
.act-finale .finale-title .eyebrow{color:var(--red);font-size:11px;font-weight:600;margin-bottom:22px;letter-spacing:.25em}
.act-finale .finale-title>p:last-child{color:var(--final-secondary);font-size:13px!important;line-height:2;margin-top:20px}
.finale-glow{background:radial-gradient(ellipse at 50% 13%,#fff5df 5%,transparent 65%);opacity:.95}
.finale-building{width:110%;left:-5%;bottom:-12%;z-index:2}
.finale-building img{filter:saturate(.84);mask-image:linear-gradient(transparent 0%,black 7%)}
.finale-mark{position:absolute;top:17%;left:3%;writing-mode:vertical-rl;font:clamp(80px,9vw,150px) var(--display);color:var(--red);opacity:.055;letter-spacing:.1em}
.gold-scroll{opacity:.36;filter:none;stroke-width:11}
.finale-foreground{width:36%;opacity:.8}
.finale-actions button{color:var(--final-ink);border-color:var(--red);background:var(--final-paper);backdrop-filter:none;font-size:12px}
.finale-actions button:hover{background:var(--red);color:var(--cream)}
footer{background:var(--final-paper);color:var(--final-ink);border-top:1px solid var(--line)}
@media(min-width:1800px){.hero-art{width:76vw}.model-world{inset:8% 2% 3% 18%}}
@media(max-width:1100px){
 .hero-heading h1{font-size:85px}.hero-art{width:96%;right:-17%;bottom:5%}
 .anatomy-copy{top:15%;width:36%}.anatomy-copy h2{font-size:46px}.model-world{inset:14% 1% 5% 7%}
 .craft-copy{top:15%;width:37%}.craft-copy h2{font-size:54px}.craft-visual{right:17%;width:48%;height:71%;top:17%}
 .material-orbit{left:37%;right:5%;gap:15px}.material-orbit figure{display:block;text-align:center}.material-orbit img{margin:auto;width:62px;height:62px}.material-orbit figcaption{margin-top:7px;font-size:14px}
 .act-finale .finale-title h2{font-size:75px}.finale-building{width:135%;left:-17.5%;bottom:-3%}
}
@media(max-width:800px){
 .cinema-track{height:800svh}.hero-heading h1{font-size:82px}.hero-art{width:110%;right:-19%;bottom:12%}
 .anatomy-copy{top:13%;width:75%}.anatomy-copy .anatomy-count{position:absolute;top:53px;right:-9%;left:auto;width:auto;white-space:nowrap;font-size:45px!important}
 .anatomy-copy h2{font-size:48px}.anatomy-copy>p:last-child{max-width:430px;font-size:12px!important;margin-top:17px}
 .model-world{inset:28% 2% 7% 2%}.layer-trace{top:48%;height:28%;width:90px;right:3%}
 .craft-copy{top:13%;width:55%}.craft-copy h2{font-size:53px}.craft-copy>p:not(.eyebrow){font-size:12px;max-width:370px}
 .craft-palette{margin-top:21px;padding-top:14px;gap:12px}
 .craft-visual{width:66%;right:20%;top:35%;height:51%}.act-craft .colour-architecture{width:65%;right:-22%;height:67%;bottom:10%}
 .material-orbit{left:var(--pad);right:var(--pad);bottom:5%;gap:30px;justify-content:space-around}
 .material-orbit figure{display:flex;text-align:left}.material-orbit img{width:65px;height:65px}.material-orbit figcaption{margin-top:0}
 .poster-collection img{height:46svh}.act-collection{padding-top:12vh}
 .act-finale .finale-title{top:15%}.act-finale .finale-title h2{font-size:64px}.finale-building{width:163%;left:-31.5%;bottom:6%}
 .finale-mark{top:18%;font-size:95px}.finale-foreground{bottom:5%;width:50%}
}
@media(max-width:600px){
 .hero-heading{top:16%}.hero-heading h1{font-size:clamp(48px,13.7vw,70px)}.hero-heading .hero-poem{font-size:11px;line-height:2.05;margin-top:20px}
 .hero-art{width:142%;right:-28%;bottom:10%}.hero-baseline{bottom:3%}.enter{margin-top:19px}
 .anatomy-copy{top:12%;width:89%}.anatomy-copy h2{font-size:39px}.anatomy-copy .anatomy-count{top:54px;right:2%;font-size:39px!important}
 .anatomy-copy>p:last-child{max-width:290px;font-size:10px!important;line-height:2;margin-top:15px;min-height:0}
 .anatomy-count i{font-size:8px;margin-left:5px}.model-world{inset:32% 3% 10% 3%}.drawing-world{inset:34% 0 12%}
 .layer-trace{top:45%;height:30%;right:10px;width:62px;font-size:7px}.layer-trace i{width:12px}
 .act .model-caption{font-size:8px!important;max-width:290px;bottom:3%}.model-tools{bottom:7.5%}
 .craft-copy{top:12%;width:91%}.craft-copy .eyebrow{margin-bottom:13px}.craft-copy h2{font-size:40px;line-height:1.13}.craft-copy h2 br{display:none}.craft-copy h2 em{margin-left:.15em}
 .craft-copy>p:not(.eyebrow){font-size:10px;line-height:1.9;margin-top:17px}
 .craft-palette{margin-top:17px;max-width:300px;gap:14px;padding-top:11px}.craft-palette>span{font-size:22px;padding-top:11px}.craft-palette small{font-size:7px;margin-top:5px}
 .craft-visual{right:18%;width:79%;height:46%;top:39%;transform:translateY(var(--craft-y,0px)) rotate(var(--craft-rotate,0deg))}
 .act-craft .colour-architecture{height:53%;width:74%;right:-29%;bottom:12%;opacity:.8}
 .material-orbit{bottom:5%;gap:12px}.material-orbit figure{display:block;text-align:center}.material-orbit img{width:55px;height:55px}.material-orbit figcaption{margin-top:5px;font-size:13px}.material-orbit small{font-size:6px;margin-top:3px}
 .craft-ornament{width:35%;right:-11%;bottom:0}
 .act-collection{padding-top:12vh}.collection-heading h2{font-size:35px}.collection-heading>p{margin-top:15px}.collection-heading{margin-bottom:7px}
 .poster-collection img{height:43svh}.poster-collection figure{flex-basis:69vw}.act .collection-hint{bottom:4%!important}
 .act-finale .finale-title{top:15%;left:18px;right:18px}.act-finale .finale-title h2{font-size:clamp(35px,10.2vw,54px);line-height:1.3}
 .act-finale .finale-title h2 span:last-child{margin-top:9px}.act-finale .finale-title .eyebrow{font-size:9px;margin-bottom:22px}
 .act-finale .finale-title>p:last-child{font-size:11px!important;line-height:2;margin-top:23px}
 .finale-building{width:195%;left:-47.5%;bottom:10%}.finale-mark{font-size:73px;top:25%;left:0;opacity:.04}.finale-foreground{width:73%;bottom:6%;left:-9%}
 .finale-actions{bottom:4%}.finale-actions button{font-size:10px;padding:10px 13px}.gold-scroll{stroke-width:12}
}
@media(max-width:360px){
 .hero-heading h1{font-size:46px}.hero-heading .hero-poem{font-size:10px}.anatomy-copy h2{font-size:34px}.anatomy-copy .anatomy-count{font-size:34px!important;right:0}
 .anatomy-copy>p:last-child{font-size:9px!important;max-width:257px}.craft-copy h2{font-size:33px}.craft-palette{max-width:265px}.craft-palette small{font-size:6px}.act-finale .finale-title h2{font-size:34px}
 .poster-collection img{height:41svh}
}
@media(max-height:650px) and (min-width:801px){
 .masthead{height:65px}.hero-heading{top:17%}.hero-heading h1{font-size:70px}.hero-heading .hero-poem{margin-top:15px}.hero-art{width:65%;bottom:0}
 .anatomy-copy{top:15%}.anatomy-copy h2{font-size:40px}.anatomy-copy .eyebrow{margin-bottom:12px}.anatomy-copy .anatomy-count{font-size:36px!important;margin-bottom:10px}.anatomy-copy>p:last-child{font-size:10px!important;margin-top:15px}
 .craft-copy h2{font-size:44px}.craft-copy>p:not(.eyebrow){font-size:10px}.craft-palette{margin-top:18px;padding-top:10px}.material-orbit img{width:48px;height:48px}
 .act-finale .finale-title{top:13%}.act-finale .finale-title h2{font-size:54px}.act-finale .finale-title>p:last-child{font-size:11px!important;margin-top:12px}.finale-building{width:90%;left:5%;bottom:-17%}
 .act-collection{padding-top:13vh}.collection-heading h2{font-size:40px}.collection-heading{margin-bottom:16px}.poster-collection img{height:45svh;min-height:0}
}
@media(prefers-reduced-motion:reduce){.act.is-visible{will-change:auto}.hero-art,.craft-visual{will-change:auto}}
.anatomy-inset{position:absolute;left:var(--pad);bottom:19%;width:22%;height:20%;opacity:.8;pointer-events:none}
.anatomy-inset img{width:100%;height:calc(100% - 25px);object-fit:contain;object-position:left center}
.anatomy-inset figcaption{font-size:9px;color:var(--muted);display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:8px;letter-spacing:.1em}
@media(max-width:1100px){.anatomy-inset{width:25%;height:19%;bottom:21%}.material-orbit{gap:17px}.material-orbit small{font-size:6px}}
@media(max-width:800px){.anatomy-inset{display:none}}
@media(max-width:600px){.material-orbit{gap:10px}.material-orbit img{width:52px;height:52px}.material-orbit figcaption{font-size:12px}}
.craft-palette>span:nth-child(3){color:#756a56}
.craft-palette>span:nth-child(4){color:#825f2a}
@media(max-width:600px){.axis-rich .axis-plan-heading{display:none}.craft-sketch{object-position:center top}.craft-visual{top:38%}.finale-building{width:220%;left:-60%;bottom:9%}}
@media(max-width:800px){.model-world #model-canvas{transform:translateY(-15px) scale(1.10);transform-origin:50% 50%}}
@media(max-width:600px){.model-world #model-canvas{transform:translateY(-20px) scale(1.15)}}