.pov .vignette{pointer-events:none;background:linear-gradient(90deg,#010b1790,#0000 45% 70%,#010b1750)}.question{pointer-events:none;width:30%;position:absolute;top:27%;left:5%}.question h1{letter-spacing:.06em;text-wrap:balance;margin:18px 0 24px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(24px,2.65vw,41px);font-weight:400;line-height:1.65}.question p{margin:0 0 18px;font-size:clamp(16px,1.4vw,21px);line-height:1.9}.question small{color:#c1d7e2;font-size:14px;line-height:1.9;display:block}.dive-status{text-align:right;flex-direction:column;gap:8px;display:flex;position:absolute;top:18%;right:5%}.dive-status span{letter-spacing:.12em;color:#bbd4df;font-size:12px}.dive-status strong{font-family:monospace;font-size:36px;font-weight:300}.dive-status small{color:#adc5d0;font-size:12px}.depth-rail{flex-direction:column;justify-content:space-between;width:190px;height:40%;display:flex;position:absolute;top:35%;right:5%}.rail-line{pointer-events:none;background:#bdd4df35;width:1px;position:absolute;top:12px;bottom:12px;left:5px}.rail-line i{background:#f6d4a1;width:2px;display:block}.depth-rail button{text-align:left;color:#bed0da;background:0 0;border:0;align-items:center;gap:10px;min-height:28px;padding:5px 0;font-size:12px;display:flex;position:relative}.rail-dot{background:#263b49;border:1px solid #b4c9d0;border-radius:50%;flex:none;width:11px;height:11px}.depth-rail button small{color:#8ba7b6;margin-left:auto;font-family:monospace;font-size:12px}.depth-rail button.selected{color:#ffe1a5}.depth-rail .selected .rail-dot{background:#ffe1a5;border-color:#ffe1a5;box-shadow:0 0 12px #ffd99580}.journey-nav{align-items:center;gap:20px;display:flex;position:absolute;bottom:16%;left:5%}.journey-nav button{background:#04132070;border:1px solid #c2dbe43d;min-height:44px;padding:13px 20px;font-size:14px}.journey-nav button:disabled{opacity:.3;cursor:default}.journey-nav span{color:#adc5d0;font-family:monospace;font-size:12px}.returning .chapter-number,.returning .dive-status strong{color:#ffe0ab}.webgl-note{color:#e8c993;font-size:12px;position:absolute;bottom:10%;left:5%;right:5%}.landed{color:#4b2445}.landed .vignette{opacity:0}.landed .question small,.landed .chapter-number,.landed .dive-status span,.landed .dive-status small,.landed footer span,.landed .brand span,.landed .journey-nav span,.landed .depth-rail button,.landed .depth-rail small,.landed .dive-status strong{color:#613957}.landed .surface,.landed .journey-nav button{background:#fff5;border-color:#68274b55}.landed .rail-line{background:#8c52704d}.landed .rail-line i,.landed .depth-rail .selected .rail-dot{background:#ad3c7e}.landed .depth-rail .selected{color:#762552;font-weight:700}.landed .webgl-note{color:#762552}@media (width<=700px){.question{width:88%;top:16%;left:6%}.question h1{margin:10px 0 12px;font-size:25px;line-height:1.45}.question p{margin-bottom:10px;font-size:16px;line-height:1.6}.question small{max-width:95%;font-size:13px;line-height:1.6}.dive-status{gap:3px;top:43%;right:5%}.dive-status strong{font-size:23px}.dive-status small,.dive-status span{font-size:10px}.depth-rail{width:130px;height:28%;top:55%;right:4%}.depth-rail button{gap:6px;min-height:20px;padding:2px 0;font-size:10px}.depth-rail button small{font-size:10px}.rail-dot{width:7px;height:7px}.rail-line{top:8px;bottom:8px;left:3px}.journey-nav{gap:8px;bottom:18%;left:6%}.journey-nav button{min-height:44px;padding:10px;font-size:12px}.journey-nav span{display:none}.webgl-note{font-size:11px;bottom:11%}.pov footer{bottom:18px}.pov footer span,.pov footer p{font-size:11px}.pov .vignette{background:linear-gradient(#010b17a0,#0000 45%,#010b1740)}}@media (width<=380px){.question h1{font-size:22px}.question p{font-size:15px}.question small{font-size:12px}.brand{font-size:16px}}@media (height<=620px) and (width>=701px){.question{width:31%;top:24%}.question h1{margin:8px 0;font-size:23px}.question p{margin:8px 0;font-size:16px}.question small{font-size:12px}.journey-nav{bottom:12%}.depth-rail{height:49%;top:32%}.depth-rail button{min-height:22px}.dive-status{top:17%}.dive-status strong{font-size:24px}.dive-status small,footer span{display:none}.webgl-note{bottom:7%}}@media (height<=700px) and (width<=700px){.question{top:16%}.question h1{margin:7px 0;font-size:21px}.question p{margin-bottom:7px;font-size:15px;line-height:1.5}.question small{font-size:12px}.depth-rail{height:31%;top:51%}.dive-status{top:39%}.pov footer span{display:none}.journey-nav{bottom:13%}}.pov header{justify-content:center}.pov .brand{text-align:center}.pov .surface{position:absolute;top:0;right:0}.pov.landed{color:#14394e}.pov.landed .question small,.pov.landed .chapter-number,.pov.landed .dive-status span,.pov.landed .dive-status small,.pov.landed footer span,.pov.landed .brand span,.pov.landed .journey-nav span,.pov.landed .depth-rail button,.pov.landed .depth-rail small,.pov.landed .dive-status strong{color:#21465c}.pov.landed .surface,.pov.landed .journey-nav button{background:#fff6;border-color:#24567266}.pov.landed .rail-line{background:#24567255}.pov.landed .rail-line i,.pov.landed .depth-rail .selected .rail-dot{background:#176487}.pov.landed .depth-rail .selected,.pov.landed .webgl-note{color:#164c69}@media (width<=700px){.pov header{top:18px}.pov .surface{padding:6px 9px;font-size:11px;top:55px}.pov .brand{font-size:18px}}.book-link{color:#14394e;text-align:center;flex-direction:column;align-items:center;gap:10px;width:clamp(150px,16vw,220px);text-decoration:none;display:flex;position:absolute;top:24%;left:52%;transform:translate(-50%)}.book-link img{width:100%;height:auto;display:block;box-shadow:0 12px 28px #163e5b26}.book-link strong{font-size:17px;line-height:1.5}.book-link span{text-underline-offset:4px;font-size:14px;text-decoration:underline}.book-link:hover span{color:#006092}.book-link:focus-visible{outline-offset:8px;outline:3px solid #145f85}@media (width<=700px){.book-link{gap:5px;width:min(34vw,145px);top:48%;left:6%;transform:none}.book-link strong{font-size:14px}.book-link span{font-size:13px}}@media (height<=700px){.book-link{width:140px;top:25%}}@media (height<=700px) and (width<=700px){.book-link{width:90px;top:47%}.book-link strong,.book-link span{font-size:12px}}.pov .question{text-align:center;text-shadow:0 2px 12px #00101dbb;width:min(48%,640px);left:50%;transform:translate(-50%)}.pov .question small{margin-inline:auto}.pov.landed .question{text-shadow:none;top:16%}.pov.landed .question h1{margin:12px 0;font-size:clamp(24px,2.2vw,32px)}.pov.landed .question p{margin-bottom:10px;font-size:18px}.pov.landed .book-link{width:min(17vh,180px);top:49%;left:50%;transform:translate(-50%)}@media (width>=701px) and (width<=1000px){.pov .question{width:42%}.pov .question h1{font-size:26px}}@media (width<=700px){.pov .question{width:88%}.pov.landed .question h1{font-size:25px}.pov.landed .question p{font-size:16px}.pov.landed .book-link{width:min(34vw,145px);top:48%;left:6%;transform:none}}@media (height<=700px) and (width<=700px){.pov.landed .question h1{margin:7px 0;font-size:21px}.pov.landed .question p{font-size:15px}.pov.landed .book-link{width:90px;top:47%}}@media (height<=620px) and (width>=701px){.pov.landed .question{top:16%}.pov.landed .question h1{margin:8px 0;font-size:23px}.pov.landed .question p{margin:8px 0;font-size:16px}.pov.landed .book-link{gap:4px;width:14vh;top:53%}.pov.landed .book-link strong,.pov.landed .book-link span{font-size:12px}}:root{--background:#061a30;--foreground:#f5f1e8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--background);color:var(--foreground);margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}body{overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:7px;outline:2px solid #f4b860}.scroll-space{height:1100svh}.stage{background:#061a30;position:fixed;inset:0;overflow:hidden}.stage canvas{width:100%;height:100%;display:block}.vignette{pointer-events:none;background:linear-gradient(90deg,#020814b8,#0000 63%),linear-gradient(#0000 77%,#0208148c);position:absolute;inset:0}header{justify-content:space-between;align-items:center;display:flex;position:absolute;top:35px;left:5%;right:5%}.brand{letter-spacing:.13em;color:inherit;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:24px;text-decoration:none}.brand span{letter-spacing:.32em;color:#9bb5c4;margin-top:8px;font-family:sans-serif;font-size:10px;display:block}.surface{letter-spacing:.06em;background:0 0;border:1px solid #aec1c44d;padding:12px 16px;font-size:13px}.surface:hover{background:#ffffff12}.story{pointer-events:none;max-width:50%;position:absolute;top:35%;left:8%}.chapter-number{letter-spacing:.22em;color:#dcb77e;font-size:12px}.story h1{letter-spacing:.09em;white-space:pre-line;margin:20px 0 22px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(30px,3.7vw,64px);font-weight:400;line-height:1.65}.story p{white-space:pre-line;color:#c5d4d9;letter-spacing:.08em;font-size:16px;line-height:2.2}.timeline{flex-direction:column;align-items:flex-end;gap:7px;display:flex;position:absolute;top:27%;right:4%}.timeline button{color:#a9bfca;background:0 0;border:0;align-items:center;gap:12px;min-height:27px;font-size:12px;display:flex}.timeline button span:last-child{text-align:left;width:85px}.tick{background:#708b99;width:12px;height:1px}.timeline .active{color:#ffdaa1}.timeline .active .tick{background:#ffdaa1;width:26px}.depth{align-items:center;gap:17px;display:flex;position:absolute;bottom:17%;left:8%}.depth>span{letter-spacing:.16em;color:#9cb8c4;font-size:10px}.depth strong{font-size:18px;font-weight:400}.depth small{color:#9cb8c4;font-family:monospace;font-size:12px}footer{justify-content:space-between;align-items:flex-end;gap:20px;display:flex;position:absolute;bottom:30px;left:5%;right:5%}footer p{letter-spacing:.1em;margin:0;font-size:13px}footer span{color:#a2bdc9;max-width:370px;font-size:12px;line-height:1.8}.progress-track{background:#ffffff15;height:2px;position:absolute;bottom:0;left:0;right:0}.progress-track i{transform-origin:0;background:#e8bd7c;height:100%;display:block}.fallback{z-index:4;background:#061a30;padding:30px;position:absolute;inset:25% 10%}.fallback button{background:0 0;border:1px solid;margin-top:20px;padding:10px;display:block}@media (width<=700px){header{top:23px;left:6%;right:6%}.brand{font-size:18px}.brand span{font-size:10px}.surface{padding:9px;font-size:12px}.story{max-width:90%;top:17%;left:7%}.story h1{margin:12px 0;font-size:29px;line-height:1.6}.story p{font-size:14px;line-height:1.9}.chapter-number{font-size:12px}.timeline{gap:0;top:48%;right:4%}.timeline button{gap:6px;min-height:25px;font-size:12px}.timeline button span:last-child{width:76px}.timeline .tick{width:5px}.timeline .active .tick{width:13px}.depth{gap:10px;bottom:17%;left:7%}.depth>span{display:none}.depth strong{font-size:16px}footer{display:block;bottom:22px;left:7%;right:7%}footer p{margin-bottom:9px;font-size:12px}footer span{max-width:290px;font-size:12px;display:block}.vignette{background:linear-gradient(#0000 70%,#0208149c),linear-gradient(#0208146b,#0000 65%)}}@media (height<=600px) and (width>=701px){.story{top:22%}.story h1{font-size:32px}.timeline{gap:0;top:19%}.depth{bottom:17%}footer{bottom:15px}}