:root{--paper:#eee8d8;--sage:#b6c1ae;--copper:#b39472;--night:#101b1b}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--night);color:var(--paper)}body{font-family:"Songti SC","STSong","Noto Serif SC",serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:1px solid var(--paper);outline-offset:7px}#garden{position:fixed;inset:0;width:100%;height:100%;touch-action:none;cursor:grab}#garden:active{cursor:grabbing}.atmosphere{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(10,20,20,.32),transparent 50%),radial-gradient(ellipse at 66% 46%,transparent 33%,rgba(8,16,16,.25) 100%)}header,footer{position:fixed;z-index:3;left:3.5%;right:3.5%;display:flex;align-items:center;justify-content:space-between;pointer-events:none}header{top:34px}.wordmark{color:var(--paper);text-decoration:none;font-size:25px;letter-spacing:.32em;display:flex;align-items:center;gap:21px;pointer-events:auto}.wordmark span{font:9px Georgia,serif;letter-spacing:.24em;opacity:.6}.edition{font:9px/2 Georgia,"Songti SC",serif;letter-spacing:.22em;color:var(--sage);margin-right:auto;margin-left:60px;opacity:.52}#motion{pointer-events:auto;border:0;background:none;display:flex;align-items:center;gap:11px;min-height:44px;font-size:11px;letter-spacing:.15em;padding:0 5px;color:var(--sage);border-bottom:1px solid #b3947266;}#motion i{width:17px;height:14px;background:repeating-linear-gradient(90deg,var(--sage) 0 1px,transparent 1px 5px);clip-path:polygon(0 40%,20% 25%,40% 0,60% 28%,80% 15%,100% 36%,100% 64%,80% 85%,60% 72%,40% 100%,20% 75%,0 60%)}#motion[aria-pressed=true] i{clip-path:inset(45% 0)}.intro{position:absolute;z-index:2;top:36%;left:8.5%;width:45%;pointer-events:none;transition:opacity .65s ease,transform .8s ease}.intro.changing{opacity:0;transform:translateY(15px)}.eyebrow{font:9px/1.6 Georgia,serif;letter-spacing:.22em;color:var(--copper);margin:0 0 32px}h1{font-size:clamp(38px,4.25vw,68px);font-weight:400;line-height:1.5;letter-spacing:.09em;margin:0;text-shadow:0 2px 28px #101b1b80}h1 em{font-style:normal;color:var(--sage)}.description{font-size:12px;line-height:2.25;letter-spacing:.14em;color:#ccd0bf99;margin-top:23px}.enter{pointer-events:auto;margin-top:22px;min-width:157px;height:51px;padding:0;border:0;border-bottom:1px solid #b3947270;background:transparent;display:flex;align-items:center;justify-content:space-between;font-size:13px;letter-spacing:.16em;transition:color .3s,border-color .3s}.enter span{font-family:Georgia,serif;font-size:24px;transition:transform .35s}.enter:hover{color:#fff;border-color:#eee8d8}.enter:hover span{transform:translate(5px,-4px)}footer{bottom:28px}footer>p{font-size:9px;letter-spacing:.16em;color:#b6c1ae99}footer>p span{margin:0 9px;opacity:.5}nav{display:flex;gap:27px;position:relative;pointer-events:auto;padding-bottom:14px;border-bottom:1px solid #a9b9a027}nav button{border:0;background:none;color:#b6c1ae6b;font-size:11px;min-height:44px;min-width:72px;padding:4px 0;letter-spacing:.12em;transition:color .4s}nav button span{font:9px Georgia,serif;margin-right:10px}nav button[aria-current]{color:var(--paper)}#progress{position:absolute;bottom:-1px;left:0;width:72px;height:1px;background:var(--copper);transition:transform 1s cubic-bezier(.22,1,.36,1)}.signature{font:8px/1.8 Georgia,serif!important;letter-spacing:.17em!important;text-align:right}.signature span{margin:0!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}#fallback{position:fixed;right:12%;top:18%;width:40%;height:67%;color:var(--sage);text-align:center;font-size:12px}#fallback svg{height:90%;width:100%;stroke:#b6c1ae88;fill:none;stroke-width:2}#fallback g{fill:#a9b9a020;stroke:#b6c1ae33}body[data-scene="1"] .intro,body[data-scene="2"] .intro{top:31%;width:39%}body[data-scene="1"] h1,body[data-scene="2"] h1{font-size:clamp(36px,3.5vw,56px)}
.atmosphere{background:linear-gradient(0deg,#101b1bf5 0%,#101b1b8a 21%,transparent 60%),radial-gradient(ellipse at 15% 65%,#101b1bb8 0%,#101b1b50 28%,transparent 55%),radial-gradient(ellipse at 50% 40%,transparent 35%,#101b1b50 100%)}
.intro,body[data-scene="1"] .intro,body[data-scene="2"] .intro{left:8.5%;top:auto;bottom:18%;width:68%}
h1,body[data-scene="1"] h1,body[data-scene="2"] h1{font-size:clamp(38px,3.8vw,61px)}
.eyebrow{margin-bottom:20px}.description{margin-top:13px}.enter{margin-top:15px}
[hidden]{display:none!important}
#motion{min-width:44px;justify-content:center}.description{color:#ccd0bfc2}
@media(max-width:700px){header{top:20px;left:6%;right:6%}.wordmark{font-size:22px}.wordmark span,.edition,#motion span,.signature{display:none}.intro,body[data-scene="1"] .intro,body[data-scene="2"] .intro{left:8%;top:auto;bottom:19%;width:85%}h1,body[data-scene="1"] h1,body[data-scene="2"] h1{font-size:34px;line-height:1.45}.eyebrow{font-size:8px;margin-bottom:17px}.description{font-size:11px;margin-top:14px;line-height:1.9}.enter{margin-top:14px;height:45px;min-width:143px}.atmosphere{background:linear-gradient(0deg,#101b1bef 2%,#101b1b80 35%,transparent 68%)}footer{bottom:17px;left:8%;right:8%;display:block}#gesture{font-size:8px;margin-bottom:4px;opacity:.65}nav{justify-content:space-between;gap:0;padding-bottom:0}nav button{min-width:72px}#progress{width:28%;transform:none!important;left:calc(var(--chapter,0)*36%);transition:left 1s}#fallback{top:8%;right:5%;width:90%;height:50%}}
@media(max-height:560px) and (min-width:701px){header{top:15px}footer{bottom:10px}.intro,body[data-scene="1"] .intro,body[data-scene="2"] .intro{top:23%}h1,body[data-scene="1"] h1,body[data-scene="2"] h1{font-size:32px}.eyebrow{margin-bottom:12px}.description{margin-top:8px}.enter{margin-top:8px;height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}