.pisces-hub[hidden]{display:none}
.pisces-hub{position:absolute;inset:0;overflow:auto;color:#edf0e9;padding:0 clamp(22px,5vw,90px);background:linear-gradient(90deg,rgba(2,5,8,.72),transparent 75%);animation:hub-arrive 1.2s ease both;scrollbar-color:#52636c #05090c}
.has-hub .pisces-arrival{z-index:2}.has-hub .pisces-arrival>p{visibility:hidden}.has-hub .pisces-arrival h1{transform-origin:top left;opacity:0}
.hub-header{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:108px;border-bottom:1px solid #b8d6de30;background:#03070bf5}
.hub-mark{font-size:23px;letter-spacing:.25em}.hub-mark span{display:block;font-size:8px;letter-spacing:.22em;margin-top:9px;color:#9eafb6}
.hub-header nav{display:flex;gap:32px}.hub-header button{font:inherit;font-size:13px;color:#b0bfc6;background:none;border:0;cursor:pointer;min-height:44px;padding:8px 0}
.hub-header nav button[aria-pressed=true]{color:#fff;border-bottom:1px solid #d0b58b}.hub-menu-toggle span{margin-left:14px}
.hub-layout{position:relative;max-width:1500px;margin:auto;display:grid;grid-template-columns:1.08fr 1fr;column-gap:7vw;padding:clamp(32px,6vh,80px) 0 30px}
.hub-introduction{z-index:1;align-self:center}.hub-kicker,.hub-panel-heading,.hub-primary-note,.hub-study-label,.hub-footer{font-size:10px;letter-spacing:.15em;color:#a8bbc6}
.hub-introduction h2{font-size:clamp(42px,5.4vw,82px);font-weight:300;line-height:1.03;letter-spacing:-.055em;margin:25px 0}.hub-description{font-size:clamp(14px,1.1vw,17px);line-height:1.8;color:#b7c7ce;max-width:480px}
.hub-primary{display:inline-flex;gap:50px;align-items:center;font-size:17px;border-bottom:1px solid #c6d9df;padding:18px 0 14px;margin-top:15px}.hub-primary span{font-size:25px;color:#d5bd92}.hub-primary:hover{color:#dec6a0}.hub-primary-note{font-size:8px;margin:14px 0 0}
.hub-study{position:relative;height:clamp(230px,29vw,430px);color:#b7cbd95e;transition:transform .8s ease,color .8s ease;pointer-events:none}.hub-study svg{position:absolute;height:110%;width:100%;top:-8%;stroke-width:.7}.hub-study img{position:absolute;object-fit:contain;width:62%;height:80%;left:19%;top:0;filter:brightness(1.15);transition:opacity .8s,transform .8s}.hub-study-label{position:absolute;bottom:0;right:0;font-size:8px;line-height:2}.hub-study-label b{font-weight:400;color:#dae6e9}
.hub-panel{grid-column:1/-1;z-index:1;margin-top:35px}.hub-panel-heading{display:flex;justify-content:space-between;border-bottom:1px solid #bad7dd40;padding-bottom:17px;font-size:9px}
.hub-route{display:flex;gap:24px;align-items:center;border-bottom:1px solid #bad7dd25;padding:20px 0;transition:padding .25s,background .25s}.hub-route>span{font-size:10px;color:#a7b7c0}.hub-route div{display:flex;align-items:baseline;justify-content:space-between;gap:24px;flex:1}.hub-route strong{font-size:clamp(22px,2.2vw,34px);font-weight:300;letter-spacing:-.025em}.hub-route p{font-size:13px;color:#b1c1c9;margin:0}.hub-route>b{font-size:22px;font-weight:300;color:#d2bb98}.hub-route:hover,.hub-route:focus-visible{padding-left:12px;background:#a1c5d108}.hub-solar-link{display:inline-block;padding:19px 0;font-size:12px;color:#d3bfa0}
.hub-outline{display:flex;gap:45px;list-style:decimal-leading-zero;padding-left:25px;margin:28px 0}.hub-outline li{flex:1;padding-left:8px;color:#aabec7}.hub-outline strong{font-size:22px;font-weight:300;color:#e8ece9}.hub-outline p,.hub-availability{font-size:13px;line-height:1.8;color:#b1c1c9}.hub-availability{max-width:720px}
.hub-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #bad7dd25;min-height:65px;font-size:8px}.hub-footer .entrance-replay{position:static;padding:10px;font-size:11px}
.pisces-hub[data-direction=learn] .hub-study{transform:rotate(8deg);color:#c4d8e9}.pisces-hub[data-direction=learn] .hub-study img{opacity:.4;transform:scale(.72)}.pisces-hub[data-direction=take-part] .hub-study{transform:scale(1.04);color:#dac5a887}.pisces-hub[data-direction=take-part] .hub-study img{transform:scale(1.12)}
.hub-menu{width:min(700px,100%);max-height:90dvh;border:1px solid #8ca3af50;background:#070d12;color:#edf0e9;padding:32px}.hub-menu::backdrop{background:#010407dc}.hub-menu>div{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.15em}.hub-menu button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;min-height:44px}.hub-menu nav{display:grid;margin:24px 0}.hub-menu nav a,.hub-menu nav button{font-size:clamp(24px,4vw,36px);text-align:left;padding:16px 0;border-bottom:1px solid #b0c8d030;font-weight:300}.hub-menu>p{font-size:12px;color:#a7bbc7;line-height:1.8}
@keyframes hub-arrive{from{opacity:0}to{opacity:1}}
@media(min-width:1500px){.hub-panel{margin-top:60px}}
@media(max-width:700px){.hub-header{flex-wrap:wrap;gap:5px;min-height:115px;padding:18px 0}.hub-mark{font-size:19px}.hub-header nav{order:3;width:100%;justify-content:space-between;gap:20px}.hub-layout{grid-template-columns:1fr;padding-top:30px}.hub-introduction{grid-column:1;grid-row:1}.hub-study{grid-column:1;grid-row:1;position:absolute;right:-15px;top:10px;width:65%;height:280px;opacity:.38}.hub-introduction h2{font-size:48px}.hub-description{max-width:310px}.hub-description br{display:none}.hub-study-label{display:none}.hub-route{gap:15px}.hub-route div{display:block}.hub-route p{font-size:12px;margin-top:8px;line-height:1.6}.hub-outline{display:block}.hub-outline li{margin:24px 0}.hub-footer{gap:15px}.hub-footer>span:first-child{max-width:150px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){.pisces-hub{animation:none}.has-hub .pisces-arrival{display:none}.hub-study,.hub-study img,.hub-route{transition:none}.pisces-hub[data-direction] .hub-study{transform:none}}