:root{--night:#07100f;--paper:#e9e5d8;--mint:#b8d6c7;--gold:#ddb86f;--line:rgba(233,229,216,.2);--shell:min(1220px,calc(100vw - 48px))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--night);color:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}#sky{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.55;z-index:-1}.skip{position:fixed;left:20px;top:-80px;background:var(--paper);color:var(--night);padding:12px;z-index:20}.skip:focus{top:20px}header{width:var(--shell);min-height:100px;margin:auto;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.12em;font-size:12px}.brand i{width:21px;height:21px;border:1px solid var(--gold);border-radius:50%;box-shadow:inset -6px 0 var(--gold)}.coordinates{font:10px/1.4 monospace;color:var(--mint)}header nav{display:flex;gap:28px;text-transform:uppercase;letter-spacing:.12em;font-size:10px}header nav a:hover{color:var(--gold)}.hero{width:var(--shell);min-height:760px;margin:auto;display:flex;flex-direction:column;justify-content:center;position:relative;padding:80px 0}.kicker{text-transform:uppercase;letter-spacing:.2em;font-size:10px;color:var(--gold)}.hero h1{max-width:1050px;margin:24px 0 32px;font:400 clamp(60px,8.3vw,126px)/.84 Georgia,serif;letter-spacing:-.065em}.hero h1 em{font-weight:400;color:var(--mint)}.lede{max-width:580px;font:18px/1.6 Georgia,serif;color:rgba(233,229,216,.72)}.down{width:max-content;margin-top:36px;padding-bottom:8px;border-bottom:1px solid var(--gold);font-size:13px}.down span{margin-left:60px}.orbit{position:absolute;width:min(47vw,590px);aspect-ratio:1;right:-11%;top:11%;border:1px solid var(--line);border-radius:50%;z-index:-1}.orbit i{position:absolute;inset:17%;border:1px solid var(--line);border-radius:50%}.orbit i:nth-child(2){inset:34%}.orbit b{position:absolute;width:28px;height:28px;background:var(--gold);border-radius:50%;left:3%;top:38%;box-shadow:0 0 60px rgba(221,184,111,.55)}.orbit span{position:absolute;right:11%;bottom:14%;font:50px Georgia,serif;color:rgba(233,229,216,.16)}.almanac{background:var(--paper);color:var(--night);padding:120px max(24px,calc((100vw - 1220px)/2))}.section-head{display:grid;grid-template-columns:.45fr 1fr .35fr;gap:4vw;align-items:end;margin-bottom:70px}.section-head>p,.section-head>span{text-transform:uppercase;letter-spacing:.14em;font-size:9px}.section-head>span{text-align:right}.section-head h2,.guide h2,.about h2{margin:0;font:400 clamp(44px,5.5vw,78px)/.92 Georgia,serif;letter-spacing:-.05em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid rgba(7,16,15,.25)}.card>div:first-child{height:390px;display:grid;place-items:center;overflow:hidden}.card>div:last-child{padding:28px}.card span{font:9px monospace;letter-spacing:.12em}.card h3{font:400 29px/1.05 Georgia,serif;margin:20px 0 12px}.card p{color:rgba(7,16,15,.68);font-size:14px}.moon>div:first-child{background:#16211f}.moon-disc{width:58%;aspect-ratio:1;border-radius:50%;background:var(--paper);box-shadow:inset -55px -6px #43544e,0 0 60px rgba(233,229,216,.18)}.map>div:first-child{background:#c6c7b3}.constellation{position:relative}.constellation i{position:absolute;width:8px;height:8px;background:var(--night);border-radius:50%;z-index:2}.constellation i:nth-child(1){left:10%;top:70%}.constellation i:nth-child(2){left:30%;top:36%}.constellation i:nth-child(3){left:51%;top:54%}.constellation i:nth-child(4){left:68%;top:14%}.constellation i:nth-child(5){right:9%;top:47%}.constellation svg{width:80%;fill:none;stroke:var(--night);stroke-width:1}.horizon>div:first-child{background:#b99059}.horizon-art{position:relative}.horizon-art i{width:170px;height:170px;border-radius:50%;background:var(--night);box-shadow:0 0 0 18px rgba(7,16,15,.1)}.horizon-art b{position:absolute;bottom:0;width:100%;height:45%;background:var(--paper);border-top:1px solid}.guide{width:var(--shell);margin:auto;padding:150px 0;display:grid;grid-template-columns:1fr .9fr;gap:9vw}.guide-copy>p:last-child{max-width:540px;color:rgba(233,229,216,.65);font:18px/1.6 Georgia,serif}.guide ol{list-style:none;margin:20px 0 0;padding:0}.guide li{display:grid;grid-template-columns:55px 1fr;padding:25px 0;border-top:1px solid var(--line)}.guide li span{font:10px monospace;color:var(--gold)}.guide li b{font:400 21px Georgia,serif}.about{min-height:650px;padding:120px max(24px,calc((100vw - 1220px)/2));background:#101b19;display:grid;grid-template-columns:.8fr 1fr;gap:10vw;align-items:center}.about p:last-child{max-width:620px;color:rgba(233,229,216,.65);font:17px/1.7 Georgia,serif}.globe{width:min(100%,450px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;position:relative}.globe:before,.globe:after,.globe i{content:"";position:absolute;border:1px solid var(--line);border-radius:50%}.globe:before{inset:0 31%}.globe:after{inset:31% 0}.globe i:first-child{inset:13% 0}.globe i:last-child{inset:0 13%}footer{width:var(--shell);margin:auto;padding:65px 0 30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;color:rgba(233,229,216,.7);font-size:12px}footer>a:nth-child(3){text-align:right;color:var(--paper)}footer>div{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.12em;font-size:9px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@media(max-width:820px){header{grid-template-columns:1fr auto}.coordinates{display:none}header nav{gap:14px}.hero{min-height:680px}.orbit{width:80vw;right:-40%;top:18%}.section-head,.guide,.about{grid-template-columns:1fr}.section-head>span{text-align:left}.cards{grid-template-columns:1fr}.card{display:grid;grid-template-columns:1fr 1fr}.card>div:first-child{height:320px}.globe{width:330px}.about{gap:60px}footer{grid-template-columns:1fr 1fr}footer>a:nth-child(3){text-align:left}}@media(max-width:540px){:root{--shell:calc(100vw - 32px)}header nav a:nth-child(2){display:none}.hero{min-height:620px}.hero h1{font-size:clamp(52px,16vw,78px)}.section-head{margin-bottom:45px}.card{display:block}.card>div:first-child{height:280px}.guide{padding-block:100px}.about{padding-block:90px}.globe{width:260px}footer{grid-template-columns:1fr}footer>div{gap:16px;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}
