.writing-observatory{isolation:isolate;background:#03070e;padding:0;scroll-margin-top:-100px;position:relative;overflow:clip}.observatory-stage{pointer-events:none;background:#03070e;height:100svh;margin-bottom:-100svh;position:sticky;top:0;overflow:hidden}.observatory-fallback-stars{opacity:.5;background-image:radial-gradient(1px 1px at 20% 22%,#a0b6d4 80%,#0000),radial-gradient(1px 1px at 64% 70%,#91a6b9 80%,#0000);background-size:183px 229px,307px 173px;position:absolute;inset:-8%}.observatory-poster{width:45vw;max-width:650px;height:45vw;max-height:650px;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.observatory-poster-planet{background:url(/textures/writing/neptune-poster.webp) 50%/contain no-repeat;position:absolute;inset:10%}.observatory-poster-orbit{width:100%;height:100%;position:absolute;inset:0}.observatory-canvas{opacity:0;transition:opacity .5s;position:absolute;inset:0}.observatory-stage[data-ready=true] .observatory-canvas{opacity:1}.observatory-stage[data-ready=true] .observatory-poster,.observatory-stage[data-ready=true] .observatory-fallback-stars{opacity:0}.observatory-reading-shade{opacity:calc(1 - var(--obs-opacity,1));background:#03070e;position:absolute;inset:0}.observatory-edge-fade{opacity:1;background:linear-gradient(90deg,#03070e 0%,#03070e99 33%,#0000 60%),linear-gradient(#03070e,#0000 15% 80%,#03070e);position:absolute;inset:0}.observatory-stage:after{content:"";opacity:var(--obs-exit,0);background:#03070e;position:absolute;inset:0}.observatory-opening,.observatory-archive,.observatory-footer{position:relative}.observatory-opening{min-height:80svh;padding:125px var(--gutter) 65px;flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.observatory-kicker{color:#a6bbd0;letter-spacing:.13em;font-size:9px}.observatory-coordinate{color:#748aa1;letter-spacing:.16em;margin-top:26px;font-size:8px}.observatory-opening h2{letter-spacing:-.045em;width:53%;max-width:650px;margin-top:18px;font-size:clamp(43px,4.7vw,72px);line-height:1.06}.observatory-opening h2 em{color:#a3b7cc}.observatory-intro{color:#a9b5c1;width:42%;max-width:390px;margin-top:23px;font-size:13px;line-height:1.85}.writing-observatory .writing-all{color:#dbc7a4;align-items:center;gap:25px;min-height:44px;margin-top:18px;font-size:12px;display:inline-flex}.observatory-archive{padding:42px var(--gutter) 0}.observatory-archive-head{color:#8ca2b9;border-bottom:1px solid #a0bbd228;justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;padding-bottom:20px;font-size:8px;display:flex}.writing-observatory .writing-cards{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:26px;display:grid}.writing-observatory .observatory-card{background:#070e19e8;border:1px solid #a5c1dd30;flex-direction:column;min-width:0;transition:border-color .25s,background-color .25s,box-shadow .25s;display:flex;position:relative}.writing-observatory .observatory-card:before,.writing-observatory .observatory-card:after{content:"";pointer-events:none;opacity:.45;border-style:solid;border-color:#adc9e5;width:15px;height:15px;transition:opacity .25s;position:absolute}.writing-observatory .observatory-card:before{border-width:1px 0 0 1px;top:-1px;left:-1px}.writing-observatory .observatory-card:after{border-width:0 1px 1px 0;bottom:-1px;right:-1px}.writing-observatory .observatory-card:hover,.writing-observatory .observatory-card:focus-visible{background:#0b1624f5;border-color:#b3d0e988;box-shadow:0 0 38px #5180b010}.writing-observatory .observatory-card:focus-visible{outline-offset:5px;outline:2px solid #e0ca9f}.writing-observatory .observatory-card:hover:before,.writing-observatory .observatory-card:hover:after,.writing-observatory .observatory-card:focus-visible:before,.writing-observatory .observatory-card:focus-visible:after{opacity:1}.observatory-art{aspect-ratio:640/250;background:#07101b66;border-bottom:1px solid #a5c1dd1a;overflow:hidden}.observatory-art svg{width:100%;height:100%;display:block}.writing-observatory .writing-card-copy{flex-direction:column;flex:1;padding:28px;display:flex}.writing-observatory .writing-card-meta{color:#8aa3bd;text-transform:uppercase;justify-content:space-between;gap:14px;margin-bottom:19px;font-size:8px;display:flex}.writing-observatory .writing-card h3{color:#e7edf2;letter-spacing:-.035em;font-size:clamp(26px,2.6vw,38px);line-height:1.15}.writing-observatory .writing-card-copy>p{color:#9dabbc;margin-top:20px;font-size:13px;line-height:1.85}.writing-observatory .writing-card-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:auto;padding-top:28px;display:flex}.writing-observatory .writing-card-bottom time{color:#7b91a7;font-size:9px}.writing-observatory .writing-card-action{color:#d5c2a0;align-items:center;gap:14px;min-height:44px;font-size:11px;display:flex}.writing-observatory .writing-demo{color:#8b9cb0;margin:24px 0 0;font-size:8px;line-height:1.8}.observatory-footer{min-height:190px;padding:55px var(--gutter) 45px;background:linear-gradient(#0000,#0b0c0e);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.observatory-footer>p{color:#697f96;max-width:330px;font-size:7px;line-height:1.8}.observatory-footer a{align-items:center;min-height:44px;display:inline-flex}.observatory-footer>p a{text-underline-offset:3px;text-decoration:underline}.observatory-next{color:#d1be9d;gap:24px;font-size:9px}.observatory-next>span{font-size:24px}@media (max-width:900px) and (orientation:portrait){.observatory-opening{justify-content:flex-start;min-height:70svh;padding:32svh 22px 36px}.observatory-kicker{font-size:8px}.observatory-coordinate{margin-top:15px;font-size:7px}.observatory-opening h2{width:100%;max-width:600px;margin-top:15px;font-size:clamp(34px,9vw,60px)}.observatory-intro{width:100%;max-width:430px;margin-top:18px;font-size:12px;line-height:1.8}.writing-observatory .writing-all{margin-top:12px}.observatory-edge-fade{background:linear-gradient(#0000 10%,#03070e18 24%,#03070eeb 36%,#03070e 65%)}.observatory-poster{width:60vw;height:60vw;max-height:28svh;top:9svh;right:50%;transform:translate(50%)}.observatory-archive{padding:25px 22px 0}.observatory-archive-head{gap:12px;font-size:7px}.writing-observatory .writing-cards{grid-template-columns:minmax(0,1fr);gap:24px}.writing-observatory .writing-card-copy{padding:23px}.writing-observatory .writing-card h3{font-size:28px}.writing-observatory .writing-card-copy>p{font-size:12px}.writing-observatory .writing-card-meta{font-size:7px}.writing-observatory .writing-card-bottom{padding-top:22px}.writing-observatory .writing-card-bottom time{font-size:8px}.writing-observatory .writing-demo{font-size:7px}.observatory-footer{flex-direction:column;align-items:flex-start;gap:8px;min-height:170px;padding:40px 22px}}@media (max-height:550px) and (orientation:landscape){.observatory-opening{padding-top:125px;padding-bottom:45px}.observatory-opening h2{width:52%;font-size:44px}.observatory-intro{width:48%;font-size:12px}.observatory-coordinate{margin-top:15px}}@media (prefers-reduced-motion:reduce){.observatory-canvas,.writing-observatory .observatory-card,.writing-observatory .observatory-card:before,.writing-observatory .observatory-card:after{transition:none}}