/* Reference composition: brass instrument, generous type and a low horizon. */
#landing:not([data-exploring=true]) #sky-canvas{opacity:.16}
#landing:not([data-exploring=true]) #sky-hit-targets{visibility:hidden}
#landing .observatory-header{height:78px;padding:10px 2.7vw;background:#050709a8}
#landing .observatory-header .brand-logo{width:225px!important;height:65px!important;object-fit:contain}
#landing .observatory-header nav{left:auto;right:145px;transform:none;gap:34px}
#landing .observatory-header nav a,#landing .observatory-header nav button,#landing .header-signin{font:16px var(--serif)}
#landing .sky-opening{height:max(930px,100svh);min-height:930px;padding:100px 2.7vw 300px;align-items:center;overflow:hidden}
#landing .sky-intro{width:47%;margin:0;position:relative;z-index:4;pointer-events:none}
#landing .sky-intro .intro-actions,#landing .sky-intro a{pointer-events:auto}
#landing .sky-intro h1{font:400 clamp(42px,4.65vw,76px)/1.06 var(--serif);letter-spacing:-1.6px;margin-bottom:25px;white-space:nowrap;color:#f1ead9}
#landing .marketing-line{font:400 clamp(21px,2.15vw,34px)/1.2 var(--serif);color:#d3cec4;max-width:550px;margin-bottom:38px}
#landing .sky-intro>.observatory-kicker,#landing .intro-fine{display:none}
#landing .intro-actions{gap:25px}
#landing .intro-actions .gold-button{background:linear-gradient(120deg,#100f09d9,#59462359,#100f09d9);color:#e8ca7a;border:3px double #c5a358;outline:1px solid #d9b25b;outline-offset:4px;border-radius:12px;font:23px var(--serif);padding:13px 30px;box-shadow:inset 0 0 18px #c29c2830}
#landing #explore-sky{border:1px solid #a18954;border-radius:12px;padding:15px 25px;font:18px var(--serif);background:#05060799;min-height:55px}
.hero-orrery{position:absolute;z-index:2;right:0;top:76px;width:61%;height:calc(100% - 270px);pointer-events:auto}
#landing #sky-depth-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:1;pointer-events:auto;touch-action:pan-y;cursor:grab}
#landing #sky-depth-canvas:active{cursor:grabbing}
#landing #sky-depth-canvas:focus-visible{outline:1px solid #e0bd69;outline-offset:-8px}
.orrery-controls{position:absolute;right:9%;bottom:13px;display:flex;align-items:center;gap:7px;z-index:3;padding:4px 6px;border:1px solid #a78a4b55;border-radius:22px;background:#090b0ec9;color:#c7b988}
.orrery-controls button{width:34px;height:34px;border:1px solid #a78a4b66;border-radius:50%;color:#e1c789;background:#111216;cursor:pointer}
.orrery-picker{font:10px var(--font);display:flex;align-items:center;gap:5px;padding-left:6px}
.orrery-picker select{width:133px;padding:5px;color:#e0d4b8;background:#0d0f12;border:0;font:11px var(--font)}
.orrery-note{position:absolute;bottom:-12px;right:10%;font:9px var(--font);color:#998d76;letter-spacing:.3px}
.orrery-inspector{position:absolute;right:5%;top:12%;width:170px;padding:13px 15px;background:#090b0edc;border:1px solid #b29a5c77;border-radius:12px;pointer-events:none;z-index:3}
.orrery-inspector strong{display:block;color:#e3c580;font:23px var(--serif);margin-bottom:6px}.orrery-inspector span{display:block;color:#c1bdae;font:11px/1.6 var(--font)}
#orrery-fallback{padding:90px 20px;color:#d6c99f}
.hero-horizon{position:absolute;z-index:0;pointer-events:none;left:-15%;right:-15%;height:400px;bottom:-200px;border-radius:50%;border-top:1px solid #8ca5b599;background:radial-gradient(ellipse at 50% -25%,#63717e24,transparent 66%),#030508;box-shadow:0 -9px 35px #789bb532,0 -2px 4px #a7c8e559}
.hero-marginal{position:absolute;left:2.7%;top:110px;color:#8d8e89;font:8px/2 var(--serif);letter-spacing:3px;width:120px}
#landing .rashi-ribbon{left:2%;right:2%;bottom:135px;border-radius:60px;padding:13px 10px;background:linear-gradient(#11151ab8,#080a0bbb);border-color:#a9ada666;z-index:5}
#landing .rashi-ribbon button>span{font-size:30px;font-weight:400}
#landing .rashi-ribbon small{font-size:12px;font-weight:400}
#landing .rashi-ribbon button[aria-pressed=true]{color:#ecdcff;background:radial-gradient(ellipse,#8c69ed22,transparent 65%)}
#landing .rashi-ribbon button[aria-pressed=true]>span{text-shadow:0 0 14px #9d76ed;outline:1px solid #a17af1;border-radius:50%;width:42px;height:42px;display:grid;place-content:center;box-shadow:0 0 15px #7841d34a;margin:-5px 0}
.hero-heritage{position:absolute;left:50%;transform:translateX(-50%);bottom:22px;border:3px double #a88947;outline:1px solid #a88947;outline-offset:4px;border-radius:14px;padding:11px 27px;min-width:480px;text-align:center;color:#cbbd99;background:#020405ad;z-index:2}
.hero-heritage strong{display:block;font:20px var(--serif);color:#e0c38a;margin-bottom:5px}.hero-heritage span{display:block;font:12px/1.7 var(--serif);letter-spacing:.3px}
#landing .opening-caption{display:none}
#landing:not([data-exploring=true]) .sky-controls{visibility:hidden;pointer-events:none}
#landing[data-exploring=true] .hero-orrery,#landing[data-exploring=true] .hero-heritage,#landing[data-exploring=true] .hero-marginal,#landing[data-exploring=true] .hero-horizon{visibility:hidden;pointer-events:none}
#landing[data-exploring=true] .rashi-ribbon{bottom:130px}
@media(min-width:1700px){#landing .sky-intro h1{font-size:76px}.hero-orrery{right:3%;width:57%}}
@media(max-width:1050px) and (min-width:701px){#landing .sky-intro h1{font-size:43px}#landing .marketing-line{font-size:23px}.hero-orrery{right:-10%;width:69%}#landing .intro-actions .gold-button{font-size:18px;padding:13px 20px}#landing #explore-sky{font-size:15px;padding:12px 15px}#landing .intro-actions{gap:16px}.orrery-controls{right:18%}.orrery-note{right:19%}}
@media(max-width:700px){#landing .observatory-header{height:83px;padding:9px 18px}#landing .observatory-header .brand-logo{width:175px!important;height:56px!important}#landing .observatory-header nav{right:18px;gap:13px;top:14px}#landing .observatory-header nav a,#landing .observatory-header nav button{font-size:12px}#landing .header-signin{position:absolute;right:20px;bottom:3px;font-size:11px;min-height:25px}#landing .sky-opening{height:1060px;min-height:1060px;padding:122px 22px 0;display:block}#landing .sky-intro{width:100%}#landing .sky-intro h1{font-size:clamp(31px,7.7vw,49px);letter-spacing:-.8px;margin-bottom:18px}#landing .marketing-line{font-size:20px;max-width:380px;margin-bottom:24px}#landing .intro-actions{gap:16px}#landing .intro-actions .gold-button{font-size:17px;padding:11px 14px;min-height:45px}#landing #explore-sky{font-size:14px;padding:10px 12px;min-height:45px}#landing #explore-sky span{display:none}.hero-orrery{top:355px;right:0;width:100%;height:460px}.orrery-controls{right:50%;transform:translateX(50%);bottom:-2px;white-space:nowrap}.orrery-note{bottom:-23px;right:50%;transform:translateX(50%);white-space:nowrap}.orrery-inspector{right:10px;top:10px;width:135px}.hero-marginal{display:none}#landing .rashi-ribbon{bottom:112px;left:12px;right:12px;border-radius:22px;padding:7px}#landing .rashi-ribbon button{flex-basis:70px}#landing .rashi-ribbon button>span{font-size:25px}#landing .rashi-ribbon small{font-size:10px}.hero-heritage{bottom:18px;min-width:0;width:calc(100% - 54px);padding:9px 10px}.hero-heritage strong{font-size:17px}.hero-heritage span{font-size:10px}.hero-horizon{bottom:-40px;height:320px}#landing[data-exploring=true] .rashi-ribbon{position:fixed;bottom:130px}#landing[data-exploring=true] .sky-intro{height:0}.hero-orrery canvas{touch-action:pan-y}}
@media(prefers-reduced-motion:reduce){#landing .sky-intro{transition:none}}
#landing .reference-brand{gap:17px}#landing .reference-brand>span:last-child{font:32px var(--serif);color:#e8dcc2;letter-spacing:.4px}#landing .reference-brand .brand-compass{font:44px Georgia;color:#cba95b;text-shadow:0 0 12px #bb924d55}
@media(min-width:1051px){#landing .observatory-header{height:55px}.hero-orrery{right:5%;top:42px;height:calc(100% - 290px)}#landing .sky-intro{transform:translateY(20px)}#landing .rashi-ribbon{bottom:178px}.hero-heritage{bottom:58px}.orrery-controls{right:4%;bottom:42px}.orrery-note{right:5%;bottom:16px}}
.hero-horizon{height:430px;bottom:-100px;background:linear-gradient(#07101bdd,#01040adb),url('/assets/planets/earth.jpg') center 45%/cover}
#landing .rashi-ribbon{backdrop-filter:blur(12px)}
@media(max-width:700px){#landing .reference-brand{gap:9px}#landing .reference-brand>span:last-child{font-size:23px}#landing .reference-brand .brand-compass{font-size:31px}#landing .observatory-header nav{gap:9px}#landing .observatory-header nav a,#landing .observatory-header nav button{font-size:11px}.hero-horizon{bottom:-85px;height:340px}}