*,*:before,*:after{box-sizing:border-box}html{scrollbar-width:none;background:#1b1a22}html::-webkit-scrollbar{display:none}body{margin:0;background:#1b1a22;color:var(--tx,#2A1A12);font-family:"Noto Serif SC",serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:#b8392a}h1,h2,h3{font-weight:400}#wrap{position:relative;height:1000vh}#scene{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.bg{position:absolute;left:0;top:0;height:100%;will-change:transform;pointer-events:none}.bg img{height:100%;width:auto;display:block}.sunbox{position:absolute;inset:0 0 29%;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,#000 88%,transparent);mask-image:linear-gradient(180deg,#000 88%,transparent)}.sun{position:absolute;left:72%;top:30%;width:clamp(5rem,8.5vw,9rem);aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#fff1cf}.tint{position:absolute;inset:0;mix-blend-mode:multiply;pointer-events:none}.stars{position:absolute;inset:0 0 38%;pointer-events:none;opacity:0}.stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff6e4}#posts{position:absolute;left:0;bottom:0;margin:0;padding:0;will-change:transform;pointer-events:none}.post{position:absolute;bottom:36vh;display:flex;align-items:flex-start;gap:1.1rem;pointer-events:none}.js .post{opacity:0}.post.near{pointer-events:auto}.lab{writing-mode:vertical-rl;text-orientation:upright;display:flex;align-items:center;gap:.9rem;color:var(--lt,#1E140E);text-shadow:0 0 12px var(--lh,rgba(255,230,200,.6)),0 0 3px var(--lh,rgba(255,230,200,.6));order:-1}.lab h2{margin:0;white-space:nowrap;font-family:Ma Shan Zheng,serif;font-size:clamp(1.6rem,2.6vw,2.4rem);line-height:1}.lab .ct{white-space:nowrap;font-size:.8rem;letter-spacing:.3em;opacity:.85}.lab .in{font-size:.85rem;letter-spacing:.2em;white-space:nowrap;border-left:1px solid currentColor;padding-left:.2rem}.lab .sl{writing-mode:horizontal-tb;display:grid;place-items:center;width:1.5rem;height:1.5rem;background:#b8392a;color:#f5e9da;text-shadow:none;font-family:Ma Shan Zheng,serif;font-size:.8rem;border-radius:2px}.win{display:block;width:min(calc(40vh * 924 / 540),48vw);aspect-ratio:924/540;background:var(--c);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(180deg,transparent,#000 8%,#000 90%,transparent);mask-composite:intersect}.win img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.trav{position:absolute;left:clamp(0rem,5vw,5rem);bottom:4.2vh;pointer-events:none}.trav .fr{position:absolute;left:0;bottom:0;will-change:transform,opacity;transform-origin:50% 100%}.trav .fr img{position:absolute;left:0;bottom:0;height:100%;width:auto;display:block;visibility:hidden}.trav .fr img.on{visibility:visible}#ride{height:30vh;aspect-ratio:856/700}#lead{height:25vh;aspect-ratio:1251/605;opacity:0}.start{position:absolute;left:clamp(1.2rem,6vw,6rem);top:clamp(4rem,14vh,9rem);color:var(--tx)}.start h1{margin:0;font-family:Ma Shan Zheng,serif;font-size:clamp(4rem,11vw,10rem);line-height:.95}.start p{margin:1.2rem 0 0;font-size:clamp(.95rem,1.4vw,1.15rem);letter-spacing:.3em}.start small{display:block;margin-top:2.5rem;font-family:Space Mono,monospace;font-size:.75rem;letter-spacing:.1em;opacity:.75}.top{position:absolute;right:clamp(1rem,4vw,3rem);top:1.2rem;display:flex;gap:1.4rem;font-family:Space Mono,monospace;font-size:.75rem;color:var(--tx);z-index:3}.end{position:absolute;right:clamp(1.2rem,8vw,8rem);top:clamp(4rem,18vh,11rem);text-align:right;color:#eee5d7;opacity:0;pointer-events:none}.end.on{pointer-events:auto}.end .big{margin:0;font-family:Ma Shan Zheng,serif;font-size:clamp(4rem,11vw,10rem);line-height:.95}.end p{margin:1.4rem 0 0;letter-spacing:.3em}.end .go{display:inline-block;margin-top:2rem;font-size:1.05rem;border-bottom:1px solid #B8392A;padding-bottom:.2rem;cursor:pointer}.end nav{margin-top:2.4rem;display:flex;gap:1.1rem;justify-content:flex-end;flex-wrap:wrap;font-size:.85rem;opacity:.75}.seal{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;margin-left:.8rem;background:#b8392a;color:#f5e9da;font-family:Ma Shan Zheng,serif;font-size:1rem;border-radius:3px;vertical-align:middle}@media(max-width:699px){.win{width:min(calc(30vh * 924 / 540),80vw)}}.atlas{background:#101119;color:#d9cfc0;padding:clamp(3rem,8vw,6rem) clamp(1.2rem,6vw,6rem) 3rem;line-height:1.8}.atlas .in-wrap{max-width:1100px;margin:0 auto}.atlas h2{margin:0 0 2rem;font-family:Ma Shan Zheng,serif;font-size:clamp(2rem,4vw,3rem);color:#eee5d7}.atlas .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:2rem 3rem}.atlas h3{margin:0 0 .6rem;font-size:1rem;letter-spacing:.2em;color:#eee5d7}.atlas h3 a{border-bottom:1px solid #B8392A}.atlas ul{list-style:none;margin:0;padding:0;font-size:.9rem}.atlas li{padding:.15rem 0}.atlas li span{opacity:.5;font-size:.8rem;margin-left:.4rem}.atlas footer{margin-top:3.5rem;padding-top:1.2rem;border-top:1px solid #2A2A36;display:flex;justify-content:space-between;flex-wrap:wrap;gap:.8rem;font-family:Space Mono,monospace;font-size:.75rem;opacity:.55}@media(prefers-reduced-motion:reduce){.win img{transition:none}}