:root{--ink:#050711;--paper:#edf4ff;--red:#76c9ff;--muted:#8394ad;--rule:#253b56}body{background:radial-gradient(circle at 50% -10%,#14284b 0,#070b16 34%,#03050b 70%);color:var(--paper)}.grain{opacity:.035;mix-blend-mode:screen}.signature span{border-radius:50%;color:#b9e4ff;box-shadow:0 0 24px #65c8ff40}.hero:before{background:radial-gradient(circle at 74% 42%,#1b63a75e,transparent 33%),radial-gradient(circle at 89% 18%,#edf8ff 0 1px,transparent 2px),radial-gradient(circle at 63% 72%,#9edbff 0 1px,transparent 2px),repeating-linear-gradient(90deg,transparent 0 calc(8.33% - 1px),#99d9ff09 calc(8.33% - 1px) 8.33%)}.hero h1 .hand{color:#8ed5ff;text-shadow:0 0 28px #49b9ff55}
.observatory{position:relative;z-index:4;align-self:center;min-height:min(68vh,720px);perspective:1200px;isolation:isolate}.observatory:before{content:"";position:absolute;inset:2%;border-radius:50%;border:1px solid #a5ddff40;background:radial-gradient(circle at 52% 44%,#3a86c62b,transparent 12%),radial-gradient(circle at 50% 50%,transparent 0 48%,#75caff16 49%,transparent 50%),radial-gradient(circle at 50% 50%,#091326 0,#030711 72%);box-shadow:inset 0 0 90px #57b7ff25,0 0 80px #000}.observatory:after{content:"";position:absolute;inset:13%;border:1px solid #8ed5ff22;border-radius:50%;transform:rotate(-19deg)}.orbit{position:absolute;z-index:1;left:50%;top:50%;border:1px solid #9ddcff38;border-radius:50%;transform:translate(-50%,-50%) rotate(-20deg);pointer-events:none}.orbit-a{width:86%;height:43%}.orbit-b{width:54%;height:82%;transform:translate(-50%,-50%) rotate(38deg)}
.world{position:absolute;z-index:2;margin:0;border:1px solid #8ed5ff42;background:#050914;padding:7px 7px 32px;box-shadow:0 22px 70px #000b,0 0 35px #4cb8ff18;transition:transform .4s ease-out,box-shadow .4s;will-change:transform}.world img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.55) hue-rotate(8deg) contrast(1.12) brightness(.68);transition:filter .7s}.world figcaption{position:absolute;left:9px;right:9px;bottom:7px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.14em;color:#8aa0b8}.world figcaption b{color:#8ed5ff}.world-a{width:70%;aspect-ratio:16/10;left:2%;top:10%;transform:rotate(-2deg)}.world-b{width:34%;aspect-ratio:3/4;right:2%;bottom:5%;transform:rotate(3deg)}.observatory.navigating .world img{filter:saturate(.95) contrast(1.04) brightness(.9)}.observatory.navigating .world{box-shadow:0 25px 80px #000c,0 0 46px #60c5ff36}
.star-core{position:absolute;z-index:5;left:61%;top:33%;width:88px;height:88px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff 0 2%,#a8e6ff 5%,#48b8ff66 18%,transparent 64%);box-shadow:0 0 55px #5ac5ff55;transition:transform .2s ease-out}.star-core:before,.star-core:after{content:"";position:absolute;left:50%;top:50%;background:linear-gradient(90deg,transparent,#d9f3ff,transparent);transform:translate(-50%,-50%)}.star-core:before{width:130px;height:1px}.star-core:after{width:1px;height:130px}.observatory-note{position:absolute;z-index:6;right:4%;top:2%;font-size:8px;letter-spacing:.15em;line-height:1.8;color:#7189a3;text-align:right}.observatory-note span{font-size:10px;letter-spacing:.05em;color:#d8eaff}
.thesis{background:linear-gradient(105deg,#b8e7ff,#6cbdf1);color:#06101d}.depth-story{background:#030610}.depth-sticky:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(circle at 19% 28%,#7bd0ff 0 1px,transparent 2px),radial-gradient(circle at 77% 16%,#fff 0 1px,transparent 2px),radial-gradient(circle at 68% 76%,#8ccfff 0 1px,transparent 2px),radial-gradient(ellipse at 60% 45%,#244f853d,transparent 48%)}.depth-grid{opacity:.22;background-image:radial-gradient(circle,#a9ddff 0 1px,transparent 1.5px);background-size:72px 72px}.depth-back:after{background:linear-gradient(90deg,#030610 0%,#03061087 30%,transparent 68%),linear-gradient(0deg,#030610d9,transparent 42%)}.depth-back img{filter:saturate(.55) hue-rotate(12deg) contrast(1.15) brightness(.6)}.depth-copy>p,.depth-copy small,.depth-index{color:#7694b4}.depth-copy h2 span{-webkit-text-stroke-color:#94d8ff}.depth-mid{border:1px solid #82cdff45;background:#050914;box-shadow:0 30px 90px #000d,0 0 35px #49b8ff1c}.depth-mid img{filter:saturate(.75) hue-rotate(5deg) contrast(1.08)}
.depth-paper{border:1px solid #9bdcff55;background:#08162bcf;color:#dff3ff;backdrop-filter:blur(9px);box-shadow:0 25px 75px #000c,0 0 30px #4cbcff1f}.depth-paper:before{background:radial-gradient(circle at center,#62c5ff42 0 2px,transparent 3px),repeating-radial-gradient(circle at center,transparent 0 25px,#80d4ff1c 26px 27px);opacity:1}.depth-paper i{color:#8ed5ff;font-family:var(--sans);font-size:11px;letter-spacing:.16em}.depth-film{border-color:#8ed5ff77;background:#2b88c822;box-shadow:0 0 38px #50bfff25}.red-thread{background:radial-gradient(circle at 54% 45%,#d9f5ff 0 2px,#64c8ff55 3px 8px,transparent 9px),linear-gradient(62deg,transparent 49.8%,#83d5ff 50%,transparent 50.2%);mix-blend-mode:screen}.wax-seal{background:#143f66dc;color:#dff5ff}.pin{background:#8bd8ff;box-shadow:0 0 18px #67c8ff}.principle{background:#050914;background-image:radial-gradient(circle at 30% 40%,#28628c45,transparent 36%)}.principle-paper{background:#dce9f1}.principle-paper mark{background:linear-gradient(transparent 54%,#7bcfff78 54% 90%,transparent 90%)}
@media(max-width:800px){.observatory{min-height:460px;margin-top:35px}.world-a{width:82%;left:0}.world-b{width:42%;right:0}.star-core{width:66px;height:66px;left:57%}.observatory-note{right:0}}@media(prefers-reduced-motion:reduce){.star-core{display:none}}