:root{--purple:#6010df;--white:#f5f3f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#777 #000}body{margin:0;background:#000;color:var(--white);font-family:'Andale Mono','Courier New',monospace;font-size:14px}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:4px}p{margin:0}h1,h2{margin:0;font-weight:400}h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;line-height:1.02}main{position:relative;z-index:1}.ambient{position:fixed;inset:0;overflow:hidden;pointer-events:none;transition:opacity 1s;opacity:1}.ambient canvas{width:100%;height:100%;display:block;opacity:1;transform:none}.fallback-orb{display:none;position:absolute;width:130vw;height:130vw;left:-15vw;top:50%;transform:translateY(-50%);border-radius:50%;box-shadow:inset 30px 15px 80px #7649ae,0 0 20px #b3aaff,0 0 70px #7933c7;background:radial-gradient(ellipse,#110007 45%,#21103b 64%,#a080bb 72%,#070007 74%)}body.no-webgl .fallback-orb{display:block}body.no-webgl canvas{display:none}.hero{height:100svh;min-height:640px;position:relative;isolation:isolate}.logo{display:flex;justify-content:space-between;position:absolute;top:8px;left:14px;right:35%;font-size:60px;font-weight:400;line-height:1;z-index:3;animation:logo-position 2.5s cubic-bezier(.76,0,.24,1) both}.logo span{display:inline-block;transform:scaleX(.65);transform-origin:left center}.messages{position:absolute;right:12px;top:12px;width:32%;max-width:520px}.message{background:var(--purple);padding:24px;border-radius:8px;font-size:16px;line-height:1.24;letter-spacing:.025em;opacity:0;transform:translateY(25px);transition:background .8s,opacity .8s,transform .8s}.message.visible{opacity:1;transform:translateY(0)}.message.old{background:#161616}.message-meta{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.03em;color:#b69ada;margin-bottom:24px}.message.old .message-meta{color:#777}.message p span{display:inline-block;opacity:0;transform:translateY(9px);animation:word-in .45s ease forwards;animation-delay:var(--delay)}#message-two{margin-top:8px}.motion-toggle{position:absolute;bottom:12px;right:16px;color:#aaa;font-size:12px;z-index:4;width:28px;height:28px}.panel{position:relative;min-height:100svh;scroll-margin-top:0;padding:70px 4vw 100px}.origin{display:flex;justify-content:center;align-items:center;background:#000}.story-card{width:328px;min-height:585px;background:#3235c9;border-radius:8px;padding:24px;display:flex;flex-direction:column}.tag{display:inline-block;font-size:10px;letter-spacing:.04em;width:fit-content;background:#ffffff0f;padding:10px}.story-progress{display:flex;gap:4px;margin:16px 0 20px}.story-progress button{background:#ffffff50;height:4px;flex:1;padding:0}.story-progress button[aria-pressed=true]{background:#fff}.story-card h2{font-size:34px}.story-card>p{margin-top:auto;padding-top:90px;line-height:1.65;font-size:13px}.story-controls{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:10px;opacity:.7}.story-controls button{font-size:20px}.experience{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:8vw;background:#000}.experience h2{font-size:clamp(50px,6.5vw,95px);margin:24px 0 32px}.experience p{font-size:13px;line-height:2.1}.orbit-diagram{position:relative;aspect-ratio:1;display:grid;place-items:center}.orbit{position:absolute;width:80%;height:80%;border:1px solid #777;border-radius:50%;box-shadow:0 0 18px #7742f54d,inset 0 0 18px #7742f530}.o2{transform:rotate(55deg) scaleX(.4)}.o3{transform:rotate(-55deg) scaleX(.4)}.orbit-center{font-size:80px;color:#a982ff}.label{position:absolute;font-size:11px;line-height:1.4;background:#000;padding:8px}.l1{top:8%;left:15%}.l2{right:-2%;top:48%}.l3{bottom:3%;left:17%}.moments{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#030105cc}.incoming{width:380px;max-width:100%;background:#161616;border-radius:8px;padding:24px;text-align:left;margin-bottom:55px;transform:rotate(-4deg)}.incoming p{font-size:22px}.incoming small{font-size:9px;color:#888;display:block;margin-top:25px}.moments h2{font-size:clamp(54px,8vw,120px)}.moments>p{margin-top:30px;line-height:2}.space{background:#000;padding-top:140px}.space>h2{font-size:clamp(54px,8vw,120px);max-width:850px;margin:0 auto 110px}.space-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;max-width:1100px;margin:auto}.space figure{margin:0}.space figure:nth-child(2){padding-top:150px}.space img{width:100%;height:420px;object-fit:cover;filter:grayscale(1) brightness(.7);border-radius:3px}.space figcaption{font-size:13px;line-height:1.5;margin-top:22px}.image-note{text-align:center;font-size:10px;color:#777;margin-top:55px}.contacts{background:#000;min-height:110svh;padding-top:130px}.contact-mark{position:absolute;left:4vw;top:135px;font-size:75px}.contacts h2{font-size:clamp(55px,8vw,120px);margin-left:28%;}.contact-link{margin:50px 0 90px 28%;font-size:20px;border-bottom:1px solid #888;padding:0 0 10px}.contact-link:hover{color:#b58aff}.details{display:flex;justify-content:space-between;font-size:11px;line-height:1.9;color:#aaa;margin-top:70px}footer{display:flex;justify-content:space-between;border-top:1px solid #222;padding-top:24px;margin-top:40px;font-size:11px}.dock{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);display:flex;background:#191719e8;z-index:20;white-space:nowrap;padding:0;backdrop-filter:blur(12px)}.dock a{padding:10px 9px;font-size:11px;letter-spacing:-.035em;transition:background .2s,color .2s}.dock a:hover{background:#ffffff25}.dock a.active{background:#fff;color:#111}dialog{background:#5e12d8;color:#fff;border:0;padding:50px 32px 35px;border-radius:8px;max-width:calc(100vw - 32px);width:460px}dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}#contact-close{position:absolute;top:16px;right:16px;font-size:11px}dialog h2{font-size:54px;margin:28px 0}dialog p{line-height:2;font-size:13px}dialog small{display:block;margin-top:30px;font-size:10px;color:#d1b7ff}.skip{position:fixed;top:-100px;z-index:100;background:#fff;color:#000;padding:16px}.skip:focus{top:0}@keyframes logo-position{0%,22%{top:calc(50% - 30px);right:14px;opacity:.5}100%{top:8px;right:35%;opacity:1}}@keyframes word-in{to{opacity:1;transform:translateY(0)}}@media(max-width:767px){.hero{min-height:650px}.logo{font-size:48px;left:12px;right:12px;top:12px;animation-name:logo-mobile}.messages{top:96px;right:12px;width:calc(100% - 24px);max-width:360px}.message{font-size:14px;padding:20px}.message-meta{margin-bottom:20px}.dock{bottom:10px;width:calc(100% - 20px);justify-content:center}.dock a{font-size:8px;padding:12px 6px}.panel{padding:70px 22px 90px}.story-card{min-height:560px}.experience{grid-template-columns:1fr;gap:30px}.orbit-diagram{width:90%;margin:auto}.experience-copy{padding-bottom:40px}.space>h2{margin-bottom:60px}.space-grid{grid-template-columns:1fr;gap:55px}.space figure:nth-child(2){padding-top:0}.space img{height:400px}.contacts{padding-top:110px}.contact-mark{top:85px;left:22px;font-size:42px}.contacts h2{margin:35px 0 0 12%}.contact-link{margin:40px 0 60px 12%;font-size:17px}.details{display:block}.details p+p{margin-top:20px}.motion-toggle{bottom:62px}@keyframes logo-mobile{0%,22%{top:calc(50% - 24px);opacity:.5}100%{top:12px;opacity:1}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-delay:0s!important;transition:none!important}.message p span{opacity:1;transform:none}}