:root{font-family:'DM Sans',sans-serif;background:#151020;color:#f1eafa;color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;background:none;border:0;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid #d1f7d4;outline-offset:5px}header{position:fixed;top:0;left:0;width:100%;z-index:4;display:flex;align-items:center;justify-content:space-between;padding:28px 5%;background:linear-gradient(#151020b0,transparent)}header>span{font:9px 'Space Mono';letter-spacing:.13em;color:#b9acc7}.brand{font:700 40px/.8 'Space Grotesk';letter-spacing:-.08em}.brand small{display:block;font:7px 'DM Sans';letter-spacing:.5em;margin-top:10px}.header-actions{display:flex;align-items:center;gap:22px}header button{font-size:10px}#motion{color:#bcaec9}header .skip{border:1px solid #c9b9d650;padding:13px 17px;border-radius:24px}#travel{height:900svh}#viewport{height:100svh;min-height:400px;position:sticky;top:0;overflow:hidden}#journey-canvas{width:100%;height:100%;display:block;touch-action:pan-y}.copy{position:absolute;left:6%;top:24%;pointer-events:none;max-width:500px;text-shadow:0 2px 35px #15102055}.copy>span{font:9px 'Space Mono';letter-spacing:.16em;color:#c6b6d5}.copy :is(h1,h2){font:500 clamp(50px,6.2vw,94px)/.99 'Space Grotesk';letter-spacing:-.07em;margin:27px 0}.copy p{font-size:12px;color:#cbbdd8;max-width:260px;line-height:1.65}.chapters{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:8px}.chapters button{font:9px 'Space Mono';border-bottom:1px solid #736382;padding:15px 12px;white-space:nowrap;color:#b3a4c2}.chapters button span{font-size:7px;margin-right:7px;opacity:.65}.chapters button[aria-current]{border-color:#c9f4ce;color:#e6f2db}.progress{height:2px;position:absolute;bottom:0;width:100%;background:#ffffff12}.progress i{display:block;width:100%;height:100%;background:#c9f4ce;transform-origin:left;transform:scaleX(0)}.status{position:absolute;left:6%;bottom:45px;color:#c3b1d2;font:9px 'Space Mono';max-width:220px;line-height:1.5}.scroll-cue{position:absolute;left:6%;bottom:15%;display:flex;align-items:center;gap:16px;font:8px 'Space Mono';letter-spacing:.17em}.scroll-cue i{font:22px 'DM Sans';border:1px solid #c9b9d650;border-radius:50%;width:43px;height:43px;text-align:center;line-height:41px;font-style:normal}.scroll-cue[hidden]{display:none}footer{padding:35px 6%;font-size:10px;color:#ae9ebc;display:flex;justify-content:space-between;align-items:center;gap:30px;line-height:1.7}footer p{margin:0}footer button{font-size:10px}.reduced #travel{height:500svh}
body[data-chapter="5"] .copy{top:13%;max-width:100%;width:88%;text-align:center}body[data-chapter="5"] .copy :is(h1,h2){font-size:clamp(40px,4.7vw,66px);margin:15px 0}body[data-chapter="5"] .copy :is(h1,h2) br{display:none}body[data-chapter="5"] .copy p{max-width:none;margin:0}#collection{position:absolute;bottom:15%;left:8%;width:84%;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;opacity:0;visibility:hidden;transition:opacity .25s}#collection.visible{opacity:1;visibility:visible}#collection button{border-top:1px solid #ad97bd70;padding:17px 0;text-align:left;font-size:12px;display:flex;align-items:center;gap:12px}#collection button:hover{color:#c9f4ce;border-color:#c9f4ce}#collection button span{font:8px 'Space Mono';opacity:.6}#collection button i{font-style:normal;margin-left:auto}
#inspect{width:min(1120px,94vw);height:min(800px,92svh);max-width:none;max-height:none;padding:0;border:1px solid #91809b50;background:radial-gradient(ellipse at 60% 45%,#493c53,#191320 80%);color:#f1eafa;overflow:hidden}#inspect::backdrop{background:#0e0915d9;backdrop-filter:blur(15px)}.detail-top,.detail-bottom{position:absolute;left:0;z-index:2;width:100%;display:flex;align-items:center;justify-content:space-between;padding:25px 32px}.detail-top{top:0;font:10px 'Space Mono'}.detail-top button{font:12px 'DM Sans'}.detail-bottom{bottom:0;border-top:1px solid #b3a1c52a;font-size:11px}.detail-bottom span{font:8px 'Space Mono';color:#c1adcf}#detail-stage{position:absolute;inset:0 0 0 25%}#detail-canvas{width:100%;height:100%;display:block;touch-action:none}.detail-info{position:absolute;left:5%;top:36%;width:28%;pointer-events:none}.detail-info>span{font:8px 'Space Mono';letter-spacing:.12em}.detail-info h2{font:500 clamp(35px,4vw,60px)/1.03 'Space Grotesk';letter-spacing:-.05em;margin:22px 0}.detail-info p{font-size:11px;color:#c1adcf}.rotate{display:flex;gap:15px;align-items:center;pointer-events:auto;margin-top:27px}.rotate button{border:1px solid #b3a1c54a;border-radius:50%;width:42px;height:42px;font-size:23px}.rotate span{font:9px 'Space Mono';color:#c1adcf}.fallback{display:none;position:absolute;inset:0;background:#151020;place-content:center;text-align:center}.fallback img{max-width:100%;max-height:75svh;object-fit:contain}.fallback a{font-size:12px}.no-webgl .fallback{display:grid}.no-webgl .copy,.no-webgl .chapters,.no-webgl .scroll-cue{display:none}.no-webgl #travel{height:100svh}.no-webgl #collection{display:none}.no-webgl header button{display:none}
@media(max-width:650px){header{padding:24px 6%}.brand{font-size:32px}header>span{display:none}.header-actions{gap:14px}header button{font-size:8px}header .skip{padding:11px 12px}.copy{top:16%;max-width:90%}.copy :is(h1,h2){font-size:clamp(45px,13vw,62px);margin:20px 0}.copy>span{font-size:8px}.copy p{font-size:11px;max-width:250px}.status{bottom:96px;font-size:8px}.scroll-cue{bottom:14%;font-size:7px}.chapters{bottom:20px;gap:4px;width:92%;justify-content:space-between}.chapters button{font-size:7px;padding:15px 3px}.chapters button span{display:none}footer{flex-direction:column;align-items:flex-start;gap:18px;font-size:9px}body[data-chapter="5"] .copy{top:14%}body[data-chapter="5"] .copy :is(h1,h2){font-size:37px}body[data-chapter="5"] .copy :is(h1,h2) br{display:block}body[data-chapter="5"] .copy p{font-size:10px;max-width:240px;margin:auto}#collection{bottom:12%;left:6%;width:88%;gap:0 18px;grid-template-columns:repeat(2,1fr)}#collection button{font-size:10px;padding:12px 0;gap:9px}#collection button:last-child{grid-column:1/-1}#inspect{width:100%;height:100svh;border:0}.detail-top,.detail-bottom{padding:25px 22px}.detail-bottom span{display:none}#detail-stage{inset:15% 0 15%}.detail-info{top:auto;bottom:12%;left:6%;width:88%;text-align:center}.detail-info h2{font-size:34px;margin:10px 0}.detail-info>span{display:none}.detail-info p{margin:8px 0}.rotate{position:absolute;top:-18px;left:0;width:100%;justify-content:space-between;margin:0}.rotate span{display:none}.rotate button{width:35px;height:35px}.detail-info h2{padding:0 30px}}
@media(max-height:500px){.copy{top:25%}.copy :is(h1,h2){font-size:40px;margin:16px 0}.copy p{display:none}header{padding-top:15px}.status,.scroll-cue{display:none}.chapters{bottom:8px}#collection{bottom:18%}#collection button{padding:8px 0;font-size:9px}body[data-chapter="5"] .copy{top:20%}body[data-chapter="5"] .copy :is(h1,h2){font-size:32px}.detail-info h2{font-size:32px}}@media(prefers-reduced-motion:reduce){#collection{transition:none}}

/* A low contrast scrim keeps the short captions readable as the terrain passes. */
#viewport:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#15102080,transparent 52%),linear-gradient(0deg,#151020b0,transparent 15%);z-index:0}.copy,.chapters,.progress,.status,.scroll-cue,#collection{z-index:1}.copy :is(h1,h2){font-size:clamp(50px,5.8vw,84px)}body[data-chapter="5"] #viewport:after{background:linear-gradient(0deg,#15102080,transparent 25%)}
@media(max-width:650px){#viewport:after{background:linear-gradient(#15102000 7%,#15102055 20%,transparent 43%),linear-gradient(0deg,#151020e0,transparent 22%)}.copy :is(h1,h2){font-size:clamp(45px,13vw,62px)}#collection{bottom:12%;background:linear-gradient(transparent,#15102075);padding:8px 0}#detail-stage{inset:10% 0 20%}.detail-info{bottom:11%}}
@media(max-height:500px){body[data-chapter="5"] .copy :is(h1,h2),body[data-chapter="5"] .copy p{display:none}body[data-chapter="5"] .copy{top:20%}.copy :is(h1,h2){font-size:40px}}
/* Paper atlas — material, scenery and the normal-flow continuation. */
:root{background:#eee8da;color:#263a46;color-scheme:light;--ink:#263a46;--muted:#65736f;--paper:#eee8da;--journey-accent:#80ac76}body{background:var(--paper)}header{background:linear-gradient(#eee8dadb,transparent)}header>span,#motion{color:#536661}header .skip{border-color:#52675c55}.brand{color:var(--ink)}#travel{height:1200svh}#paper-panorama{position:absolute;inset:0;background-image:url('../volume/assets/paper/panorama.webp');background-size:auto 100%;background-repeat:no-repeat;background-position:0 50%;z-index:0}#journey-canvas{position:relative;z-index:1}#viewport:after{z-index:2;background:linear-gradient(90deg,#f2eddeeb 0%,#f2edde88 29%,transparent 58%),linear-gradient(0deg,#eee8daaa,transparent 14%)}.copy,.chapters,.progress,.status,.scroll-cue,#collection,#landscape-label,.scene-next{z-index:3}.copy{max-width:570px;text-shadow:none;top:23%}.copy>span{color:#536661}.copy :is(h1,h2){font-size:clamp(47px,5.2vw,76px);line-height:1.03;letter-spacing:-.06em;margin:25px 0}.copy p{color:#455d58;font-size:12px;max-width:340px}.chapters button{color:#687969;border-color:#61745d65}.chapters button[aria-current]{color:#243e34;border-color:#415e42}.progress{background:#66765c18}.progress i{background:var(--journey-accent)}.scroll-cue{left:auto;right:6%;bottom:15%;color:#314e42}.scroll-cue i{border-color:#60775c60}.status{color:#4a6358}.chapters button span{opacity:.8}#landscape-label{position:absolute;left:6%;bottom:17%;display:grid;grid-template-columns:auto 1fr;gap:8px 15px;align-items:center}#landscape-label[hidden]{display:none}#landscape-index{font:9px 'Space Mono';color:#617760}#landscape-name{font-weight:500;font-size:14px}#landscape-label small{grid-column:2;font:7px 'Space Mono';letter-spacing:.09em;color:#687c69}.atlas-dots{grid-column:2;display:flex;gap:8px;margin-top:5px}.atlas-dots i{width:7px;height:7px;border-radius:50%;background:var(--dot);opacity:.4}.atlas-dots i.active{opacity:1;outline:1px solid var(--dot);outline-offset:3px}body[data-chapter="5"] .copy :is(h1,h2){font-size:clamp(35px,4.1vw,59px)}body[data-chapter="5"] .copy :is(h1,h2) br{display:block}body[data-chapter="5"] #viewport:after{background:linear-gradient(0deg,#eee8da88,transparent 20%)}#collection button{color:#314b40;border-color:#64796060}#collection button:hover{color:#141e17;border-color:#263f29}.scene-next{position:absolute;bottom:89px;left:50%;transform:translateX(-50%);font:9px 'Space Mono';color:#425c45;white-space:nowrap;padding:12px;display:none}body[data-chapter="5"] .scene-next{display:block}#collection{bottom:17%}.reduced #travel{height:650svh}footer{color:#576956;border-top:1px solid #54694d30}footer a,footer button{color:#334e38}button:focus-visible,a:focus-visible,canvas:focus-visible{outline-color:#6a8d62}
.after-journey{background:#edf0e6;position:relative;z-index:2}.eyebrow{font:9px 'Space Mono';letter-spacing:.13em;color:#617267}.pieces-section{padding:110px 5% 120px;scroll-margin-top:100px}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:55px}.after-journey h2{font:500 clamp(44px,5.6vw,80px)/1.02 'Space Grotesk';letter-spacing:-.065em;margin:22px 0 0}.section-heading>p{font-size:14px;line-height:1.7;color:#607067;margin:0 0 4px}.pieces-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:50px 28px}.piece-card{grid-column:span 2}.piece-card:nth-child(4),.piece-card:nth-child(5){grid-column:span 3}.piece-image{position:relative;width:100%;display:block;overflow:hidden;padding:0;background-image:url('../volume/assets/paper/panorama.webp');background-size:auto 100%;aspect-ratio:4/5}.piece-0 .piece-image{background-position:100% 50%}.piece-1 .piece-image{background-position:25% 50%}.piece-2 .piece-image{background-position:50% 50%}.piece-3 .piece-image{background-position:75% 50%}.piece-4 .piece-image{background-position:0 50%}.piece-card:nth-child(4) .piece-image,.piece-card:nth-child(5) .piece-image{aspect-ratio:6/5}.piece-image:before{position:absolute;content:"";inset:0;background:radial-gradient(ellipse at 50% 56%,#f7f0df90,transparent 70%)}.piece-image img{position:relative;width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(3px 12px 8px #362b3230);transition:transform .4s}.piece-image:hover img{transform:scale(1.045) rotate(-1deg)}.piece-number{position:absolute;top:20px;left:20px;font:10px 'Space Mono';padding:10px;background:#f4efdeeb}.piece-arrow{position:absolute;right:20px;bottom:20px;background:#f4efdeeb;width:49px;height:49px;display:grid;place-items:center;font-size:30px;border:1px solid #465d4430}.piece-caption{padding:20px 0 0}.piece-caption h3{font:500 26px 'Space Grotesk';letter-spacing:-.04em;margin:0 0 9px}.piece-caption p{font-size:12px;color:#617166;margin:0 0 17px}.piece-caption button{padding:0;font-size:11px;border-bottom:1px solid #5a705850;padding-bottom:6px}.piece-caption button span{margin-left:20px}.contents-section{display:grid;grid-template-columns:1.3fr 1fr;background:#eee6d7;gap:6%;align-items:center;padding:90px 5%}.contents-image{position:relative;align-self:stretch;min-height:600px;overflow:hidden;background:#e4ddce}.contents-image img{width:100%;height:100%;object-fit:cover;display:block}.contents-image>span{position:absolute;top:24px;left:24px;font:9px 'Space Mono';letter-spacing:.1em;padding:10px;background:#eee6d7c9}.contents-copy{padding:35px 0}.contents-copy>p{font-size:14px;line-height:1.7;color:#657165;margin:28px 0 35px}.contents-copy ol{padding:0;margin:0;list-style:none;max-width:380px}.contents-copy li{border-top:1px solid #5b715438;display:flex;gap:24px;padding:21px 0}.contents-copy li>span{font:10px 'Space Mono';margin-top:5px;color:#778168}.contents-copy h3{font:500 22px 'Space Grotesk';letter-spacing:-.035em;margin:0 0 6px}.contents-copy li p{margin:0;font-size:12px;color:#6e786b}.display-section{position:relative;background:#eee8da;text-align:center;padding-top:95px}.display-heading{position:relative;z-index:1}.display-heading p{font-size:13px;color:#657165;margin:22px 0 0}.display-section>img{width:100%;height:auto;max-height:950px;object-fit:cover;display:block;margin-top:-4%}.display-section>small{position:absolute;bottom:35px;left:5%;font:8px 'Space Mono';color:#6e786b}.faq-section{padding:110px 7%;display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;background:#f4efe3}.questions details{border-top:1px solid #56714e36;padding:23px 0}.questions details:last-child{border-bottom:1px solid #56714e36}.questions summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:15px}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:20px;color:#728166}.questions details[open] summary span{transform:rotate(45deg)}.questions details p,.origin-sources{font-size:12px;line-height:1.8;color:#62705f;max-width:520px;margin:18px 0 0}.origin-sources{padding-left:18px}.origin-sources a{text-decoration:underline;text-underline-offset:3px}.closing{padding:90px 6% 110px;text-align:center;background:#dce2d3 url('../volume/assets/paper/panorama.webp') center/cover}.closing h2{font-size:clamp(65px,9vw,130px)}.closing>div{display:flex;justify-content:center;gap:25px;margin-top:45px}.closing button,.closing a{font-size:12px;border:1px solid #42614680;background:#f3efdebc;padding:17px 25px}.closing:before{content:none}.no-webgl .after-journey{display:block}.no-webgl .piece-caption button{display:none}.no-webgl .piece-image{cursor:default}#les-pieces{scroll-margin-top:90px}.past-journey header{background:#edf0e6ed}
@media(max-width:900px){.pieces-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 24px}.piece-card,.piece-card:nth-child(4),.piece-card:nth-child(5){grid-column:auto}.piece-card:nth-child(5){grid-column:1/-1}.piece-card:nth-child(4) .piece-image{aspect-ratio:4/5}.contents-section{gap:4%;grid-template-columns:1.1fr 1fr}.contents-image{min-height:480px}.faq-section{gap:7%;grid-template-columns:1fr 1.25fr}.after-journey h2{font-size:54px}}
@media(max-width:650px){header{background:linear-gradient(#eee8daf0,transparent)}.copy{top:15%;max-width:90%}.copy :is(h1,h2){font-size:clamp(41px,11.5vw,51px);margin:18px 0}.copy p{font-size:11px;max-width:290px}#viewport:after{background:linear-gradient(#eee8da70 0%,#eee8dacc 23%,#eee8da20 49%,transparent 65%),linear-gradient(0deg,#eee8dad9,transparent 20%)}#landscape-label{bottom:auto;top:38%;gap:6px 10px}#landscape-name{font-size:11px}#landscape-index{font-size:8px}#landscape-label small{font-size:6px}.atlas-dots{gap:7px;margin-top:3px}.atlas-dots i{width:5px;height:5px}.scroll-cue{display:none}#collection{bottom:15%;background:#eee8da50;padding:0}#collection button{font-size:10px}.scene-next{bottom:63px;font-size:8px}body[data-chapter="5"] .copy{top:13%}body[data-chapter="5"] .copy :is(h1,h2){font-size:34px}body[data-chapter="5"] .copy p{max-width:240px}.pieces-section{padding:75px 6%}.section-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:30px}.after-journey h2{font-size:50px}.section-heading>p{font-size:12px}.pieces-grid{grid-template-columns:1fr;gap:35px}.piece-card,.piece-card:nth-child(5){grid-column:auto}.piece-image,.piece-card:nth-child(4) .piece-image,.piece-card:nth-child(5) .piece-image{aspect-ratio:4/5}.piece-caption{padding-top:16px}.piece-caption h3{font-size:25px}.piece-number{top:16px;left:16px;font-size:9px}.piece-arrow{bottom:16px;right:16px;width:43px;height:43px}.contents-section{padding:60px 6%;grid-template-columns:1fr;gap:30px}.contents-image{min-height:0;aspect-ratio:1/1.08}.contents-image img{object-position:70% 50%}.contents-copy{padding:5px 0}.contents-copy>p{font-size:12px;margin:22px 0}.contents-copy ol{max-width:none}.display-section{padding-top:65px}.display-section>img{margin-top:15px;height:410px;object-fit:cover;object-position:center}.display-section>small{bottom:15px;font-size:6px}.faq-section{grid-template-columns:1fr;gap:40px;padding:70px 6%}.questions summary{font-size:13px}.questions details p,.origin-sources{font-size:11px}.closing{padding:75px 6%;background-position:55% 50%}.closing h2{font-size:67px}.closing>div{gap:10px}.closing button,.closing a{font-size:10px;padding:15px}.eyebrow{font-size:8px}}
@media(max-height:500px){.copy{top:25%}.copy :is(h1,h2){font-size:35px}.copy p{display:none}#landscape-label{left:auto;right:6%;top:25%;bottom:auto;background:#eee8da9c;padding:10px}#collection{bottom:21%;background:none}.scene-next{bottom:51px;font-size:7px}.chapters{bottom:7px}body[data-chapter="5"] .copy :is(h1,h2){display:none}.pieces-section{padding-top:70px}}
@media(prefers-reduced-motion:reduce){.piece-image img{transition:none}.piece-image:hover img{transform:none}}
@media(min-width:651px){body[data-chapter="5"] .copy :is(h1,h2) br{display:none}}
.contents-image img{object-position:100% 50%}
.reduced #travel{height:950svh}
.fallback{background:#eee8da;color:#263a46}
.reduced .piece-image img,.reduced #collection{transition:none}.reduced .piece-image:hover img{transform:none}

:root{--journey-accent:#708957}#travel{height:1250svh}.reduced #travel{height:650svh}#paper-panorama{inset:0 -100px 0 0;background-image:url('../volume/assets/paper/panorama.webp');background-position:0 50%;background-size:auto 125%;opacity:.18;filter:saturate(.65);will-change:transform}#viewport:after{background:linear-gradient(90deg,#f0eadfe8,#f0eadf50 32%,transparent 56%),linear-gradient(0deg,#eee8daaa,transparent 18%)}.copy{top:23%;max-width:480px}.copy :is(h1,h2){font-size:clamp(54px,6.5vw,96px);line-height:.99;letter-spacing:-.065em}.copy p{font-size:12px;max-width:280px}.copy>span{font-size:8px;letter-spacing:.15em}.atlas-dots{display:none}#landscape-label{border-left:1px solid #8a986f;padding-left:18px;bottom:18%}#landscape-index{display:none}#landscape-label strong{grid-column:1}#landscape-label small{grid-column:1}.status{font-size:10px}.no-webgl .fallback{z-index:4}body[data-chapter="5"] .copy{top:12%}body[data-chapter="5"] .copy :is(h1,h2){font-size:54px}#collection{bottom:16%}.scene-next{bottom:85px}.contents-image img{object-position:center}.fallback img{width:100%;height:80vh;object-fit:contain}.fallback p{font-size:12px}header{background:linear-gradient(#eee8daee,transparent)}
@media(max-width:650px){.copy{top:16%;max-width:88%}.copy :is(h1,h2){font-size:clamp(43px,12vw,56px);margin:18px 0}.copy p{font-size:11px;max-width:260px}#viewport:after{background:linear-gradient(#eee8da35,#eee8dab8 22%,transparent 47%),linear-gradient(0deg,#eee8dae0,transparent 20%)}#landscape-label{top:auto;bottom:13%;padding-left:12px;gap:5px;font-size:10px;background:#eee8da90}#landscape-label strong{font-size:11px}body[data-chapter="5"] .copy :is(h1,h2){font-size:33px}.scene-next{bottom:62px}#collection{bottom:15%}}
@media(max-height:500px){.copy :is(h1,h2){font-size:36px}.copy{top:25%}#landscape-label{bottom:22%;left:6%;right:auto}body[data-chapter="5"] .copy :is(h1,h2){display:none}}
@media(prefers-reduced-motion:reduce){#paper-panorama{will-change:auto}}

.passage-lab{position:fixed;right:5%;top:100px;z-index:12;display:flex;gap:5px;align-items:center;padding:6px;border:1px solid #283f4233;background:#eee8dae8;border-radius:22px;backdrop-filter:blur(8px)}.passage-lab>span{font-size:8px;letter-spacing:.12em;padding:0 8px}.passage-lab button{border:0;border-radius:18px;padding:9px 12px;background:transparent;color:#263e44;font:10px inherit;cursor:pointer}.passage-lab button.selected{background:#294549;color:#f3edde}.in-passage .copy{opacity:0}.past-journey .passage-lab{display:none}body[data-chapter="5"] .copy{top:12%}body[data-chapter="5"] .copy :is(h1,h2){font-size:54px}.chapters{max-width:90vw}
@media(max-width:650px){.passage-lab{top:83px;left:6%;right:auto;padding:3px}.passage-lab>span{display:none}.passage-lab button{font-size:9px;padding:7px 10px}.copy{top:19%}.copy :is(h1,h2){font-size:44px}.chapters{gap:4px}.chapters button{font-size:8px;padding-left:5px;padding-right:5px}body[data-chapter="5"] .copy{top:18%}body[data-chapter="5"] .copy :is(h1,h2){font-size:32px}}

.motion-note{display:none}.reduced .motion-note{display:block;position:absolute;right:0;top:100%;width:290px;font-size:10px;line-height:1.5;padding:10px 14px;background:#eee8daf5;border:1px solid #29454930;border-radius:12px;color:#294549}.reduced .passage-lab{margin-bottom:50px}
@media(max-width:650px){.reduced .motion-note{left:0;right:auto;width:280px;margin:4px 0;font-size:9px;padding:7px 10px}.reduced .copy{top:24%}}

.passage-lab{display:block;border-radius:15px;padding:10px 12px}.variant-buttons{display:flex;gap:2px;margin-top:5px}.passage-lab>span{font-size:8px}.passage-lab button{font-size:11px}#variant-hint{font-size:10px;line-height:1.4;margin:7px 7px 2px;max-width:340px}.reduced .motion-note{top:100%}.in-passage #viewport:after{background:linear-gradient(#eee8da77,transparent 22%,transparent 80%,#eee8da88)}
@media(max-width:650px){.passage-lab{padding:5px 7px;max-width:88%;top:80px}.variant-buttons{margin-top:0;gap:0}.passage-lab button{font-size:8px;padding:7px 8px}#variant-hint{font-size:9px;max-width:280px;margin:4px 5px}.copy{top:23%}.reduced .copy{top:29%}}

.previous-links{display:flex;gap:14px;margin:9px 7px 2px;font-size:9px}.previous-links a{text-decoration:underline;text-underline-offset:3px}.passage-lab{max-width:440px}@media(max-width:650px){.previous-links{gap:10px;font-size:8px}.passage-lab{max-width:88%}.copy{top:26%}.reduced .copy{top:33%}}

.spirit-controls{display:flex;align-items:center;gap:5px;border-top:1px solid #29454922;margin-top:9px;padding-top:6px}.spirit-controls span{font-size:8px;letter-spacing:.06em;padding:0 7px}.spirit-controls button{font-size:10px;padding:6px 9px}.passage-lab{max-width:450px}@media(max-width:650px){.spirit-controls{margin-top:5px;padding-top:4px}.spirit-controls span{font-size:7px}.spirit-controls button{font-size:8px;padding:5px 8px}.copy{top:30%}.copy :is(h1,h2){font-size:39px}.reduced .copy{top:37%}}

@media(max-width:650px){.copy{top:25%}.copy :is(h1,h2){font-size:43px}.reduced .copy{top:32%}}

#travel{height:2200svh}.reduced #travel{height:1000svh}.chapters{flex-wrap:wrap;justify-content:center}.terrain-loading #status{display:block;background:#eee8da;padding:12px 18px;border-radius:8px;z-index:20}.terrain-loading #journey-canvas{opacity:.2}

@media(min-width:651px){.chapters{width:min(1100px,90vw);flex-wrap:nowrap}}@media(max-width:650px){body[data-chapter="0"] .copy{top:22%}body[data-chapter="0"] .copy :is(h1,h2){font-size:32px;margin:10px 0;line-height:1.02}body[data-chapter="0"] .copy p{margin:8px 0}.chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:92%;gap:2px 6px}.chapters button{padding:10px 2px}}

/* Five decoded panoramas, independently composited behind the 3D islands. */
#paper-panorama{display:none}
#biome-backgrounds{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;opacity:.68}
#biome-backgrounds img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;visibility:hidden;will-change:transform,opacity}
.background-options{margin:8px 7px 10px;font-size:10px;max-width:340px}
.background-options summary{cursor:pointer;line-height:1.6}
.background-options>div{display:flex;gap:3px;padding-top:5px;flex-wrap:wrap}
.background-options button[aria-pressed="true"]{background:#294549;color:#f3edde}
@media(max-width:650px){.background-options{margin:5px 7px;font-size:9px}.background-options button{padding:7px 9px;font-size:10px}#biome-backgrounds img{object-position:55% 50%}}

.in-finale .copy{top:13%;left:5%;width:90%;max-width:none;text-align:center}
.in-finale .copy :is(h1,h2){font-size:clamp(32px,4vw,58px);margin:15px 0}
.in-finale .copy p{margin:auto}
.in-finale .passage-lab{display:none}
.in-finale #viewport:after{background:linear-gradient(#eee8da70,transparent 30%,transparent 75%,#eee8da90)}
@media(max-width:650px){.in-finale .copy{top:15%}.in-finale .copy :is(h1,h2){font-size:30px}.in-finale .copy p{font-size:10px}}

#travel{height:2700svh}.reduced #travel{height:1300svh}
.in-unboxing .copy{top:12%}.in-unboxing .copy :is(h1,h2){font-size:clamp(32px,3.8vw,54px)}
.in-unboxing .copy p{max-width:440px}
@media(max-width:650px){.chapters{grid-template-columns:repeat(3,minmax(0,1fr));width:94vw;max-width:94vw}.chapters button{font-size:8px;padding:10px 2px}.in-unboxing .copy{top:15%}.in-unboxing .copy :is(h1,h2){font-size:29px}.in-unboxing .copy p{max-width:280px;line-height:1.7}}

#biome-backgrounds .ecrin-final{object-position:50% 50%}
#biome-backgrounds .ecrin-mobile{display:none}
.in-finale #viewport:after{background:linear-gradient(#f8eddd20,transparent 28%,transparent 78%,#f8eddd50)}
@media(max-width:650px){#biome-backgrounds .ecrin-desktop{display:none}#biome-backgrounds .ecrin-mobile{display:block}}

/* Give the grouped worlds and products more of the frame. */
.in-finale:not(.in-unboxing) .copy{top:10%}
.in-finale:not(.in-unboxing) .copy :is(h1,h2){font-size:clamp(30px,3.2vw,46px);margin:10px 0}
@media(max-width:650px){.in-finale:not(.in-unboxing) .copy{top:12%}.in-finale:not(.in-unboxing) .copy :is(h1,h2){font-size:27px;margin:8px 0}}

/* Product-only content after the journey. */
.contents-section{display:block;max-width:900px;margin:auto}.contents-copy ol{max-width:none}

/* Mineral names, documented origins and original specimen photography. */
body:not(.in-finale) .copy{top:19%;max-width:48%;pointer-events:none}
body:not(.in-finale) .copy :is(h1,h2){font-size:clamp(40px,5.2vw,76px);margin:8px 0 14px;letter-spacing:-.055em}
body:not(.in-finale) #step,body:not(.in-finale) #caption,#route-region{display:none}
#mineral-origin{font-size:clamp(15px,1.4vw,20px);max-width:none;line-height:1.45;margin:0;color:#354a47}
.in-finale #mineral-origin{display:none}
#landscape-label{left:6%;right:auto;bottom:6%;top:auto;width:min(380px,32vw);padding:0;border:0;background:none;display:block;text-shadow:0 1px 12px #f7eddf}
#landscape-label[hidden],#landscape-label [hidden]{display:none!important}
#landscape-label .mineral-eyebrow{font-size:9px;letter-spacing:.15em;font-weight:500}
#mineral-description{font:13px/1.65 'DM Sans',sans-serif;margin:12px 0;color:#30423d}
#mineral-facts{font-size:10px;text-decoration:underline;text-underline-offset:3px}
#landscape-label small{display:block;font:9px/1.5 'DM Sans',sans-serif;margin-top:9px;letter-spacing:0;color:#53635b}
#mineral-photo{position:absolute;z-index:3;right:5%;top:25%;width:clamp(170px,19vw,275px);visibility:hidden;pointer-events:auto}
.mineral-specimen{margin:0;text-align:center}.mineral-specimen[hidden]{display:none}
.mineral-specimen svg{display:block;width:100%;height:clamp(180px,27vh,300px);filter:drop-shadow(0 15px 16px #1e2f3226)}
.mineral-specimen figcaption{font:10px/1.5 'DM Sans',sans-serif;color:#30423d;margin-top:15px;text-shadow:0 1px 10px #f8eddd}
.mineral-specimen figcaption>span{font-size:8px;letter-spacing:.18em}.mineral-specimen figcaption p{margin:6px 0}
.mineral-specimen details{font-size:8px;margin-top:6px}.mineral-specimen summary{cursor:pointer}.mineral-specimen details[open]{background:#f2ebdfe8;padding:8px;border-radius:5px}.mineral-specimen details a{text-decoration:underline}
@media(max-width:650px){
 body:not(.in-finale) .copy,body.reduced:not(.in-finale) .copy{top:13%;max-width:88%}
 body[data-chapter="0"] .copy :is(h1,h2){font-size:clamp(32px,9.5vw,42px);line-height:1.05;margin:8px 0}
 #mineral-origin{font-size:13px;max-width:90%}
 #landscape-label{left:6%;bottom:4%;width:88%;max-width:none;background:linear-gradient(90deg,#f4ecdeeb,#f4ecde99);padding:12px 14px;border-radius:8px;text-shadow:none}
 #landscape-label .mineral-eyebrow{font-size:8px}#mineral-description{font-size:11px;line-height:1.5;margin:7px 0}#landscape-label small{font-size:8px;margin-top:6px}#mineral-facts{font-size:9px}
 #mineral-photo{right:5%;top:26%;width:105px}.mineral-specimen svg{height:118px}.mineral-specimen figcaption{font-size:8px;margin-top:6px}.mineral-specimen figcaption>span{font-size:7px}.mineral-specimen details{font-size:7px}
}
@media(max-height:600px) and (min-width:651px){#landscape-label{bottom:4%;width:32%}#mineral-description{font-size:11px;line-height:1.4}#mineral-photo{top:22%;width:145px}.mineral-specimen svg{height:155px}}

/* Editorial typography, directly on the landscape. */
body:not(.in-finale) .copy{top:19%;max-width:48%}
body:not(.in-finale) .copy :is(h1,h2){font-size:clamp(64px,7.1vw,104px);font-weight:500;line-height:.9;letter-spacing:-.075em;margin:0 0 24px}
body:not(.in-finale) #mineral-origin{font-size:12px;line-height:1.65;letter-spacing:.11em;text-transform:uppercase;max-width:350px}
#landscape-label{background:none!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0!important;bottom:7%;width:min(355px,29vw);text-shadow:0 2px 22px #f7eddfa0}
#mineral-poem{display:block;font:italic 23px/1.2 Georgia,serif;letter-spacing:-.025em;color:#30423d}
#mineral-description{font-size:12px;line-height:1.8;margin:13px 0 0}
@media(max-width:650px){
 body:not(.in-finale) .copy,body.reduced:not(.in-finale) .copy{top:13%;max-width:88%}
 body:not(.in-finale) .copy :is(h1,h2){font-size:clamp(47px,14vw,61px);line-height:.93;letter-spacing:-.07em;margin:0 0 15px}
 body:not(.in-finale) #mineral-origin{font-size:9px;line-height:1.7;letter-spacing:.10em;max-width:270px}
 #landscape-label{left:6%;bottom:5%;width:85%;max-width:340px;text-shadow:0 1px 18px #f8eddf}
 #mineral-poem{font-size:21px;line-height:1.2}
 #mineral-description{font-size:11px;line-height:1.65;margin:10px 0 0}
 body:not(.in-finale) #viewport:after{background:linear-gradient(0deg,#eee4d6e8 0%,#eee4d6b0 17%,transparent 32%),linear-gradient(180deg,#eee8da20,transparent 30%)}
}
/* The photograph leaves the dig site, then joins the left-hand editorial column. */
#mineral-photo{left:0;top:0;right:auto;width:240px;will-change:transform,opacity}
@media(max-width:650px){#mineral-photo{left:0;top:0;right:auto;width:140px}}

.mineral-specimen img{display:block;width:100%;object-fit:contain;filter:drop-shadow(0 15px 16px #1e2f3226)}
#mineral-photo{pointer-events:none}

.aurora-active .copy,.aurora-active #route-region{color:#fff3d4;text-shadow:0 1px 16px #25302266}

/* Mobile C: the excavated mineral settles to the right of its name. */
@media(max-width:650px){
 body:not(.in-finale) .copy,body.reduced:not(.in-finale) .copy{top:max(100px,14%);left:6%;width:59%;max-width:none}
 body:not(.in-finale) .copy :is(h1,h2){font-size:clamp(32px,9.2vw,52px);line-height:1;letter-spacing:-.065em;margin:0 0 12px;overflow-wrap:normal}
 body:not(.in-finale) #mineral-origin{font-size:9px;line-height:1.6;max-width:none;letter-spacing:.08em}
}

/* A compact, deliberate title leaves room for the rendezvous composition. */
.in-finale:not(.in-unboxing) .copy #step:empty,.in-finale:not(.in-unboxing) .copy #caption:empty{display:none}
.in-finale:not(.in-unboxing) .copy :is(h1,h2){font-size:clamp(30px,3.1vw,44px);line-height:1.08;letter-spacing:-.05em}
@media(max-width:650px){.in-finale:not(.in-unboxing) .copy{top:11%}.in-finale:not(.in-unboxing) .copy :is(h1,h2){font-size:clamp(24px,6.7vw,32px);line-height:1.12;margin:0}}

.rendezvous-options{display:none;position:fixed;bottom:18px;left:20px;z-index:8;padding:12px 16px;border:1px solid #8b785c55;border-radius:14px;background:#faf3e7e8;backdrop-filter:blur(14px);color:#263d42;box-shadow:0 5px 22px #49332612}.in-finale:not(.in-unboxing) .rendezvous-options{display:grid;gap:6px}.rendezvous-options label{font:10px 'DM Sans';letter-spacing:.08em}.rendezvous-options select{font:13px 'DM Sans';color:#263d42;background:transparent;border:0;padding:4px 20px 4px 0;max-width:100%}.rendezvous-options select:focus-visible{outline:2px solid #789884}@media(max-width:650px){.rendezvous-options{left:50%;transform:translateX(-50%);bottom:12px;width:245px;padding:9px 14px}.rendezvous-options label{font-size:9px}}

/* Independent A/B/C comparison controls. */
.rendezvous-options{width:auto;max-width:calc(100vw - 24px);padding:13px 16px}.fx-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;font:12px 'DM Sans'}.fx-heading button{font:11px 'DM Sans';background:none;border:0;text-decoration:underline;color:inherit;cursor:pointer;padding:4px}.fx-toggles{display:flex;gap:8px;margin:5px 0}.rendezvous-options .fx-toggles label{display:flex;align-items:center;gap:7px;cursor:pointer;letter-spacing:0;font-size:12px;border:1px solid #b3a48a;border-radius:8px;padding:9px}.fx-toggles label:has(input:checked){background:#263d42;color:#fff4dd}.fx-toggles input{accent-color:#b3c994;width:16px;height:16px;margin:0}.rendezvous-options small{font:10px 'DM Sans';opacity:.7}@media(max-width:650px){.rendezvous-options{width:calc(100% - 24px);bottom:8px;padding:9px}.fx-toggles{gap:4px}.rendezvous-options .fx-toggles label{flex:1;padding:8px 5px;font-size:10px;gap:4px}.rendezvous-options small{display:none}}

.rendezvous-options{padding:8px 12px}.rendezvous-options small{display:none}.fx-toggles{margin:3px 0 0}.rendezvous-options .fx-toggles label{padding:7px}.fx-heading{font-size:10px}@media(max-width:650px){.rendezvous-options{padding:6px 8px}.rendezvous-options .fx-toggles label{font-size:9px;padding:6px 4px}.fx-heading button{font-size:10px;padding:2px}}

/* Composition comparison: compact controls with descriptions on desktop. */
.rendezvous-options{width:330px}.fx-heading{justify-content:flex-start}.fx-heading button:first-of-type{margin-left:auto}.rendezvous-options .fx-composition-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.rendezvous-options #fx-composition{width:100%;padding:6px;border:1px solid #af9c7a80;border-radius:6px;background:#fff9ef;font-size:13px}#fx-description{font:11px/1.4 'DM Sans';margin:0;max-width:300px;color:#526261}.fx-toggles label{flex:1;justify-content:center}@media(max-width:650px){.rendezvous-options{width:calc(100% - 24px);gap:3px!important}#fx-description{display:none}.rendezvous-options #fx-composition{padding:3px 6px;font-size:12px}.fx-heading{gap:12px}}