:root{color-scheme:light;--bg:#f7f1eb;--ink:#2b211d;--muted:#766d67;--gold:#b88747;--gold-ink:#8e602c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 Tahoma,Arial,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}#journey{height:290vh}.stage{height:100svh;min-height:670px;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 62% 44%,rgba(255,255,255,.98) 0,rgba(252,248,244,.95) 42%,#f3e9df 100%)}.stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(185,28,43,.035),transparent 26%,transparent 75%,rgba(216,184,122,.08));border-block:1px solid rgba(130,86,66,.1)}header{height:100px;margin:0 4%;border-bottom:1px solid rgba(76,51,43,.12);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.brand{display:flex;gap:13px;align-items:center;font:17px Georgia,serif;letter-spacing:2px}.brand small{display:block;font:10px/2.3 Arial;letter-spacing:2.4px;color:var(--muted)}.seal{border:1px solid var(--gold);padding:0 7px;font:30px/1.3 serif;color:var(--gold)}.edition,.micro{font:11px Arial;letter-spacing:2px;color:var(--muted)}#scene{position:absolute;inset:100px 0 130px;width:100%;height:calc(100% - 230px);touch-action:pan-y;cursor:grab}#scene:active{cursor:grabbing}.intro{position:absolute;z-index:2;left:4%;top:19%;pointer-events:none}.eyebrow{font:10px Arial;letter-spacing:1.5px;color:var(--gold)}.eyebrow b{font-weight:500}.eyebrow span{display:inline-block;width:18px;height:1px;vertical-align:middle;background:var(--gold);margin-right:9px}h1{font-weight:400;font-size:clamp(30px,3vw,51px);line-height:1.38;letter-spacing:-1px;margin:26px 0 16px}h1 span{display:block;color:var(--gold)}.intro>p{font-size:15px;color:var(--muted);line-height:1.9}.chapter{display:flex;gap:17px;margin-top:45px;max-width:290px}.chapter>span{font:36px Georgia;color:var(--gold);border-top:1px solid var(--gold);padding-top:9px}.chapter h2{font-size:16px;font-weight:500;margin:3px 0 8px}.chapter p{font-size:13px;color:var(--muted);margin:0;line-height:1.9}.scroll-note{margin-top:32px;font-size:12px;color:var(--muted)}.scroll-note b{font-weight:400}.scroll-note>span{font-size:22px;margin-right:8px;color:var(--gold)}.model-meta{position:absolute;z-index:2;right:4%;top:132px;display:flex;flex-direction:column;text-align:right;gap:7px;pointer-events:none}.model-meta strong{font-size:17px;font-weight:500}.model-meta>span:not(.micro){font-size:12px;color:var(--muted)}.model-meta button{pointer-events:auto;background:none;border:0;text-align:right;padding:0;color:var(--gold-ink);font-size:12px}.view-tools{position:absolute;z-index:3;right:4%;bottom:175px;display:flex;border:1px solid rgba(87,57,47,.15);background:rgba(255,253,250,.82);box-shadow:0 12px 34px rgba(75,44,32,.1);backdrop-filter:blur(14px);padding:4px;border-radius:9px}.view-tools button{background:none;border:0;padding:8px 13px;font-size:13px;border-radius:6px;color:var(--muted)}.view-tools button.active{background:#ead8b0;color:#35291f}.bottom{position:absolute;z-index:3;left:4%;right:4%;bottom:63px;display:flex;align-items:center;justify-content:space-between;gap:25px}.hint{font-size:12px;color:var(--muted)}.hint span{padding:0 10px}.explode-control{width:360px;max-width:48vw}.range-label,.range-ends{display:flex;justify-content:space-between}.range-label{font-size:13px}.range-label output{color:var(--gold-ink);font:17px Georgia}.range-ends{font-size:11px;color:var(--muted)}input[type=range]{width:100%;accent-color:var(--gold);cursor:pointer;height:22px}#reset{background:rgba(255,253,250,.68);border:1px solid rgba(87,57,47,.16);padding:9px 14px;border-radius:7px;font-size:14px}footer{position:absolute;z-index:3;bottom:0;left:4%;right:4%;height:45px;border-top:1px solid rgba(76,51,43,.12);display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted)}footer b{color:var(--gold);margin-left:10px}footer>span:last-child{font:10px Arial;letter-spacing:2px}#loading{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;color:var(--gold-ink);background:rgba(255,253,250,.9);border:1px solid rgba(184,135,71,.24);border-radius:999px;padding:11px 18px;box-shadow:0 12px 30px rgba(72,43,31,.1)}dialog{width:min(800px,90vw);padding:28px;background:#fffdfb;color:var(--ink);border:1px solid rgba(96,61,48,.2);border-radius:12px;box-shadow:0 30px 80px rgba(43,26,20,.26)}dialog::backdrop{background:rgba(34,21,17,.68);backdrop-filter:blur(5px)}dialog img{width:100%;max-height:60vh;object-fit:contain}dialog p{font-size:14px;color:var(--muted)}#closeReference{float:right;font-size:26px;border:0;background:none;margin:-20px -13px 5px 0}dialog h2{font-size:20px;font-weight:500}@media(min-width:1600px){.intro{top:22%}}@media(max-width:900px){.intro{top:130px}.intro h1{font-size:30px}.intro>p{font-size:13px}.chapter{margin-top:22px}.scroll-note{display:none}.model-meta{top:135px}.model-meta .micro{display:none}.hint{display:none}.bottom{justify-content:space-between}.explode-control{width:60%;max-width:none}}@media(max-width:600px){.stage{min-height:650px}.intro{top:100px}.eyebrow{font-size:8px}.intro h1{font-size:27px;margin-top:15px}.intro h1 span{display:inline}.intro>p{display:none}.chapter{margin-top:12px;gap:10px}.chapter>span{font-size:24px}.chapter h2{font-size:13px}.chapter p{font-size:11px;max-width:220px}.model-meta{display:none}#scene{inset:245px 0 150px;height:calc(100% - 395px)}.view-tools{bottom:173px;left:50%;right:auto;transform:translateX(-50%);white-space:nowrap}.view-tools button{font-size:12px;padding:7px 10px}.bottom{bottom:61px;gap:20px}.explode-control{width:75%}#reset span{display:none}#reset{font-size:22px;padding:3px 10px}footer{font-size:9px}footer>span:last-child{display:none}.range-label{font-size:12px}#loading{top:54%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.embed body{overflow:hidden}.embed #journey{height:100svh}.embed .stage{min-height:0}.embed #scene{inset:0 0 130px;height:calc(100% - 130px)}.embed .intro{top:clamp(7.2rem,16svh,9.5rem)}.embed .model-meta{top:clamp(7.2rem,15svh,9rem)}
@media(max-width:600px){.embed .intro{top:5.8rem}.embed .model-meta{top:auto;bottom:228px}.embed #scene{inset:235px 0 145px;height:calc(100% - 380px)}}

.detail-tools{display:flex;gap:8px;pointer-events:auto;margin:8px 0}.model-meta .detail-tools button{border:1px solid rgba(86,56,44,.16);border-radius:6px;padding:6px 10px;color:#92642f;font-size:12px;background:rgba(255,253,250,.76);box-shadow:0 6px 18px rgba(78,45,30,.06)}.model-meta .detail-tools button[aria-pressed=true]{background:#ead8b0;color:#35291f}@media(max-width:600px){.model-meta{display:flex;top:auto;bottom:228px;left:50%;right:auto;transform:translateX(-50%);gap:0;white-space:nowrap}.model-meta>span,.model-meta>strong,.model-meta>#referenceBtn{display:none}.detail-tools{margin:0}.model-meta .detail-tools button{font-size:11px;padding:4px 9px}#scene{inset:275px 0 150px;height:calc(100% - 425px)}}

/* Put Chor integration: a quiet, white canvas with only essential controls. */
body,.stage{background:#fff}.stage:before{display:none}.intro{top:clamp(6.5rem,13svh,8rem)}.intro h1,.intro>p,.chapter,.scroll-note{display:none}.eyebrow{color:#9b6a31}.model-meta{top:clamp(6.5rem,13svh,8rem)}.model-meta .micro,.model-meta>strong,.model-meta>span:not(.micro){display:none}.model-meta .detail-tools{margin:0 0 8px}.model-meta>#referenceBtn{font-size:11px}.embed #scene{inset:4.75rem 0 7.25rem;height:calc(100% - 12rem)}.view-tools{bottom:7.75rem}.bottom{left:4%;right:4%;bottom:2.7rem;display:grid;grid-template-columns:1fr minmax(18rem,26rem) 1fr}.hint{display:none}.explode-control{grid-column:2;width:100%;max-width:none}#reset{grid-column:3;justify-self:end}footer{display:none}
@media(max-width:600px){.embed .intro{display:none}.embed .model-meta{top:5.15rem;bottom:auto;left:50%;right:auto;transform:translateX(-50%)}.embed #scene{inset:6.8rem 0 10.5rem;height:calc(100% - 17.3rem)}.view-tools{bottom:7.8rem}.bottom{left:1rem;right:1rem;bottom:2rem;grid-template-columns:minmax(0,1fr) auto;gap:.75rem}.explode-control{grid-column:1}.bottom #reset{grid-column:2}.range-ends{font-size:9px}}
