:root{color-scheme:light;--ink:#514b40;--muted:#7d7463;--paper:#eee3ce;--line:rgba(103,90,67,.22);--accent:#298ea2;font-family:Georgia,'Times New Roman','Songti SC',SimSun,serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}button:disabled{cursor:wait}[hidden]{display:none!important}#experience{width:100%;height:100svh;min-height:480px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 68% 30%,#f8efdc 0,#efe2cb 65%,#e5d6bd 100%)}#world{position:absolute;inset:0;width:100%;height:100%;outline:none;transition:filter 1.8s ease,opacity 1.8s ease;opacity:1}.waiting #world{filter:blur(8px);opacity:.45}.paper-grain{position:absolute;inset:0;pointer-events:none;z-index:8;opacity:.105;background-repeat:repeat;mix-blend-mode:multiply}.vignette{position:absolute;inset:0;pointer-events:none;z-index:7;box-shadow:inset 0 0 130px #a8997944;background:linear-gradient(90deg,#eee3ce55,transparent 55%)}.frame{position:absolute;inset:25px;pointer-events:none;z-index:9;border:1px solid #93836522}.frame i{position:absolute;width:9px;height:9px;border:1px solid #8f7c5966;background:#eee3ce;transform:rotate(45deg)}.frame i:nth-child(1){top:-5px;left:-5px}.frame i:nth-child(2){top:-5px;right:-5px}.frame i:nth-child(3){bottom:-5px;left:-5px}.frame i:nth-child(4){bottom:-5px;right:-5px}.masthead{position:absolute;top:53px;left:5.5%;right:5.5%;display:flex;align-items:center;justify-content:space-between;z-index:15}.identity{display:flex;gap:13px;align-items:center;font-size:18px;letter-spacing:3px}.identity small{display:block;font:8px/1.5 Arial,sans-serif;letter-spacing:2.1px;margin-top:6px;color:var(--muted)}.mark{width:31px;height:31px;display:grid;place-items:center;position:relative;font-style:italic;font-size:24px}.mark:before{content:'';position:absolute;inset:0;border:1px solid var(--ink);transform:rotate(45deg)}.tools{display:flex;gap:28px;align-items:center}.tools button{font:12px/1.4 Arial,'Microsoft YaHei',sans-serif;letter-spacing:1px;padding:8px 0;transition:color .2s}.tools button:hover,.text-button:hover,.playback button:hover{color:var(--accent)}.sound-bars{font-size:12px;letter-spacing:2px;padding-right:8px}.tools button[aria-pressed=true] .sound-bars{color:var(--accent)}.entrance{position:absolute;inset:0;z-index:11;display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none;transition:opacity 1s,filter 1s,transform 1.4s}.entrance-overline{position:absolute;top:20%;letter-spacing:3px;font:10px Arial,sans-serif}.enter{position:absolute;top:39%;left:50%;width:132px;height:132px;transform:translate(-50%,-50%);pointer-events:auto;font-size:32px;font-style:italic;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:color .4s}.enter .diamond{position:absolute;inset:0;border:1px solid #9b8766;transform:rotate(45deg);transition:transform .7s,border-color .7s}.enter .diamond.inner{inset:8px;border-color:#fff5df}.enter:hover .diamond{transform:rotate(135deg);border-color:var(--accent)}.enter:hover .inner{transform:rotate(-45deg)}.enter-number{font:9px Arial;letter-spacing:2px;margin-top:11px;opacity:.7}.entrance-caption{position:absolute;top:56%}.entrance h1{font-weight:400;font-size:clamp(36px,5vw,65px);line-height:1.04;letter-spacing:-2px;margin:0 0 24px}.entrance h1 em{font-weight:400;color:#7d7463}.entrance-caption p{font:12px 'Microsoft YaHei',sans-serif;letter-spacing:3px}.entrance-foot{position:absolute;bottom:8%;font:10px Arial,'Microsoft YaHei',sans-serif;letter-spacing:2px;color:var(--muted)}body:not(.waiting) .entrance{opacity:0;filter:blur(12px);transform:scale(1.12);visibility:hidden;transition:opacity 1s,filter 1s,transform 1.4s,visibility 1s}.story{position:absolute;left:7.7%;top:31%;width:37%;max-width:600px;z-index:10;transition:opacity .7s,transform 1.1s,filter .7s}.story .eyebrow{font:9px/1.5 Arial,sans-serif;letter-spacing:3px;display:flex;align-items:center;gap:15px;margin:0 0 28px}.eyebrow i{width:35px;height:1px;background:#8f7b5566}.eyebrow #story-num{color:var(--accent)}.story h2{font-weight:400;font-size:clamp(32px,3.55vw,63px);letter-spacing:-1.6px;line-height:1.1;margin:0 0 25px;max-width:570px}.story h2 em{font-weight:400;color:var(--accent)}.story-cn{font:15px/1.8 'Microsoft YaHei',Arial,sans-serif;margin:0 0 12px;letter-spacing:1px}.story-detail{font:11px/2 'Microsoft YaHei',Arial,sans-serif;letter-spacing:.6px;color:var(--muted);max-width:350px}.text-button{padding:12px 0;margin-top:21px;font:11px 'Microsoft YaHei',sans-serif;letter-spacing:1px;border-bottom:1px solid #89795766;display:flex;align-items:center;gap:44px}.text-button span{font-size:24px;line-height:1;transition:transform .3s}.text-button:hover span{transform:translateX(7px)}.story.changing{opacity:0;transform:translateY(14px);filter:blur(4px)}.navigation{position:absolute;bottom:53px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;align-items:center;z-index:12;transition:opacity 1.2s,transform 1.2s}.chapter-count{display:flex;gap:13px;align-items:center}.chapter-count span:first-child{font-size:31px;font-style:italic}.chapter-count span:last-child{font:10px Arial,sans-serif;color:var(--muted)}.chapter-count i{width:27px;height:1px;background:var(--line)}.chapters{display:flex;gap:14px;align-items:center}.chapters button{position:relative;display:flex;align-items:center;gap:7px;min-height:44px;font:10px Arial,'Microsoft YaHei',sans-serif;padding:9px 4px}.chapters button i{width:28px;height:1px;background:var(--line);transition:width .7s,background .7s}.chapters button small{font-size:10px;letter-spacing:1px;max-width:0;overflow:hidden;opacity:0;transition:max-width .7s,opacity .7s}.chapters button[aria-current=step]{color:var(--accent)}.chapters button[aria-current=step] i{background:var(--accent);width:40px}.chapters button[aria-current=step] small{max-width:36px;opacity:1}.playback{display:flex;gap:18px;align-items:center}.playback button{font:10px 'Microsoft YaHei',sans-serif;letter-spacing:1px;padding:10px 0}.playback button[aria-pressed=true]:before{content:'';display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--accent);margin-right:6px}.scene-caption{position:absolute;bottom:22%;right:8%;display:flex;gap:13px;align-items:center;z-index:6;opacity:.65;font:8px/1.4 Georgia;letter-spacing:1.5px;transition:opacity 1s}.scene-caption i{width:30px;height:1px;background:var(--line)}.compass{position:absolute;z-index:6;right:7%;top:22%;width:58px;height:58px;opacity:.6;pointer-events:none}.compass>span{position:absolute;left:48%;top:-12px;font:8px Georgia}.compass svg{width:100%;height:100%;fill:none;stroke:#8a7f6a;stroke-width:.6}.compass .needle{fill:#8a7f6a;stroke:none}.timeline{position:absolute;bottom:25px;left:25px;right:25px;height:1px;background:#7d746315;z-index:15}.timeline>div{height:100%;width:0;background:#3d8e9777}.waiting .story,.waiting .navigation,.waiting .scene-caption,.waiting .compass,.waiting .timeline{opacity:0;transform:translateY(10px);pointer-events:none}.waiting #skip{opacity:.65}body.final .story{top:29%}body.final .story h2{font-size:clamp(44px,5vw,76px)}#fallback{position:absolute;inset:30% 10%;z-index:40;padding:40px;background:var(--paper);text-align:center}#fallback button{border:1px solid var(--ink);padding:12px 24px;margin-top:20px}
@media(min-width:1700px){.story{top:30%;left:9%}.story h2{font-size:70px}.story-cn{font-size:17px}.story-detail{font-size:13px}.masthead{top:65px}.navigation{bottom:65px}}
@media(max-width:800px){.frame{inset:15px}.masthead{top:33px;left:8%;right:8%}.tools{gap:18px}.sound-label{display:none}.tools button{font-size:10px}.identity{font-size:15px}.identity small{font-size:6px;letter-spacing:1.5px}.mark{width:24px;height:24px;font-size:19px}.story{top:19%;left:9%;width:80%;max-width:none}.story .eyebrow{font-size:8px;margin-bottom:16px}.story h2{font-size:38px;max-width:450px;letter-spacing:-1.2px;margin-bottom:16px}.story-cn{font-size:12px;margin-bottom:7px}.story-detail{font-size:10px}.text-button{margin-top:8px;padding:8px 0;font-size:10px}.compass{top:49%;right:10%;width:42px;height:42px}.scene-caption{bottom:19%;right:10%;font-size:6px;gap:6px}.scene-caption i{width:15px}.navigation{left:9%;right:9%;bottom:39px;flex-wrap:wrap;gap:12px}.chapter-count{display:none}.chapters{gap:6px;width:100%;justify-content:space-between}.chapters button{gap:5px}.chapters button i{width:16px}.chapters button[aria-current=step] i{width:21px}.playback{width:100%;justify-content:space-between}.timeline{left:15px;right:15px;bottom:15px}.entrance-overline{font-size:8px;letter-spacing:2px;top:22%}.enter{width:108px;height:108px;font-size:27px}.entrance h1{font-size:48px}.entrance-caption p{font-size:10px;letter-spacing:1.6px}.entrance-foot{font-size:8px;letter-spacing:1px;bottom:11%}body.final .story{top:23%}body.final .story h2{font-size:49px}}
@media(max-height:600px) and (min-width:801px){.masthead{top:35px}.story{top:25%}.story h2{font-size:35px}.story .eyebrow{margin-bottom:16px}.story-cn{font-size:12px}.story-detail{font-size:10px}.text-button{margin-top:8px}.navigation{bottom:35px}.scene-caption{bottom:20%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.waiting #world{filter:blur(3px)}}

/* Effect 01 — opening details, matched to the reference's quiet typography. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.waiting .frame{opacity:0;transform:scale(.97)}
.frame{transition:opacity 1.6s .7s,transform 1.8s .4s}
.waiting .masthead{inset:0;pointer-events:none}
.waiting .identity{position:absolute;left:50%;bottom:5.8%;transform:translateX(-50%);pointer-events:auto;color:#887a65}
.waiting .identity .mark:before{border-color:#9f9077}
.waiting .tools{position:static}
.waiting .tools button{pointer-events:auto;font-family:Georgia,'Times New Roman','Songti SC',serif;font-size:17px;font-style:italic;letter-spacing:0}
.waiting #sound{position:absolute;left:18%;top:50%;transform:translateY(-50%)}
.waiting #skip{position:absolute;right:18%;top:50%;transform:translateY(-50%);opacity:1}
.waiting #skip:disabled{opacity:.5;pointer-events:none}
.tools #skip span{display:inline-block;transition:transform .4s ease;margin-left:5px}
.tools #skip:hover span,.tools #skip.cursor-hover span{transform:translate(5px,-3px)}
.tools button.cursor-hover{color:var(--accent)}
.entrance-overline{top:19%;font-family:Georgia,serif;font-size:11px;letter-spacing:2px;color:#8a7b64}
.enter{top:50%;width:164px;height:164px;font-style:italic;font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#756750;--hover-x:0px;--hover-y:0px;animation:entry-arrive 1.45s ease both}
.enter .diamond{border:2px solid #fcf4df;transform:rotate(45deg);transition:transform .65s cubic-bezier(.2,.7,.25,1),border-color .6s,opacity .7s;inset:0}
.enter .diamond.inner{inset:8px;border:1px solid #fff9e9}
.enter:hover .diamond,.enter:hover .diamond.inner{transform:rotate(45deg);border-color:#fcf4df}
.enter.is-ready:hover .diamond,.enter.is-ready.cursor-hover .diamond,.enter.is-ready.keyboard-hover .diamond{transform:rotate(45deg) scale(1.075);border-color:#acb8aa}
.enter.is-ready:hover .diamond.inner,.enter.is-ready.cursor-hover .diamond.inner,.enter.is-ready.keyboard-hover .diamond.inner{transform:rotate(45deg) scale(.975);border-color:#fff9e9}
.load-counter{position:absolute;display:flex;justify-content:center;inset:0;align-items:center;font-size:35px;line-height:1;letter-spacing:-2px;transition:opacity .7s,filter .7s,transform .9s;font-variant-numeric:tabular-nums}
.digit-window{height:1em;width:.59em;overflow:hidden;display:block;padding:0}
.digit-strip{display:block;height:1em;transition:transform .35s cubic-bezier(.2,.65,.3,1);will-change:transform;text-align:center}
.digit-strip>span{display:block;height:1em;line-height:1em}
#enter-word{position:absolute;top:50%;left:0;right:0;margin-top:-.65em;font-size:35px;line-height:1.3;opacity:0;filter:blur(3px);color:var(--accent);transform:translateY(12px);transition:opacity .8s .5s,filter .8s .5s,transform .8s}
.enter-number{position:absolute;top:calc(50% + 31px);left:0;right:0;font:9px 'Microsoft YaHei',sans-serif;letter-spacing:4px;color:#7c796b;opacity:0;margin:0;transition:opacity .8s .7s}
.enter.is-ready .load-counter{opacity:0;filter:blur(4px);transform:translateY(-12px)}
.enter.is-ready #enter-word{opacity:1;filter:blur(0);animation:enter-breathe 2.6s 1.15s ease-in-out infinite;transform:translate3d(var(--hover-x),var(--hover-y),0)}
.enter.is-ready .enter-number{opacity:.75}
.enter.is-ready:hover #enter-word,.enter.is-ready.cursor-hover #enter-word,.enter.is-ready.keyboard-hover #enter-word{animation:none;transform:translate3d(var(--hover-x),var(--hover-y),0) scale(1.3);transition:opacity .8s .5s,filter .8s .5s,transform .7s cubic-bezier(.2,.75,.25,1)}
.load-caption{position:absolute;top:calc(50% + 140px);left:0;right:0;margin:0;font:8px/1.5 Arial,'Microsoft YaHei',sans-serif;letter-spacing:2px;color:#8e816e;transition:opacity .4s}
.entrance-caption{top:auto;bottom:17%;transform:translateY(var(--drift,0px))}
.entrance h1{font-size:28px;line-height:1.2;letter-spacing:-.8px;margin:0 0 13px}
.entrance-caption p{font-size:9px;letter-spacing:2px;opacity:.65}
.entrance-foot{bottom:12%;font-size:8px;opacity:.6}
.sound-bars{display:inline-flex;align-items:center;gap:2px;height:15px;padding:0;margin-right:9px;vertical-align:middle;font-size:inherit}
.sound-bars i{display:block;width:1px;height:3px;background:currentColor;transition:height .4s}
.sound-bars i:nth-child(2),.sound-bars i:nth-child(4){height:7px}.sound-bars i:nth-child(3){height:10px}
#sound[aria-pressed=true] .sound-bars i{animation:sound-wave 1.2s ease-in-out infinite}
#sound[aria-pressed=true] .sound-bars i:nth-child(2){animation-delay:-.4s}#sound[aria-pressed=true] .sound-bars i:nth-child(3){animation-delay:-.9s}#sound[aria-pressed=true] .sound-bars i:nth-child(4){animation-delay:-.2s}#sound[aria-pressed=true] .sound-bars i:nth-child(5){animation-delay:-.7s}
.entering .story{animation:story-entry 2.2s both}.entering .navigation,.entering .scene-caption{animation:details-entry 2.3s both}
.voyage-cursor{position:fixed;left:0;top:0;width:0;height:0;z-index:80;pointer-events:none;opacity:0;transition:opacity .3s;contain:layout style}
.voyage-cursor.visible{opacity:1}
.cursor-dot{position:absolute;left:-3px;top:-3px;width:6px;height:6px;background:#249eb9;transform:scale(1);transition:transform .25s ease,opacity .2s}
.voyage-cursor.is-pressed .cursor-dot{transform:scale(.58)}
.voyage-cursor.over-control .cursor-dot{opacity:0;transform:scale(0)}
.cursor-action{position:absolute;left:-85px;top:13px;width:170px;text-align:center;color:#665945;font:italic 12px/1.5 Georgia,'Songti SC',serif;opacity:0;transform:scale(.72) rotate(8deg);transition:opacity .35s,transform .4s}
.cursor-action svg{position:absolute;left:63px;bottom:calc(100% + 10px);width:44px;height:44px;transition:transform .3s}
.voyage-cursor.has-action .cursor-dot{opacity:0;transform:scale(0)}
.voyage-cursor.has-action .cursor-action{opacity:1;transform:scale(1) rotate(0)}
.voyage-cursor.is-pressed .cursor-action svg{scale:.85}
.playback{gap:16px}
@keyframes entry-arrive{from{opacity:0;filter:blur(5px);scale:1.15}to{opacity:1;filter:blur(0);scale:1}}
@keyframes enter-breathe{0%,100%{transform:translate3d(var(--hover-x),var(--hover-y),0) scale(1)}50%{transform:translate3d(var(--hover-x),var(--hover-y),0) scale(1.09)}}
@keyframes sound-wave{0%,100%{height:3px}50%{height:12px}}
@keyframes story-entry{0%,43%{opacity:0;filter:blur(7px);transform:translateY(18px)}100%{opacity:1;filter:blur(0);transform:translateY(0)}}
@keyframes details-entry{0%,50%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.custom-cursor,.custom-cursor a,.custom-cursor button,.custom-cursor canvas{cursor:none!important}}
@media(max-width:800px){
  .enter{width:132px;height:132px;top:47%}.load-counter,#enter-word{font-size:32px}
  .load-caption{top:calc(47% + 112px);font-size:7px;letter-spacing:1px}
  .waiting #sound{top:auto;bottom:13%;left:10%;transform:none}.waiting #skip{top:auto;bottom:13%;right:10%;transform:none}
  .waiting .tools button{font-size:13px}.waiting .sound-label{display:inline}.waiting .identity{bottom:5.5%}
  .entrance-caption{bottom:23%}.entrance h1{font-size:24px}.entrance-caption p{font-size:8px}
  .entrance-foot{bottom:18%;font-size:7px}.entrance-overline{top:21%;font-size:8px}
  .playback{gap:10px}.playback button{font-size:9px}.voyage-cursor{display:none}
}
@media(max-height:680px){.entrance-caption{display:none}.entrance-foot{bottom:18%}.load-caption{font-size:7px}.waiting .identity{bottom:6%}}
@media(prefers-reduced-motion:reduce){
  .enter,.enter.is-ready #enter-word,.entering .story,.entering .navigation,.entering .scene-caption,#sound .sound-bars i{animation:none!important}
  .digit-strip,.cursor-action,.cursor-dot{transition:none}.enter{scale:1;opacity:1;filter:none}
  .enter.is-ready:hover #enter-word,.enter.is-ready.cursor-hover #enter-word,.enter.is-ready.keyboard-hover #enter-word{transform:none}
}

/* Tideframe product adaptation */
:root{--ink:#2d4146;--muted:#718286;--paper:#f1f1e8;--accent:#37697b;--line:#6d82852b}#experience{background:radial-gradient(ellipse at 68% 30%,#f7f6ef,#eeeee4 65%,#e3e6dc)}.vignette{box-shadow:inset 0 0 150px #818b741a;background:linear-gradient(90deg,#f1f1e885,transparent 60%)}.frame i{background:#f1f1e8}.paper-grain{opacity:.045}.identity{font-family:Arial,sans-serif;font-size:12px;letter-spacing:2px}.identity small{font-size:7px}.waiting .identity{color:#4b656c}.waiting .tools{top:28px;right:auto;left:36px;gap:22px}.waiting #skip{display:none}.waiting .identity{bottom:5%}.entrance-overline{color:#677d82}.entrance-caption h1{letter-spacing:-2px;color:#2d454d}.entrance-caption p{color:#627c84;opacity:1}.load-caption{color:#698187}.enter{color:#526b72}.enter-number{color:#647d83}.story .story-cn{font-family:Arial,sans-serif;font-size:14px;letter-spacing:0;color:#435c64}.story-detail{font-family:Arial,sans-serif;line-height:1.9;letter-spacing:0;font-size:12px;color:#65797e}.tools button,.playback button,.text-button{font-family:Arial,sans-serif;letter-spacing:.03em}.chapters button[aria-current=step] small{max-width:70px}.story{max-width:50%}.story h2{font-size:clamp(36px,4.3vw,66px);letter-spacing:-2px}.waiting .entrance-overline{top:17%}.entrance-caption{bottom:15%}.entrance-foot{bottom:10%;color:#7d8a89}.waiting .masthead{z-index:15}.navigation{left:5.5%;right:5.5%;gap:16px}.playback{gap:12px}.scene-caption{font-size:7px}.text-button{color:#2d5b6a}.waiting #world{opacity:.45}.frame{border-color:#8c9d8720}body.final .story h2{font-size:clamp(36px,4.3vw,66px)}@media(max-width:800px){.waiting .tools{left:24px;top:26px}.story{max-width:none;width:84%;left:8%;top:18%}.story h2,body.final .story h2{font-size:37px}.story-detail{font-size:10px}.story .story-cn{font-size:12px}.entrance-caption h1{font-size:40px;letter-spacing:-1.5px}.entrance-caption p{font-size:7px;letter-spacing:1px}.entrance-overline{font-size:8px}.chapters button{font-size:10px}.navigation{bottom:35px}.identity{font-size:10px}.scene-caption{bottom:23%;right:8%;max-width:65%;font-size:6px}.story{top:15%}body.final .story{top:16%}.compass{top:50%}.masthead{top:29px}}


/* One continuous, viewport-sized introduction. The doors only exist at its end. */
#experience{height:100svh;min-height:0}.story{top:27%;width:42%;max-width:550px}.story h2,body.final .story h2{font-size:clamp(35px,4.2vw,66px)}.story-detail{max-width:400px}.vignette{background:linear-gradient(90deg,#f1f1e8e6 0%,#f1f1e89c 30%,#f1f1e810 66%)}.story .eyebrow{letter-spacing:2.5px}.story-detail{color:#4e646c}.text-button{margin-top:20px}.navigation{bottom:40px}.scene-caption{bottom:19%}.journey-status{font:8px Arial,sans-serif;letter-spacing:1.4px;color:#62777c}.chapter-step{display:flex;align-items:center;gap:7px;min-height:32px;font:10px Arial,sans-serif;padding:9px 4px;color:#637980}.chapter-step i{width:28px;height:1px;background:var(--line);transition:width .7s,background .7s}.chapter-step small{max-width:0;overflow:hidden;opacity:0;font-size:10px;transition:max-width .7s,opacity .7s}.chapter-step[aria-current=step]{color:#2d667a}.chapter-step[aria-current=step] i{width:40px;background:#37697b}.chapter-step[aria-current=step] small{max-width:70px;opacity:1}.completed .story,.completed .scene-caption,.completed .compass{opacity:0;visibility:hidden;pointer-events:none}.completed #world{filter:none;opacity:.7}.completed .vignette{background:linear-gradient(90deg,#f1f1e8f2,#f1f1e8a8 48%,#f1f1e821)}.completed .navigation .chapters,.completed .chapter-count,.completed .journey-status{display:none}.completed .navigation{justify-content:flex-end}.destinations{position:absolute;z-index:12;left:8%;top:23%;width:min(620px,52%);animation:doors-arrive 1s ease both}.destination-kicker{display:flex;gap:12px;align-items:center;font:9px Arial,sans-serif;letter-spacing:2.6px;margin:0 0 18px;color:#416674}.destination-kicker>span{display:inline-block;width:5px;height:5px;background:#628c8d;border-radius:100%}.destinations h2{font-weight:400;font-size:clamp(33px,3.75vw,59px);line-height:1.08;letter-spacing:-1.7px;margin:0 0 17px}.destinations h2:focus{outline:none}.destinations h2 em{font-weight:400;color:#37697b}.destination-intro{font:13px/1.6 Arial,sans-serif;color:#4f656a;margin:0 0 26px}.destination-doors{display:grid;grid-template-columns:1fr 1fr;gap:14px}.destination-door{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:24px 22px 18px;border:1px solid #84989755;border-radius:3px;background:#fbfcf8b8;backdrop-filter:blur(14px);transition:background .3s,transform .3s,box-shadow .3s}.destination-door:hover{transform:translateY(-5px);background:#fffef7ef;box-shadow:0 14px 35px #2d414611}.door-number{font:8px Arial,sans-serif;letter-spacing:1.6px;color:#627980}.destination-door svg{width:78px;height:39px;fill:none;stroke:#37697b;stroke-width:1;margin:22px 0 19px}.destination-door strong{font:400 clamp(19px,1.7vw,25px) Georgia,serif;letter-spacing:-.4px}.door-detail{font:11px/1.7 Arial,sans-serif;color:#54696e;margin:11px 0 21px}.door-action{width:100%;border-top:1px solid #82979540;padding-top:16px;display:flex;justify-content:space-between;align-items:center;font:11px Arial,sans-serif;color:#244e5c;gap:8px}.door-action b{font-size:18px;font-weight:400;transition:transform .3s}.destination-door:hover .door-action b{transform:translate(2px,-2px)}.destination-note{font:10px/1.7 Arial,sans-serif;color:#576e73;margin:17px 0 0}.completed .playback{gap:24px}.completed .navigation{bottom:38px}.waiting #skip{display:none}.waiting .entrance-overline{top:17%}.entrance-caption{bottom:17%}.entrance-caption h1{font-size:clamp(26px,3vw,40px)}#fallback{inset:18% 12%;padding:40px;overflow:auto;line-height:1.8}#fallback p{max-width:540px;margin:auto;font:15px/1.8 Arial,sans-serif}#fallback button{margin:24px 8px 0}.scene-caption{pointer-events:none}.voyage-cursor.has-action .cursor-action{font-size:10px}.voyage-cursor{z-index:8}
@keyframes doors-arrive{from{opacity:0;transform:translateY(18px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(max-width:800px){.masthead{top:30px;left:7%;right:7%}.identity{font-size:9px;gap:10px}.identity small{font-size:5px;letter-spacing:1px}.tools{gap:12px}.tools button{font-size:9px}.tools #sound{display:none}.story,body.final .story{top:19%;left:8%;width:84%;max-width:none}.story h2,body.final .story h2{font-size:clamp(33px,7.2vw,48px);max-width:420px}.story .eyebrow{font-size:8px;letter-spacing:1.7px}.story-detail{font-size:11px;max-width:335px;line-height:1.8}.story-cn{font-size:12px}.text-button{margin-top:16px}.vignette{background:linear-gradient(180deg,#f1f1e8e0,#f1f1e8cc 36%,#f1f1e800 76%)}.navigation{bottom:32px;gap:8px}.chapters{gap:3px}.chapter-step{font-size:9px;padding:5px 0;gap:4px}.chapter-step i{width:14px}.chapter-step[aria-current=step] i{width:18px}.chapter-step small{font-size:9px}.journey-status{font-size:7px;letter-spacing:.6px}.playback{gap:12px}.playback button{font-size:9px}.scene-caption{bottom:20%;max-width:75%}.destinations{top:18%;left:8%;width:84%}.destinations h2{font-size:clamp(32px,7.4vw,45px);letter-spacing:-1px}.destination-kicker{font-size:8px;letter-spacing:2px;margin-bottom:17px}.destination-intro{font-size:12px;margin-bottom:23px}.destination-doors{gap:9px}.destination-door{padding:19px 14px 15px}.door-number{font-size:6px;letter-spacing:1px}.destination-door svg{width:59px;height:32px;margin:21px 0 20px}.destination-door strong{font-size:21px;line-height:1.1}.door-detail{font-size:10px;line-height:1.7;margin:13px 0 21px}.door-action{font-size:9px;line-height:1.4;padding-top:14px}.destination-note{font-size:9px;line-height:1.9;margin-top:17px;max-width:290px}.completed .vignette{background:linear-gradient(180deg,#f1f1e8e8,#f1f1e8aa 72%,transparent)}.completed .navigation{bottom:31px}.completed .playback{justify-content:space-between}#fallback{inset:15% 6%;padding:26px}#fallback p{font-size:13px}.entrance-overline{letter-spacing:1.4px}.entrance-caption h1{font-size:28px}.entrance-caption p{font-size:7px;letter-spacing:1px}}
@media(max-height:700px) and (min-width:801px){.masthead{top:37px}.story,body.final .story{top:24%}.story h2,body.final .story h2{font-size:43px}.story .eyebrow{margin-bottom:18px}.story-detail{font-size:11px}.destinations{top:21%;width:min(660px,58%)}.destinations h2{font-size:39px}.destination-kicker{margin-bottom:12px}.destination-intro{margin-bottom:16px}.destination-door{padding:17px 21px 14px}.destination-door svg{width:60px;height:30px;margin:14px 0}.door-detail{margin:8px 0 13px}.destination-note{margin-top:11px}.navigation{bottom:34px}}
@media(max-height:720px) and (max-width:800px){.destinations{top:17%}.destinations h2{font-size:31px}.destination-kicker{margin-bottom:10px}.destination-intro{margin-bottom:15px}.destination-door{padding:15px 13px 12px}.destination-door svg{margin:13px 0;height:26px}.destination-door strong{font-size:19px}.door-detail{margin:10px 0 15px;font-size:9px}.destination-note{margin-top:12px}.story,body.final .story{top:18%}.story h2,body.final .story h2{font-size:34px}.story .eyebrow{margin-bottom:14px}}
@media(max-height:510px){.destinations{top:20%;width:84%;display:grid;grid-template-columns:1fr 1.25fr;column-gap:32px}.destination-kicker{grid-column:1}.destinations h2{font-size:29px;grid-column:1}.destination-intro{grid-column:1;font-size:10px}.destination-doors{grid-column:2;grid-row:1/5}.destination-note{font-size:8px;grid-column:1}.destination-door svg{height:22px;margin:10px 0}.destination-door strong{font-size:19px}.door-detail{font-size:9px}.destination-door{padding:15px}.destination-kicker{font-size:7px}.navigation{bottom:27px}.masthead{top:29px}.story,body.final .story{top:25%;width:58%}.story h2,body.final .story h2{font-size:29px}.story .eyebrow{margin-bottom:9px}.story h2{margin-bottom:12px}.story-detail{font-size:10px}.text-button{margin-top:5px}.scene-caption{display:none}.completed .navigation{bottom:26px}.entrance-caption{bottom:12%}.entrance-caption h1{font-size:22px}.waiting .identity{bottom:4%}.entrance-foot{display:none}}
@media(prefers-reduced-motion:reduce){.destinations{animation:none}.destination-door:hover{transform:none}}

.voyage-cursor{z-index:80}.touch-instruction{display:none}.chapter-step{cursor:pointer}.chapter-step:hover{color:var(--accent)}.journey-status{letter-spacing:.7px;font-size:7px}#world{touch-action:none}@media(pointer:coarse){.desktop-instruction{display:none}.touch-instruction{display:inline}}