/* 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:var(--type-min);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:var(--type-min)}.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.webp?v=d9d91f19cc');background-size:auto,cover;background-position:center;background-attachment:scroll}
#sky-stage{background:#05060a url('/assets/observatory-sky.webp?v=d9d91f19cc') 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.webp?v=1555b14c11');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}}

/* Reference artwork remains visible; live copy and chart results stay selectable. */
.about-art-hero{position:relative;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden;border:1px solid #b99a5740;border-radius:10px;min-height:min(580px,66vw);aspect-ratio:1.5;background:#05080c}
.about-observatory-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.about-art-intro{position:relative;width:49%;padding:38px 0 0 36px;text-shadow:0 2px 12px #000}
.about-art-intro h2{font-size:clamp(30px,3.8vw,62px);line-height:1.06;margin:22px 0}
.about-art-intro p{line-height:1.65;font-size:16px;color:#eee4d0}
.founder-heritage{background-image:none}
.yoga-editorial{background:linear-gradient(#05080c65,#05080c65),url('/assets/observatory-sky.webp?v=d9d91f19cc') center/cover;padding:0 24px}
.yoga-editorial-row{display:grid;grid-template-columns:220px minmax(0,1fr);align-items:center;gap:36px;padding:20px 0;border-top:1px solid #bd984d99;min-height:240px}
.yoga-editorial-row:last-child{border-bottom:1px solid #bd984d99}
.yoga-emblem{display:block;width:220px;aspect-ratio:1;background-image:url('/assets/editorial/yoga-emblems.png?v=63c1e872ed');background-size:300% 100%;background-repeat:no-repeat;mask-image:radial-gradient(circle,#000 57%,transparent 72%)}
.yoga-emblem-gaja{background-position:0% center}.yoga-emblem-budha{background-position:50% center}.yoga-emblem-dosha{background-position:100% center}
.yoga-editorial-copy h3{font-size:clamp(26px,3vw,42px);font-weight:400;margin:0 0 14px}.yoga-editorial-copy p{line-height:1.65;margin-top:18px}.yoga-editorial-copy .chip{border:1px solid #d2ab4b;color:#e9c46a;background:#090b0e;border-radius:24px;padding:5px 16px}
/* Up to 1100px the workspace column is narrower than the 1.5:1 artwork plus its side copy, so the copy stacks above the image. */
@media(max-width:1100px){.about-art-hero{aspect-ratio:auto;min-height:0;padding-bottom:75%}.about-observatory-art{object-fit:contain;object-position:center bottom}.about-art-intro{width:100%;padding:24px;background:linear-gradient(#05080c,#05080cf0)}}
@media(max-width:700px){.about-art-intro h2{font-size:36px}.yoga-editorial{padding:0 14px}.yoga-editorial-row{grid-template-columns:100px minmax(0,1fr);gap:14px;min-height:180px}.yoga-emblem{width:100px}.yoga-editorial-copy h3{font-size:25px}}

.graha-emblem{display:inline-block;flex-shrink:0;aspect-ratio:1;background-image:url('/assets/editorial/graha-emblems.png?v=e653820edc');background-size:300% 300%;background-repeat:no-repeat;mask-image:radial-gradient(circle,#000 58%,transparent 71%)}
.dasha-emblem{width:58px;vertical-align:middle;margin-right:12px}.reading-period-heading{align-items:center}
.graha-sun{background-position:0% 0%}
.graha-moon{background-position:50% 0%}
.graha-mars{background-position:100% 0%}
.graha-mercury{background-position:0% 50%}
.graha-jupiter{background-position:50% 50%}
.graha-venus{background-position:100% 50%}
.graha-saturn{background-position:0% 100%}
.graha-rahu{background-position:50% 100%}
.graha-ketu{background-position:100% 100%}
@media(max-width:700px){.dasha-emblem{width:40px;margin-right:6px}}

.yoga-emblem-neutral{background-image:none;border:1px solid #aa8640;border-radius:50%;box-shadow:inset 0 0 0 12px #080b0d,inset 0 0 0 13px #715a32;mask-image:none;transform:scale(.75)}

.planet-emblem-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:14px;margin-bottom:24px}.planet-emblem-item{display:flex;flex-direction:column;align-items:center;gap:7px;color:#d9bb77;font-size:13px}.planet-emblem-item .graha-emblem{width:64px}
