/* Final observatory treatment: real controls above the live catalog sky. */
#landing{--accent:#d3b56a;--text:#f0eadc}
.observatory-header{border-bottom:1px solid #c9aa5b38;background:linear-gradient(#07080be8,#07080b80)}
.sky-intro h1{color:#f3edde;text-shadow:0 2px 28px #000;font-weight:400}
.sky-intro h1 em{color:#e7d9b6}
#landing .gold-button{border:1px solid #ddbf73;outline:1px solid #ac88444a;outline-offset:4px;background:linear-gradient(115deg,#b99a48,#e0c479 45%,#b99a48);color:#15120b;box-shadow:0 0 25px #d9b65719;border-radius:3px}
#landing .gold-button:hover{box-shadow:0 0 30px #d9b65735}
.rashi-ribbon{pointer-events:auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));position:absolute;left:5vw;right:5vw;bottom:116px;border:1px solid #cbb27155;border-radius:18px;background:linear-gradient(120deg,#121314bb,#08090cc9);backdrop-filter:blur(16px);padding:12px 8px;z-index:3}
.rashi-ribbon button{display:flex;flex-direction:column;align-items:center;gap:8px;min-height:68px;padding:8px 3px;color:#e1d1ac;background:transparent;border:0;border-right:1px solid #b99d5636;cursor:pointer;border-radius:0}
.rashi-ribbon button:last-child{border-right:0}.rashi-ribbon button>span{font-size:25px;font-family:Georgia,serif;line-height:1.2}
.rashi-ribbon small{font-size:11px;font-family:Georgia,serif;letter-spacing:.3px}
.rashi-ribbon button:hover,.rashi-ribbon button[aria-pressed=true]{color:#fff0c5;background:radial-gradient(ellipse at center,#997d4030,transparent 75%)}
.rashi-ribbon button[aria-pressed=true]>span{text-shadow:0 0 15px #d1b56a}
.rashi-ribbon button:focus-visible{outline:2px solid #edce7c;outline-offset:2px;border-radius:4px}
.rashi-ribbon button:disabled{opacity:.45;cursor:wait}
.sky-opening{position:relative}.sky-intro{margin-bottom:90px}
@media(min-width:1051px){.sky-intro h1{font-size:clamp(48px,4.5vw,78px)}.sky-intro{width:53vw}.marketing-line{max-width:480px;font-family:Georgia,serif;font-size:clamp(17px,1.5vw,24px);line-height:1.45}}
@media(max-width:700px){.rashi-ribbon{left:20px;right:20px;bottom:158px;display:flex;overflow-x:auto;border-radius:12px;padding:6px;scrollbar-width:thin;scrollbar-color:#a58b4b transparent}.rashi-ribbon button{flex:0 0 71px;min-height:58px;gap:5px}.rashi-ribbon button>span{font-size:22px}.rashi-ribbon small{font-size:10px}.sky-intro{margin-bottom:115px}.sky-intro h1{font-size:clamp(37px,9.5vw,52px)}.sky-opening{min-height:900px}.opening-caption{bottom:134px}}
@media(prefers-reduced-motion:reduce){.rashi-ribbon{scroll-behavior:auto}}

#workspace{background-image:linear-gradient(#080a0de8,#080a0de8),url('/assets/observatory-sky.png');background-size:auto,cover;background-position:center;background-attachment:scroll}
#sky-stage{background:#05060a url('/assets/observatory-sky.png') center/cover}
#sky-canvas{opacity:.8}

/* Editorial artwork retains the existing type and interaction system. */
.chapter-art{margin:0;position:absolute;width:53%;max-width:900px;left:2%;pointer-events:none}
.chapter-art img{display:block;width:100%;height:auto;mask-image:radial-gradient(ellipse at center,#000 48%,transparent 73%)}
.about-chapter .heritage-art{left:auto;right:1%}
.founder-heritage{position:relative;min-height:420px;padding-right:38%!important;background-image:linear-gradient(90deg,#080a0df5,#080a0dd9),url('/assets/editorial/jyotish-heritage.png');background-size:cover;background-position:center}
.founder-portrait{position:absolute;right:4%;top:36px;width:29%;margin:0}
.founder-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid #b99a57;border-radius:8px;box-shadow:0 16px 48px #0008}
.founder-portrait figcaption{margin-top:14px;color:var(--muted,#b7b4ac);font-size:13px;line-height:1.6}
@media(max-width:850px){.sky-chapter.moment-chapter,.sky-chapter.about-chapter{flex-direction:column;gap:24px}.chapter-art,.about-chapter .heritage-art{position:relative;inset:auto;width:100%;max-width:540px}.about-chapter .heritage-art{order:2}.founder-heritage{padding-right:24px!important}.founder-portrait{position:static;width:min(100%,320px);margin:28px auto 0}}
