/* The shared sky belongs to no single tradition. */
.home-sky{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;display:none;background:#07121e}
body[data-route="home"] .home-sky{display:block}
.home-watercolor{position:absolute;inset:-22px;background:url('../assets/art/starfield-watercolor.jpg') center/cover no-repeat;will-change:transform}
.home-sky::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,12,22,.24),rgba(4,12,22,.04) 35%,rgba(4,12,22,.5) 85%),radial-gradient(ellipse at 50% 42%,rgba(4,12,22,.32),transparent 72%)}
.home-mist{position:absolute;inset:-15%;background:radial-gradient(ellipse at 26% 42%,rgba(146,166,190,.09),transparent 48%),radial-gradient(ellipse at 76% 70%,rgba(169,160,183,.07),transparent 40%);animation:homeMist 42s ease-in-out infinite alternate}
#homeConstellations{position:absolute;inset:0;width:100%;height:100%;z-index:1}
@keyframes homeMist{from{transform:translate3d(-2%,1%,0)}to{transform:translate3d(2%,-1%,0)}}
body[data-route="home"]{--silver:#eeeae1;--silver-2:#c8ccd0;--silver-3:#a7b3c1;--silver-4:#8c9aaa;--violet:#c4c9ce;--glow:#eee5d2;--hair-v:rgba(220,225,227,.25);--ink:#07121e}
body[data-route="home"] #starfield,body[data-route="home"] .veil{display:none}
body[data-route="home"] .grain{opacity:.14}
body[data-route="home"] .topbar{background:linear-gradient(180deg,rgba(5,15,26,.86),rgba(5,15,26,.24));border-bottom-color:rgba(225,230,234,.1);backdrop-filter:blur(10px)}
body[data-route="home"] .realm-sigil{opacity:.65}
.view-home.is-live{display:block;padding:0 clamp(22px,5vw,84px) 0;animation:homeEntry 1.2s ease both}
@keyframes homeEntry{from{opacity:0}to{opacity:1}}
.view-home .home-inner{max-width:1320px}
.home-hero{position:relative;min-height:820px;min-height:max(740px,94svh);padding:calc(var(--topbar-h) + 110px) 0 130px;display:flex;align-items:center;justify-content:center;flex-direction:column}
.home-coordinate{position:absolute;top:calc(var(--topbar-h) + 36px);left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.24em;color:#a0afbd}
.home-coordinate span:first-child{font:24px var(--serif)}
.home-coordinate span:nth-child(2){font-size:10px;letter-spacing:.65em;padding-left:.65em}
.view-home .eyebrow{font-size:9px;letter-spacing:.34em;color:#b4bfca}
.home-hero>.eyebrow{margin-bottom:26px}
.home-hero .display{font-size:clamp(58px,7.7vw,112px);line-height:1.03;letter-spacing:-.025em;margin-bottom:28px;max-width:100%;text-wrap:balance;text-shadow:0 3px 35px rgba(2,10,20,.35)}
.home-hero .display .d-italic{color:#ddd8ce;background:none;font-weight:300}
html:is([lang="zh"],[lang="ja"],[lang="ko"]) .home-hero .display .d-italic{font-style:normal}
.home-hero .lede{font-size:12px;max-width:49ch;line-height:1.9;color:#bec7d0;margin-bottom:34px;text-wrap:pretty}
.home-actions{display:flex;justify-content:center}
.home-explore{display:flex;align-items:center;gap:36px;padding:15px 2px;border:0;border-bottom:1px solid rgba(217,221,222,.42);color:#e8e4da;background:transparent;font:400 10px var(--sans);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:border-color .3s}
.home-explore>span:last-child{font-size:19px;transition:transform .4s var(--ease)}
.home-explore:hover{border-color:#e8e4da}
.home-explore:hover>span:last-child{transform:translateY(4px)}
.home-horizon{position:absolute;bottom:30px;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(221,226,230,.18);padding-top:22px;text-align:left}
.home-hint{font-family:var(--serif);font-style:italic;font-size:16px;color:#b6c0cb}
.home-sky-tools{display:flex;gap:24px}
.home-tool{background:none;border:0;padding:8px 0;display:inline-flex;align-items:center;gap:9px;color:#b8c4cf;font:300 9px var(--sans);letter-spacing:.1em;cursor:pointer;transition:color .3s;min-height:40px}
.home-tool:hover{color:#fff4de}
.home-tool>span:first-child{font-size:18px;min-width:15px;text-align:center}
.home-tool[aria-pressed="true"]{color:#e8dfcc}
.view-home :is(button,a):focus-visible{outline:1px solid #eee5d2;outline-offset:6px}
body[data-motion="calm"] .home-mist{animation:none}
body[data-motion="calm"] .home-watercolor{transform:none!important}
@media(min-width:1600px){.home-hero{min-height:92svh}}
@media(max-width:1000px){.home-hero .display{font-size:clamp(56px,8.3vw,90px)}}
@media(max-width:760px){.home-hero{min-height:max(710px,92svh);padding-top:calc(var(--topbar-h) + 110px)}.home-horizon{align-items:flex-start}.home-hint{max-width:24ch;font-size:14px}.home-sky-tools{gap:16px}.home-coordinate{top:calc(var(--topbar-h) + 25px)}}
@media(max-width:480px){.home-hero .display{font-size:clamp(42px,11vw,58px);line-height:1.13}.home-hero .lede{font-size:11px;max-width:32ch}.home-hero>.eyebrow{font-size:8px;letter-spacing:.18em}.home-horizon{flex-direction:column;align-items:center;gap:8px;padding-top:15px;bottom:20px}.home-hint{max-width:none}.home-sky-tools{gap:28px}.home-tool{font-size:9px}.home-coordinate span:nth-child(2){letter-spacing:.45em}.home-coordinate{font-size:8px}}
@media(prefers-reduced-motion:reduce){.home-mist{animation:none}.home-watercolor{transform:none!important}}
