/* The existing design remains the only page content. */
.hero-visual .n1{top:10px;left:10px;bottom:auto;right:auto}
.hero-visual .n2{top:10px;right:10px;left:auto;bottom:auto}
.hero-visual .n3{top:155px;left:10px;bottom:auto;right:auto;max-width:200px}
.hero-visual .n4{top:155px;right:10px;left:auto;bottom:auto}
.hero-visual .n5{bottom:12px;left:10px;top:auto;right:auto;max-width:200px}
.hero-visual .n6{bottom:12px;right:10px;top:auto;left:auto}
.hero-visual .node strong{font-size:13px}
.store-soon{border:1px solid var(--line);border-radius:10px;padding:10px 15px;color:var(--gold)!important}
.hero-with-promise>.promise{grid-column:1 / -1;width:100%;margin-top:10px;border-radius:12px}
.hero-with-promise>.promise .promise-inner{box-sizing:border-box;width:100%;padding:20px 24px}
body{background:var(--bg)}
.header{position:sticky;top:0;z-index:100;width:100%;max-width:none;margin:0;background:#082d28;backdrop-filter:blur(12px)}
@media(min-width:1600px){
  .header{padding-inline:max(4vw,calc((100vw - 2000px)/2))}
  .wrap,.hero{max-width:2000px;padding-inline:4vw}
  .chapter-mode .chapter-layer>.wrap{max-width:2000px}
  .chapter-mode .chapter-layer>.contact{width:92%;max-width:1840px}
  .hero{column-gap:5vw}
  .hero h1{font-size:clamp(65px,4vw,90px)}
  .hero .intro{max-width:620px;font-size:21px}
  .hero .scene{height:480px}
  .hero .platform-plane{inset:75px 100px}
  .section-heading>p{max-width:520px}
}
html{scroll-padding-top:120px}
.chapter-stage,.chapter-layer{display:contents}
.chapter-mode{position:relative}
.chapter-mode .chapter-stage{display:block;position:sticky;top:var(--chapter-top);height:calc(100vh - var(--chapter-top));perspective:1400px;overflow:hidden;background:#092b27}
.chapter-mode .chapter-layer{display:flex;position:absolute;inset:0;align-items:flex-start;justify-content:center;transform-origin:50% 50%;will-change:transform,opacity}
.chapter-mode .chapter-layer>section{width:100%;box-sizing:border-box;flex-shrink:0;margin-top:0;margin-bottom:0;min-height:0;padding-top:40px;padding-bottom:40px}
.chapter-mode .chapter-layer>.promise{display:flex;align-items:center}
.chapter-mode .chapter-layer>.hero{min-height:0}
.chapter-control{position:fixed;right:24px;bottom:16px;z-index:110;border:1px solid #90b5a8;border-radius:30px;padding:9px 16px;background:#092b27;color:#e8f3eb;font-size:12px}
@media(max-width:999px){.header{position:relative}html{scroll-padding-top:20px}.chapter-control{display:none}}
@media(prefers-reduced-motion:reduce){.chapter-control{display:none}}