:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f3f6fb;font-synthesis:none;text-rendering:optimizelegibility;--night:#03050b;--night-blue:#07101e;--ice:#dbeaff;--silver:#aab5c5;--gold:#d7c38c;--serif:"Iowan Old Style", "Baskerville", "Times New Roman", serif;--page-gutter:clamp(1.4rem, 5vw, 6rem);--journey-progress:0;background:#03050b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--night);scroll-behavior:smooth;scrollbar-color:#36455e #050811}body{background:var(--night);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,a{font:inherit}button{color:inherit}::selection{color:#08101d;background:#dbeaff}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:20;color:var(--night);background:#fff;border-radius:999px;padding:.75rem 1rem;transition:transform .18s;position:fixed;top:1rem;left:1rem;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.experience{isolation:isolate;background:var(--night);position:relative}.space-scene,.space-loading,.space-fallback,.space-vignette{width:100%;height:100svh;position:fixed;inset:0}.space-scene,.space-loading,.space-fallback{z-index:-4}.space-loading{background-color:#03050b;background-image:radial-gradient(circle at 22% 30%,#e0eeff8c 0 1px,#0000 1.5px),radial-gradient(circle at 72% 62%,#b0d3ff73 0 1px,#0000 1.5px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:147px 163px,191px 173px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.space-vignette{z-index:-2;pointer-events:none;background:radial-gradient(circle at 51% 46%,#0000 0 28%,#0103081f 64%,#010206c7 100%),linear-gradient(#02040a7a,#0000 35%,#02040a3d)}.space-fallback{background-color:#03050b;background-image:radial-gradient(circle at 74% 47%,#a8d1ff33 0 1px,#0000 2px),radial-gradient(circle at 27% 30%,#fff 0 1px,#0000 1.7px),radial-gradient(circle at 62% 72%,#abcfff 0 .8px,#0000 1.6px),radial-gradient(circle at 45% 52%,#fff 0 .7px,#0000 1.5px),none;background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:137px 151px,173px 211px,231px 197px,101px 127px;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;overflow:hidden}.space-fallback span{aspect-ratio:1;background:radial-gradient(circle,#fff 0 4%,#b7d8ff 5% 10%,#5d9dff38 32%,#0000 70%);border-radius:50%;width:12vmin;position:absolute;top:42%;left:52%;box-shadow:0 0 9vmin #83bcff38}main{z-index:2;pointer-events:none;position:relative}.story-section{width:100%;position:relative}.story-panel{min-height:100svh;padding:clamp(5.5rem, 10vh, 8rem) var(--page-gutter);flex-direction:column;justify-content:center;display:flex;position:relative}.introduction{min-height:115svh}.story-panel--center{text-align:center;align-items:center;min-height:100svh}.kicker,.chapter-number,.connection-index{letter-spacing:.27em;text-transform:uppercase;color:var(--gold);margin:0;font-size:.68rem;font-weight:560;line-height:1.4}.display-name,.sirius-title,.birthday-title,.ending-name,.revelation-name{font-family:var(--serif);font-weight:400}.display-name{letter-spacing:-.065em;text-transform:uppercase;text-shadow:0 0 42px #c4ddff21;margin:.32em 0 0;font-size:clamp(4.2rem,14vw,11.5rem);line-height:.8}.origin{font-family:var(--serif);color:var(--silver);margin:1.8rem 0 0;font-size:clamp(1rem,1.5vw,1.3rem)}.definition{font-family:var(--serif);color:var(--ice);margin:clamp(2.6rem,7vh,5rem) 0 0;font-size:clamp(1.4rem,3.1vw,2.8rem);line-height:1.35}.intro-copy{color:#a8b0bd;max-width:40rem;margin:1.2rem auto 0;font-size:clamp(.92rem,1.2vw,1.08rem);line-height:1.8}.scroll-indicator{bottom:max(1.5rem, env(safe-area-inset-bottom));letter-spacing:.23em;text-transform:uppercase;color:#8993a2;flex-direction:column;align-items:center;gap:.75rem;font-size:.58rem;display:flex;position:absolute;left:50%;transform:translate(-50%)}.scroll-indicator__line{transform-origin:top;background:linear-gradient(#d7c38c,#0000);width:1px;height:3rem}.universe{padding-block:18svh}.story-panel--beat{justify-content:center;align-items:flex-start;min-height:105svh}.story-panel--beat:nth-of-type(2n){text-align:right;align-items:flex-end}.chapter-number{color:#71809a;margin-bottom:1.2rem}.cosmic-statement{max-width:16ch;font-family:var(--serif);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.2rem,5.7vw,5.7rem);line-height:1.08}.sirius-reveal{min-height:190svh}.nebula-passage{min-height:125svh}.story-panel--nebula{text-align:right;background:radial-gradient(circle at 24% 46%,#0000 0 24%,#03050b38 66%);align-items:flex-end}.nebula-title{max-width:13ch;font-family:var(--serif);letter-spacing:-.045em;text-wrap:balance;margin:.35em 0 0;font-size:clamp(2.7rem,7vw,6.8rem);font-weight:400;line-height:1}.nebula-copy{color:#b6c0cf;max-width:36rem;margin:1.8rem 0 0;font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.8}.story-panel--sirius{justify-content:flex-end;align-items:flex-start;padding-bottom:clamp(4rem,10vh,7rem);position:sticky;top:0}.sirius-title{letter-spacing:-.05em;text-transform:uppercase;margin:.2rem 0 0;font-size:clamp(4rem,10vw,9rem);line-height:.92}.sirius-subtitle{font-family:var(--serif);color:var(--ice);margin:1rem 0 0;font-size:clamp(1.08rem,2.2vw,1.65rem)}.star-facts{letter-spacing:.12em;text-transform:uppercase;color:#aab8cc;border-top:1px solid #dbeaff3d;flex-wrap:wrap;gap:.5rem 1.7rem;max-width:49rem;margin:2rem 0 0;padding:1.05rem 0 0;font-size:.68rem;list-style:none;display:flex}.interaction-hint{color:#71809a;margin:1.25rem 0 0;font-size:.72rem}.sirius-context{max-width:34rem;font-family:var(--serif);color:#c2ccda;margin:1.35rem 0 0;font-size:clamp(.98rem,1.5vw,1.18rem);line-height:1.55}.connection{padding-top:14svh}.story-panel--connection{text-align:center;align-items:center;overflow:hidden}.connection-statement{z-index:1;max-width:24ch;font-family:var(--serif);text-wrap:balance;margin:0;font-size:clamp(2rem,5vw,5rem);line-height:1.13}.connection-index{color:#69758a;margin-top:2.5rem}.connection-orbit{aspect-ratio:1;border:1px solid #b3cbeb17;border-radius:50%;width:min(64vw,46rem);position:absolute;transform:rotate(-18deg)scaleY(.32)}.story-panel--revelation{text-align:center;align-items:center;min-height:125svh}.light-thread{transform-origin:50%;background:linear-gradient(90deg,#0000,#a8d5ff,#e1cb8f,#0000);width:min(52vw,33rem);height:1px;margin-bottom:3rem;box-shadow:0 0 16px #c2daff99}.revelation-line{font-family:var(--serif);color:#c3cbd7;margin:0;font-size:clamp(1.5rem,3vw,2.6rem)}.revelation-name{letter-spacing:-.07em;text-transform:uppercase;background:linear-gradient(102deg,#e8f3ff 14%,#fff 45%,#d7c38c 72%,#eef5ff 90%);color:#0000;text-shadow:0 0 70px #cfe1ff1f;-webkit-background-clip:text;background-clip:text;margin:.18em 0 0;font-size:clamp(5rem,16vw,13rem);line-height:.85}.birthday{padding-block:20svh}.story-panel--message{justify-content:center;max-width:69rem;min-height:120svh;margin:0 auto}.birthday-title{letter-spacing:-.045em;text-wrap:balance;max-width:12ch;margin:.35em 0 0;font-size:clamp(3rem,8vw,7.6rem);line-height:.98}.birthday-copy{border-left:1px solid #d7c38c59;max-width:43rem;margin:clamp(3rem,8vh,6rem) 0 0 auto;padding-left:clamp(1.3rem,4vw,3rem)}.birthday-copy p{font-family:var(--serif);color:#cbd2dc;margin:0 0 1.35rem;font-size:clamp(1.18rem,2vw,1.55rem);line-height:1.72}.birthday-copy p:last-child{color:#fff;margin-top:2.4rem}.signature{font-family:var(--serif);color:var(--gold);margin:2rem 0 0 auto;font-style:italic}.ending{min-height:125svh}.story-panel--ending{text-align:center;align-items:center;min-height:125svh}.ending-copy{max-width:34rem;font-family:var(--serif);color:#c6ceda;text-wrap:balance;margin:0;font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.45}.ending-name{color:#fff;margin:1.25rem 0 3.5rem;font-size:clamp(2.7rem,7vw,5rem)}.ending-name span{vertical-align:middle;color:var(--gold);font-family:system-ui,sans-serif;font-size:.34em}.replay-button{pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#070c178a;border:1px solid #dbeaff40;border-radius:999px;align-items:center;gap:1.1rem;min-height:48px;padding:.3rem .4rem .3rem 1.4rem;transition:border-color .24s,background .24s,transform .24s;display:inline-flex}.replay-button svg{stroke:#08101c;stroke-width:1.5px;fill:none;background:#e6f0ff;border-radius:50%;width:2.5rem;height:2.5rem;padding:.65rem}.replay-button:hover{background:#111928bf;border-color:#dbeaff9e;transform:translateY(-2px)}.replay-button:focus-visible,.skip-link:focus-visible{outline-offset:4px;outline:2px solid #fff}.progress-rail{z-index:5;pointer-events:none;color:#78869b;width:6.5rem;position:fixed;top:50%;right:2rem;transform:translateY(-50%)}.progress-rail__eyebrow{letter-spacing:.13em;text-transform:uppercase;margin-bottom:.8rem;font-size:.49rem;line-height:1.4;display:block}.progress-rail__track{background:#dbeaff1f;width:1px;height:calc(100% - 2.6rem);position:absolute;top:2.6rem;left:0}.progress-rail__track span{background:linear-gradient(var(--gold), #a8d5ff);width:100%;height:100%;transform:scaleY(var(--journey-progress));transform-origin:top;display:block}.progress-rail ol{letter-spacing:.08em;text-transform:uppercase;gap:1rem;margin:0;padding:0 0 0 .8rem;font-size:.52rem;list-style:none;display:grid}.progress-rail li span{color:#9ba9bd;margin-right:.35rem}.soundtrack{z-index:8;pointer-events:auto;justify-items:start;gap:.6rem;display:grid;position:fixed;bottom:1.25rem;left:1.25rem}.soundtrack__player{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#030710eb;border:1px solid #dbeaff33;border-radius:1rem;width:240px;overflow:hidden;box-shadow:0 1rem 3rem #0000006b}.soundtrack__player iframe{border:0;display:block}.soundtrack__player a{color:#b8c6da;letter-spacing:.08em;text-align:center;text-transform:uppercase;padding:.55rem .8rem;font-size:.64rem;display:block}.soundtrack__toggle{color:#e7edf6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#070c17b8;border:1px solid #dbeaff3d;border-radius:999px;align-items:center;gap:.65rem;min-height:44px;padding:.55rem .9rem;display:inline-flex;box-shadow:0 .6rem 2rem #00000047}.soundtrack__toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5px;width:1.2rem;height:1.2rem}.soundtrack__toggle svg path:first-child{fill:currentColor;stroke:none}.soundtrack__toggle:hover{background:#111928db;border-color:#dbeaff8f}.soundtrack__toggle:focus-visible,.soundtrack__player a:focus-visible{outline-offset:4px;outline:2px solid #fff}@media (max-width:1080px){.progress-rail{display:none}}@media (max-width:720px){:root{--page-gutter:clamp(1.25rem, 6vw, 2rem)}.story-panel{padding-top:5.5rem;padding-bottom:5.5rem}.display-name{font-size:clamp(3.7rem,20vw,6.2rem)}.definition{max-width:16ch}.scroll-indicator{width:100%}.story-panel--beat,.story-panel--beat:nth-of-type(2n){text-align:left;align-items:flex-start}.story-panel--sirius{background:linear-gradient(#0000 42%,#02050cd1);justify-content:flex-end;padding-bottom:4.5rem}.story-panel--nebula{text-align:left;align-items:flex-start}.star-facts{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.interaction-hint{display:none}.birthday{padding-block:8svh}.birthday-copy{margin-left:0}.light-thread{width:74vw}.soundtrack{bottom:.9rem;left:.9rem}}@media (max-width:390px){.origin{margin-top:1.3rem}.definition{margin-top:2.1rem}.intro-copy{font-size:.88rem}.star-facts{font-size:.59rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1!important;visibility:visible!important;filter:none!important;transform:none!important}}@keyframes scroll-pulse{0%{opacity:0;transform:scaleY(0)}35%{opacity:1}75%,to{opacity:0;transform:scaleY(1)}}.scroll-indicator__line{animation:2.7s ease-in-out infinite scroll-pulse}
