:root{--ink:#01040a;--paper:#f1f4f8;--mist:#aeb8c6;--ice:#9cc7e6}*{box-sizing:border-box}html,body{background:#000;width:100%;height:100%;margin:0;overflow:hidden}body{color:var(--paper);font-family:LXGW WenKai TC,STKaiti,KaiTi,serif}button,input{font:inherit}.experience{touch-action:none;isolation:isolate;background:#000;width:100%;height:100dvh;position:relative;overflow:hidden}.film-grain{z-index:80;pointer-events:none;opacity:.1;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.4'/%3E%3C/svg%3E");position:fixed;inset:0}.pages{z-index:2;transition:transform 1.05s cubic-bezier(.76,0,.16,1);position:relative}.page{background:#01040a;width:100%;height:100dvh;position:relative;overflow:hidden}.cinematic-scene{filter:saturate(.9)brightness(.72);background-position:50%;background-size:cover;position:absolute;inset:0}.scene-shade{background:linear-gradient(#0003082e,#00040a05 38%,#0003088f 100%),radial-gradient(circle at 50% 42%,#0000 0,#0002070f 52%,#00020780 100%);position:absolute;inset:0}.composition{z-index:6;flex-direction:column;width:min(100%,460px);height:100%;margin:auto;padding:9vh 27px 10vh;display:flex;position:relative}.composition h2{letter-spacing:-.035em;text-shadow:0 4px 30px #000;opacity:0;margin:0;font:italic 400 clamp(43px,13vw,66px)/.98 Bodoni Moda,Didot,Times New Roman,serif;transition:all 1.2s;transform:translateY(15px)}.page.active .composition h2{opacity:1;transform:none}.prose{flex:1;position:relative}.text-group{opacity:0;filter:blur(9px);pointer-events:none;transition:opacity 1.05s,filter 1.1s,transform 1.1s cubic-bezier(.2,.7,.2,1);position:relative;transform:translateY(17px)}.text-group.visible{opacity:1;filter:none;transform:none}.text-group p{letter-spacing:.075em;color:#eef3f6;text-shadow:0 2px 18px #000,0 1px 5px #000;margin:0;font-size:13px;line-height:1.9}.text-group p:nth-child(2n){font-family:STSong,Noto Serif SC,serif}.page-origin .composition{justify-content:center;padding-bottom:14vh}.page-origin h2{width:88%;font-size:clamp(53px,16vw,78px)}.page-origin .prose{flex:0;margin-top:48px}.page-origin .group-2{margin:23px 0 0 28%}.page-origin .group-2 p:last-child{color:#fff;letter-spacing:.16em;font-size:20px}.page-origin .cinematic-scene{background-position:50%}.page-atoms h2{writing-mode:vertical-rl;letter-spacing:.24em;opacity:.6;font-family:STSong,serif;font-size:38px;font-style:normal;position:absolute;top:12%;right:20px}.page-atoms .prose{width:85%;margin-top:21vh}.page-atoms .group-2{margin:7vh 0 0 10%}.page-atoms .group-3{text-align:right;margin-top:8vh}.page-atoms .group-3 p{color:#fff;font-size:18px}.page-chance .prose{margin-top:13vh}.page-chance .group-1 p{color:#fff;font-size:20px}.page-chance .group-2{border-left:1px solid #cee5f44d;margin:11vh 0 0 10%;padding-left:15px}.page-chance .group-3{text-align:right;position:absolute;bottom:6vh;right:0}.page-chance .group-3 p:last-child{color:#fff;font-size:21px}.page-sight .composition{padding-top:15vh}.page-sight h2{letter-spacing:.4em;font-family:LXGW WenKai TC,KaiTi,serif;font-size:24px;font-style:normal}.page-sight .prose{margin-top:9vh}.page-sight .group-2{margin-top:8vh}.page-sight .group-3{text-align:center;margin-top:5vh}.page-sight .group-3 p{color:#fff;font-size:23px}.page-sight .group-4{text-align:right;position:absolute;bottom:3vh;right:0}.page-sight .group-4 p:last-child{color:#fff;font-size:19px}.page-crossing .prose{margin-top:7vh}.page-crossing .group-1 p{color:#fff;font-size:19px}.page-crossing .group-2{margin:8vh 0 0 8%}.page-crossing .group-3{margin-top:6vh}.page-crossing .group-4{text-align:right;position:absolute;bottom:4vh;right:0}.page-crossing .group-4 p{color:#fff;font-size:18px}.page-tide .composition{justify-content:center;padding-bottom:13vh}.page-tide .prose{flex:0}.page-tide .group-1 p{color:#fff;font-size:21px}.page-tide .group-2{margin:8vh 0 0 15%}.page-tide .group-3{text-align:right;margin-top:11vh}.page-tide .group-3 p{color:#fff;letter-spacing:.17em;font-size:25px}.page-tide .cinematic-scene,.page-presence .cinematic-scene,.page-shelter .cinematic-scene{background-position:50%}.page-presence .composition{padding-top:10vh}.page-presence h2{letter-spacing:.27em;font-family:LXGW WenKai TC,KaiTi,serif;font-size:30px;font-style:normal}.page-presence .prose{margin-top:6vh}.page-presence .group-2{margin:6vh 0 0 9%}.page-presence .group-3{margin-top:6vh}.page-presence .group-4{text-align:right;position:absolute;bottom:2vh;right:0}.page-presence .group-4 p:last-child{color:#fff;font-size:18px}.page-shelter .prose{margin-top:5vh}.page-shelter .group-1 p{color:#fff;font-size:18px}.page-shelter .group-2{margin:4vh 0 0 10%}.page-shelter .group-3{margin-top:4vh}.page-shelter .group-4{text-align:right;margin-top:5vh}.page-shelter .group-4 p{color:#fff;font-size:18px}.page-shelter .group-5{text-align:right;position:absolute;bottom:2vh;right:0}.page-shelter .group-5 p:last-child{color:#fff;font-size:18px}.page-dream .prose,.page-together .prose{margin-top:7vh}.page-dream .group-1 p,.page-together .group-1 p{color:#fff;font-size:19px}.page-dream .group-2,.page-together .group-2{margin:6vh 0 0 10%}.page-dream .group-3,.page-together .group-3{margin-top:6vh}.page-dream .group-4,.page-together .group-4{text-align:right;position:absolute;bottom:3vh;right:0}.page-dream .group-4 p:last-child,.page-together .group-4 p:last-child{color:#fff;font-size:18px}.page-dream .cinematic-scene,.page-together .cinematic-scene,.page-forever .cinematic-scene{background-position:50%}.page-forever .composition{padding-top:6vh}.page-forever h2{font-size:43px}.page-forever .prose{margin-top:4vh}.page-forever .text-group p{font-size:11.5px;line-height:1.72}.page-forever .group-2{text-align:center;margin:3vh 0}.page-forever .group-2 p{color:#fff;font-size:20px}.page-forever .group-4{margin-top:3vh}.page-forever .group-5{text-align:center;margin-top:3vh}.page-forever .group-5 p{color:#fff;font-size:18px}.page-forever .group-6{text-align:right;position:absolute;bottom:1vh;right:0}.page-forever .group-6 p{color:#fff;font:italic 21px/1.15 Bodoni Moda,Didot,serif}.page-forever .group-6 p:last-child{color:#adbac8;font-size:15px}.no-title .prose{margin-top:8vh}.reveal-progress{z-index:20;gap:7px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.reveal-progress i{border:1px solid #e2eff873;border-radius:50%;width:4px;height:4px;transition:all .55s}.reveal-progress i.filled{background:#dcebf5;border-color:#dcebf5;box-shadow:0 0 9px #a9d7f2}.page-counter{z-index:60;color:#718195;letter-spacing:.16em;align-items:center;gap:7px;font:9px Arial,sans-serif;display:flex;position:fixed;top:20px;left:17px}.page-counter b{color:#e7eff5;font-size:12px;font-weight:400}.page-counter i{border-top:1px solid #71869a;width:22px}.music{z-index:60;color:#e2edf4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030b1494;border:1px solid #b2ccde66;border-radius:50%;width:38px;height:38px;font-family:Arial,sans-serif;font-size:16px;position:fixed;top:15px;right:16px}.music.playing{animation:5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.next{z-index:60;color:#91a3b4;background:0 0;border:0;flex-direction:column;align-items:center;gap:5px;display:flex;position:fixed;bottom:14px;left:50%;transform:translate(-50%)}.next span{letter-spacing:.4em;font:8px Arial,sans-serif}.next i{background:linear-gradient(#d3e1eb,#0000);width:1px;height:22px;animation:1.7s infinite down}@keyframes down{50%{opacity:.2;transform:translateY(7px)}}.again{color:#dce7ef;letter-spacing:.15em;background:#030a126b;border:1px solid #bed6e573;border-radius:99px;padding:9px 17px;font-size:9px;position:absolute;bottom:0;left:0}.gate{z-index:100;background:#01040a;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.gate-image{background:linear-gradient(#00030833,#0003089e),url(/backgrounds/page-01.webp) 50%/cover;animation:11s ease-in-out infinite alternate gateMove;position:absolute;inset:-3%}.gate-copy{z-index:2;text-align:center;flex-direction:column;align-items:center;display:flex;position:relative}.gate-copy p{color:#a9bac8;letter-spacing:.45em;margin:0 0 24px;font:9px Arial,sans-serif}.gate-copy h1{letter-spacing:.12em;text-shadow:0 3px 25px #000;margin:0 0 45px;font:400 27px/1.7 LXGW WenKai TC,KaiTi,serif}.gate-copy button{color:#eef4f8;letter-spacing:.3em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040d1661;border:1px solid #d0e3ef8c;border-radius:99px;padding:11px 34px;font-size:11px}.gate-copy small{color:#8597a7;letter-spacing:.16em;margin-top:14px;font-size:9px}@keyframes gateMove{to{transform:scale(1.09)translateY(-1.5%)}}.unlock-screen{text-align:center;background:linear-gradient(#00030859,#000308b8),url(/backgrounds/page-01.webp) 50%/cover;place-items:center;width:100%;min-height:100dvh;padding:28px;display:grid;position:relative;overflow:hidden}.unlock-screen:after{content:"";background:radial-gradient(circle,#0000 20%,#000207a6);position:absolute;inset:0}.unlock-stars{z-index:1;color:#cfdeea;letter-spacing:1.4em;opacity:.7;position:absolute;top:11%}.unlock-card{z-index:2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0209109e;border:1px solid #aecade5c;flex-direction:column;align-items:center;width:min(100%,360px);padding:39px 27px 30px;display:flex;box-shadow:0 25px 90px #000b}.unlock-seal{color:#dfebf3;background:#0b1b2ab3;border:1px solid #c5dbe973;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:24px;display:grid;box-shadow:0 0 30px #82b7db33}.unlock-card>p{color:#9eb0bf;letter-spacing:.34em;margin:0 0 15px;font:9px Arial,sans-serif}.unlock-card h1{letter-spacing:.1em;margin:0 0 32px;font-size:24px;font-weight:400;line-height:1.55}.unlock-card label{color:#aebdca;letter-spacing:.14em;font-size:11px}.unlock-card input{color:#f0f5f8;text-align:center;letter-spacing:.32em;background:0 0;border:0;border-bottom:1px solid #b4cddd8c;outline:0;width:190px;margin:15px 0 18px;padding:10px 8px;font:24px Bodoni Moda,Georgia,serif}.unlock-card input::placeholder{color:#718696}.unlock-card button{color:#edf4f8;letter-spacing:.18em;background:#112b3fcc;border:1px solid #b9d1e199;border-radius:99px;min-width:190px;padding:11px 24px}.unlock-card button:disabled{opacity:.45}.unlock-error{color:#c2d2de;height:20px;margin-top:11px;font-size:11px}.unlock-card small{color:#7e909f;letter-spacing:.1em;margin-top:5px;font-size:9px}@media (min-width:700px){.experience{width:430px;margin:auto;box-shadow:0 0 100px #000}.composition{padding-inline:34px}}@media (max-height:700px){.composition{padding-top:7vh;padding-bottom:8vh}.text-group p{font-size:11.5px;line-height:1.65}.page-forever .text-group p{font-size:10.2px}.page-forever h2{font-size:36px}.page-shelter .group-2,.page-shelter .group-3,.page-shelter .group-4{margin-top:2.5vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}