/* A contained, pointer-responsive celestial depth scene for the homepage hero. */
.hero{--depth-x:0;--depth-y:0;isolation:isolate}
.hero-media{inset:-18px;background-position:calc(50% + var(--depth-x) * -9px) calc(50% + var(--depth-y) * -7px);transform:scale(1.035);transition:background-position 80ms linear}
.hero-depth{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.hero-aurora{position:absolute;inset:-20%;background:radial-gradient(ellipse at 72% 31%,rgba(242,200,109,.17),transparent 14%),radial-gradient(ellipse at 68% 38%,rgba(231,109,218,.22),transparent 25%),radial-gradient(ellipse at 82% 55%,rgba(98,66,193,.2),transparent 32%);filter:blur(18px) saturate(125%);transform:translate3d(calc(var(--depth-x) * 15px),calc(var(--depth-y) * 11px),0);transition:transform 80ms linear;will-change:transform}
.hero-constellation{position:absolute;top:18%;right:7%;width:37%;height:56%;opacity:.72;transform:translate3d(calc(var(--depth-x) * 24px),calc(var(--depth-y) * 18px),0);transition:transform 80ms linear;will-change:transform}
.hero-constellation:before,.hero-constellation:after{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(242,200,109,.34),rgba(255,255,255,.12),transparent);content:"";transform-origin:left center}
.hero-constellation:before{top:31%;left:17%;width:55%;transform:rotate(17deg)}.hero-constellation:after{top:61%;left:39%;width:43%;transform:rotate(-29deg)}
.hero-constellation i{position:absolute;width:4px;height:4px;border-radius:50%;background:#fff4d0;box-shadow:0 0 5px #fff,0 0 14px rgba(242,200,109,.85);animation:hero-star-pulse 4.8s ease-in-out infinite}
.hero-constellation i:nth-child(1){top:19%;left:17%}.hero-constellation i:nth-child(2){top:37%;left:43%;animation-delay:-1.2s}.hero-constellation i:nth-child(3){top:31%;right:18%;width:7px;height:7px;animation-delay:-2.7s}.hero-constellation i:nth-child(4){right:8%;bottom:23%;animation-delay:-.6s}.hero-constellation i:nth-child(5){bottom:12%;left:39%;width:5px;height:5px;animation-delay:-3.4s}
.hero-celestial-ring{position:absolute;right:-7%;bottom:-42%;width:min(57vw,720px);aspect-ratio:1;border:1px solid rgba(242,200,109,.19);border-radius:50%;box-shadow:0 0 90px rgba(213,127,232,.12),inset 0 0 70px rgba(123,87,211,.06);transform:translate3d(calc(var(--depth-x) * 32px),calc(var(--depth-y) * 23px),0) rotate(calc(var(--depth-x) * 1.2deg));transition:transform 80ms linear;will-change:transform}
.hero-celestial-ring:before,.hero-celestial-ring:after{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;content:""}.hero-celestial-ring:before{inset:15%}.hero-celestial-ring:after{inset:33%}
.hero-celestial-ring span{position:absolute;top:8%;left:25%;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px #fff4ce,0 0 26px rgba(242,200,109,.9)}
@keyframes hero-star-pulse{0%,100%{opacity:.45;transform:scale(.78)}50%{opacity:1;transform:scale(1.3)}}
@media(max-width:980px){.hero-celestial-ring{right:-32%;bottom:-18%;width:780px;opacity:.55}.hero-constellation{right:-8%;width:60%;opacity:.48}}
@media(max-width:640px){.hero-media{inset:0;background-position:center;transform:none}.hero-constellation{display:none}.hero-celestial-ring{right:-92%;bottom:-7%;opacity:.36}.hero-aurora{opacity:.65}}
@media(prefers-reduced-motion:reduce){.hero-media{background-position:center;transition:none}.hero-aurora,.hero-constellation,.hero-celestial-ring{transform:none;transition:none;will-change:auto}.hero-constellation i{animation:none}}

/* Signature hover for editorial links. */
.pathway-card a,.reading-panel a{position:relative;padding:5px 1px 7px;overflow:visible;isolation:isolate;transition:color 180ms ease,transform 220ms cubic-bezier(.2,.8,.2,1),text-shadow 220ms ease}
.pathway-card a:before,.reading-panel a:before{position:absolute;z-index:-1;right:-9px;bottom:1px;left:0;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--gold),#f6a6ef 58%,#a987ff);box-shadow:0 0 13px rgba(246,166,239,.52);content:"";transform:scaleX(.14);transform-origin:left center;opacity:.55;transition:transform 320ms cubic-bezier(.16,1,.3,1),opacity 180ms ease}
.pathway-card a:after,.reading-panel a:after{position:absolute;right:-15px;top:0;color:#f6a6ef;content:"✦";font-size:.62rem;opacity:0;transform:translate(-7px,4px) rotate(-18deg) scale(.5);transition:opacity 160ms ease,transform 360ms cubic-bezier(.16,1,.3,1)}
.pathway-card a i,.reading-panel a i{transition:transform 320ms cubic-bezier(.16,1,.3,1),filter 220ms ease}
@media(hover:hover) and (pointer:fine){.pathway-card a:hover,.reading-panel a:hover{color:#fff2c9;transform:translateY(-2px);text-shadow:0 0 18px rgba(242,200,109,.3)}.pathway-card a:hover:before,.reading-panel a:hover:before{opacity:1;transform:scaleX(1)}.pathway-card a:hover:after,.reading-panel a:hover:after{opacity:1;transform:translate(0,-3px) rotate(12deg) scale(1)}.pathway-card a:hover i,.reading-panel a:hover i{filter:drop-shadow(0 0 5px rgba(246,166,239,.8));transform:translateX(7px)}}
.pathway-card a:focus-visible,.reading-panel a:focus-visible{border-radius:4px;outline:2px solid var(--gold);outline-offset:5px}
@media(prefers-reduced-motion:reduce){.pathway-card a,.reading-panel a,.pathway-card a:before,.reading-panel a:before,.pathway-card a:after,.reading-panel a:after,.pathway-card a i,.reading-panel a i{transition:none}}
